*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}:root{--fs-greeting: 24px;--fs-title: 22px;--fs-card-header: 17px;--fs-section-label: 11px;--fs-hero-stat: 32px;--fs-stat: 24px;--fs-body: 14px;--fs-table-header: 11px;--fs-table-body: 13px;--fs-table-mono: 12px;--fs-nav: 14px;--fs-nav-section: 11px;--fs-button: 14px;--fs-tag: 10px;--fs-pill: 11px;--fs-hint: 12px;--fs-empty: 15px;--sidebar-width: 240px}[data-theme=light]{--bg-app: #F2F4F8;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFB;--bg-input: #F2F4F8;--sidebar-bg: #0F1923;--sidebar-section: rgba(255,255,255,.35);--sidebar-text: rgba(255,255,255,.55);--sidebar-text-hover: rgba(255,255,255,.85);--sidebar-active-bg: rgba(232,119,34,.12);--border-card: #E2E8F0;--border-subtle: rgba(0,0,0,.04);--text-primary: #111B2B;--text-secondary: #4A5567;--text-muted: #8899AA;--accent: #E87722;--accent-hover: #D06A1E;--accent-bg: rgba(232,119,34,.08);--accent-text: #E87722;--accent-glow: 0 2px 12px rgba(232,119,34,.25);--teal: #0D9488;--teal-bg: rgba(13,148,136,.08);--teal-text: #0D9488;--green: #059669;--green-bg: rgba(5,150,105,.08);--green-text: #047857;--red: #DC2626;--red-bg: rgba(220,38,38,.06);--red-text: #B91C1C;--amber: #D97706;--amber-bg: rgba(217,119,6,.08);--amber-text: #B45309;--card-shadow: 0 1px 3px rgba(17,27,43,.04), 0 4px 14px rgba(17,27,43,.03);--card-shadow-hover: 0 2px 6px rgba(17,27,43,.06), 0 8px 24px rgba(17,27,43,.05);--tag-blend-bg: rgba(13,148,136,.08);--tag-blend-color: #0A756C;--tag-tank-bg: #EDE9FE;--tag-tank-color: #6D28D9;--tag-vessel-bg: #F0F7FF;--tag-vessel-color: #1E5FAA;--tag-deal-bg: rgba(232,119,34,.08);--tag-deal-color: #C4621A;--table-border: #F1F5F9;--table-header-border: #E2E8F0;--table-header-bg: #F8FAFB;--source-text: #8899AA;--focus-ring: 0 0 0 3px rgba(13,148,136,.15)}[data-theme=dark]{--bg-app: #0E1520;--bg-card: #162032;--bg-card-hover: #1A2640;--bg-input: #111B2B;--sidebar-bg: #080D15;--sidebar-section: rgba(255,255,255,.25);--sidebar-text: rgba(255,255,255,.4);--sidebar-text-hover: rgba(255,255,255,.75);--sidebar-active-bg: rgba(232,119,34,.1);--border-card: rgba(255,255,255,.06);--border-subtle: rgba(255,255,255,.03);--text-primary: #E8ECF1;--text-secondary: #8FA0B8;--text-muted: #4A5A70;--accent: #E87722;--accent-hover: #F08830;--accent-bg: rgba(232,119,34,.12);--accent-text: #F09040;--accent-glow: 0 2px 16px rgba(232,119,34,.3);--teal: #2DCCD3;--teal-bg: rgba(45,204,211,.1);--teal-text: #2DCCD3;--green: #34D399;--green-bg: rgba(52,211,153,.1);--green-text: #34D399;--red: #F87171;--red-bg: rgba(248,113,113,.08);--red-text: #F87171;--amber: #FBBF24;--amber-bg: rgba(251,191,36,.1);--amber-text: #FBBF24;--card-shadow: 0 1px 4px rgba(0,0,0,.2);--card-shadow-hover: 0 2px 8px rgba(0,0,0,.3);--tag-blend-bg: rgba(45,204,211,.1);--tag-blend-color: #2DCCD3;--tag-tank-bg: rgba(124,58,237,.12);--tag-tank-color: #A78BFA;--tag-vessel-bg: rgba(45,204,211,.1);--tag-vessel-color: #2DCCD3;--tag-deal-bg: rgba(232,119,34,.12);--tag-deal-color: #F09040;--table-border: rgba(255,255,255,.03);--table-header-border: rgba(255,255,255,.06);--table-header-bg: rgba(255,255,255,.02);--source-text: #3E4F65;--focus-ring: 0 0 0 3px rgba(45,204,211,.2)}body{background:var(--bg-app);color:var(--text-primary);transition:background .35s ease,color .35s ease}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-content{flex:1;overflow-y:auto;padding:0 32px 32px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;padding:16px 0;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:24px}.sidebar-logo{width:36px;height:36px;min-width:36px;border-radius:10px;background:#0f1923;display:flex;align-items:center;justify-content:center}.sidebar-logo svg{width:28px;height:28px}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-app-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.2}.sidebar-app-sub{font-size:var(--fs-nav-section);color:var(--sidebar-section);font-weight:400;letter-spacing:.2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;padding:0 8px}.nav-section-label{font-size:var(--fs-nav-section);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--sidebar-section);padding:8px 8px 4px}.sidebar-divider{height:1px;background:#ffffff0f;margin:14px 8px}.nav-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:8px;color:var(--sidebar-text);cursor:pointer;transition:background .2s,color .2s;border:none;background:transparent;text-decoration:none;width:100%;position:relative}.nav-item svg{width:18px;height:18px;min-width:18px;transition:color .2s}.nav-item:hover{color:var(--sidebar-text-hover);background:#ffffff0d}.nav-item:hover svg{color:var(--sidebar-text-hover)}.nav-item.active{color:var(--accent-text);background:var(--sidebar-active-bg)}.nav-item.active svg{color:var(--accent-text)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--accent)}.nav-label{font-size:var(--fs-nav);font-weight:500;white-space:nowrap}.topbar{padding:28px 32px 24px;display:flex;align-items:center;justify-content:space-between}.topbar-greeting{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-greeting);font-weight:700;letter-spacing:-.3px;color:var(--text-primary);line-height:1.4}.topbar-greeting .name{color:var(--accent-text)}.topbar-subtitle{font-size:var(--fs-body);color:var(--text-muted);font-weight:400;margin-top:1px}.topbar-actions{display:flex;align-items:center;gap:8px}.theme-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.theme-toggle:hover{border-color:var(--teal);color:var(--teal-text)}.theme-toggle svg{width:16px;height:16px}.avatar{width:36px;height:36px;border-radius:8px;background:var(--accent-bg);color:var(--accent-text);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;border:1px solid var(--border-card)}.pill{padding:5px 12px;border-radius:8px;font-size:var(--fs-pill);font-weight:600;display:flex;align-items:center;gap:5px;background:var(--accent-bg);color:var(--accent-text);border:1px solid rgba(232,119,34,.12)}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:12px 14px;box-shadow:var(--card-shadow);transition:background .35s,border-color .35s,box-shadow .2s}.card-label{font-size:var(--fs-section-label);font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);line-height:1.4;margin-bottom:6px}.card-value{font-family:JetBrains Mono,monospace;font-size:var(--fs-stat);font-weight:700;letter-spacing:-.5px;line-height:1.4}.card-subtitle{font-size:var(--fs-hint);color:var(--text-muted);margin-top:4px}.btn{border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:var(--fs-button);font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none;display:inline-flex;align-items:center;gap:6px;line-height:1.4}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 20px #e8772259;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(220,38,38,.2)}.btn-ghost{background:transparent;color:var(--teal-text)}.btn-ghost:hover{background:var(--teal-bg)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:600;padding:4px 6px;border-bottom:1px solid var(--table-header-border);background:var(--table-header-bg);font-size:var(--fs-table-header);text-transform:uppercase;letter-spacing:.8px}.table td{padding:4px 6px;color:var(--text-secondary);border-bottom:1px solid var(--table-border);font-family:Inter,sans-serif;font-size:var(--fs-table-body)}.table td.mono{font-family:JetBrains Mono,monospace;font-size:var(--fs-table-mono);font-weight:500}.table tr:hover td{background:var(--bg-card-hover)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border-card);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-family:Inter,sans-serif;font-size:var(--fs-body);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--teal);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--text-muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-family:Inter,sans-serif;font-size:var(--fs-tag);font-weight:600;letter-spacing:.3px}.mono{font-family:JetBrains Mono,monospace}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-accent{color:var(--accent-text)}.text-teal{color:var(--teal-text)}.text-muted{color:var(--text-muted)}@keyframes skeleton-pulse{0%,to{opacity:.06}50%{opacity:.12}}.skeleton{background:var(--text-primary);border-radius:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-app);text-align:center;padding:24px}.access-denied-icon{width:64px;height:64px;border-radius:50%;background:var(--red-bg);color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.access-denied-icon svg{width:28px;height:28px}.access-denied h1{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--fs-title);font-weight:700;letter-spacing:-.3px;color:var(--text-primary);margin-bottom:8px}.access-denied p{font-size:var(--fs-body);color:var(--text-secondary);max-width:360px;margin-bottom:24px}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-muted)}.page-placeholder-icon{width:48px;height:48px;border-radius:12px;background:var(--accent-bg);color:var(--accent-text);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.page-placeholder-icon svg{width:22px;height:22px}.page-placeholder h2{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--fs-card-header);font-weight:700;letter-spacing:-.2px;color:var(--text-primary);margin-bottom:4px}.page-placeholder p{font-size:var(--fs-body);color:var(--text-muted)}@keyframes help-btn-appear{0%{transform:scale(0)}to{transform:scale(1)}}.help-button{position:fixed;bottom:20px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--accent-glow);transition:box-shadow .2s;z-index:50;animation:help-btn-appear .3s ease forwards}.help-button:hover{box-shadow:0 4px 20px #e8772266}.help-button svg{width:16px;height:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}