:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--brand-primary:#000;--brand-primary-hover:#333;--brand-secondary:#f3f4f6;--brand-secondary-hover:#e5e7eb;--success:#10b981;--success-bg:#d1fae5;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-floating:0 25px 50px -12px #00000026;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{color:var(--text-primary);font-family:var(--font-sans);background:var(--bg-primary);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background-color:var(--border-subtle);border-radius:var(--radius-md);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}button,input,select,textarea{transition:all var(--transition-fast);font-family:inherit}.page-shell{width:min(100%,1280px);min-height:100vh;margin:0 auto;padding:32px 24px}.hero-panel,.panel,.advanced-panel,.glass-panel{border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:box-shadow var(--transition-normal);margin-bottom:24px}.panel:hover,.advanced-panel:hover{box-shadow:var(--shadow-md)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffb3}.hero-panel{padding:32px}.brand-header{align-items:center;gap:18px;display:flex}.brand-logo{border-radius:20px;flex:none;width:82px;height:82px;box-shadow:0 18px 34px #0f172a2e}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3rem);line-height:1}.hero-panel .brand-header p{color:#4b5563;margin-bottom:0;font-size:1.125rem}.notice{border:1px solid;border-radius:16px;margin-top:20px;padding:16px}.notice.error{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.profile-panel{background:#f8fafc;border-radius:18px;margin-top:24px;padding:18px}.profile-panel summary{cursor:pointer;font-weight:800}.stats-grid,.content-grid,.advanced-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.chart-panel{background:#f8fafc;border-radius:20px;margin-top:24px;padding:24px}.chart-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.chart-header h2{margin-bottom:0;font-size:1.25rem}.chart-header p{color:#4b5563;margin:0;font-size:.95rem}.bar-chart{gap:14px;display:grid}.bar-row{grid-template-columns:120px minmax(0,1fr) 110px;align-items:center;gap:16px;display:grid}.bar-label{color:#334155;font-weight:700}.bar-track{background:#e5e7eb;border-radius:999px;height:18px;overflow:hidden}.bar-fill{border-radius:999px;height:100%}.bar-fill.income{background:#16a34a}.bar-fill.expense{background:#ef4444}.bar-value{text-align:right;color:#111827;font-weight:700}.stat-card{border-radius:16px;min-height:128px;padding:20px}.stat-card h2{margin-bottom:8px;font-size:1.125rem}.stat-card p{margin-bottom:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:24px}.panel h2,.advanced-panel h2{margin-bottom:16px;font-size:1.5rem}.terminal{color:#4ade80;overflow-wrap:anywhere;background:#050505;border-radius:16px;min-height:96px;padding:20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem}.terminal p:last-child,.status-box p:last-child{margin-bottom:0}.field-label{margin:18px 0 8px;font-weight:700;display:block}input,select,textarea{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:13px 14px}textarea{resize:vertical;min-height:118px;line-height:1.5}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .wide-field{grid-column:1/-1}button{color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;min-height:56px;margin-top:14px;font-size:1.05rem;font-weight:800;transition:transform .16s,filter .16s}button:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary-button{background:#111827}.danger-button{background:#ef4444}.delete-entry-button{color:#991b1b;background:#fee2e2;border-radius:12px;width:auto;min-height:40px;margin-top:0;padding:0 14px;font-size:.9rem}.manual-button{background:#0f766e}.status-box{overflow-wrap:anywhere;background:#f3f4f6;border-radius:16px;margin-top:20px;padding:16px}.label,.activity-type{margin-bottom:4px;font-weight:800}.label.spaced{margin-top:16px}.feature-list,.activity-list,.quick-actions{gap:14px;display:grid}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.quick-actions button{color:#111827;background:#e5e7eb;min-height:48px;margin-top:0;font-size:.95rem}.feature-item,.activity-item,.empty-state{border:1px solid #e5e7eb;border-radius:16px;padding:16px}.feature-item{transition:box-shadow .16s,transform .16s}.feature-item:hover{transform:translateY(-1px);box-shadow:0 14px 24px #0f172a14}.feature-item h3{margin-bottom:4px;font-size:1.125rem}.feature-item p,.activity-item p,.empty-state{color:#4b5563}.section-header,.activity-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-header{margin-bottom:16px}.section-header h2{margin-bottom:0}.section-header span{color:#fff;background:#111827;border-radius:12px;flex:none;padding:8px 14px;font-size:.875rem;font-weight:700}.empty-state{text-align:center}.activity-item p{margin-bottom:3px}.activity-item strong{flex:none;font-size:1.1rem}time{color:#9ca3af;font-size:.875rem}.advanced-panel{color:#fff;background:linear-gradient(135deg,#111827 0%,#374151 100%);padding:32px}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));font-size:1.08rem}.advanced-grid div:before{content:"• "}.toggle-row{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px;display:flex}.toggle-row p{color:#64748b;margin-bottom:0;font-size:.92rem}.toggle-row input{flex:none;width:22px;height:22px}.storage-box{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;margin-top:16px;padding:16px}@media (width<=820px){.page-shell{padding:16px}.hero-panel,.panel,.advanced-panel{border-radius:18px}.hero-panel,.advanced-panel{padding:22px}.brand-header{align-items:flex-start;gap:14px}.brand-logo{border-radius:16px;width:62px;height:62px}.stats-grid,.content-grid,.advanced-grid{grid-template-columns:1fr}.section-header,.activity-item{align-items:flex-start}}.panel-hint{color:#64748b;margin-bottom:16px;font-size:.95rem}.voucher-receipt{color:#166534}.voucher-payment{color:#991b1b}.voucher-meta{color:#94a3b8;margin-bottom:0;font-size:.85rem}.statement-balance{color:#155e75;background:#ecfeff;border-radius:14px;margin:16px 0;padding:14px 16px;font-weight:700}.statement-table-wrap{margin-top:12px;overflow-x:auto}.statement-table{border-collapse:collapse;width:100%;font-size:.92rem}.statement-table th,.statement-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:10px 8px}.statement-table th{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:800}.statement-table td:nth-child(4),.statement-table td:nth-child(5),.statement-table td:nth-child(6){white-space:nowrap}.secondary-stats{margin-top:16px}.report-summary{margin-bottom:16px}.subsection-title{margin:20px 0 12px;font-size:1.1rem}.suggestion-list{gap:10px;margin-top:16px;display:grid}.suggestion-list div{color:#155e75;background:#ecfeff;border-radius:14px;padding:12px;font-weight:700}.compact-list{gap:10px;display:grid}.compact-item{border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.compact-item p{color:#4b5563;margin-bottom:2px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-card{background:#f8fafc;border-radius:16px;padding:16px}.summary-card span{color:#64748b;font-size:.85rem;font-weight:700;display:block}.summary-card strong{margin-top:6px;font-size:1.2rem;display:block}.voucher-sales{color:#1d4ed8}.voucher-purchase{color:#b45309}.restore-label{cursor:pointer;justify-content:center;align-items:center;margin-top:0;display:inline-flex}@media (width<=820px){.summary-grid,.report-summary{grid-template-columns:1fr 1fr}}@media print{.primary-button,.danger-button,.delete-entry-button,.profile-panel,form,.quick-actions,.inline-actions,.restore-label{display:none!important}.page-shell{padding:0}.panel,.hero-panel{box-shadow:none;break-inside:avoid}}.phase2-stack{gap:20px;display:grid}.erp-hero{border:1px solid var(--border-main,#e2e8f0);background:linear-gradient(135deg, #0ea5e91a, #14b8a614), var(--surface-main,#fff);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 16px 36px #0f172a14}.erp-hero h2{max-width:760px;margin:6px 0 0;font-size:clamp(1.5rem,3vw,2.15rem)}.erp-hero-actions{border:1px solid var(--border-main,#e2e8f0);text-align:right;background:#ffffffc7;border-radius:14px;min-width:220px;padding:16px}.erp-hero-actions strong,.erp-hero-actions span{display:block}.erp-hero-actions strong{color:#0f766e;font-size:1.4rem}.erp-table-wrap{overflow-x:auto}.product-cell{align-items:center;gap:10px;min-width:180px;display:flex}.product-cell img{border:1px solid var(--border-main,#e2e8f0);object-fit:cover;border-radius:10px;width:42px;height:42px}.invoice-line-builder{grid-template-columns:minmax(180px,1.3fr) repeat(3,minmax(92px,.7fr)) 92px;gap:10px;margin:16px 0;display:grid}.invoice-line-builder button{margin-top:0}.invoice-paper{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:18px}.invoice-head{border-bottom:1px solid #e2e8f0;grid-template-columns:72px minmax(0,1fr) 76px;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;display:grid}.invoice-head img{object-fit:contain;width:64px;height:64px}.invoice-head strong,.invoice-head span{display:block}.qr-code{background:#fff;border:5px solid #fff;grid-template-columns:repeat(7,1fr);gap:2px;width:70px;height:70px;display:grid;box-shadow:0 0 0 1px #cbd5e1}.qr-code span{background:#e2e8f0}.qr-code span.active{background:#0f172a}.signature-box{color:#64748b;text-align:right;border-top:1px solid #94a3b8;margin-top:30px;padding-top:10px}.status-pill{color:#334155;background:#e2e8f0;border-radius:999px;align-items:center;padding:5px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill.paid{color:#166534;background:#dcfce7}.status-pill.unpaid,.status-pill.partial-paid{color:#991b1b;background:#fee2e2}.status-pill.draft{color:#3730a3;background:#eef2ff}.filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.filter-row .compact-button{margin-top:0}.erp-bars{gap:12px;display:grid}.erp-bar-row{grid-template-columns:120px minmax(0,1fr) 110px;align-items:center;gap:12px;display:grid}.erp-bar-row div{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.erp-bar-row i{border-radius:inherit;background:#0f766e;height:100%;display:block}.erp-bar-row i.danger{background:#ef4444}.erp-bar-row i.success{background:#22c55e}.erp-bar-row i.warning{background:#f59e0b}.analytics-filter{flex-wrap:wrap;gap:8px;display:flex}.analytics-filter button{border:1px solid var(--border-main,#cbd5e1);background:var(--surface-main,#fff);width:auto;min-height:38px;color:var(--text-main,#0f172a);border-radius:999px;margin:0;padding:0 14px;font-size:.9rem}.analytics-filter button.active{color:#fff;background:#0f766e;border-color:#0f766e}.notification-link{position:relative}.notification-link:after{content:"";background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.phase3-stack{gap:20px;display:grid}.phase3-hero{border:1px solid var(--border-main,#e2e8f0);background:radial-gradient(circle at top left, #3b82f61f, transparent 34%), linear-gradient(135deg, #0f172a0a, #14b8a614), var(--surface-main,#fff);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 18px 42px #0f172a14}.phase3-hero h2{margin:6px 0 0;font-size:clamp(1.5rem,3vw,2.1rem)}.phase3-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.phase3-card{border:1px solid var(--border-main,#e2e8f0);background:var(--surface-main,#fff);border-radius:14px;padding:16px;box-shadow:0 10px 26px #0f172a0d}.phase3-card strong,.phase3-card a{display:block}.phase3-card p{color:var(--text-muted,#64748b)}.phase3-card a{color:#0f766e;margin-top:10px;font-weight:800;text-decoration:none}.sync-pill{border-radius:999px;padding:9px 14px;font-weight:900}.sync-pill.online{color:#166534;background:#dcfce7}.sync-pill.offline{color:#991b1b;background:#fee2e2}.payment-card .section-header{align-items:center}.phase3-qr{flex:none}.order-stage-strip{flex-wrap:wrap;gap:8px;display:flex}.order-stage-strip span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 10px;font-size:.85rem;font-weight:850}.selected-plan{background:#f0fdfa;border-color:#0f766e}.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-row{gap:8px;margin-bottom:14px;display:grid}.usage-row div:first-child{justify-content:space-between;gap:12px;display:flex}.usage-row span{color:var(--text-muted,#64748b);font-weight:800}@media (width<=1100px){.phase3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.phase3-hero{flex-direction:column;align-items:flex-start}.phase3-grid,.roles-grid{grid-template-columns:1fr}}@media (width<=920px){.erp-hero,.filter-row,.invoice-line-builder,.invoice-head{grid-template-columns:1fr}.erp-hero{display:grid}.erp-hero-actions{text-align:left;width:100%}.erp-bar-row{grid-template-columns:90px minmax(0,1fr)}.erp-bar-row strong{grid-column:2}}html{scroll-behavior:smooth}.app-frame{grid-template-columns:282px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#0f172a;border-right:1px solid #d9e2ec;flex-direction:column;gap:24px;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.sidebar-brand{align-items:center;gap:12px;min-height:56px;display:flex}.sidebar-logo{object-fit:cover;background:#fff;border-radius:8px;width:44px;height:44px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{line-height:1.2}.sidebar-brand span,.sidebar-support span{color:#94a3b8;text-transform:uppercase;font-size:.82rem;font-weight:700}.side-nav a,.sidebar-support a,.topbar-link,.settings-card a,.support-card{text-decoration:none}.side-nav a{color:#cbd5e1;border-radius:8px;padding:11px 12px;font-weight:750}.side-nav a:hover,.side-nav a:focus-visible{color:#fff;background:#1e293b}.sidebar-support{border-top:1px solid #334155;gap:7px;margin-top:auto;padding-top:18px;display:grid}.sidebar-support a{color:#e2e8f0;overflow-wrap:anywhere;font-size:.9rem}.workspace{min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #d9e2ec;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar strong{color:#0f172a;margin-top:3px;font-size:.98rem;display:block}.eyebrow{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.topbar-link{color:#334155;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px;font-weight:800}.hero-panel,.panel,.advanced-panel{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 26px #0f172a0f}.hero-panel{background:linear-gradient(90deg,#0f766e17,#fff0 42%),#fff}.brand-logo{border-radius:8px}h1{letter-spacing:0;font-size:clamp(2rem,4vw,2.65rem)}.profile-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.profile-meta span{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px;font-size:.9rem;font-weight:750}.stat-card{background:#fff;border:1px solid #0f172a14;border-radius:8px}.stat-card.income{background:#f0fdf4}.stat-card.expense{background:#fff1f2}.stat-card.profit{background:#eff6ff}.chart-panel,.summary-card,.feature-item,.activity-item,.empty-state,.compact-item,.storage-box,.statement-balance,.terminal,input,select,textarea,button,.restore-label,.notice,.settings-card,.support-card,.profile-logo-card{border-radius:8px}button,.restore-label{min-height:46px}.secondary-button{background:#334155}.warning-button{background:#b45309}.inline-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.inline-actions button,.inline-actions .restore-label{width:100%}.profile-editor-grid{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.profile-logo-card,.settings-card{background:#f8fafc;border:1px solid #e2e8f0;padding:16px}.profile-logo-preview{aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #dbe3ec;border-radius:8px;width:100%}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-card h3{margin-bottom:8px}.settings-card p{color:#64748b}.settings-card a{color:#0f766e;font-weight:800}.compact-button{margin-top:8px}.support-panel{color:#fff;background:#102033;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:20px;display:grid}.support-panel p{color:#cbd5e1}.support-actions{gap:12px;display:grid}.support-card{color:#fff;background:#ffffff14;border:1px solid #ffffff29;gap:4px;padding:16px;display:grid}.support-card span{color:#bfdbfe;text-transform:uppercase;font-size:.85rem;font-weight:800}.support-card strong{overflow-wrap:anywhere}.ai-panel{background:linear-gradient(90deg,#14b8a614,#fff0 45%),#fff}.ai-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.ai-score-card{background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;padding:18px}.ai-score-card span,.balance-checker span{color:#0f766e;text-transform:uppercase;font-size:.82rem;font-weight:800;display:block}.ai-score-card strong{color:#0f172a;margin-top:4px;font-size:2rem;display:block}.ai-score-card p{color:#475569;margin:6px 0 0}.ai-checker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.ai-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.ai-list h3{margin-bottom:10px}.ai-list p{color:#334155;margin-bottom:8px}.ai-list.good{background:#f0fdf4;border-color:#bbf7d0}.ai-list.watch{background:#fff7ed;border-color:#fed7aa}.balance-checker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.balance-checker div{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.balance-checker strong{color:#0f172a;margin-top:5px;font-size:1.15rem;display:block}.ai-calculator{margin-top:16px}.ai-input-row{grid-template-columns:minmax(0,1fr) 150px;gap:10px;display:grid}.ai-input-row button{margin-top:0}.ai-answer{color:#312e81;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;margin-top:12px;padding:14px;font-weight:800}.voucher-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.share-entry-button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:auto;min-height:36px;margin-top:0;padding:0 10px;font-size:.82rem}section[id]{scroll-margin-top:82px}@media (width<=1100px){.app-frame{grid-template-columns:1fr}.sidebar{border-right:0;height:auto;padding:16px;position:static}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-support{margin-top:0}}@media (width<=820px){.topbar{flex-direction:column;align-items:flex-start;padding:12px 16px}.topbar-actions,.topbar-link{width:100%}.topbar-link{text-align:center}.page-shell{padding:16px}.side-nav,.profile-editor-grid,.settings-grid,.support-panel,.inline-actions,.ai-grid,.ai-checker-grid,.balance-checker,.ai-input-row{grid-template-columns:1fr}.support-panel{align-items:start}}:root{--bg-page:#eef2f6;--bg-main:#fff;--bg-card:#f8fafc;--bg-card-dark:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--border-main:#e2e8f0;--accent:#0f766e;--accent-light:#ccfbf1;--color-green:#16a34a;--color-red:#dc2626;--color-amber:#d97706;--color-blue:#2563eb;--shadow-card:0 4px 16px #0f172a12;--shadow-float:0 12px 40px #0f172a2e}body.dark{--bg-page:#0b1120;--bg-main:#151f2e;--bg-card:#1e2a3b;--bg-card-dark:#253245;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--border-main:#263147;--shadow-card:0 4px 16px #0000004d;background:var(--bg-page);color:var(--text-main)}body.dark .sidebar{background:#080f1a;border-right-color:#1c2a3a}body.dark .topbar{border-bottom-color:var(--border-main);background:#151f2ef2}body.dark .hero-panel,body.dark .panel,body.dark .advanced-panel{background:var(--bg-main);border-color:var(--border-main);color:var(--text-main)}body.dark input,body.dark select,body.dark textarea{background:var(--bg-card);border-color:var(--border-main);color:var(--text-main)}body.dark .stat-card-modern{background:var(--bg-main);border-color:var(--border-main)}body.dark .svg-chart-container{background:var(--bg-card);border-color:var(--border-main)}body.dark .statement-table th{color:var(--text-muted)}body.dark .statement-table td,body.dark .statement-table tr{border-color:var(--border-main);color:var(--text-main)}body.dark .ai-list{background:var(--bg-card);border-color:var(--border-main)}body.dark .ai-list.good{background:#0d2218;border-color:#166534}body.dark .ai-list.watch{background:#1c1508;border-color:#92400e}body.dark .insight-metric-card{background:var(--bg-card);border-color:var(--border-main)}body.dark .modal-content{background:var(--bg-main);border-color:var(--border-main);color:var(--text-main)}body.dark .reports-sub-nav{background:var(--bg-card);border-color:var(--border-main)}body.dark .reports-sub-nav button{color:var(--text-muted);background:0 0}body.dark .reports-sub-nav button.active,body.dark .reports-sub-nav button:hover{background:var(--bg-card-dark);color:var(--text-main)}body.dark .pnl-row{border-bottom-color:var(--border-main)}body.dark .settings-card,body.dark .profile-logo-card{background:var(--bg-card);border-color:var(--border-main)}body.dark .side-nav a{color:#94a3b8}body.dark .side-nav a:hover,body.dark .side-nav a.active{color:#fff;background:#1e293b}body.dark .topbar strong{color:var(--text-main)}body.dark .eyebrow{color:var(--text-muted)}body{background:var(--bg-page);color:var(--text-main)}.side-nav a.active{color:#38bdf8;background:#1e3a5f;font-weight:800}.dark-mode-toggle-btn{color:inherit;background:0 0;border:1px solid #ffffff26;width:auto;min-height:38px;margin-top:0;padding:0 12px;font-size:.82rem}.fade-in{animation:.28s both fadeIn}.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.stat-card-modern{background:var(--bg-main);border:1px solid var(--border-main);box-shadow:var(--shadow-card);border-radius:14px;padding:18px 20px;transition:box-shadow .2s,transform .2s}.stat-card-modern:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1c}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat-card-header span:first-child{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.78rem;font-weight:700}.stat-card-modern>strong{color:var(--text-main);margin-bottom:4px;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:800;line-height:1.1;display:block}.stat-card-modern>p{color:var(--text-muted);margin:0;font-size:.78rem}.growth-badge{border-radius:8px;align-items:center;gap:2px;padding:3px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.growth-up{color:#15803d;background:#dcfce7}.growth-down{color:#b91c1c;background:#fee2e2}body.dark .growth-up{color:#4ade80;background:#052e16}body.dark .growth-down{color:#f87171;background:#2a0a0a}.stat-icon-badge{font-size:1rem}.text-green{color:var(--color-green)!important}.text-red{color:var(--color-red)!important}.text-amber{color:var(--color-amber)!important}.text-blue{color:var(--color-blue)!important}.text-muted{color:var(--text-muted)!important}.charts-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.svg-chart-container{background:var(--bg-card);border:1px solid var(--border-main);border-radius:12px;padding:16px;overflow:hidden}.chart-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.78rem;font-weight:700}.svg-chart{width:100%;height:auto;display:block}.chart-bar-group:hover .chart-rect{opacity:.8}.empty-chart-state{color:var(--text-muted);text-align:center;padding:24px;font-size:.9rem}.circular-score-wrap{justify-content:center;align-items:center;display:flex}.ai-stats-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.insight-metric-card{background:var(--bg-card);border:1px solid var(--border-main);border-radius:10px;padding:14px}.insight-metric-title{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;font-weight:600;display:flex}.insight-metric-title strong{color:var(--text-main);font-weight:800}.insight-progress-bar{background:var(--border-main);border-radius:999px;height:7px;overflow:hidden}.insight-progress-fill{border-radius:999px;height:100%;transition:width .5s}.insight-progress-fill.success{background:#10b981}.insight-progress-fill.primary{background:#3b82f6}.insight-progress-fill.warning{background:#f59e0b}.health-badge-wrap{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.health-score-value{text-transform:uppercase;color:#fff;white-space:nowrap;-webkit-text-fill-color:#fff;background:#10b981;border:1px solid #047857;border-radius:12px;justify-content:center;align-items:center;min-height:34px;padding:8px 14px;font-size:.82rem;font-weight:800;display:inline-flex}.badge{text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:800;display:inline-block}.badge-debtor{color:#1e40af;background:#dbeafe}.badge-creditor{color:#92400e;background:#fef3c7}.badge-receipt{color:#15803d;background:#dcfce7}.badge-payment{color:#b91c1c;background:#fee2e2}.badge-sales{color:#1e40af;background:#dbeafe}.badge-purchase{color:#854d0e;background:#fef9c3}body.dark .badge-debtor{color:#93c5fd;background:#1e3a5f}body.dark .badge-creditor{color:#fbbf24;background:#3b2a07}body.dark .badge-receipt{color:#4ade80;background:#052e16}body.dark .badge-payment{color:#f87171;background:#2a0a0a}body.dark .badge-sales{color:#93c5fd;background:#1e3a5f}body.dark .badge-purchase{color:#fcd34d;background:#2a1900}.info-badge{color:#fff;background:#0f766e;border-radius:8px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-block}.party-table-wrap{margin-top:16px;overflow-x:auto}.reports-sub-nav{background:var(--bg-card);border:1px solid var(--border-main);border-radius:10px;flex-wrap:wrap;gap:6px;margin:16px 0 12px;padding:6px;display:flex}.reports-sub-nav button{width:auto;min-height:34px;color:var(--text-muted);background:0 0;border-radius:7px;margin-top:0;padding:0 14px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s}.reports-sub-nav button.active,.reports-sub-nav button:hover{color:#fff;background:#0f766e}.reports-filter-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.onscreen-report-container{overflow-x:auto}.report-view-title{color:var(--text-main);border-bottom:2px solid var(--border-main);margin-bottom:14px;padding-bottom:8px;font-size:1.05rem;font-weight:800}.pnl-grid{gap:0;display:grid}.pnl-row{border-bottom:1px solid var(--border-main);grid-template-columns:1fr 140px 140px;align-items:center;gap:12px;padding:10px 0;font-size:.9rem;display:grid}.pnl-row.header-row{text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:800}.pnl-row.subtotal-row{background:var(--bg-card);border-radius:6px;margin:4px 0;padding:10px 8px;font-weight:700}.pnl-row.total-row{border-top:2px solid var(--border-main);border-bottom:0;font-size:1.05rem;font-weight:800}.floating-mic-btn{z-index:200;width:68px;height:68px;min-height:68px;box-shadow:var(--shadow-float);cursor:pointer;background:linear-gradient(135deg,#0f766e 0%,#0891b2 100%);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.6rem;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:32px;right:32px;overflow:visible}.floating-mic-btn:hover{filter:none;transform:scale(1.1)translateY(-2px);box-shadow:0 20px 50px #0f766e73}.floating-mic-btn.listening{background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);animation:1.2s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 #dc262699}50%{box-shadow:0 0 0 18px #dc262600}}.mic-icon{z-index:1;line-height:1;position:relative}.pulse-ring{border:2px solid #ffffff80;border-radius:50%;animation:1s ease-in-out infinite ringPulse;position:absolute;inset:-4px}@keyframes ringPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-main);border:1px solid var(--border-main);border-radius:20px;width:min(100%,540px);max-height:90vh;padding:28px;animation:.22s fadeIn;overflow-y:auto;box-shadow:0 24px 60px #00000040}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{margin:0;font-size:1.2rem;font-weight:800}.close-modal-btn{background:var(--bg-card);width:36px;height:36px;min-height:36px;color:var(--text-main);border:1px solid var(--border-main);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:0;font-size:1.2rem;display:flex}.close-modal-btn:hover{background:var(--border-main);filter:none}.modal-footer{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.modal-footer button{margin-top:0}.field-help{color:var(--text-muted);margin:4px 0 0;font-size:.78rem}.topbar-link{width:auto;min-height:38px;margin-top:0;padding:0 12px;font-size:.85rem}.print-report-layout{display:none}@media print{.app-frame>.sidebar,.workspace>.topbar,main.page-shell,.floating-mic-btn,.modal-backdrop{display:none!important}.print-report-layout{color:#111827;padding:24px 32px;font-family:Inter,Arial,sans-serif;font-size:11pt;display:block!important}.print-header{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.print-logo{object-fit:contain;border-radius:8px;width:72px;height:72px}.print-biz-info h2{margin:0 0 4px;font-size:18pt}.print-biz-info p{color:#4b5563;margin:2px 0;font-size:9pt}.print-divider{border:none;border-top:2px solid #111827;margin:10px 0}.print-meta-section{margin-bottom:16px}.print-meta-section h3{margin:0 0 4px;font-size:14pt}.print-meta-section p{color:#4b5563;margin:0;font-size:8pt}.print-signature-area{justify-content:flex-end;margin-top:48px;display:flex}.signature-line{text-align:center;color:#4b5563;border-top:1px solid #111827;width:180px;padding-top:8px;font-size:9pt}.print-footer{color:#9ca3af;text-align:right;border-top:1px solid #d1d5db;margin-top:24px;padding-top:8px;font-size:8pt}.statement-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:9pt}.statement-table th,.statement-table td{text-align:left;vertical-align:top;border:1px solid #d1d5db;padding:6px 8px}.statement-table th{background:#f3f4f6;font-weight:800}.subtotal-row td{background:#f9fafb;font-weight:700}.total-row td{background:#ecfdf5;font-weight:800}.font-mono{font-family:Courier New,monospace}}@media (width<=1100px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid-layout,.ai-stats-breakdown{grid-template-columns:1fr}}@media (width<=820px){.dashboard-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.reports-filter-row{grid-template-columns:1fr}.pnl-row{grid-template-columns:1fr;padding:8px 0}.modal-footer{grid-template-columns:1fr}.floating-mic-btn{width:58px;height:58px;min-height:58px;font-size:1.3rem;bottom:20px;right:20px}}@media (width<=480px){.dashboard-stats-grid{grid-template-columns:1fr}}.app-frame{align-items:start;width:100%}.workspace{width:100%;min-width:0}.page-shell{width:100%;max-width:none;margin:0;padding:24px}.sidebar{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#94a3b8a6 transparent;gap:14px;height:100vh;max-height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.side-nav{gap:8px;display:grid}.sidebar-section{background:#0f172a61;border:1px solid #94a3b82e;border-radius:12px;transition:border-color .18s,background .18s,box-shadow .18s;overflow:hidden}.sidebar-section-trigger{color:#e2e8f0;text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;margin:0;padding:11px 12px;font-size:.9rem;font-weight:850;display:flex}.sidebar-section-trigger:hover,.sidebar-section-trigger:focus-visible{filter:none;background:#ffffff0d;transform:none}.sidebar-chevron{color:#94a3b8;place-items:center;font-size:1.25rem;line-height:1;transition:transform .18s;display:inline-grid;transform:rotate(0)}.sidebar-section.expanded .sidebar-section-panel{opacity:1;max-height:520px;padding:0 8px 10px}.side-nav .sidebar-section-panel a{color:#cbd5e1;border-radius:8px;padding:9px 10px 9px 18px;font-size:.88rem;font-weight:760;transition:background .16s,color .16s,transform .16s}.side-nav .sidebar-section-panel a:hover,.side-nav .sidebar-section-panel a:focus-visible{color:#fff;background:#38bdf81a;transform:translate(2px)}.side-nav .sidebar-section-panel a.active{color:#fff;background:#0f766e}.hero-panel#dashboard,#dashboard.hero-panel{width:100%;max-width:none}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;width:100%;max-width:none}.stat-card-modern{flex-direction:column;justify-content:space-between;height:100%;min-height:150px;display:flex}.charts-grid-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;width:100%;max-width:none}.dashboard-recent-panel{margin-top:18px}.people-card-list{display:none}.svg-chart-container{height:100%}@media (width<=1100px){.sidebar{border-right:0;height:auto;max-height:72vh;position:sticky;top:0}.side-nav{grid-template-columns:1fr}.sidebar-section.expanded .sidebar-section-panel{max-height:640px}}@media (width<=820px){.page-shell{padding:14px}.dashboard-stats-grid,.charts-grid-layout{grid-template-columns:1fr}.people-table-wrap{display:none}.people-card-list{display:grid}.stat-card-modern{min-height:128px}}:root{--saas-primary:#4f46e5;--saas-secondary:#3b82f6;--saas-success:#10b981;--saas-danger:#ef4444;--saas-bg:#f8fafc;--saas-surface:#fff;--saas-border:#e2e8f0;--saas-text:#0f172a;--saas-muted:#64748b;--saas-radius:16px;--saas-shadow:0 18px 44px #0f172a14}body{background:var(--saas-bg);font-family:Inter,Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.saas-public-shell{min-height:100vh;color:var(--saas-text);background:radial-gradient(circle at 16% 8%,#4f46e524,#0000 28%),radial-gradient(circle at 80% 4%,#3b82f61f,#0000 26%),#fff}.saas-nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.saas-logo{color:var(--saas-text);align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.saas-logo img{width:34px;height:34px}.saas-nav nav,.saas-hero-actions,.saas-footer nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saas-nav a,.saas-footer a{color:var(--saas-muted);font-weight:800;text-decoration:none}.saas-nav button,.saas-primary-button,.saas-secondary-button,.saas-google-button{border-radius:10px;width:auto;min-height:42px;margin:0;padding:0 16px;font-size:.92rem}.saas-nav button{border:1px solid var(--saas-border);color:var(--saas-text);background:#fff}.saas-primary-button{background:linear-gradient(135deg, var(--saas-primary), var(--saas-secondary));color:#fff;border:0;font-weight:900}.saas-secondary-button,.saas-google-button{border:1px solid var(--saas-border);color:var(--saas-text);background:#fff;font-weight:900}.saas-primary-button.full,.saas-google-button{width:100%}.saas-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:center;gap:clamp(32px,6vw,80px);padding:clamp(48px,8vw,108px) clamp(18px,5vw,72px);display:grid}.saas-hero-copy h1{letter-spacing:0;max-width:760px;margin:12px 0 18px;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.95}.saas-hero-copy p,.saas-section-heading p{max-width:660px;color:var(--saas-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.saas-kicker{color:#4338ca;text-transform:uppercase;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.saas-command-strip{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.saas-command-strip span{border:1px solid var(--saas-border);color:var(--saas-muted);background:#fff;border-radius:999px;padding:8px 10px;font-size:.9rem;font-weight:800}.saas-dashboard-preview{background:#0f172a;border:1px solid #94a3b84d;border-radius:24px;padding:18px;box-shadow:0 34px 70px #0f172a47}.preview-topbar{gap:7px;margin-bottom:18px;display:flex}.preview-topbar span{background:#94a3b8;border-radius:50%;width:11px;height:11px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-grid article{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;padding:16px}.preview-grid span,.preview-grid strong{display:block}.preview-grid span{color:#94a3b8;font-size:.78rem;font-weight:800}.preview-chart{background:#ffffff0d;border-radius:16px;align-items:end;gap:12px;height:180px;margin-top:18px;padding:18px;display:flex}.preview-chart i{background:linear-gradient(#818cf8,#3b82f6);border-radius:999px 999px 6px 6px;flex:1}.saas-section{padding:54px clamp(18px,5vw,72px)}.saas-section-heading{margin-bottom:24px}.saas-section-heading h2{max-width:760px;margin:12px 0 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.saas-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.saas-feature-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.saas-feature-card,.saas-testimonial-card,.saas-pricing-card,.auth-card{border:1px solid var(--saas-border);background:#fff;border-radius:18px;padding:22px;box-shadow:0 14px 34px #0f172a0f}.saas-feature-card strong,.saas-testimonial-card strong,.saas-pricing-card strong{color:var(--saas-text);font-size:1.05rem;display:block}.saas-feature-card p,.saas-testimonial-card p,.saas-pricing-card p{color:var(--saas-muted)}.saas-step-number{width:36px;height:36px;color:var(--saas-primary);background:#eef2ff;border-radius:50%;place-items:center;margin-bottom:12px;font-weight:900;display:grid}.saas-pricing-card h3{margin:14px 0 6px;font-size:2rem}.saas-footer{border-top:1px solid var(--saas-border);color:var(--saas-muted);justify-content:space-between;gap:18px;padding:26px clamp(18px,5vw,72px);display:flex}.auth-page{min-height:calc(100dvh - 78px);padding:32px 18px max(32px, env(safe-area-inset-bottom));place-items:center;display:grid;overflow-y:auto}.auth-card{width:min(100%,460px);max-height:none}.auth-card .saas-primary-button.full,.auth-card .saas-google-button{min-height:48px}.auth-card h1{margin:12px 0 20px;font-size:2rem}.auth-row{color:var(--saas-muted);justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:.9rem;display:flex}.auth-row input{width:auto}.auth-row button,.auth-card p button{width:auto;min-height:0;color:var(--saas-primary);font-size:inherit;background:0 0;border:0;margin:0;padding:0}.saas-google-button{margin-top:12px}.auth-card>p{color:var(--saas-muted);text-align:center}.security-mode,.runtime-pill{text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 9px;font-size:.72rem;font-weight:900;display:inline-flex}.security-mode{margin-bottom:10px}.security-mode.live,.runtime-pill.live,.runtime-pill.online{color:#047857;background:#ecfdf5}.security-mode.demo,.runtime-pill.demo{color:#c2410c;background:#fff7ed}.runtime-pill.offline{color:#b91c1c;background:#fef2f2}.runtime-pill.role{color:#4338ca;background:#eef2ff}.runtime-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.saas-footer button{width:auto;min-height:0;color:var(--saas-muted);background:0 0;border:0;margin:0;padding:0;font-size:.92rem;font-weight:800}.legal-page{min-height:calc(100vh - 78px);padding:clamp(24px,5vw,64px)}.legal-card{border:1px solid var(--saas-border);width:min(100%,920px);box-shadow:var(--saas-shadow);background:#fff;border-radius:20px;margin:0 auto;padding:clamp(22px,4vw,42px)}.legal-card h1{color:var(--saas-text);margin:14px 0 8px;font-size:clamp(2rem,5vw,3.5rem)}.legal-updated{color:var(--saas-muted);margin:0 0 26px;font-weight:700}.legal-section-list{gap:16px;display:grid}.legal-section-list article{border-top:1px solid var(--saas-border);padding-top:16px}.legal-section-list h2{margin:0 0 8px;font-size:1.05rem}.legal-section-list p{color:var(--saas-muted);margin:0;line-height:1.7}.legal-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.legal-link-grid a{border:1px solid var(--border-main);background:var(--bg-card);color:var(--text-main);border-radius:10px;padding:10px 12px;font-weight:900;text-decoration:none}.app-error-banner{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-error-banner button{width:auto;min-height:36px;color:inherit;background:#fffc;border:0;border-radius:8px;margin:0;padding:0 12px;font-weight:900}.skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.skeleton-grid span{background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7) 0 0/240% 100%;border-radius:16px;min-height:118px;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:0 0}to{background-position:-240% 0}}.voice-review-banner{border:1px solid var(--border-main);background:#f8fafc;border-radius:14px;grid-template-columns:minmax(0,1fr) 220px;gap:14px;margin-bottom:16px;padding:14px;display:grid}.voice-review-banner.warning{background:#fffbeb;border-color:#f59e0b}.voice-review-banner.ready{background:#ecfdf5;border-color:#a7f3d0}.voice-review-banner span,.confidence-meter span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.voice-review-banner strong{color:var(--text-main);margin-top:4px;line-height:1.45;display:block}.confidence-meter i{background:#e2e8f0;border-radius:999px;height:10px;margin-top:8px;display:block;overflow:hidden}.confidence-meter b{border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#3b82f6);height:100%;display:block}.empty-state-panel{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:18px;display:flex}.empty-state-panel strong{color:var(--text-main);font-size:1.05rem;display:block}.empty-state-panel p{color:var(--text-muted);margin:4px 0 0}.empty-state-panel>div{flex-wrap:wrap;gap:8px;display:flex}.compact-link{border-radius:10px;place-items:center;min-height:40px;padding:0 14px;text-decoration:none;display:inline-grid}.app-frame,.topbar,.panel,.hero-panel,.phase2-stack .panel,.phase3-stack .panel{color:var(--saas-text)}.topbar-link.primary,.side-nav .sidebar-section-panel a.active,.manual-button{background:var(--saas-primary);color:#fff}.manual-button:hover,.topbar-link.primary:hover,.side-nav .sidebar-section-panel a.active:hover{color:#fff;background:#3730a3}.manual-button:disabled,.manual-button[aria-disabled=true]{color:#fff;cursor:not-allowed;background:#94a3b8}.secondary-button.compact-link,.secondary-button.compact-link:hover{color:#fff}.clickable-alert{border:1px solid var(--border-color);background:var(--panel-bg);width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.clickable-alert:hover,.clickable-alert:focus-visible{border-color:var(--saas-primary);outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #4f46e524}.attendance-status-grid{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:12px;font-weight:800;display:flex}.attendance-pill{color:#475569;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-top:8px;padding:4px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.attendance-pill.present{color:#047857;background:#d1fae5}.attendance-pill.absent{color:#b91c1c;background:#fee2e2}.auth-debug-panel{border:1px solid var(--border-color);color:var(--text-main);text-align:left;background:#f8fafce6;border-radius:12px;margin:18px 0;padding:14px}.auth-debug-panel strong{margin-bottom:10px;display:block}.auth-debug-panel dl{gap:8px;margin:0;display:grid}.auth-debug-panel div{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.auth-debug-panel dt{color:var(--text-muted);font-weight:800}.auth-debug-panel dd{overflow-wrap:anywhere;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.account-status-card{border-top:1px solid var(--border-color);margin-top:22px;padding-top:22px}.account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.account-detail-grid>div{border:1px solid var(--border-color);background:var(--soft-bg);border-radius:10px;min-width:0;padding:14px}.account-detail-grid dt{color:var(--text-muted);margin-bottom:6px;font-weight:800}.account-detail-grid dd{color:var(--text-main);overflow-wrap:anywhere;margin:0;font-weight:900}.tally-module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.tally-module-card{border:1px solid var(--border-color);background:var(--panel-bg);min-height:150px;color:var(--text-main);border-radius:12px;gap:8px;padding:18px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.tally-module-card:hover,.tally-module-card:focus-visible{border-color:var(--saas-primary);outline:none;transform:translateY(-2px);box-shadow:0 12px 28px #4f46e521}.tally-module-card strong{font-size:1.02rem}.tally-module-card p{color:var(--text-muted);margin:0}.tally-module-card span{color:var(--saas-primary);background:#4f46e51a;border-radius:999px;place-self:end start;padding:5px 10px;font-weight:900}.tally-quick-links{gap:10px;display:grid}.tally-quick-links a{border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;padding:12px 14px;font-weight:900;text-decoration:none}.tally-quick-links a:hover{border-color:var(--saas-primary);color:var(--saas-primary)}.mobile-bottom-nav{display:none}@media (width<=980px){.saas-hero,.saas-feature-grid,.saas-feature-grid.four{grid-template-columns:1fr}.saas-dashboard-preview{min-width:0}.saas-nav,.saas-footer{flex-direction:column;align-items:flex-start}}@media (width<=820px){.mobile-bottom-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 48px #0f172a2e}.mobile-bottom-nav a{color:var(--saas-muted);text-align:center;border-radius:12px;padding:9px 4px;font-size:.78rem;font-weight:900;text-decoration:none}.mobile-bottom-nav a.active{color:var(--saas-primary);background:#eef2ff}.floating-mic-btn{bottom:86px}.topbar{gap:14px}.topbar-actions,.runtime-badges{width:100%}.topbar-actions .topbar-link,.topbar-actions button,.manual-button,.secondary-button,.danger-button,.warning-button{min-height:44px}.voice-review-banner,.skeleton-grid{grid-template-columns:1fr}.empty-state-panel{flex-direction:column;align-items:stretch}.modal-footer{grid-template-columns:1fr}}@media (width<=760px){html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}.page-shell,.saas-app,.workspace,.phase2-stack,.phase3-stack{width:100%;max-width:100%}.app-frame{display:block}.workspace{padding:12px 12px 108px}.sidebar{border-radius:0 0 18px 18px;width:100%;max-height:none;margin-bottom:12px;position:static}.sidebar-brand,.sidebar-support{display:none}.side-nav{gap:8px;display:grid}.sidebar-section-trigger{min-height:46px;padding:10px 12px}.sidebar-section.expanded .sidebar-section-panel{max-height:58vh;overflow-y:auto}.topbar{z-index:20;border-radius:0 0 18px 18px;align-items:stretch;padding:12px;position:sticky;top:0}.topbar>div:first-child{min-width:0}.topbar strong,.topbar .eyebrow{overflow-wrap:anywhere}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.topbar-link,.topbar-actions button{width:100%;min-height:44px;margin:0;padding:10px 12px;font-size:.92rem}.runtime-badges{flex-wrap:wrap;gap:8px;display:flex}.content-grid,.stats-grid,.summary-grid,.analytics-grid,.report-grid,.form-grid,.advanced-grid,.account-detail-grid,.tally-module-grid,.phase3-grid,.erp-grid{grid-template-columns:1fr!important}.hero-panel,.panel,.advanced-panel,.phase2-stack .panel,.phase3-stack .panel,.auth-card{border-radius:16px;width:100%;max-width:100%;padding:16px}.auth-page{align-items:stretch;min-height:100vh;padding:14px}.auth-card h1,.saas-hero h1{font-size:2rem;line-height:1.08}.erp-hero,.phase3-hero,.section-header,.empty-state-panel,.activity-item{flex-direction:column;align-items:stretch}.erp-hero h2,.phase3-hero h2,.panel h2{font-size:1.35rem;line-height:1.18}.erp-hero-actions,.quick-actions,.voice-actions,.manual-actions,.ai-input-row,.modal-footer{grid-template-columns:1fr;gap:10px;display:grid}input,select,textarea,button,.manual-button,.secondary-button,.danger-button,.warning-button{border-radius:12px;min-height:46px}.data-table,table{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.bar-row{grid-template-columns:1fr;gap:8px}.bar-value{text-align:left}.floating-mic-btn{width:62px;height:62px;bottom:92px;right:18px}}@media (width<=420px){.workspace{padding-inline:8px}.topbar-actions,.mobile-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom-nav{left:8px;right:8px}.auth-card h1,.saas-hero h1{font-size:1.72rem}.panel,.auth-card{padding:14px}}:root{--console-bg:#07111f;--console-panel:#0f172ad1;--console-panel-strong:#111827f0;--console-border:#94a3b838;--console-text:#f8fafc;--console-muted:#94a3b8;--console-purple:#7c3aed;--console-purple-2:#a855f7}body{background:radial-gradient(circle at top left, #7c3aed38, transparent 34rem), radial-gradient(circle at top right, #3b82f626, transparent 30rem), var(--console-bg)}.app-frame{background:0 0;grid-template-columns:300px minmax(0,1fr);min-height:100dvh;overflow-x:hidden}.sidebar{z-index:40;border-right:1px solid var(--console-border);background:linear-gradient(#0f172afa,#0f172af0),#0f172a;flex-direction:column;gap:18px;height:100dvh;max-height:100dvh;padding:16px 14px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:24px 0 70px #00000047}.sidebar-brand{border:1px solid var(--console-border);background:#ffffff0a;border-radius:18px;flex:none;min-height:68px;padding:10px}.sidebar-logo{border-radius:14px;box-shadow:0 12px 28px #7c3aed40}.sidebar-status-card{background:linear-gradient(135deg,#4f46e524,#3b82f612),#ffffff0a;border:1px solid #94a3b82e;border-radius:16px;flex:none;gap:8px;padding:12px;display:grid}.sidebar-status-card strong{color:#f8fafc;font-size:.88rem;line-height:1.25}.sidebar-status-kicker{color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.sidebar-runtime-badges{gap:6px}.sidebar-runtime-badges .runtime-pill{padding:6px 8px;font-size:.68rem}.drawer-close-button,.mobile-menu-button,.topbar-menu-button,.mobile-drawer-overlay{display:none}.drawer-close-button{border:1px solid var(--console-border);color:#fff;background:#ffffff14;border-radius:14px;width:42px;min-height:42px;margin:0 0 0 auto;font-size:1.5rem}.side-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;gap:9px;min-height:0;padding:2px 4px 10px 0;overflow-y:auto}.side-nav::-webkit-scrollbar{width:7px}.side-nav::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:999px}.sidebar-section.has-active,.sidebar-section.expanded{background:#7c3aed14;border-color:#a855f757}.sidebar-section-trigger{min-height:38px;color:var(--console-text);letter-spacing:.02em;text-transform:uppercase;background:0 0;border-radius:13px;margin:0;padding:7px 9px;font-size:.78rem;font-weight:950;transition:background .2s,transform .2s}.sidebar-section-title{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-section-icon{color:#ddd6fe;background:#7c3aed29;border-radius:10px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:900;display:inline-flex}.sidebar-chevron{transition:transform .22s}.sidebar-section-panel{opacity:0;gap:4px;max-height:0;padding:0 4px;transition:max-height .24s,opacity .18s,padding .22s;display:grid;overflow:hidden}.sidebar-section.expanded .sidebar-section-panel{opacity:1;max-height:760px;padding-top:5px;padding-bottom:6px}.side-nav .sidebar-section-panel a{color:#cbd5e1;border:1px solid #0000;border-radius:11px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;min-height:36px;padding:8px 10px;font-size:.86rem;font-weight:800;text-decoration:none;display:grid}.side-nav .sidebar-section-panel a:hover,.side-nav .sidebar-section-panel a:focus-visible{color:#fff;background:#ffffff14}.sidebar-item-icon{color:#c4b5fd;background:#94a3b81a;border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;line-height:1;display:inline-flex}.side-nav .sidebar-section-panel a.active .sidebar-item-icon{color:#fff;background:#ffffff29}.workspace{background:linear-gradient(#0f172a99,#0f172a33),#eef2f7;min-width:0}body.dark .workspace{background:radial-gradient(circle at 30% 0,#7c3aed2e,#0000 28rem),#08111f}.topbar{background:#f8fafce0;border-bottom:1px solid #94a3b833;min-height:72px;padding:10px 18px;box-shadow:0 14px 40px #0f172a14}body.dark .topbar{background:#0f172ad6}.topbar-menu-button{border:1px solid var(--border-color);background:var(--panel-bg);width:42px;min-height:42px;color:var(--text-main);border-radius:14px;margin:0;font-size:1.25rem}.topbar-search,.dashboard-search{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:14px;align-items:center;gap:9px;min-width:190px;padding:0 12px;display:flex}.topbar-search input,.dashboard-search input{background:0 0;border:0;min-height:42px;padding:0}.topbar-date,.dashboard-command-tools input[type=date]{border-radius:12px;width:auto;min-height:40px;padding:8px 10px}.topbar-link,.topbar-actions button,.icon-command-button,.profile-avatar{min-height:40px;margin:0}.erp-dashboard{gap:18px;display:grid}.dashboard-command-center,.dashboard-glass-panel,.stat-card-modern,.quick-action-console{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe0,#ffffffb8);border:1px solid #94a3b838;box-shadow:0 22px 60px #0f172a1a}body.dark .dashboard-command-center,body.dark .dashboard-glass-panel,body.dark .stat-card-modern,body.dark .quick-action-console{background:linear-gradient(135deg,#0f172ae6,#1e293bb8);border-color:#94a3b82e}.dashboard-command-center{border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.dashboard-welcome-card h1{margin-bottom:8px}.dashboard-command-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex}.icon-command-button,.profile-avatar{border-radius:14px;justify-content:center;align-items:center;width:46px;font-weight:900;text-decoration:none;display:inline-flex}.icon-command-button{color:#dc2626;background:#fee2e2}.profile-avatar{color:#fff;background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quick-action-console{border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;display:grid}.quick-action-tile{min-height:48px;color:var(--text-main);text-align:center;background:linear-gradient(135deg,#7c3aed1f,#3b82f61f);border-radius:14px;justify-content:center;align-items:center;font-weight:900;text-decoration:none;display:flex}.quick-action-tile:hover,.quick-action-tile:focus-visible{color:#fff;background:linear-gradient(135deg,#6d28d9,#8b5cf6);outline:none}.dashboard-analytics-grid{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.dashboard-glass-panel{border-radius:22px;min-width:0;padding:18px}.dashboard-glass-panel.wide{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.dashboard-glass-panel.wide .section-header{grid-column:1/-1}.support-console-card{gap:8px;display:grid}.support-console-card a{color:var(--saas-primary);overflow-wrap:anywhere;font-weight:900;text-decoration:none}@media (width>=1101px){.topbar-menu-button{display:none}}@media (width<=1100px){.app-frame{grid-template-columns:1fr}.topbar-menu-button{justify-content:center;align-items:center;display:inline-flex}.sidebar{width:min(88vw,360px);max-height:100dvh;transition:transform .28s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.app-frame.nav-open .sidebar{transform:translate(0)}.app-frame.nav-open .mobile-drawer-overlay{z-index:35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0206179e;border-radius:0;width:100%;min-height:100%;margin:0;display:block;position:fixed;inset:0}.drawer-close-button{justify-content:center;align-items:center;display:inline-flex}.workspace{padding-top:0}.topbar{padding-left:14px}}@media (width<=900px){.dashboard-command-center,.dashboard-glass-panel.wide,.dashboard-analytics-grid{grid-template-columns:1fr}.dashboard-summary-grid,.quick-action-console{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-search{order:3;width:100%}}@media (width<=520px){.dashboard-summary-grid,.quick-action-console{grid-template-columns:1fr}.dashboard-command-tools{grid-template-columns:1fr auto auto;width:100%;display:grid}.dashboard-search{grid-column:1/-1;min-width:0}.topbar{padding-left:10px}.topbar-search{display:none}}.sidebar-support{background:#ffffff09;border-top:1px solid #94a3b833;border-radius:16px;flex:none;margin-top:0;padding:12px}.topbar-title{flex:0 230px;min-width:150px}.topbar-title strong{margin-top:1px;font-size:1rem;line-height:1.18}.topbar-actions{align-items:center;gap:7px}.topbar-link,.topbar-actions button{justify-content:center;align-items:center;padding:8px 11px;line-height:1.1;display:inline-flex}@media (width<=1100px){.app-frame{min-height:100dvh;display:grid}.sidebar{height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.sidebar-brand{display:flex}.sidebar-support{display:grid}.side-nav{flex:auto;min-height:0;overflow-y:auto}.topbar{align-items:center;min-height:72px;padding:10px 14px}}@media (width<=900px){.topbar{align-items:center;gap:9px}.topbar-title{flex:190px}.topbar-search{flex:260px;order:0;width:auto;min-width:0}.topbar-actions{flex:100%}}@media (width<=620px){.topbar{align-items:flex-start}.topbar-title{flex:calc(100% - 52px)}.topbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.topbar-date,.topbar-link,.topbar-actions button{width:100%;min-height:44px;padding:9px 10px}}@media (width<=420px){.sidebar{gap:12px;width:min(94vw,360px);padding:12px}.sidebar-brand{min-height:60px}.sidebar-status-card{padding:10px}.sidebar-section-trigger{min-height:40px}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--erp-bg:#07111f;--erp-bg-soft:#0b1626;--erp-sidebar:#081321;--erp-panel:#0f1b2dc7;--erp-panel-strong:#121f33eb;--erp-border:#94a3b829;--erp-text:#f8fafc;--erp-muted:#94a3b8;--erp-purple:#7c3aed;--erp-purple-2:#4f46e5}body,body.dark{background:radial-gradient(circle at 72% -8%, #4f46e538, transparent 34rem), radial-gradient(circle at 20% 18%, #0ea5e91f, transparent 28rem), var(--erp-bg);color:var(--erp-text)}.app-frame{background:var(--erp-bg);grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--erp-border);background:radial-gradient(circle at 70% 0,#7c3aed29,#0000 18rem),linear-gradient(#081321 0%,#07111f 100%);gap:14px;width:260px;height:100vh;max-height:100vh;padding:18px 16px;position:sticky;top:0;box-shadow:20px 0 50px #00000038}.sidebar-brand{background:0 0;border:0;border-radius:16px;min-height:58px;padding:0}.sidebar-logo{background:linear-gradient(135deg, var(--erp-purple-2), var(--erp-purple));border-radius:12px;width:44px;height:44px;box-shadow:0 14px 30px #7c3aed52}.sidebar-brand strong{color:#fff;font-size:.98rem;line-height:1.1}.sidebar-brand span{color:var(--erp-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.sidebar-status-card{border:1px solid var(--erp-border);background:linear-gradient(145deg,#0f1b2de6,#0f172a7a);border-radius:14px;gap:10px;padding:14px;box-shadow:inset 0 1px #ffffff0a}.sidebar-status-kicker{color:#fff;letter-spacing:0;text-transform:none;font-size:.82rem}.sidebar-status-card strong{display:none}.sidebar-runtime-badges{margin:0}.sidebar-runtime-badges .runtime-pill{color:#4ade80;text-transform:uppercase;background:#22c55e21;border:0;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:950}.sidebar-runtime-badges .runtime-pill.role{color:#c4b5fd;background:#7c3aed33}.side-nav{gap:10px;padding:4px 2px 10px 0}.sidebar-section{background:0 0;border:1px solid #0000;border-radius:14px;padding:0}.sidebar-section.has-active{background:#7c3aed0e;border-color:#7c3aed42}.sidebar-section.expanded{background:linear-gradient(145deg,#0f1b2db8,#0f172a57);border-color:#94a3b81a}.sidebar-section-trigger{color:#f8fafc;letter-spacing:.035em;border-radius:12px;min-height:34px;padding:8px 10px;font-size:.73rem}.sidebar-section-trigger:hover,.sidebar-section-trigger:focus-visible{background:#ffffff0e}.sidebar-section-title{gap:8px}.sidebar-section-icon{color:#cbd5e1;background:#94a3b814;border-radius:7px;width:20px;height:20px;font-size:.78rem}.sidebar-chevron{color:#cbd5e1;font-size:1rem;transform:rotate(0)}.sidebar-section.expanded .sidebar-chevron{transform:rotate(-90deg)}.sidebar-section-panel{gap:3px;padding:0 6px}.sidebar-section.expanded .sidebar-section-panel{max-height:900px;padding-top:4px;padding-bottom:10px}.side-nav .sidebar-section-panel a{color:#cbd5e1;border-radius:10px;grid-template-columns:20px minmax(0,1fr);gap:9px;min-height:36px;padding:8px 10px;font-size:.84rem;font-weight:750}.side-nav .sidebar-section-panel a:hover,.side-nav .sidebar-section-panel a:focus-visible{background:#ffffff0e}.side-nav .sidebar-section-panel a.active{color:#fff;background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 100%);box-shadow:0 14px 28px #4f46e552}.sidebar-item-icon{color:#94a3b8;background:0 0;border-radius:7px;width:20px;height:20px}.sidebar-support{border:1px solid var(--erp-border);background:linear-gradient(145deg,#0f1b2df2,#0f172a8c);border-radius:14px;gap:7px;padding:12px}.sidebar-support strong{color:#fff;text-transform:uppercase;font-size:.78rem;font-weight:950}.sidebar-support span{color:var(--erp-muted);font-size:.72rem;line-height:1.35}.sidebar-support-button{background:linear-gradient(135deg,#6d28d9,#4f46e5);border-radius:9px;justify-content:center;align-items:center;min-height:34px;font-weight:950;text-decoration:none;display:inline-flex;color:#fff!important;font-size:.76rem!important}.workspace,body.dark .workspace{background:radial-gradient(circle at 95% 0,#4f46e529,#0000 30rem),linear-gradient(#081321 0%,#07111f 100%);grid-column:2;min-width:0}.topbar,body.dark .topbar{border-bottom:1px solid var(--erp-border);min-height:74px;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fdb;padding:12px 24px}.topbar-title strong{color:#fff;font-size:1.08rem}.topbar-search,.topbar-date,.topbar-link,.topbar-actions button{border:1px solid var(--erp-border);color:#fff;background:#0f1b2dbd;border-radius:12px;box-shadow:inset 0 1px #ffffff09}.topbar-search input{color:#fff}.topbar-search input::placeholder{color:#94a3b8}.topbar-link.primary{color:#fff;background:linear-gradient(135deg,#6d28d9,#4f46e5);border-color:#0000}.page-shell{width:min(100%,1180px);padding:24px}.erp-dashboard{gap:18px}.dashboard-command-center,.dashboard-glass-panel,.stat-card-modern{border:1px solid var(--erp-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f1b2dd6,#0f172a85);box-shadow:0 24px 80px #00000038,inset 0 1px #ffffff09}.dashboard-command-center{border-radius:16px;grid-template-columns:1fr;padding:22px}.dashboard-welcome-card h1{color:#fff;margin:0 0 8px;font-size:clamp(1.25rem,2vw,1.55rem)}.dashboard-welcome-card p{color:#cbd5e1}.dashboard-summary-grid{gap:16px}.stat-card-modern{border-radius:16px;min-height:160px;padding:22px}.stat-card-modern strong{color:#fff;font-size:clamp(1.65rem,2.6vw,2.15rem)}.stat-card-modern p{color:var(--erp-muted)}.stat-icon-badge,.growth-badge{background:#7c3aed2b;border-radius:10px;justify-content:center;align-items:center;min-width:34px;height:34px;display:inline-flex}.dashboard-analytics-grid{grid-template-columns:1.22fr .95fr;align-items:stretch}.dashboard-glass-panel{border-radius:16px;padding:20px}.dashboard-glass-panel h2,.dashboard-glass-panel h3,.section-header h2{color:#fff}.dashboard-glass-panel.wide{grid-column:auto;grid-template-columns:1fr}.quick-actions-panel{align-self:stretch}.quick-action-console{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:10px;padding:0;display:grid}.quick-action-tile{justify-content:initial;border:1px solid var(--erp-border);color:#fff;background:#ffffff0a;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 20px;min-height:56px;padding:10px 12px;display:grid}.quick-action-tile span{background:#7c3aed38;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.quick-action-tile b{color:#cbd5e1}.activity-list{gap:0;display:grid}.activity-item{border-bottom:1px solid var(--erp-border);background:0 0;padding:12px 0}.activity-item:last-child{border-bottom:0}.activity-item strong{color:#4ade80}.svg-chart-container{color:#fff}.svg-chart{filter:drop-shadow(0 20px 35px #4f46e52e)}.mobile-bottom-nav{border-top:1px solid var(--erp-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111feb}.mobile-bottom-nav a.active{color:#c4b5fd;background:#7c3aed2e}@media (width<=1100px){.app-frame{grid-template-columns:1fr}.sidebar{width:min(88vw,340px);height:100dvh;max-height:100dvh;padding:18px 16px;overflow:hidden}.workspace,body.dark .workspace{grid-column:1}}@media (width<=900px){.dashboard-summary-grid,.dashboard-analytics-grid{grid-template-columns:1fr 1fr}.dashboard-glass-panel.wide,.quick-actions-panel,.dashboard-analytics-grid .dashboard-glass-panel{grid-column:auto}}@media (width<=680px){.page-shell{padding:14px 12px 112px}.topbar{padding:10px 12px}.dashboard-summary-grid,.dashboard-analytics-grid{grid-template-columns:1fr}.stat-card-modern{min-height:132px}}.sidebar-children{gap:3px;padding:4px 6px 10px;opacity:1!important;pointer-events:auto!important;height:auto!important;max-height:none!important;display:grid!important;overflow:visible!important}.side-nav .sidebar-children a{color:#cbd5e1;pointer-events:auto;border:1px solid #0000;border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:36px;padding:8px 10px;font-size:.84rem;font-weight:750;text-decoration:none;display:grid!important}.side-nav .sidebar-children a:hover,.side-nav .sidebar-children a:focus-visible{color:#fff;background:#fff1}.side-nav .sidebar-children a.active{color:#fff;background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 100%);box-shadow:0 14px 28px #4f46e552}.side-nav .sidebar-children a.active .sidebar-item-icon{color:#fff;background:#ffffff29}.side-nav .sidebar-section{flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;overflow:hidden!important}.side-nav .sidebar-section.expanded{flex-direction:column!important;height:auto!important;max-height:none!important;display:flex!important;overflow:hidden!important}.side-nav .sidebar-section .sidebar-children{float:none!important;visibility:visible!important;flex:none!important;width:100%!important;margin:0!important;position:static!important;inset:auto!important;transform:none!important}.erp-nav-list{scrollbar-width:thin;overscroll-behavior:contain!important;flex-direction:column!important;flex:auto!important;gap:10px!important;min-height:0!important;padding:2px 4px 12px 0!important;display:flex!important;overflow-y:auto!important}.erp-nav-list::-webkit-scrollbar{width:7px}.erp-nav-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.erp-nav-group{background:linear-gradient(145deg,#0f1b2db8,#0f172a5c)!important;border:1px solid #94a3b829!important;border-radius:14px!important;flex-direction:column!important;flex:none!important;width:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.erp-nav-group.is-active,.erp-nav-group.is-open{background:linear-gradient(145deg,#1e293be6,#0f172a94)!important;border-color:#7c3aed61!important}.erp-nav-trigger{color:#f8fafc!important;letter-spacing:.025em!important;text-align:left!important;text-transform:uppercase!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;font-size:.78rem!important;font-weight:950!important;display:flex!important;transform:none!important}.erp-nav-trigger:hover,.erp-nav-trigger:focus-visible{filter:none!important;background:#ffffff12!important}.erp-nav-title{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.erp-nav-section-icon,.erp-nav-child-icon{color:#c4b5fd!important;background:#94a3b81f!important;border-radius:8px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;font-size:.75rem!important;line-height:1!important;display:inline-flex!important}.erp-nav-chevron{color:#cbd5e1!important;flex:none!important;justify-content:center!important;align-items:center!important;font-size:1rem!important;line-height:1!important;transition:transform .2s!important;display:inline-flex!important;transform:rotate(0)!important}.erp-nav-group.is-open .erp-nav-chevron{transform:rotate(90deg)!important}.erp-nav-children{opacity:1!important;visibility:visible!important;flex-direction:column!important;flex:none!important;gap:3px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0 8px 10px 34px!important;display:none!important;position:static!important;overflow:visible!important;transform:none!important}.erp-nav-group.is-open .erp-nav-children{display:flex!important}.erp-nav-link{color:#cbd5e1!important;border:1px solid #0000!important;border-radius:10px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:34px!important;margin:0!important;padding:7px 9px!important;font-size:.82rem!important;font-weight:760!important;line-height:1.2!important;text-decoration:none!important;display:flex!important}.erp-nav-link:hover,.erp-nav-link:focus-visible{color:#fff!important;background:#ffffff13!important}.erp-nav-link.is-active{color:#fff!important;background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 100%)!important;border-color:#ffffff1a!important;box-shadow:0 12px 26px #4f46e54d!important}.erp-nav-link.is-active .erp-nav-child-icon{color:#fff!important;background:#ffffff2e!important}.password-label-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:18px;display:flex}.password-label-row .field-label{margin:0 0 8px}.password-toggle-button{color:#4f46e5;background:#4f46e514;border:1px solid #4f46e538;border-radius:999px;width:auto;min-height:34px;margin:0 0 8px;padding:6px 11px;font-size:.82rem;font-weight:850}.password-toggle-button:hover,.password-toggle-button:focus-visible{filter:none;background:#4f46e524;transform:none}html,body,#root{color:#111827!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important}body,body.dark{--bg-page:#fff!important;--bg-main:#fff!important;--bg-card:#f9fafb!important;--bg-card-dark:#e5e7eb!important;--surface-main:#fff!important;--panel-bg:#fff!important;--card-bg:#fff!important;--text-main:#111827!important;--text-muted:#4b5563!important;--text-faint:#6b7280!important;--border-main:#d1d5db!important;--border-color:#d1d5db!important;--erp-bg:#fff!important;--erp-bg-soft:#f9fafb!important;--erp-sidebar:#fff!important;--erp-panel:#fff!important;--erp-panel-strong:#fff!important;--erp-border:#d1d5db!important;--erp-text:#111827!important;--erp-muted:#4b5563!important;color:#111827!important;background:#fff!important}.app-frame,.workspace,body.dark .workspace,.page-shell,.saas-public-shell,.auth-page{color:#111827!important;background:#fff!important}.sidebar{color:#111827!important;background:#fff!important;border-right:1px solid #d1d5db!important;box-shadow:8px 0 28px #0f172a14!important}.sidebar-brand,.sidebar-status-card,.sidebar-support,.erp-nav-group,.dashboard-command-center,.dashboard-glass-panel,.stat-card-modern,.quick-action-console,.hero-panel,.panel,.advanced-panel,.auth-card,.legal-card,.settings-card,.profile-logo-card,.phase3-card,.phase2-stack .panel,.phase3-stack .panel,.modal-content,.invoice-paper,.ai-list,.empty-state,.compact-item,.summary-card,.storage-box{color:#111827!important;background:#fff!important;border-color:#d1d5db!important;box-shadow:0 10px 28px #0f172a14!important}.erp-nav-group.is-open,.erp-nav-group.is-active,.sidebar-section.expanded,.sidebar-section.has-active{background:#f9fafb!important;border-color:#c7d2fe!important}.sidebar-brand strong,.sidebar-status-card strong,.sidebar-support strong,.topbar-title strong,.dashboard-welcome-card h1,.dashboard-glass-panel h2,.dashboard-glass-panel h3,.section-header h2,.panel h2,.panel h3,.auth-card h1,.legal-card h1,.legal-card h2,h1,h2,h3,h4,strong,label,.field-label,.erp-nav-trigger,.erp-nav-link,.topbar-link,.quick-action-tile,.activity-item,.statement-table,.statement-table td,.statement-table th{color:#111827!important}p,span,small,dd,dt,.eyebrow,.sidebar-brand span,.sidebar-status-kicker,.sidebar-support span,.dashboard-welcome-card p,.stat-card-modern p,.activity-item p,.panel-hint,.field-help,.legal-updated{color:#4b5563!important}.erp-nav-trigger:hover,.erp-nav-trigger:focus-visible,.erp-nav-link:hover,.erp-nav-link:focus-visible,.quick-action-tile:hover,.quick-action-tile:focus-visible{color:#111827!important;background:#eef2ff!important}.erp-nav-link.is-active,.side-nav a.active,.mobile-bottom-nav a.active{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.erp-nav-link.is-active *,.side-nav a.active *,.mobile-bottom-nav a.active *{color:#fff!important}.erp-nav-section-icon,.erp-nav-child-icon,.sidebar-section-icon,.sidebar-item-icon,.stat-icon-badge,.growth-badge{color:#4f46e5!important;background:#eef2ff!important}.topbar,body.dark .topbar{color:#111827!important;background:#fff!important;border-bottom:1px solid #d1d5db!important;box-shadow:0 8px 24px #0f172a0f!important}.topbar-search,.dashboard-search,.topbar-date,.topbar-link,.topbar-actions button,.icon-command-button,.profile-avatar{color:#111827!important;background:#fff!important;border:1px solid #d1d5db!important}input,select,textarea,button,.restore-label{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}input,select,textarea,.topbar-search input,.dashboard-search input,body.dark input,body.dark select,body.dark textarea{color:#111827!important;caret-color:#111827!important;box-shadow:none!important;background:#fff!important;border:1px solid #d1d5db!important}input::placeholder,textarea::placeholder,.topbar-search input::placeholder,.dashboard-search input::placeholder{color:#6b7280!important;opacity:1!important}select option{color:#111827!important;background:#fff!important}table,.statement-table,.data-table,.erp-table-wrap table{color:#111827!important;background:#fff!important;border-color:#d1d5db!important}th,td,.statement-table th,.statement-table td,body.dark .statement-table th,body.dark .statement-table td,body.dark .statement-table tr{color:#111827!important;background:#fff!important;border-color:#e5e7eb!important}thead th,.statement-table th{color:#374151!important;background:#f9fafb!important}.notice{color:#065f46!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.notice.error,.app-error-banner{color:#991b1b!important;background:#fef2f2!important;border-color:#fecaca!important}.notice.warning{color:#92400e!important;background:#fffbeb!important;border-color:#fde68a!important}.saas-primary-button,.manual-button,.primary-button,.sidebar-support-button,.topbar-link.primary{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.saas-google-button,.secondary-button,.topbar-link.dark-mode-toggle-btn,.password-toggle-button{color:#111827!important;background:#fff!important;border:1px solid #d1d5db!important}.danger-button,.delete-entry-button{color:#991b1b!important;background:#fef2f2!important;border-color:#fecaca!important}.mobile-bottom-nav{background:#fff!important;border-top:1px solid #d1d5db!important}.mobile-bottom-nav a{color:#374151!important}.modal-backdrop{background:#11182759!important}svg text{fill:#111827!important}html,body,#root,body.dark,body[data-theme=dark]{color:#111827!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important}*{scrollbar-color:#cbd5e1 #fff}.sidebar,.mobile-drawer,.mobile-drawer-panel,.mobile-sidebar,.drawer,.drawer-panel,.workspace,.app-frame,.main-content,.page-shell,.dashboard-shell,.auth-page,.auth-card,.modal-content,.modal-panel,.dropdown-menu,.popover,.toast,.card,.panel,.settings-card,.profile-card,.table-card{color:#111827!important;background-color:#fff!important}.mobile-drawer-overlay,.drawer-overlay,.modal-backdrop{background-color:#11182759!important}input,select,textarea,[contenteditable=true]{appearance:auto;color:#111827!important;-webkit-text-fill-color:#111827!important;background-color:#fff!important;border-color:#d1d5db!important}input:-webkit-autofill{-webkit-text-fill-color:#111827!important;caret-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#111827!important;caret-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#111827!important;caret-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill{-webkit-text-fill-color:#111827!important;caret-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill{-webkit-text-fill-color:#111827!important;caret-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}button:disabled,input:disabled,select:disabled,textarea:disabled{color:#6b7280!important;opacity:1!important;-webkit-text-fill-color:#6b7280!important;background-color:#f3f4f6!important;border-color:#d1d5db!important}a:not(.erp-nav-link):not(.mobile-bottom-nav a):not(.side-nav a){color:#4f46e5!important}hr,fieldset{border-color:#e5e7eb!important}@media (prefers-color-scheme:dark){html,body,#root{color:#111827!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important}input,select,textarea,option,optgroup{color:#111827!important;-webkit-text-fill-color:#111827!important;background-color:#fff!important;border-color:#d1d5db!important}}.section-header>span,.topbar-link.primary,.topbar-link.primary:visited,.sidebar-support-button,.sidebar-support-button:visited,.saas-primary-button,.manual-button,.primary-button,.erp-nav-link.is-active,.mobile-bottom-nav a.active,.section-header>span *,.topbar-link.primary *,.sidebar-support-button *,.saas-primary-button *,.manual-button *,.primary-button *,.erp-nav-link.is-active *,.mobile-bottom-nav a.active *{color:#fff!important;-webkit-text-fill-color:#fff!important}.section-header>span{background:#111827!important;border:1px solid #374151!important}.section-header .eyebrow,.dashboard-glass-panel .eyebrow,.erp-hero .eyebrow,.support-console-card .eyebrow,.dashboard-welcome-card .eyebrow,.topbar .eyebrow{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#4f46e5!important;border:1px solid #4338ca!important;border-radius:12px!important;align-items:center!important;width:fit-content!important;max-width:100%!important;min-height:28px!important;padding:6px 12px!important;display:inline-flex!important}.section-header .eyebrow *,.dashboard-glass-panel .eyebrow *,.erp-hero .eyebrow *,.support-console-card .eyebrow *,.dashboard-welcome-card .eyebrow *,.topbar .eyebrow *{color:#fff!important;-webkit-text-fill-color:#fff!important}.quick-action-tile:hover *,.quick-action-tile:focus-visible *,.profile-avatar,.profile-avatar *,.icon-command-button,.icon-command-button *{color:inherit!important;-webkit-text-fill-color:currentColor!important}.advanced-panel,.saas-dashboard-preview,.preview-card,.preview-chart,.preview-list,.preview-list li{color:#111827!important;background:#fff!important;border-color:#d1d5db!important}.badge,.info-badge,.runtime-pill,.status-pill,.growth-badge,.stat-icon-badge{box-shadow:none!important;-webkit-text-fill-color:currentColor!important;border:1px solid #4f46e52e!important}.runtime-pill,.status-pill,.info-badge{color:#4338ca!important;background:#eef2ff!important}.badge-receipt,.growth-up{color:#15803d!important;background:#dcfce7!important;border-color:#bbf7d0!important}.badge-payment,.growth-down{color:#b91c1c!important;background:#fee2e2!important;border-color:#fecaca!important}.badge-sales,.badge-debtor{color:#1e40af!important;background:#dbeafe!important;border-color:#bfdbfe!important}.badge-purchase,.badge-creditor{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important}.manual-button:hover,.saas-primary-button:hover,.primary-button:hover,.sidebar-support-button:hover,.topbar-link.primary:hover,.quick-action-tile:hover,.quick-action-tile:focus-visible{filter:brightness(.98)!important;transform:translateY(-1px)!important}.secondary-button:hover,.saas-google-button:hover,.topbar-link:hover,.topbar-actions button:hover,.password-toggle-button:hover{color:#111827!important;background:#f8fafc!important;border-color:#c7d2fe!important}.skeleton-grid,.skeleton-panel{color:#4b5563!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important}.skeleton-grid span{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6)!important}.empty-state,.empty-state-panel{color:#374151!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important}.empty-state *,.empty-state-panel *{color:inherit!important}.topbar{z-index:20!important;position:sticky!important;top:0!important}.topbar-search input{min-width:0!important}@media (width<=768px){.topbar{gap:10px!important;min-height:auto!important;padding:10px 12px!important}.topbar-title{flex:180px!important;min-width:0!important}.topbar-title strong{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;display:block!important;overflow:hidden!important}.topbar-search{flex:100%!important;order:3!important;width:100%!important;min-width:0!important}.topbar-actions{scrollbar-width:thin!important;flex:100%!important;order:2!important;gap:8px!important;width:100%!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.topbar-date,.topbar-link,.topbar-actions button{white-space:nowrap!important;flex:none!important;min-height:44px!important}.page-shell{padding:14px!important}}@media (width<=420px){.topbar-date{max-width:142px!important}.topbar-link{padding-inline:12px!important}.dashboard-summary-grid,.dashboard-analytics-grid,.ai-stats-breakdown,.settings-grid{grid-template-columns:1fr!important}}.route-fallback-panel{gap:12px!important;display:grid!important}.mobile-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.mobile-start-panel{display:none}@media (width<=820px){html,body,#root{min-height:100dvh!important;overflow-x:hidden!important}.app-frame{background:#fff!important;min-height:100dvh!important;padding:0!important;display:block!important}.workspace,body.dark .workspace{width:100%!important;min-height:100dvh!important;padding:0 0 calc(118px + env(safe-area-inset-bottom))!important;background:#fff!important;flex-direction:column!important;display:flex!important}.topbar{background:#fff!important;border-radius:0!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;min-height:56px!important;margin:0!important;padding:8px 12px!important;display:flex!important;box-shadow:0 8px 20px #0f172a0f!important}.topbar-menu-button{flex:0 0 44px!important;width:44px!important;height:44px!important;display:inline-flex!important}.page-shell{width:100%!important;min-height:auto!important;padding:8px 12px calc(132px + env(safe-area-inset-bottom))!important;background:#fff!important;flex:auto!important;margin:0!important;display:block!important}.topbar-search,.topbar-actions{display:none!important}.topbar-title{flex:auto!important;min-width:0!important}.topbar-title .eyebrow{display:none!important}.topbar-title strong{color:#111827!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:1rem!important;line-height:1.15!important;display:block!important;overflow:hidden!important}.page-shell>section,.page-shell>div{max-width:100%!important}.mobile-bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:80!important;display:grid!important}.floating-mic-btn{right:18px!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;z-index:85!important}.mobile-start-panel{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;gap:10px!important;margin:0 0 12px!important;padding:14px!important;display:grid!important;box-shadow:0 10px 28px #0f172a14!important}.mobile-start-panel h2{color:#111827!important;margin:6px 0 0!important;font-size:1.35rem!important;line-height:1.15!important}.mobile-start-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.mobile-start-actions a{color:#111827!important;text-align:center!important;background:#f8fafc!important;border:1px solid #d1d5db!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;min-height:42px!important;padding:8px!important;font-size:.82rem!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important}.mobile-start-actions a:first-child{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}}@media (width<=420px){.topbar-search{display:none!important}.topbar-actions{max-width:100%!important}.mobile-quick-grid,.mobile-start-actions{grid-template-columns:1fr!important}}@media (width<=820px){body:has(.app-frame){background:#fff!important;min-height:100dvh!important;margin:0!important;overflow:hidden auto!important}body.dark:has(.app-frame){background:#fff!important;min-height:100dvh!important;margin:0!important;overflow:hidden auto!important}.app-frame{background:#fff!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;overflow-x:hidden!important}.workspace,body.dark .workspace{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:0 0 calc(104px + env(safe-area-inset-bottom))!important;background:#fff!important;flex-direction:column!important;flex:none!important;justify-content:flex-start!important;align-items:stretch!important;margin:0!important;display:flex!important;overflow-x:hidden!important}.topbar{z-index:60!important;flex:none!important;width:100%!important;max-width:100%!important;min-height:54px!important;margin:0!important;padding:7px 12px!important;position:sticky!important;top:0!important;transform:none!important}.page-shell{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:8px 12px calc(120px + env(safe-area-inset-bottom))!important;background:#fff!important;flex:none!important;align-self:stretch!important;margin:0!important;display:block!important;overflow:visible!important;transform:none!important}.page-shell:before,.page-shell:after,.workspace:before,.workspace:after{content:none!important;display:none!important}.page-shell>:first-child,.dashboard-command-center,.dashboard-summary-grid,.dashboard-analytics-grid,.phase2-stack,.phase3-stack,.panel,.hero-panel{margin-top:0!important}.mobile-start-panel{margin-top:0!important;display:grid!important}.mobile-bottom-nav{right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:90!important;position:fixed!important;left:12px!important;transform:none!important}.app-frame{width:100%!important;max-width:100%!important;min-height:100dvh!important;display:block!important;position:relative!important;overflow-x:hidden!important}.sidebar{z-index:120!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;width:min(88vw,340px)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;transition:transform .22s!important;position:fixed!important;inset:0 auto 0 0!important;overflow-y:auto!important;transform:translate(-105%)!important}.app-frame.nav-open .sidebar{transform:translate(0)!important}.mobile-drawer-overlay{z-index:110!important;background:#0f172a6b!important;border:0!important;border-radius:0!important;width:100vw!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:none!important;position:fixed!important;inset:0!important}.app-frame.nav-open .mobile-drawer-overlay{display:block!important}.mobile-menu-button{display:none!important}.topbar-menu-button{flex:0 0 44px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;display:inline-flex!important}.drawer-close-button{display:inline-flex!important}.workspace,body.dark .workspace{width:100%!important;max-width:100%!important;min-height:100dvh!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;margin:0!important}.topbar{z-index:70!important;position:sticky!important;top:0!important}.page-shell{padding-top:8px!important}.erp-nav-list{flex:auto!important;min-height:0!important;overflow-y:auto!important}.erp-nav-group.is-open .erp-nav-children,.erp-nav-group[data-open=true] .erp-nav-children{opacity:1!important;visibility:visible!important;height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important}.form-grid,.settings-grid,.dashboard-summary-grid,.dashboard-analytics-grid,.phase2-grid,.phase3-grid,.content-grid,.stats-grid{grid-template-columns:1fr!important}table,.data-table{max-width:100%!important}}.notice.success{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.member-invite-card,.member-toolbar{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:18px;padding:18px}.member-invite-card h3,.member-toolbar h3{margin-bottom:4px}.member-invite-action{align-items:flex-end;display:flex}.member-invite-action button{margin-top:0}.member-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.members-table-wrap{-webkit-overflow-scrolling:touch;width:100%;margin-top:14px;overflow-x:auto}.members-table{border-collapse:separate;border-spacing:0;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;min-width:760px;overflow:hidden}.members-table th,.members-table td{color:#111827;text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:12px}.members-table th{color:#374151;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:.78rem;font-weight:900}.members-table tr:last-child td{border-bottom:0}.members-table select{color:#111827;background:#fff;border-radius:12px;min-width:130px;padding:9px 10px}.member-self-pill{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-left:8px;padding:4px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.member-actions{align-items:center;gap:8px;display:flex}.member-actions .compact-button{width:auto;min-width:92px;margin-top:0}@media (width<=680px){.member-toolbar{flex-direction:column;align-items:stretch}.member-toolbar .compact-button{width:100%}.members-table-wrap{overflow-x:visible}.members-table{background:0 0;border:0;min-width:0}.members-table thead{display:none}.members-table,.members-table tbody,.members-table tr,.members-table td{width:100%;display:block}.members-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:12px;padding:10px}.members-table td{border-bottom:1px solid #eef2f7;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px 4px;display:grid}.members-table td:last-child{border-bottom:0}.members-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:900}.member-actions{flex-direction:column;align-items:stretch}.member-actions .compact-button{width:100%}}.hrms-hero p,.panel-hint{color:#64748b;margin:6px 0 0;font-size:.95rem;line-height:1.45}.hrms-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hrms-master-panel,.hrms-directory-panel,.hrms-profile-panel{max-width:100%;overflow-x:hidden;color:#111827!important;background:#fff!important}.hrms-form-grid{align-items:start}.field-label{color:#111827;margin-bottom:8px;font-size:.82rem;font-weight:900;display:block}.wide-field{grid-column:1/-1}.hrms-form-grid textarea,.hrms-toolbar input,.hrms-toolbar select{border:1px solid #cbd5e1;border-radius:14px;width:100%;color:#111827!important;background:#fff!important}.hrms-form-grid textarea{resize:vertical;min-height:112px;padding:12px 14px}.hrms-toolbar{grid-template-columns:minmax(220px,1fr) 180px 150px;gap:12px;margin:18px 0;display:grid}.hrms-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hrms-employee-card{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 18px 36px #0f172a0f}.hrms-employee-card:hover,.hrms-employee-card.selected{border-color:#818cf8;transform:translateY(-1px);box-shadow:0 22px 45px #4f46e524}.hrms-employee-card-head,.hrms-profile-header{align-items:center;gap:12px;display:flex}.hrms-employee-card-head{justify-content:space-between}.hrms-employee-card-head>div:nth-child(2),.hrms-profile-header>div:nth-child(2){flex:1;min-width:0}.hrms-employee-card strong,.hrms-profile-header h2{color:#111827}.hrms-employee-card p,.hrms-profile-header p{color:#64748b;margin:4px 0 0;font-size:.9rem}.hrms-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:14px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.hrms-avatar.large{border-radius:18px;width:58px;height:58px;font-size:1.35rem}.hrms-status{color:#166534;text-transform:uppercase;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900}.hrms-status.inactive{color:#991b1b;background:#fee2e2}.hrms-employee-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.hrms-employee-meta span{color:#334155;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:9px 10px;font-size:.84rem}.hrms-pagination{color:#475569;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-weight:800;display:flex}.hrms-tabs{-webkit-overflow-scrolling:touch;gap:10px;max-width:100%;margin:18px 0;padding-bottom:6px;display:flex;overflow-x:auto}@media (width>=768px){.hrms-tabs{flex-wrap:wrap;overflow-x:visible}}.hrms-tabs button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex:none;padding:10px 14px;font-weight:900}.hrms-tabs button.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-color:#0000}.hrms-tab-card{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.hrms-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.hrms-detail-grid div,.hrms-notes-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.hrms-detail-grid dt{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:900}.hrms-detail-grid dd{color:#111827;overflow-wrap:anywhere;margin:0;font-weight:800}.hrms-notes-card strong{color:#111827}.hrms-notes-card p{color:#334155;white-space:pre-wrap;margin:8px 0 0;line-height:1.55}.hrms-phaseb-panel{color:#111827!important;background:#fff!important}.hrms-inline-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;margin:18px 0;display:grid}.hrms-inline-form input,.hrms-inline-form select{border:1px solid #cbd5e1;border-radius:14px;width:100%;min-height:44px;padding:10px 12px;color:#111827!important;background:#fff!important}.hrms-inline-form .manual-button,.hrms-inline-form .secondary-button{min-height:44px;margin-top:0}.hrms-check{color:#334155;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-weight:900;display:inline-flex}.hrms-check input{width:auto;min-height:0}.hrms-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hrms-mini-card,.hrms-holiday-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:8px;padding:14px;display:grid}.hrms-mini-card strong,.hrms-holiday-card strong{color:#111827}.hrms-mini-card p,.hrms-holiday-card p{color:#64748b;margin:0;line-height:1.45}.hrms-mini-card>span:not(.attendance-pill):not(.hrms-status){color:#4f46e5;font-weight:900}.hrms-holiday-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hrms-holiday-card time{color:#4f46e5;font-size:.82rem;font-weight:900}.hrms-phasec-stack{gap:18px;display:grid}.hrms-subsection-header{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:16px}.hrms-subsection-header h3{color:#111827;margin:0}.hrms-inline-form input[type=file]{padding:9px 12px}.employee-self-shell{color:#111827;background:#fff;width:100%;max-width:1180px;min-height:100dvh;margin:0 auto;padding:24px 24px 96px}.employee-self-header{background:linear-gradient(135deg,#4f46e514,#3b82f60a),#fff;border:1px solid #e5e7eb;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 18px 44px #0f172a14}.employee-self-header h1{color:#111827;margin:6px 0;font-size:clamp(1.7rem,4vw,2.6rem)}.employee-self-header p{color:#64748b;margin:0;font-weight:800}.employee-self-nav{scrollbar-width:thin;gap:10px;padding:16px 2px 8px;display:flex;overflow-x:auto}.employee-self-nav button{white-space:nowrap;color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:900;transition:all .18s}.employee-self-nav button:hover{color:#4338ca;border-color:#c7d2fe;transform:translateY(-1px)}.employee-self-nav button.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-color:#0000;box-shadow:0 12px 28px #4f46e53d}.employee-self-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.employee-self-panel{background:#fff;border:1px solid #e5e7eb;margin-top:16px;padding:22px}.employee-self-panel h2{color:#111827}@media (width<=900px){.hrms-summary-grid,.hrms-employee-grid,.hrms-detail-grid,.hrms-record-grid,.hrms-holiday-grid,.employee-self-grid{grid-template-columns:1fr 1fr}.hrms-toolbar,.hrms-inline-form{grid-template-columns:1fr}}@media (width<=640px){.hrms-summary-grid,.hrms-employee-grid,.hrms-detail-grid,.hrms-employee-meta,.hrms-record-grid,.hrms-holiday-grid{grid-template-columns:1fr}.employee-self-shell{padding:14px 14px 92px}.employee-self-header{border-radius:20px;flex-direction:column;align-items:flex-start}.employee-self-header .topbar-link{width:100%}.employee-self-grid{grid-template-columns:1fr}.hrms-profile-header{flex-direction:column;align-items:flex-start}.hrms-profile-header .compact-button{width:100%}}.app-frame{max-width:100%!important;overflow-x:hidden!important}.workspace,.main-content{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.topbar{width:100%!important;max-width:100%!important}.hrms-layout,.hrms-page-container,.app-container{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.hrms-table-container,.table-wrapper{max-width:100%!important;overflow-x:auto!important}.hrms-toolbar{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.hrms-toolbar>*{flex:150px}.hrms-record-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;display:grid!important}button,.btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}button:focus-visible,.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--brand-primary)}button:hover,.btn:hover{transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary,button[type=submit],.save-btn,.submit-btn{background-color:var(--brand-primary)!important;color:#fff!important;border-color:#0000!important}.btn-primary:hover,button[type=submit]:hover,.save-btn:hover,.submit-btn:hover{background-color:var(--brand-primary-hover)!important;box-shadow:var(--shadow-md)!important}.btn-secondary,.cancel-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.btn-secondary:hover,.cancel-btn:hover{background-color:var(--brand-secondary)!important;border-color:var(--text-muted)!important}.btn-danger,.delete-btn{background-color:var(--danger)!important;color:#fff!important}.btn-danger:hover,.delete-btn:hover{background-color:#dc2626!important}.btn-ghost{color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important}.btn-ghost:hover{background:var(--brand-secondary)!important;color:var(--text-primary)!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:14px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #00000014}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.table-wrapper,.party-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-secondary);box-shadow:var(--shadow-sm);margin-top:16px;margin-bottom:16px;overflow-x:auto}table,.statement-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:12px 16px;font-size:14px}th{background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;z-index:10;font-size:12px;font-weight:600;position:sticky;top:0}tr:last-child td{border-bottom:none}tr{transition:background-color var(--transition-fast)}tr:hover td{background-color:var(--bg-primary)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-neutral{background:var(--brand-secondary);color:var(--text-secondary)}.empty-state{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px dashed var(--border-strong);flex-direction:column;justify-content:center;align-items:center;margin:24px 0;padding:48px 24px;display:flex}.empty-state svg,.empty-state img{width:64px;height:64px;color:var(--border-strong);margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto 24px;font-size:14px}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#fffc;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;margin-bottom:4px;padding:10px 16px;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--bg-primary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.widget-value{color:var(--text-primary);margin:8px 0;font-size:32px;font-weight:700;line-height:1.2}.widget-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:500}.stat-card{box-shadow:var(--shadow-sm)!important;border:1px solid var(--border-subtle)!important;background:var(--bg-secondary)!important;border-radius:var(--radius-lg)!important;transition:transform var(--transition-fast), box-shadow var(--transition-normal)!important}.stat-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.saas-dropdown-container{display:inline-block;position:relative}.saas-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:100;margin-top:8px;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;right:0;transform:translateY(-8px)}.saas-dropdown-container:hover .saas-dropdown-menu,.saas-dropdown-container:focus-within .saas-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.saas-dropdown-item{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.saas-dropdown-item:hover,.saas-dropdown-item:focus{background:var(--bg-secondary);color:var(--text-primary);outline:none}.saas-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.saas-dropdown-divider{background:var(--border-subtle);height:1px;margin:6px 0}.search-wrapper{align-items:center;width:100%;max-width:480px;display:flex;position:relative}.search-wrapper input{background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;height:40px;padding-left:40px;padding-right:64px;transition:all .2s}.search-wrapper input:focus{background:var(--bg-primary);border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f626}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.search-shortcut{background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-muted);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;font-weight:600;display:flex;position:absolute;right:12px}.dashboard-grid-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.dashboard-grid-layout{grid-template-columns:1fr 320px}}@media (width>=1400px){.dashboard-grid-layout{grid-template-columns:1fr 360px}}.dashboard-main-column{flex-direction:column;gap:24px;display:flex}.dashboard-side-column{flex-direction:column;gap:24px;display:flex;position:sticky;top:80px}.glass-panel{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:24px}.glass-panel:hover{box-shadow:var(--shadow-md);border-color:var(--border-main)}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.timeline{flex-direction:column;gap:20px;padding-left:24px;display:flex;position:relative}.timeline:before{content:"";background:var(--border-subtle);border-radius:2px;width:2px;position:absolute;top:8px;bottom:0;left:7px}.timeline-item{transition:transform var(--transition-fast);align-items:flex-start;gap:16px;display:flex;position:relative}.timeline-item:hover{transform:translate(4px)}.timeline-icon{background:var(--bg-primary);z-index:1;border-radius:50%;padding:4px;position:absolute;left:-24px}.progress-bar-bg{background:var(--bg-tertiary);border-radius:4px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.insight-card{border-radius:var(--radius-lg);transition:transform var(--transition-fast);background:linear-gradient(145deg,#3b82f60d 0%,#3b82f603 100%);border:1px solid #3b82f626;align-items:flex-start;gap:12px;padding:16px;display:flex}.insight-card:hover{background:linear-gradient(145deg,#3b82f614 0%,#3b82f605 100%);transform:translateY(-2px)}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-neutral{color:var(--warning)}.crm-container{flex-direction:column;gap:24px;display:flex}.crm-toolbar{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.crm-toolbar-actions{align-items:center;gap:12px;display:flex}.crm-search-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-secondary);width:280px;transition:all var(--transition-fast);padding:8px 12px 8px 36px;font-size:14px}.crm-search-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.crm-table-wrapper{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto}.crm-table{border-collapse:collapse;text-align:left;width:100%}.crm-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);z-index:10;white-space:nowrap;padding:16px 20px;font-size:13px;font-weight:600;position:sticky;top:0}.crm-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:16px 20px;font-size:14px}.crm-table tr:hover td{background:var(--bg-secondary)}.crm-table tr:last-child td{border-bottom:none}.crm-avatar{background:var(--brand-secondary);width:40px;height:40px;color:var(--brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.crm-customer-cell{align-items:center;gap:12px;display:flex}.crm-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.crm-tag.vip{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8}.crm-tag.wholesale{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.crm-tag.retail{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.crm-tag.high-risk{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.profile-grid-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.profile-grid-layout{grid-template-columns:320px 1fr}}.profile-sidebar{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:24px;padding:24px;display:flex}.profile-avatar-large{background:var(--brand-secondary);width:80px;height:80px;color:var(--brand-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:32px;font-weight:700;display:flex}.doc-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:16px;display:flex}.doc-card:hover{border-color:var(--brand-primary);background:var(--bg-primary)}.crm-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;width:100vw;height:100vh;animation:fadeIn var(--transition-fast) ease;background:#0f172a59;position:fixed;top:0;left:0}.crm-drawer-content{background:var(--bg-primary);z-index:9999;width:100%;max-width:480px;height:100vh;animation:slideInRight var(--transition-fast) ease;flex-direction:column;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0000001a}@media (width<=768px){.crm-drawer-content{max-width:90vw}}@media (width<=480px){.crm-drawer-content{max-width:100vw}}.crm-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px;display:flex}.crm-drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.crm-drawer-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;gap:12px;padding:24px;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=1100px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease;flex-direction:column;padding:20px;display:flex}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.kpi-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-value{letter-spacing:-.02em;color:var(--text-primary);font-size:28px;font-weight:600;font-family:var(--font-heading);margin-bottom:8px}.kpi-trend{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.kpi-trend.trend-up{color:var(--success)}.kpi-trend.trend-down{color:var(--danger)}.kpi-trend.trend-neutral{color:var(--text-secondary)}.hrms-premium-header{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.hrms-header-title h2{margin:4px 0;font-size:24px}.hrms-header-title p{color:var(--text-secondary);margin:0;font-size:14px}.hrms-header-actions{gap:12px;display:flex}.hrms-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.hrms-kpi-grid .kpi-card{flex-direction:row;align-items:center;gap:16px;padding:20px}.kpi-icon{background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.kpi-content{flex-direction:column;display:flex}.kpi-content span{color:var(--text-secondary);font-size:13px}.kpi-content strong{color:var(--text-primary);margin-top:4px;font-size:20px}.hrms-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0f172a59;width:100vw;height:100dvh;position:fixed;top:0;left:0}.hrms-drawer-content{background:var(--bg-primary);z-index:9999;flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0000001a}.hrms-drawer-content.profile-drawer{max-width:600px}.hrms-drawer-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);z-index:10;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.hrms-drawer-body{flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px;display:flex;overflow-y:auto}.hrms-drawer-body.no-padding{gap:0;padding:0}.hrms-drawer-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);z-index:10;justify-content:flex-end;gap:12px;padding:24px;display:flex;position:sticky;bottom:0}.hrms-form-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:8px;font-size:14px}.hrms-directory-panel{background:0 0}.hrms-directory-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.hrms-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hrms-search-box{width:300px;position:relative}.hrms-search-box input{padding-left:36px}.hrms-search-box .search-icon{font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hrms-filter-select{width:auto}.hrms-empty-state{text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);margin-bottom:24px;padding:60px 20px}.hrms-empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.hrms-empty-state p{color:var(--text-secondary);margin-bottom:24px}.hrms-employee-premium-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:24px;display:grid}.hrms-employee-premium-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:16px;padding:20px;display:flex}.hrms-employee-premium-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hrms-card-top{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:16px;display:flex}.hrms-card-avatar{background:var(--brand-secondary);width:48px;height:48px;color:var(--brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.hrms-card-identity{flex:1}.hrms-card-identity strong{font-size:16px;display:block}.hrms-card-identity p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.hrms-badge{background:var(--bg-secondary);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.hrms-badge.status-active{color:#059669;background:#ecfdf5}.hrms-badge.status-inactive{color:#dc2626;background:#fef2f2}.hrms-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.info-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.info-icon{font-size:14px}.attendance-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.attendance-dot.present{background:var(--success)}.attendance-dot.absent{background:var(--danger)}.attendance-dot.leave{background:var(--warning)}.hrms-card-actions{border-top:1px solid var(--border-subtle);gap:8px;padding-top:16px;display:flex}.icon-action-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex}.icon-action-btn:hover{background:var(--bg-secondary)}.hrms-profile-drawer-head{align-items:center;gap:20px;display:flex}.hrms-profile-drawer-head .eyebrow{text-transform:uppercase;color:var(--brand-primary);font-size:12px;font-weight:700}.hrms-profile-drawer-head h2{margin:4px 0;font-size:24px}.hrms-profile-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;overflow-x:auto}.hrms-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 20px;font-weight:500}.hrms-tab-btn:hover{color:var(--text-primary)}.hrms-tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);background:var(--bg-primary)}.hrms-tab-content-area{padding:24px}.hrms-pagination-bar{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.page-indicator{color:var(--text-secondary);font-size:14px;font-weight:500}.inventory-premium-header{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.inventory-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.inventory-kpi-grid .kpi-card{flex-direction:row;align-items:center;gap:16px;padding:20px}.kpi-trend.trend-warning{color:var(--warning)}