:root,[data-theme=dark]{--bg-primary: #0b0d10;--bg-secondary: #12151b;--bg-elevated: #171b22;--bg-subtle: #1f242d;--text-primary: #f3f5f8;--text-secondary: #9ba3b0;--text-muted: #68707e;--border-color: #232832;--border-strong: #323946;--brand-forest: #10b981;--brand-forest-hover: #059669;--brand-forest-soft: rgba(16, 185, 129, .14);--brand-terracotta: #f59e0b;--brand-terracotta-soft: rgba(245, 158, 11, .14);--signal-emerald: #34d399;--signal-emerald-bg: rgba(16, 185, 129, .14);--signal-amber: #fbbf24;--signal-amber-bg: rgba(245, 158, 11, .14);--signal-danger: #f87171;--signal-danger-bg: rgba(239, 68, 68, .15);--font-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 7px;--radius-md: 11px;--radius-lg: 15px;--shadow-subtle: 0 2px 10px rgba(0, 0, 0, .35);--shadow-card: 0 14px 34px -10px rgba(0, 0, 0, .55);--shadow-modal: 0 28px 68px -12px rgba(0, 0, 0, .78)}[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #f1f3f5;--bg-elevated: #ffffff;--bg-subtle: #e9ecef;--text-primary: #111315;--text-secondary: #495057;--text-muted: #868e96;--border-color: #dee2e6;--border-strong: #ced4da;--brand-forest: #0ca678;--brand-forest-hover: #099268;--brand-forest-soft: #e6fcf5;--brand-terracotta: #d97706;--brand-terracotta-soft: #fff9db;--signal-emerald: #0ca678;--signal-emerald-bg: #e6fcf5;--signal-amber: #d97706;--signal-amber-bg: #fff9db;--signal-danger: #e03131;--signal-danger-bg: #fff5f5;--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .04);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .07);--shadow-modal: 0 24px 60px -12px rgba(0, 0, 0, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15.5px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.55;letter-spacing:-.011em;min-height:100vh;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.serif-display{font-family:var(--font-sans);font-weight:600;letter-spacing:-.035em;line-height:1.12}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--brand-forest);font-weight:600;display:inline-flex;align-items:center;gap:.45rem}.container{width:100%;max-width:1360px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border-radius:var(--radius-sm);font-weight:500;font-size:.87rem;letter-spacing:-.01em;transition:all .15s ease;white-space:nowrap;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand-forest);color:#06130e;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--brand-forest-hover);color:#fff;transform:translateY(-1px)}.btn-terracotta{background-color:var(--brand-terracotta);color:#120d02;font-weight:600}.btn-terracotta:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--text-secondary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:.4rem .78rem;font-size:.79rem}.btn-lg{padding:.82rem 1.5rem;font-size:.93rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .58rem;border-radius:5px;font-size:.73rem;font-weight:600;line-height:1.2}.badge-emerald{background-color:var(--signal-emerald-bg);color:var(--signal-emerald)}.badge-amber{background-color:var(--signal-amber-bg);color:var(--signal-amber)}.badge-terracotta{background-color:var(--brand-terracotta-soft);color:var(--brand-terracotta)}.badge-forest{background-color:var(--brand-forest-soft);color:var(--brand-forest)}.badge-neutral{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.input-group{display:flex;flex-direction:column;gap:.36rem}.input-label{font-size:.78rem;font-weight:500;color:var(--text-secondary)}.input-field{width:100%;padding:.65rem .88rem;background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.89rem;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{outline:none;border-color:var(--brand-forest);box-shadow:0 0 0 3px var(--brand-forest-soft)}.navbar{position:sticky;top:0;z-index:50;background-color:color-mix(in srgb,var(--bg-primary) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:1rem}.brand-logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.02rem;letter-spacing:-.03em}.brand-mark{width:32px;height:32px;border-radius:8px;background-color:var(--brand-forest);color:#08120e;display:inline-flex;align-items:center;justify-content:center;position:relative}.notif-bell-wrapper{position:relative}.notif-bell-btn{position:relative;width:38px;height:38px;border-radius:var(--radius-sm);background-color:var(--bg-elevated);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .15s ease}.notif-bell-btn:hover{border-color:var(--brand-forest);background-color:var(--bg-subtle)}.notif-badge-dot{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background-color:var(--brand-forest);color:#06130e;font-family:var(--font-mono);font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:400px;max-width:92vw;background-color:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:90;overflow:hidden;animation:modalFadeIn .15s ease-out}.hero-asymmetric{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:start;padding:4rem 0 4.5rem;border-bottom:1px solid var(--border-color)}.editorial-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:2.5rem;padding:4.5rem 0;border-bottom:1px solid var(--border-color)}.bento-asymmetric{display:grid;grid-template-columns:1.3fr .7fr;gap:1.5rem}.ledger-card{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.workspace-shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 66px)}.workspace-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.4rem 1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.workspace-main{padding:1.85rem 2.2rem 4rem;max-width:1260px;width:100%}.sidebar-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .82rem;border-radius:var(--radius-sm);font-size:.86rem;font-weight:500;color:var(--text-secondary);transition:all .14s ease;text-align:left}.sidebar-nav-item:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--bg-elevated);color:var(--text-primary);font-weight:600;border:1px solid var(--border-strong)}.metrics-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.65rem}.metric-cell{padding:1.15rem 1.3rem;border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;gap:.35rem}.metric-cell:last-child{border-right:none}.products-editorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.product-card{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:space-between;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;overflow:hidden}.product-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-card)}.product-thumb-wrap{position:relative;height:184px;background-color:var(--bg-secondary);overflow:hidden;border-bottom:1px solid var(--border-color)}.product-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-thumb-wrap img{transform:scale(1.03)}.ledger-table-wrap{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.ledger-table{width:100%;border-collapse:collapse;font-size:.86rem}.ledger-table th{text-align:left;padding:.82rem 1rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.ledger-table td{padding:.88rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.ledger-table tr:last-child td{border-bottom:none}.ledger-table tr:hover td{background-color:color-mix(in srgb,var(--bg-secondary) 65%,transparent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background-color:#050608b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow-y:auto}.modal-panel{background-color:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:680px;max-height:92vh;overflow-y:auto;animation:modalFadeIn .16s ease-out}.modal-panel-lg{max-width:980px}.otp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;width:100%;max-width:360px}.otp-input{width:100%;min-width:0;height:50px;padding:0;text-align:center;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary)}.otp-input:focus{outline:none;border-color:var(--brand-forest);box-shadow:0 0 0 3px var(--brand-forest-soft)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.hero-asymmetric,.editorial-split,.bento-asymmetric{grid-template-columns:1fr;gap:2rem}.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.metrics-strip{grid-template-columns:1fr 1fr}}@media(max-width:640px){.metrics-strip{grid-template-columns:1fr}.workspace-main{padding:1.25rem 1rem 3rem}}