/* NAMI / FINANCE NAVIGATOR — bookkeeping + controlling */
:root{--void:#061113;--ink:#081416;--ink1:#0b1a1c;--ink2:#102326;--rim:rgba(244,159,58,.15);--rim2:rgba(244,159,58,.36);--fg:#fff4dc;--fg2:rgba(244,233,207,.68);--fg3:rgba(244,233,207,.38);--bg:#061113;--bg1:#081719;--bg2:#0d2022;--surface:rgba(255,247,222,.035);--surface2:rgba(255,247,222,.07);--border:rgba(244,159,58,.15);--border2:rgba(244,159,58,.36);--accent:#f6b84d;--accent2:#e97532;--indigo:#f18a39;--amber:#ffd166;--red:#ff6e69;--blue:#58d2c4;--green:#64d8a6;--r:11px;--r-sm:8px;--sidebar:248px;--topbar:68px}
body{background:radial-gradient(circle at 92% -5%,rgba(233,117,50,.16),transparent 28rem),radial-gradient(circle at 3% 105%,rgba(35,154,155,.12),transparent 32rem),linear-gradient(145deg,#051012,#0a181a 45%,#071315)}body::before{background:linear-gradient(rgba(79,193,183,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(79,193,183,.022) 1px,transparent 1px),radial-gradient(circle at 80% 12%,rgba(246,184,77,.13),transparent 25%);background-size:52px 52px,52px 52px,auto}body::after{opacity:.2;background-image:radial-gradient(circle,rgba(246,184,77,.34) 0 1px,transparent 1.4px);background-size:137px 137px}
#billieGate{justify-items:start!important;padding:clamp(22px,6vw,92px)!important;background:linear-gradient(90deg,rgba(3,13,14,.95),rgba(3,13,14,.76) 41%,rgba(3,13,14,.08) 75%),linear-gradient(180deg,transparent 55%,#031012 100%),url("/assets/nami/nami-finance-navigator-hero.png") 52% center/cover!important}#billieGate::before,#billieGate::after{display:none}#billieGate>div{width:min(480px,calc(100vw - 36px))!important;margin-left:clamp(0px,3vw,55px);padding:45px 42px 40px!important;text-align:left!important;border:1px solid rgba(246,184,77,.32)!important;border-radius:15px!important;background:rgba(6,19,20,.86)!important;box-shadow:0 38px 100px rgba(0,0,0,.56),inset 0 1px rgba(255,244,215,.07)!important;backdrop-filter:blur(18px) saturate(130%)}#billieGate>div::before{width:4px;height:95px;border-radius:0 5px 5px 0;background:linear-gradient(#ff7b34,#f6b84d,#4ccabc)}#billieGate>div::after{content:"GRAND LINE FINANCE · AUTHORIZED CREW";color:rgba(246,184,77,.52)}#billieGate img{display:none!important}#billieGate>div>div:nth-of-type(1){margin-top:35px;color:#fff1d4!important;font-size:46px!important;font-weight:800!important;letter-spacing:-.04em!important;text-transform:uppercase}#billieGate>div>div:nth-of-type(1)::before{content:"航海士 · FINANCE NAVIGATOR";display:block;margin-bottom:13px;color:#f28b38;font:800 9px/1 var(--font-h);letter-spacing:.22em}#billieGate>div>div:nth-of-type(2){margin:8px 0 25px!important;color:rgba(244,233,207,.65)!important;font-size:11px!important}#billieGate input{min-height:49px;border-color:rgba(246,184,77,.19)!important;border-radius:8px!important;background:rgba(3,13,14,.74)!important}#billieGate input:focus{border-color:#f6b84d!important;box-shadow:inset 3px 0 #f28b38,0 0 0 3px rgba(246,184,77,.08)}#billieGate #bgBtn{min-height:49px;border-radius:8px!important;background:linear-gradient(110deg,#ffd06c,#f28b38 62%,#ed6335)!important;box-shadow:0 15px 38px -15px rgba(242,139,56,.8)}
.topbar{min-height:var(--topbar);height:var(--topbar);padding-inline:1.4rem;background:rgba(4,17,18,.9);border-color:rgba(244,159,58,.18)}.topbar::after{width:150px;background:linear-gradient(90deg,#f28b38,#f6b84d,#4ccabc)}.tb-mark{width:42px;height:42px;padding:0;overflow:hidden;border:2px solid rgba(246,184,77,.46);border-radius:50%;background:url("/assets/nami/nami-finance-navigator-hero.png") 76% 22%/260%}.tb-mark img{display:none}.tb-name{color:#fff0cf;font-size:18px;letter-spacing:.08em}.tb-badge{color:#f6b84d;border-color:rgba(246,184,77,.3)}.tb-pill,.tb-account,.tb-hamburger{border-color:rgba(246,184,77,.13);background:rgba(255,244,217,.035)}.tb-account:hover,.tb-hamburger:hover{background:rgba(242,139,56,.1);border-color:rgba(242,139,56,.48)}
.sidebar{background:linear-gradient(180deg,rgba(6,22,23,.96),rgba(4,15,17,.9)),url("/assets/nami/nami-treasure-control-map.png") 35% center/cover;border-color:rgba(244,159,58,.13)}.sidebar::before{content:"NAMI · MONEY NAVIGATION";color:rgba(246,184,77,.46)}.nav-section{color:rgba(246,184,77,.52)}.nav-item:hover{background:rgba(242,139,56,.065);border-color:rgba(242,139,56,.16)}.nav-item.active{color:#fff3d9;background:linear-gradient(105deg,rgba(242,139,56,.17),rgba(68,196,184,.055));border-color:rgba(246,184,77,.34);box-shadow:inset 3px 0 #f28b38,0 12px 30px rgba(0,0,0,.2)}.nav-icon{color:#f6b84d}.nav-badge.gold{color:#ffd166;background:rgba(246,184,77,.11);border:1px solid rgba(246,184,77,.28)}
#view-chat{padding:0}#view-chat .chat-shell{height:calc(100vh - var(--topbar))}.chat-messages{padding:clamp(18px,3vw,42px)}.chat-welcome{min-height:430px;max-width:none;width:100%;margin:0;padding:clamp(34px,6vw,84px);align-items:flex-start;justify-content:center;text-align:left;overflow:hidden;position:relative;border:1px solid rgba(246,184,77,.2);border-radius:18px;background:linear-gradient(90deg,rgba(3,15,16,.94),rgba(3,15,16,.72) 43%,rgba(3,15,16,.08) 73%),linear-gradient(180deg,transparent 55%,rgba(3,15,16,.8)),url("/assets/nami/nami-finance-navigator-hero.png") 50% center/cover;box-shadow:0 32px 85px rgba(0,0,0,.32)}.chat-welcome::before{content:"FINANCE NAVIGATOR · GRAND LINE OF CASHFLOW";color:#f28b38;font:800 9px/1 var(--font-h);letter-spacing:.2em}.chat-welcome::after{content:"航海士";position:absolute;left:6%;bottom:-45px;color:rgba(255,244,220,.035);font:800 170px/1 var(--font-h);pointer-events:none}.chat-welcome-mark{display:none}.chat-welcome h2{max-width:640px;margin-top:5px;color:#fff0cf;font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-.055em;text-align:left}.chat-welcome p{max-width:560px;color:rgba(244,233,207,.72);font-size:clamp(14px,1.4vw,18px);text-align:left}.chat-chips{max-width:630px;justify-content:flex-start}.chat-chip{border-color:rgba(246,184,77,.26);border-radius:999px;background:rgba(4,18,19,.68);color:#f6dfb4;backdrop-filter:blur(12px)}.chat-chip:hover{border-color:#f6b84d;background:rgba(242,139,56,.16)}.chat-input-wrap{border-color:rgba(246,184,77,.16);background:rgba(4,17,18,.92)}.chat-input-row{border-color:rgba(246,184,77,.26);border-radius:12px;background:rgba(2,13,14,.72)}.chat-send{background:linear-gradient(135deg,#f6b84d,#ee7135);color:#1c1008}
.view:not(#view-chat):not(#view-control){padding:clamp(18px,2.3vw,36px)}.page-hd h1{color:#fff0d0}.page-hd h1::before{color:#f28b38}.page-hd::before{content:"NAMI · FINANCIAL NAVIGATION / LIVE";color:rgba(246,184,77,.35)}.card,.stat,.doc-row,.bank-card,.tx-row,.match-card,.art-card{border-color:rgba(246,184,77,.13);border-radius:10px;background:linear-gradient(145deg,rgba(13,35,36,.9),rgba(6,22,23,.82))}.card::before{width:3px;background:linear-gradient(#f28b38,#f6b84d,#4ccabc)}.btn-primary,.btn-success{color:#1d1208;background:linear-gradient(135deg,#ffd06c,#f28b38);box-shadow:0 8px 24px rgba(242,139,56,.25)}
#view-control{padding:clamp(16px,2vw,30px);gap:16px}.control-hero{min-height:220px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(24px,4vw,52px);border:1px solid rgba(246,184,77,.22);border-radius:17px;background:linear-gradient(90deg,rgba(2,15,17,.9),rgba(2,15,17,.52) 55%,rgba(2,15,17,.08)),linear-gradient(180deg,transparent 35%,rgba(2,15,17,.92)),url("/assets/nami/nami-treasure-control-map.png") center 51%/cover}.control-hero__eyebrow{margin-bottom:10px;color:#f28b38;font:800 9px/1 var(--font-h);letter-spacing:.2em}.control-hero h1{max-width:680px;color:#fff1d5;font:800 clamp(32px,4vw,62px)/.95 var(--font-h);letter-spacing:-.055em}.control-hero p{max-width:680px;margin-top:13px;color:rgba(244,233,207,.7)}.control-actions{display:flex;gap:9px;flex-shrink:0}.control-frame-shell{min-height:760px;overflow:hidden;position:relative;border:1px solid rgba(246,184,77,.2);border-radius:17px;background:#061113;box-shadow:0 35px 90px rgba(0,0,0,.28)}.control-frame-shell::before{content:"NAMI CONTROL DECK · LIVE FINANCE INTELLIGENCE";position:absolute;z-index:2;right:18px;top:10px;color:rgba(246,184,77,.44);font:800 8px/1 var(--font-h);letter-spacing:.16em;pointer-events:none}#controlFrame{width:100%;height:760px;display:block;border:0;background:#061113}
@media(max-width:800px){#billieGate{align-items:flex-end!important;justify-items:stretch!important;padding:18px!important;background-position:66% center!important}#billieGate>div{margin:0;padding:30px 25px 24px!important}#billieGate>div>div:nth-of-type(1){font-size:36px!important}.chat-messages{padding:12px}.chat-welcome{min-height:520px;padding:32px 24px;background-position:66% center}.chat-welcome h2{max-width:75%;font-size:42px}.chat-welcome p{max-width:75%;font-size:13px}.control-hero{min-height:330px;display:block;background-position:44% center}.control-hero h1{font-size:38px}.control-actions{margin-top:22px;flex-wrap:wrap}.control-frame-shell,#controlFrame{min-height:700px;height:700px}}