@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--f-display: "Instrument Serif", Georgia, serif;--f-sans: "Geist", "Inter", system-ui, -apple-system, sans-serif;--f-mono: "Geist Mono", ui-monospace, monospace;--ink: #0F1410;--ink-2: #1B2320;--ink-3: #4A5450;--ink-4: #7A847F;--paper: #FAF7F2;--paper-2: #F4F0E8;--surface: #FFFFFF;--rule: #E8E3DA;--rule-2: #D6CFC1;--navy: #1A3A7C;--navy-2: #122A5C;--navy-tint: #E5EAF3;--navy-ink: #0C1B40;--green: #28A745;--green-2: #1E8538;--green-tint: #E4F4E8;--green-line: #B3DDC0;--cinnabar: #B33A1F;--cinnabar-tint: #F8E7E1;--saffron: #B57411;--saffron-tint: #F8ECD5;--lapis: #1F3F7A;--lapis-tint: #E2E8F4;--plum: #6E2A6E;--plum-tint: #F1E4F1;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--shadow-1: 0 1px 0 var(--rule), 0 1px 2px rgba(15,20,16,.04);--shadow-2: 0 2px 0 var(--rule), 0 6px 14px -8px rgba(15,20,16,.12);--shadow-3: 0 4px 0 var(--rule), 0 18px 30px -14px rgba(15,20,16,.2);--ease: cubic-bezier(.2,.7,.2,1);--sidebar-w: 240px;--header-h: 60px;--primary: var(--navy);--primary-light: var(--navy-2);--accent: var(--green);--accent-light: var(--green-tint);--accent-bright: var(--green-2);--success: var(--green);--success-light: var(--green-tint);--warning: var(--saffron);--warning-light: var(--saffron-tint);--danger: var(--cinnabar);--danger-light: var(--cinnabar-tint);--pending: var(--plum);--pending-light: var(--plum-tint);--bg: var(--paper);--bg-subtle: var(--paper-2);--border: var(--rule);--border-strong: var(--rule-2);--text: var(--ink);--text-muted: var(--ink-3);--text-light: var(--ink-4);--radius: var(--r-3);--radius-sm: var(--r-2);--radius-lg: var(--r-4);--radius-xl: var(--r-4);--shadow: var(--shadow-1);--shadow-md: var(--shadow-2);--shadow-lg: var(--shadow-3);--t-fast: .12s;--t-normal: .18s;--ease-out: var(--ease);--shadow-accent: 0 4px 10px -4px rgba(40,167,69,.45)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}html,body{background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{font-size:14px;line-height:1.5}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--f-display);font-style:italic}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#07111f,#0b1928,#071a13);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:200;overflow:hidden;transition:transform .32s cubic-bezier(.16,1,.3,1);border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 32px #00000059}.sidebar:before{content:"";position:absolute;top:-80px;left:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.sidebar:after{content:"";position:absolute;bottom:80px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(16,185,129,.07) 0%,transparent 70%);border-radius:50%;pointer-events:none}.sidebar-logo{padding:16px 14px 14px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.sidebar-logo h1{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.4px}.sidebar-logo span{font-size:10.5px;color:#ffffff52;display:block;margin-top:3px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.nav-section{margin-bottom:4px}.nav-section-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:#ffffff2e;padding:10px 10px 4px;display:flex;align-items:center;gap:8px}.nav-section-label:after{content:"";flex:1;height:1px;background:#ffffff0d}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px 9px 11px;border-radius:10px;color:#ffffff73;text-decoration:none;font-size:12.5px;font-weight:500;transition:background .12s,color .12s,transform .12s;cursor:pointer;border:none;background:none;width:100%;text-align:left;min-height:38px;position:relative;margin-bottom:1px;letter-spacing:.1px}.nav-item svg{width:14px;height:14px;flex-shrink:0;opacity:.55;transition:opacity .12s,transform .12s}.nav-item:hover{background:#ffffff0f;color:#ffffffd9;transform:translate(2px)}.nav-item:hover svg{opacity:.9}.nav-item.active{background:#0ea5e926;color:#7dd3fc;font-weight:600;border-left:2.5px solid #0ea5e9;padding-left:8.5px}.nav-item.active svg{opacity:1;color:#38bdf8}.nav-item.active:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#0ea5e9;box-shadow:0 0 8px #0ea5e9}.sidebar-footer{padding:8px 8px 10px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:199;animation:fadeOverlay .2s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.sidebar-overlay.open{display:block}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.main>.topbar{display:none}.topbar{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50;gap:10px}.topbar-title{font-size:15px;font-weight:700;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--primary);flex-shrink:0;border-radius:6px;align-items:center;justify-content:center;width:40px;height:40px}.mobile-menu-btn svg{width:22px;height:22px}.mobile-menu-btn:hover{background:var(--bg)}.page{padding:16px;flex:1}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.card-title{font-size:14px;font-weight:700;color:var(--primary)}.card-body{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow)}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.stat-value{font-size:22px;font-weight:800;color:var(--primary);font-family:var(--f-mono)}.stat-sub{font-size:11.5px;color:var(--text-muted);margin-top:4px}.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:7px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap;min-height:38px;touch-action:manipulation}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--bg)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{padding:6px 10px;font-size:12px;min-height:32px}.btn-lg{padding:12px 22px;font-size:15px;min-height:46px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}.form-label .required{color:var(--danger);margin-left:2px}.form-control{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:14px;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none;min-height:42px;-webkit-appearance:none}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.form-control::placeholder{color:var(--text-light)}select.form-control{cursor:pointer}textarea.form-control{min-height:80px;resize:vertical}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:#f8faff;padding:10px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border)}tbody tr:hover{background:#f8faff}tbody td{padding:10px 12px;color:var(--text);vertical-align:middle}tbody tr:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-pending{background:var(--pending-light);color:var(--pending)}.badge-gray{background:#f1f5f9;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:300px}.empty-state{text-align:center;padding:50px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin:0 auto 12px;opacity:.4}.empty-state h3{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.empty-state p{font-size:13px}.fbr-approved{color:var(--success)}.fbr-pending{color:var(--pending)}.fbr-failed{color:var(--danger)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#0f172a 100%);padding:16px}.auth-card{background:var(--surface);border-radius:16px;padding:32px 28px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo h1{font-size:20px;font-weight:800;color:var(--primary)}.auth-logo p{font-size:13px;color:var(--text-muted);margin-top:4px}.items-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.items-table{min-width:700px}.items-table thead th{font-size:11px}.items-table td input,.items-table td select{padding:6px 8px;border:1.5px solid var(--border);border-radius:5px;font-size:13px;font-family:inherit;width:100%;outline:none;min-height:34px}.items-table td input:focus,.items-table td select:focus{border-color:var(--accent)}.invoice-view{max-width:820px;margin:0 auto;padding:16px}.invoice-paper{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;overflow:hidden}.invoice-header-bg{background:var(--primary);padding:24px;color:#fff}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px}.invoice-body{padding:0 24px 24px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.text-right{text-align:right}.text-center{text-align:center}.text-mono{font-family:var(--f-mono)}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.fw-bold{font-weight:700}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mt-2{margin-top:8px}@media (max-width: 1024px){:root{--sidebar-w: 220px}.grid-4{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){html{font-size:13px}.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.main{margin-left:0}.main>.topbar{display:flex}.mobile-menu-btn{display:flex}.topbar{padding:0 12px}.topbar-title{font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.card-header{padding:12px;flex-direction:column;align-items:flex-start}.card-body,.stat-card{padding:12px}.stat-value{font-size:18px}.topbar-actions{gap:6px}.topbar-actions .btn{padding:7px 10px;font-size:12px}.topbar-actions .btn-lg{padding:8px 12px;font-size:13px}.invoice-grid{grid-template-columns:1fr;gap:12px;padding:14px}.invoice-header-bg{padding:16px}.invoice-body{padding:0 14px 16px}.auth-card{padding:24px 20px}.form-control{min-height:44px;font-size:16px}.table-wrap{position:relative}.table-wrap:before{content:"";display:block}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:10px 12px}.stat-value{font-size:20px}.btn{padding:8px 12px;font-size:13px}.btn-sm{padding:8px 10px;font-size:11px;min-height:40px}.btn{min-height:44px}.page{padding:10px}}.hamburger-icon{width:22px;height:22px}.dash-hero{background:linear-gradient(135deg,#0d1b2e,#112240 45%,#0ea5e9 130%);border-radius:var(--radius-xl);padding:26px 30px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0d1b2e40}.dash-hero-glow{position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(14,165,233,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dash-hero:after{content:"";position:absolute;bottom:-80px;left:120px;width:260px;height:260px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dash-hero-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;position:relative;z-index:1}.dash-hero-greeting{font-size:12px;color:#ffffff8c;font-weight:500;margin-bottom:4px;letter-spacing:.3px}.dash-hero-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:4px}.dash-hero-meta{font-size:13px;color:#fff9;font-weight:400}.dash-hero-btn{display:inline-flex;align-items:center;gap:8px;background:#10b981;color:#fff;padding:12px 22px;border-radius:var(--radius-lg);font-size:14px;font-weight:700;font-family:var(--f-sans);text-decoration:none;box-shadow:0 4px 18px #10b98173;transition:all var(--t-normal) var(--ease);white-space:nowrap}.dash-hero-btn:hover{background:#059669;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #10b98180}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:20px}.dash-stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:all var(--t-normal) var(--ease);cursor:default}.dash-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, var(--accent));border-radius:2px 2px 0 0}.dash-stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:var(--card-color, var(--accent));opacity:.06;transition:transform var(--t-normal) var(--ease),opacity var(--t-normal)}.dash-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.dash-stat-card:hover:after{transform:scale(1.4);opacity:.1}.dash-stat-icon{font-size:22px;margin-bottom:12px;display:block}.dash-stat-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px}.dash-stat-value{font-size:22px;font-weight:800;color:var(--primary);font-family:var(--f-mono);letter-spacing:-.8px;line-height:1.1}.dash-stat-sub{font-size:11.5px;color:var(--text-muted);margin-top:6px;font-weight:400;line-height:1.4}.dash-charts-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:20px}.dash-chart-sub{font-size:11px;color:var(--text-light);margin-top:2px}.dash-chart-wrap{height:220px}.dash-compliance-row{margin-bottom:14px}.dash-compliance-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dash-compliance-label{font-size:13px;color:var(--text-muted);font-weight:500}.dash-compliance-count{font-size:12px;font-weight:700;font-family:var(--f-mono)}.dash-progress-track{height:6px;background:var(--bg-subtle);border-radius:99px;overflow:hidden}.dash-progress-fill{height:100%;border-radius:99px;transition:width .7s var(--ease)}.dash-tax-box{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border-radius:var(--radius-lg);border:1px solid #ddd6fe}.dash-tax-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#7c3aed;margin-bottom:6px}.dash-tax-value{font-size:22px;font-weight:800;color:var(--primary);font-family:var(--f-mono);letter-spacing:-.8px}.dash-view-all{font-size:12px;font-weight:700;color:var(--accent);text-decoration:none;transition:color var(--t-fast)}.dash-view-all:hover{color:var(--accent-bright)}.dash-inv-link{color:var(--primary);font-weight:600;font-size:12px;text-decoration:none;transition:color var(--t-fast)}.dash-inv-link:hover{color:var(--accent)}.dash-inv-buyer{font-weight:500;color:var(--text)}.dash-empty-row{padding:48px 20px!important;text-align:center;color:var(--text-muted);font-size:14px}.dash-error{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13px;font-weight:600}@media (max-width: 900px){.dash-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dash-hero{padding:20px}.dash-hero-name{font-size:22px}.dash-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-hero-btn{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.dash-stats-grid{grid-template-columns:1fr}.page{padding:12px 10px}.topbar,.card-header{flex-wrap:wrap;gap:8px}.form-label{font-size:12px}}.form-grid-3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-bottom:16px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.item-row-top{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:end;margin-bottom:10px}.item-row-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:end}@media (max-width: 900px){.form-grid-3{grid-template-columns:1fr}}@media (max-width: 768px){.form-grid-2{grid-template-columns:1fr}.item-row-top{grid-template-columns:1fr;gap:10px}.item-row-top>button{justify-self:start}.item-row-fields{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column-reverse;align-items:stretch!important}.form-actions .btn{width:100%}.totals-box{width:100%!important;min-width:0!important}}.mfg-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;margin-bottom:18px;width:fit-content}.mfg-tab{padding:9px 20px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--f-sans);cursor:pointer;transition:all var(--t-fast) var(--ease-out);white-space:nowrap}.mfg-tab:hover{background:var(--bg);color:var(--text)}.mfg-tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.mfg-layout{display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:start}.mfg-detail-panel{position:sticky;top:calc(var(--header-h) + 12px)}.mfg-section-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.mfg-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}.mfg-order-stat{background:var(--bg);border-radius:var(--radius);padding:10px 12px;text-align:center}.mfg-order-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.mfg-order-stat-val{font-size:16px;font-weight:800;font-family:var(--f-mono);color:var(--primary)}.mfg-feasibility-box{background:var(--bg);border-radius:var(--radius);padding:14px;border:1px solid var(--border)}.mfg-feasibility-result{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.mfg-feasibility-result.ok{background:var(--success-light);color:var(--success)}.mfg-feasibility-result.warn{background:var(--warning-light);color:var(--warning)}.mfg-bom-line{display:flex;gap:8px;align-items:center;margin-bottom:8px}@media (max-width: 900px){.mfg-layout{grid-template-columns:1fr}.mfg-detail-panel{position:static}}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-sans);font-weight:500;font-size:13.5px;letter-spacing:-.005em;padding:9px 15px;border-radius:var(--r-2);border:1px solid transparent;line-height:1;cursor:pointer;white-space:nowrap;min-height:38px;justify-content:center;transition:transform .04s var(--ease),background .12s,box-shadow .12s,border-color .12s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;box-shadow:0 1px 0 var(--green-2),0 4px 10px -4px #28a74580}.btn-primary:hover{background:var(--green-2);box-shadow:0 1px 0 var(--green-2),0 6px 14px -6px #28a7458c}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--rule-2);box-shadow:var(--shadow-1)}.btn-secondary:hover{border-color:var(--ink-3);background:var(--paper-2)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--paper-2);color:var(--ink)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:var(--green-2)}.btn-danger{background:var(--cinnabar);color:#fff}.btn-outline{background:transparent;color:var(--ink);border-color:var(--rule-2)}.btn-outline:hover{background:var(--paper-2)}.btn-sm{padding:6px 10px;font-size:12.5px;min-height:32px}.btn-lg{padding:11px 18px;font-size:14.5px;border-radius:var(--r-3);min-height:46px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-3);box-shadow:var(--shadow-1);margin-bottom:16px;overflow:hidden}.card:last-child{margin-bottom:0}.card-header{padding:14px 18px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.card-body{padding:18px}.card>.card-body{padding:18px}.form-control,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--surface);border:1px solid var(--rule-2);border-radius:var(--r-2);padding:10px 12px;font-size:14px;color:var(--ink);outline:none;min-height:40px;transition:border-color .12s,box-shadow .12s;font-family:inherit}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-tint)}.form-control::placeholder{color:var(--ink-4)}.form-label{display:block;font-family:var(--f-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:6px}.form-label .required{color:var(--cinnabar);margin-left:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.02em;line-height:1.4;text-transform:none}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-success{background:var(--green-tint);color:var(--green-2)}.badge-danger{background:var(--cinnabar-tint);color:var(--cinnabar)}.badge-warning{background:var(--saffron-tint);color:var(--saffron)}.badge-pending{background:var(--plum-tint);color:var(--plum)}.badge-gray{background:var(--paper-2);color:var(--ink-3)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{font-family:var(--f-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-4);text-align:left;padding:11px 16px;background:var(--paper-2);border-bottom:1px solid var(--rule);white-space:nowrap}tbody td{padding:13px 16px;border-bottom:1px dashed var(--rule);color:var(--ink-2);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#28a74506}tbody tr{transition:background .1s ease}td.num,td.text-mono,td.amount,td.amount-cell,th.num,th.amount{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.table-wrap{border:1px solid var(--rule);border-radius:var(--r-3);overflow:auto;background:var(--surface);-webkit-overflow-scrolling:touch}.table-wrap table{font-size:13.5px}.text-mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.stat-card,.dash-stat-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-3);padding:20px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.stat-card:before,.dash-stat-card:before,.stat-card:after,.dash-stat-card:after{display:none!important}.stat-label,.dash-stat-label{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}.stat-value,.dash-stat-value{font-family:var(--f-mono);font-size:26px;font-weight:500;letter-spacing:-.02em;color:var(--ink);line-height:1}.dash-stat-sub,.stat-sub{font-size:11.5px;color:var(--ink-3);margin-top:8px;line-height:1.4}.dash-stat-icon{width:34px;height:34px;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-2);background:var(--paper-2);color:var(--ink-3);border:1px solid var(--rule)}.dash-stat-icon svg{width:18px;height:18px}.sidebar,.xsidebar{background:var(--navy-ink)!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}.sidebar:before,.sidebar:after,.xsidebar:before,.xsidebar:after{display:none!important}.nav-item,.xmain-link,.side-item{font-family:var(--f-sans);color:#ffffff9e;font-size:13px;border-radius:var(--r-2)}.nav-item:hover,.side-item:hover{background:#ffffff0b;color:#fff}.nav-item.active,.side-item.on{background:#28a7451f!important;color:#a8e5b5!important;border-left:3px solid var(--green)!important;padding-left:7px!important;font-weight:500!important}.nav-item.active svg,.nav-item.active:after{color:var(--green)!important}.nav-item.active:after{background:var(--green)!important;box-shadow:0 0 8px var(--green)!important}.nav-section-label,.xsection-label{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:#ffffff52;text-transform:uppercase}.nav-section-label:after{background:#ffffff14}.topbar,.xtopbar{background:var(--surface)!important;border-bottom:1px solid var(--rule)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.topbar-title{color:var(--ink);font-weight:600}.dash-hero{background:var(--surface)!important;border:1px solid var(--rule);border-radius:var(--r-3);padding:28px 30px;box-shadow:var(--shadow-1);color:var(--ink);position:relative;overflow:hidden}.dash-hero:before,.dash-hero:after,.dash-hero-glow{display:none!important}.dash-hero:after{content:""!important;display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 27px,var(--rule) 27px,var(--rule) 28px);opacity:.5;pointer-events:none;z-index:0}.dash-hero-content{position:relative;z-index:1}.dash-hero-greeting{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.dash-hero-name{font-family:var(--f-display);font-style:italic;font-size:44px;font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.05}.dash-hero-meta{color:var(--ink-3)}.dash-hero-btn{background:var(--green)!important;color:#fff!important;font-family:var(--f-sans)!important;box-shadow:0 1px 0 var(--green-2),0 4px 10px -4px #28a74580!important}.dash-hero-btn:hover{background:var(--green-2)!important;transform:none}.dash-hero-metric-label{color:var(--ink-3)!important;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.dash-hero-metric-value{font-family:var(--f-display)!important;font-style:italic;font-size:36px!important;font-weight:400!important;color:var(--ink)!important;letter-spacing:-.02em!important}.auth-page{background:var(--navy-ink)!important;position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 28px,rgba(255,255,255,.03) 28px,rgba(255,255,255,.03) 29px);pointer-events:none}.auth-card{background:var(--surface)!important;border:1px solid var(--rule);border-radius:var(--r-4);box-shadow:var(--shadow-3)}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.8);opacity:0}}.fbr-live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:var(--green-tint);color:var(--green-2);font-family:var(--f-mono);font-size:11.5px;font-weight:500;white-space:nowrap}.fbr-live .pulse{width:6px;height:6px;border-radius:50%;background:var(--green);position:relative;flex:none}.fbr-live .pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--green);opacity:.5;animation:pulse-ring 1.8s ease infinite}.fbr-approved{color:var(--green-2)}.fbr-pending{color:var(--plum)}.fbr-failed{color:var(--cinnabar)}.page{padding:20px 24px;flex:1}@media (max-width: 768px){.page{padding:14px}}a:not(.btn){color:var(--green-2);text-decoration:none}a:not(.btn):hover{text-decoration:underline}.modal{border-radius:var(--r-4);box-shadow:var(--shadow-3);border:1px solid var(--rule)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c1b4073}@media (min-width: 769px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule-2);border-radius:6px;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}}.u-row{display:flex;align-items:center;gap:12px}.u-row-sm{display:flex;align-items:center;gap:8px}.u-row-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.u-col{display:flex;flex-direction:column;gap:8px}.u-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.u-spacer{margin-left:auto}.u-grow{flex:1}.u-section-title{font-size:15px;font-weight:600;color:var(--ink);margin:0}.u-block-title{font-size:14px;font-weight:600;color:var(--ink);margin:0}.u-muted{font-size:13px;color:var(--ink-3)}.u-caption{font-size:11px;color:var(--ink-4)}.u-label-up{font-family:var(--f-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.u-pos{color:var(--green-2)}.u-neg{color:var(--cinnabar)}.u-zero{color:var(--ink-3)}.u-num{font-variant-numeric:tabular-nums;font-family:var(--f-mono);text-align:right}.u-mt-0{margin-top:0}.u-mt-1{margin-top:8px}.u-mt-2{margin-top:16px}.u-mb-0{margin-bottom:0}.u-mb-1{margin-bottom:8px}.u-mb-2{margin-bottom:16px}.u-p-0{padding:0}.u-p-2{padding:16px}.u-p-3{padding:24px}.u-strip{padding:12px 16px;font-size:12px;border-bottom:1px solid var(--rule)}.u-strip-info{background:var(--navy-tint);color:var(--navy-2)}.u-strip-warn{background:var(--saffron-tint);color:var(--saffron)}.u-autogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.u-empty{padding:32px;text-align:center;color:var(--ink-4);font-size:14px}th.u-right,td.u-right{text-align:right}.card.u-flush{padding:0}.card.u-flush .table-wrap{border:none;border-radius:0}.dash-trend{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;font-family:var(--f-mono)}.dash-trend-up{background:var(--green-tint);color:var(--green-2)}.dash-trend-down{background:var(--cinnabar-tint);color:var(--cinnabar)}.dash-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dash-hero-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.dash-hero-metric{text-align:right}.dash-quick{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.dash-quick-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:var(--r-2);font-size:13px;font-weight:500;background:var(--surface);border:1px solid var(--rule);color:var(--ink-2);text-decoration:none;transition:all .15s ease}.dash-quick-btn:hover{border-color:var(--green);color:var(--green-2);transform:translateY(-1px);box-shadow:var(--shadow-1);text-decoration:none}.dash-quick-btn svg{width:15px;height:15px;flex:none}.dash-donut{display:flex;justify-content:center;margin-bottom:8px}.dash-donut-pct{font-size:22px;font-weight:500;fill:var(--ink);font-family:var(--f-mono)}.dash-donut-lbl{font-size:9px;font-weight:500;fill:var(--ink-4);text-transform:uppercase;letter-spacing:.08em}.dash-sandbox{background:var(--saffron-tint);border:1px solid #E9D7A8;border-radius:var(--r-3);padding:10px 18px;margin-bottom:14px;display:flex;align-items:center;gap:10px;color:var(--saffron)}.dash-sandbox-lg{padding:12px 20px;margin-bottom:16px;gap:12px}.dash-sandbox svg{width:18px;height:18px;flex:none}.dash-onboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.dash-hero:after{display:none!important}.dash-hero-greeting{background-image:linear-gradient(100deg,var(--ink-4) 0%,var(--ink-4) 42%,#34C264 50%,var(--ink-4) 58%,var(--ink-4) 100%);background-size:280% 100%;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dashGlint 6s cubic-bezier(.4,0,.2,1) .4s infinite}.dash-hero-name{display:inline-block;position:relative;background-image:linear-gradient(100deg,var(--ink) 0%,var(--ink) 44%,#2FBF5B 48%,#8DEBB1 50%,#2FBF5B 52%,var(--ink) 56%,var(--ink) 100%);background-size:280% 100%;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dashGlint 6s cubic-bezier(.4,0,.2,1) .72s infinite}.dash-hero-name:after{content:"";display:block;height:2px;width:0;margin-top:6px;border-radius:2px;background:linear-gradient(90deg,var(--green) 0%,#5BC47E 55%,transparent 100%);animation:dashSignLine 1.1s cubic-bezier(.16,1,.3,1) .5s forwards}.dash-hero-name .dash-hero-wave{-webkit-text-fill-color:initial;color:initial;background:none}@keyframes dashGlint{0%{background-position:135% 0}45%,to{background-position:-35% 0}}@keyframes dashSignLine{to{width:100%}}@media (prefers-reduced-motion: reduce){.dash-hero-greeting,.dash-hero-name{animation:none;background:none;-webkit-text-fill-color:currentColor}.dash-hero-greeting{color:var(--ink-4)}.dash-hero-name{color:var(--ink)}.dash-hero-name:after{animation:none;width:100%}}.auth-shine{background-image:linear-gradient(100deg,#f4f0e8,#f4f0e8 43%,#bff3d0 48%,#fff,#bff3d0 52%,#f4f0e8 57%,#f4f0e8);background-size:280% 100%;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dashGlint 6.5s cubic-bezier(.4,0,.2,1) .8s infinite}@media (prefers-reduced-motion: reduce){.auth-shine{animation:none;background:none;-webkit-text-fill-color:#F4F0E8}}.dash-seal{position:absolute;right:-26px;top:50%;width:156px;height:156px;z-index:0;pointer-events:none;transform:translateY(-50%) scale(1.85) rotate(-22deg);opacity:0;transform-origin:center;animation:dsealStamp 2.4s cubic-bezier(.2,.85,.2,1) .55s forwards}@keyframes dsealStamp{0%{opacity:0;transform:translateY(-50%) scale(1.85) rotate(-22deg);filter:blur(2px)}34%{opacity:.95;transform:translateY(-50%) scale(.9) rotate(6deg);filter:blur(0)}48%{transform:translateY(-50%) scale(1.07) rotate(-3deg)}62%{transform:translateY(-50%) scale(.98) rotate(1.5deg)}72%{opacity:.95;transform:translateY(-50%) scale(1) rotate(0)}to{opacity:.17;transform:translateY(-50%) scale(1) rotate(0)}}.dash-seal svg{display:block;width:100%;height:100%;overflow:visible}.dseal-ring{fill:none;stroke:var(--green);stroke-width:2.4}.dseal-ring-i{stroke-width:1.3;opacity:.65}.dseal-text{font-family:var(--f-mono);font-size:8.4px;font-weight:600;letter-spacing:2.2px;fill:var(--green);text-transform:uppercase}.dseal-spin{transform-box:view-box;transform-origin:60px 60px;animation:dsealSpin 26s linear infinite}@keyframes dsealSpin{to{transform:rotate(360deg)}}.dseal-check{fill:none;stroke:var(--green);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:62;stroke-dashoffset:62;animation:dsealCheck .5s cubic-bezier(.6,0,.3,1) 1.42s forwards}@keyframes dsealCheck{to{stroke-dashoffset:0}}.dseal-shock{fill:none;stroke:var(--green);stroke-width:3;opacity:0;transform-box:view-box;transform-origin:60px 60px;animation:dsealShock .75s ease-out 1.34s}@keyframes dsealShock{0%{opacity:.55;transform:scale(.45)}to{opacity:0;transform:scale(2.4)}}.dseal-sparks circle{fill:var(--green);opacity:0;transform-box:view-box;transform-origin:60px 60px;animation:dsealSpark .6s ease-out 1.46s}@keyframes dsealSpark{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:0;transform:scale(1.7)}}@media (max-width: 560px){.dash-seal{width:120px;height:120px;right:-34px}}@media (prefers-reduced-motion: reduce){.dash-seal{animation:none;opacity:.15;transform:translateY(-50%)}.dseal-spin,.dseal-shock,.dseal-sparks circle{animation:none}.dseal-shock{display:none}.dseal-check{animation:none;stroke-dashoffset:0}}html,body,#root{max-width:100%;overflow-x:clip}*{min-width:0}img,svg,video,canvas{max-width:100%;height:auto}.card,.panel,.stat-card,.topbar,.page{overflow-wrap:anywhere;word-break:break-word}@media (max-width: 768px){.page{padding:14px 12px}.card{border-radius:14px}.card-header,.card-body{padding:14px}.card-header{gap:8px}.topbar{padding:0 10px;gap:8px}.topbar-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.topbar-actions{flex-shrink:0}.stat-card{padding:14px 14px 12px}.stat-card .stat-label{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-4)}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.5px}.line-item,.line-items-row,.invoice-line,.invoice-item-row,.item-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important;padding:12px!important;border:1px solid var(--rule);border-radius:12px;background:var(--surface);margin-bottom:10px}.line-item>:first-child,.invoice-line>:first-child,.item-row>:first-child{grid-column:1 / -1}.line-item .btn-icon,.line-item .btn-danger,.invoice-line .btn-icon,.invoice-line .btn-danger{grid-column:1 / -1;justify-self:end;min-height:36px}.line-item [data-label]:before,.invoice-line [data-label]:before{content:attr(data-label);display:block;font-size:10px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],select,textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:44px;font-size:16px;padding:10px 12px}textarea{min-height:88px}.form-group,.field{margin-bottom:14px}.form-group label,.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.form-row,.form-grid-3{grid-template-columns:1fr!important;gap:12px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px;border-radius:0}.table-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to left,var(--paper),transparent);pointer-events:none}.table-wrap{position:relative}table{min-width:560px;font-size:13px}th,td{padding:10px 12px;white-space:nowrap}th:first-child,td:first-child{white-space:normal;min-width:140px}.modal,.dialog,[role=dialog]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px);overflow-y:auto;border-radius:14px}.modal-header,.modal-body,.modal-footer{padding:14px}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:1 1 auto;min-width:0}.auth-wrap,.auth-page,.auth-container{min-height:100vh;min-height:100dvh;padding:24px 16px;display:flex;align-items:center;justify-content:center;background:var(--paper-2)}.auth-card{width:100%;max-width:420px;padding:28px 22px;border-radius:18px;border:1px solid var(--rule);background:var(--surface);box-shadow:0 10px 30px -12px #0f14102e}.auth-card h1,.auth-card .auth-title{font-family:var(--f-display);font-size:26px;line-height:1.15;margin:0 0 6px;color:var(--ink)}.auth-card .auth-subtitle{font-size:13px;color:var(--ink-4);margin:0 0 22px}.auth-card .btn-primary,.auth-card button[type=submit]{width:100%;min-height:48px;font-size:15px;font-weight:600;border-radius:12px;margin-top:6px}.btn-group,.actions,.toolbar{display:flex;flex-wrap:wrap;gap:8px}.btn-group .btn,.actions .btn{flex:0 1 auto}.btn-primary.btn-lg,.btn-block,.btn-full{width:100%}.invoice-public{padding:14px}.invoice-totals{grid-template-columns:1fr 1fr;font-size:13px}.invoice-totals .total-row.grand{grid-column:1 / -1;border-top:1px solid var(--rule);padding-top:10px;font-size:16px}.recharts-wrapper,.chart,.chart-container{width:100%!important;max-width:100%;overflow:hidden}.sidebar.open{width:min(280px,84vw)}.sidebar-overlay.open{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f141073}}@media (max-width: 480px){.page{padding:12px 10px}.card-header,.card-body{padding:12px}.topbar-title{font-size:13px}.stat-value{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px}.stat-card{padding:12px 12px 10px}.auth-card{padding:24px 18px;border-radius:16px}.auth-card h1,.auth-card .auth-title{font-size:24px}.modal,.dialog,[role=dialog]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;border-radius:12px}}@media (hover: none) and (pointer: coarse){.btn,.btn-icon,a.nav-link,.tab,.chip,.menu-item{min-height:44px}*{-webkit-tap-highlight-color:transparent}}