.landing3-root{--l3-ink: #0a0a0a;--l3-ink-soft: #3d3d3d;--l3-gray: #666666;--l3-gray-light: #999999;--l3-border: #e5e3dc;--l3-bg: #f7f5f0;--l3-bg-alt: #f0eee7;--l3-card: #fdfcfa;--l3-dark: #0a0a0f;--l3-blue: #3b82f6;--l3-teal: #06b6d4;--l3-grad: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--l3-ink);background:var(--l3-bg);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.landing3-root:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.l3-container{max-width:1160px;margin:0 auto;padding:0 28px}.l3-navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:#f7f5f0d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--l3-border)}.l3-navbar-links{display:flex;gap:28px}.l3-navbar-link{font-size:13px;font-weight:500;color:var(--l3-gray);text-decoration:none;transition:color .15s}.l3-navbar-link:hover{color:var(--l3-ink)}.l3-navbar-actions{display:flex;gap:10px;align-items:center}.l3-btn{font-family:inherit;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap}.l3-btn:active{transform:translateY(1px)}.l3-btn-primary{background:var(--l3-ink);color:#fff}.l3-btn-primary:hover{background:#262626}.l3-btn-ghost{background:transparent;color:var(--l3-ink);border-color:#d4d4cf}.l3-btn-ghost:hover{border-color:var(--l3-ink)}.l3-btn-light{background:#fff;color:var(--l3-ink)}.l3-btn-light:hover{background:#e8e8e4}.l3-btn-outline-light{background:transparent;color:#fff;border-color:#ffffff59}.l3-btn-outline-light:hover{border-color:#fff}.l3-btn-sm{font-size:12.5px;padding:7px 14px}.l3-btn-md{font-size:13.5px;padding:10px 20px}.l3-btn-lg{font-size:15px;padding:13px 26px;border-radius:10px}.l3-hero{padding:84px 28px 36px;text-align:center;background:radial-gradient(760px 460px at 50% -12%,rgba(59,130,246,.08),transparent 70%),radial-gradient(560px 380px at 85% 30%,rgba(6,182,212,.05),transparent 70%)}.l3-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--l3-blue);margin-bottom:20px}.l3-hero-heading{font-size:clamp(31px,5.6vw,62px);font-weight:750;letter-spacing:-.033em;line-height:1.06;margin:0 auto 22px;max-width:820px}.l3-hero-heading .l3-grad-text{background:var(--l3-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.l3-hero-sub{font-size:clamp(15px,1.6vw,18px);line-height:1.65;color:var(--l3-gray);max-width:640px;margin:0 auto 32px}.l3-hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.l3-flow-section{padding:36px 0 72px;background:radial-gradient(640px 420px at 50% 55%,rgba(59,130,246,.05),transparent 72%)}.l3-flow-scroll{overflow-x:auto;scrollbar-width:none}.l3-flow-scroll::-webkit-scrollbar{display:none}.l3-flow-svg{display:block;width:100%;min-width:880px;max-width:1160px;margin:0 auto;height:auto}.l3-flow-mobile{display:none}.l3-flow-caption{text-align:center;font-size:12.5px;color:var(--l3-gray-light);margin-top:10px;padding:0 28px}.l3-flow-svg text{font-family:Inter,system-ui,sans-serif}.l3-node-label{font-size:13px;font-weight:600;fill:#1a1a1a}.l3-col-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;fill:#999}.l3-center-pulse{animation:l3-pulse 3.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes l3-pulse{0%,to{opacity:.35}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.l3-center-pulse{animation:none}}.l3-section{padding:84px 0}.l3-section-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--l3-blue);margin:0 0 14px}.l3-section-heading{font-size:clamp(28px,3.4vw,40px);font-weight:750;letter-spacing:-.025em;line-height:1.12;margin:0 0 16px}.l3-section-sub{font-size:15.5px;line-height:1.65;color:var(--l3-gray);max-width:620px;margin:0}.l3-stats{background:var(--l3-dark);color:#fff;padding:72px 0}.l3-stats-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8b929e;text-align:center;margin:0 0 44px}.l3-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.l3-stat-value{font-size:clamp(30px,3.6vw,44px);font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#fff 30%,#93c5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.l3-stat-label{font-size:13px;color:#bfc5cd;margin-top:8px;line-height:1.45}.l3-stats-secondary{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin-top:44px;font-size:13px;color:#8b929e}.l3-stats-secondary strong{color:#e5e7eb;font-weight:600}.l3-stats-note{text-align:center;font-size:11.5px;color:#6b7280;margin-top:28px}.l3-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;align-items:stretch}.l3-service-card{border:1px solid var(--l3-border);border-radius:16px;padding:36px 32px;background:var(--l3-card);display:flex;flex-direction:column;box-shadow:0 1px 2px #18140c08,0 14px 36px #18140c0f}.l3-service-card.featured{background:var(--l3-dark);color:#fff;border-color:var(--l3-dark);position:relative;box-shadow:0 1px 2px #18140c0f,0 18px 44px #18140c24}.l3-service-tag{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px;margin-bottom:18px;background:#f0f0ec;color:var(--l3-gray)}.l3-service-card.featured .l3-service-tag{background:#3b82f62e;color:#93c5fd}.l3-service-title{font-size:24px;font-weight:750;letter-spacing:-.02em;margin:0 0 10px}.l3-service-desc{font-size:14.5px;line-height:1.6;color:var(--l3-gray);margin:0 0 24px}.l3-service-card.featured .l3-service-desc{color:#bfc5cd}.l3-service-features{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:12px;flex:1}.l3-service-features li{display:flex;gap:10px;font-size:13.5px;line-height:1.5;color:var(--l3-ink-soft)}.l3-service-card.featured .l3-service-features li{color:#d7dbe0}.l3-check{flex:none;width:16px;height:16px;margin-top:2px}.l3-how{background:var(--l3-bg-alt)}.l3-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.l3-step-card{border:1px solid var(--l3-border);border-radius:14px;background:var(--l3-card);padding:28px 26px;box-shadow:0 1px 2px #18140c08,0 10px 26px #18140c0d}.l3-step-num{font-size:13px;font-weight:700;color:var(--l3-blue);margin-bottom:12px}.l3-step-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.l3-step-desc{font-size:13.5px;line-height:1.6;color:var(--l3-gray);margin:0}.l3-cta{text-align:center;background:radial-gradient(680px 420px at 50% 115%,rgba(6,182,212,.07),transparent 70%),radial-gradient(520px 340px at 12% -10%,rgba(59,130,246,.05),transparent 70%)}.l3-cta .l3-section-sub{margin:0 auto 32px}.l3-footer{border-top:1px solid var(--l3-border);padding:36px 0}.l3-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.l3-footer-links{display:flex;gap:24px}.l3-footer-links a{font-size:12.5px;color:var(--l3-gray);text-decoration:none}.l3-footer-links a:hover{color:var(--l3-ink)}.l3-auth{--l3-auth-page: #f0eee7;--l3-auth-card: #fdfcfa;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:28px;background:var(--l3-auth-page)}.l3-auth-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 420px at 50% -8%,rgba(59,130,246,.07),transparent 70%),radial-gradient(520px 380px at 88% 108%,rgba(6,182,212,.06),transparent 70%)}.l3-auth-back{position:absolute;top:22px;left:26px;z-index:1;font-size:13px;font-weight:500;color:var(--l3-gray);text-decoration:none;transition:color .15s}.l3-auth-back:hover{color:var(--l3-ink)}@keyframes l3-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.l3-login-card{position:relative;z-index:1;width:100%;max-width:404px;background:var(--l3-auth-card);border:1px solid var(--l3-border);border-radius:18px;padding:40px 36px 28px;box-shadow:0 1px 2px #0a0a0a08,0 14px 40px #0a0a0a0d;overflow:hidden;animation:l3-fade-up .5s ease both}.l3-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--l3-grad)}.l3-login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:10px}.l3-login-sub{text-align:center;font-size:13.5px;line-height:1.5;color:var(--l3-gray);margin:0 0 28px}.l3-field{margin-bottom:18px}.l3-field-label{display:block;font-size:12.5px;font-weight:600;color:var(--l3-ink-soft);margin-bottom:7px}.l3-input-wrap{position:relative}.l3-input{width:100%;box-sizing:border-box;font-family:inherit;font-size:15px;color:var(--l3-ink);background:var(--l3-auth-card);border:1px solid #d4d4cf;border-radius:10px;padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.l3-input::placeholder{color:#b8b8b2}.l3-input:focus{border-color:var(--l3-blue);box-shadow:0 0 0 3px #3b82f61f}.l3-input:-webkit-autofill,.l3-input:-webkit-autofill:hover,.l3-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fdfcfa inset;-webkit-text-fill-color:var(--l3-ink);caret-color:var(--l3-ink)}.l3-input-wrap .l3-input{padding-right:74px}.l3-pwd-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--l3-gray-light);padding:4px 2px;transition:color .15s}.l3-pwd-toggle:hover{color:var(--l3-ink)}.l3-login-error{font-size:13px;line-height:1.45;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 12px;margin:0 0 16px}.l3-login-submit{width:100%;display:flex;align-items:center;justify-content:center;height:46px;font-family:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--l3-ink);border:none;border-radius:10px;cursor:pointer;margin-top:6px;transition:background .15s,transform .1s}.l3-login-submit:hover:not(:disabled){background:#262626}.l3-login-submit:active:not(:disabled){transform:translateY(1px)}.l3-login-submit:disabled{opacity:.75;cursor:default}.l3-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:l3-spin .7s linear infinite}@keyframes l3-spin{to{transform:rotate(360deg)}}.l3-login-foot{text-align:center;font-size:11.5px;letter-spacing:.02em;color:var(--l3-gray-light);margin:22px 0 0}.l3-selector-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;animation:l3-fade-up .5s ease both}.l3-selector-sub{font-size:13.5px;color:var(--l3-gray);letter-spacing:.02em;margin:2px 0 0}.l3-selector-cards{position:relative;z-index:1;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:32px}.l3-selector-card{width:264px;padding:34px 26px 26px;background:var(--l3-auth-card);border:1px solid var(--l3-border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-family:inherit;box-shadow:0 1px 2px #0a0a0a08;transition:border-color .18s,transform .18s,box-shadow .18s;animation:l3-fade-up .5s ease both}.l3-selector-card:hover,.l3-selector-card:focus-visible{border-color:#c9c9c2;transform:translateY(-3px);box-shadow:0 14px 34px #0a0a0a14}.l3-selector-card:focus-visible{outline:none;border-color:var(--l3-blue);box-shadow:0 0 0 3px #3b82f626}.l3-selector-card-tile{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid rgba(59,130,246,.14);transition:transform .18s}.l3-selector-card:hover .l3-selector-card-tile{transform:scale(1.05)}.l3-selector-card-tile .material-symbols-outlined{font-size:30px;background:var(--l3-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.l3-selector-card-label{font-size:17px;font-weight:700;color:var(--l3-ink);letter-spacing:-.015em}.l3-selector-card-desc{font-size:13px;color:var(--l3-gray);line-height:1.5;min-height:39px}.l3-selector-card-cta{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--l3-blue);opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}.l3-selector-card:hover .l3-selector-card-cta,.l3-selector-card:focus-visible .l3-selector-card-cta{opacity:1;transform:translateY(0)}.l3-selector-card-cta .material-symbols-outlined{font-size:15px}@media(prefers-reduced-motion:reduce){.l3-login-card,.l3-selector-head,.l3-selector-card{animation:none}.l3-selector-card-cta{opacity:1;transform:none}.l3-spinner{animation-duration:1.4s}}@media(max-width:480px){.l3-auth{padding:72px 18px 28px}.l3-login-card{padding:32px 24px 24px}.l3-selector-card{width:100%;max-width:340px}}.l3-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.l3-reveal.l3-visible{opacity:1;transform:translateY(0)}.l3-reveal-delay-1{transition-delay:.08s}.l3-reveal-delay-2{transition-delay:.16s}.l3-reveal-delay-3{transition-delay:.24s}@media(prefers-reduced-motion:reduce){.l3-reveal{opacity:1;transform:none;transition:none}}@media(max-width:900px){.l3-stats-grid{grid-template-columns:repeat(2,1fr)}.l3-services-grid,.l3-steps-grid{grid-template-columns:1fr}}@media(max-width:720px){.l3-navbar-links{display:none}.l3-navbar{padding:12px 16px;gap:12px}.l3-navbar-actions{gap:8px}.l3-navbar-actions .l3-btn-sm{font-size:12px;padding:7px 10px}.l3-hero{padding-top:56px}.l3-section{padding:60px 0}.l3-flow-scroll{display:none}.l3-flow-mobile{display:flex;flex-direction:column;align-items:center;padding:0 20px}.l3-flow-m-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--l3-gray-light);margin:0 0 14px}.l3-flow-m-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px}.l3-m-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;background:#fff;border:1px solid #e0e0db;border-radius:17px;font-size:12.5px;font-weight:600;color:#1a1a1a;white-space:nowrap;box-shadow:0 2px 8px #18140c0d}.l3-m-chip-wordmark{height:16px;max-width:104px;object-fit:contain}.l3-m-chip-icon{width:16px;height:16px}.l3-m-chip-dot{width:7px;height:7px;border-radius:50%}.l3-flow-m-connector{position:relative;width:1.5px;height:44px;margin:16px 0;background:#e0ddd4}.l3-flow-m-dot{position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--l3-blue);animation:l3-m-flow 2.2s linear infinite}.l3-flow-m-dot-out{background:var(--l3-teal);animation-delay:1.1s}.l3-flow-m-center{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--l3-dark);border-radius:20px;padding:22px 42px 18px;box-shadow:0 0 0 1.5px #3b82f659,0 0 28px #06b6d429}.l3-flow-m-name{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#f0ede8}.l3-flow-m-name-ia{background:var(--l3-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.l3-flow-m-tagline{font-size:10.5px;color:#8b929e}}@keyframes l3-m-flow{0%{transform:translateY(0);opacity:0}15%{opacity:.9}85%{opacity:.9}to{transform:translateY(37px);opacity:0}}@media(max-width:400px){.l3-navbar-brand>span:last-child{display:none}}:root{--brand-blue: #3b82f6;--brand-teal: #06b6d4;--brand-blue-light: #60a5fa;--brand-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--brand-hairline: linear-gradient(90deg, #3b82f6, #06b6d4);--black: #0a0a0a;--white: #ffffff;--gray-900: #1a1a1a;--gray-700: #555555;--gray-600: #666666;--gray-500: #888888;--gray-400: #999999;--gray-300: #cccccc;--gray-200: #e0e0e0;--gray-100: #f0f0f0;--gray-50: #f7f7f7;--ink-btn: #232a35;--ink-btn-hover: #2e3644;--ink-th: #1f2530;--ink-th-hover: #2a323f;--ink-th-text: #edf0f4;--ink-th-border-b: #141821;--ink-th-border-r: #2a323f;--sidebar-bg: #151a22;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-control-bg: #1d232e;--sidebar-nav-text: #d7dce3;--sidebar-nav-icon: #9aa4b2;--sidebar-text-hover: #ffffff;--sidebar-active-bg: rgba(59, 130, 246, .1);--sidebar-active-border: var(--brand-blue);--sidebar-active-icon: var(--brand-blue-light);--sidebar-hover-bg: rgba(255, 255, 255, .05);--success: #059669;--success-dark: #047857;--success-text: #15803d;--success-bg: #d1fae5;--success-fg: #065f46;--danger: #dc2626;--danger-dark: #b91c1c;--danger-bg: #fee2e2;--danger-fg: #991b1b;--warning: #f59e0b;--info: var(--ink-btn);--brand-blue-subtle: rgba(59, 130, 246, .08);--success-subtle: rgba(5, 150, 105, .08);--danger-subtle: rgba(220, 38, 38, .08);--warning-subtle: rgba(245, 158, 11, .08);--text-body: var(--black);--text-table: var(--gray-900);--text-secondary: var(--gray-700);--text-meta: var(--gray-600);--text-placeholder: var(--gray-500);--text-disabled: var(--gray-400);--surface-page: var(--white);--surface-card: var(--white);--surface-row-even: var(--gray-50);--surface-row-hover: var(--gray-100);--surface-row-pending: #fef9e7;--border-card: var(--gray-200);--border-cell: var(--gray-200);--border-cell-inner: var(--gray-100);--border-table-wrap: var(--gray-300);--border-input: #d1d5db;--dark-bg: #0a0a0f;--dark-bg-alt: #0e0e14;--dark-surface: #12121a;--dark-surface-elevated: #1a1a24;--dark-text: #f0ede8;--dark-text-secondary: #9ca3af;--dark-text-muted: #6b7280;--dark-border-glass: rgba(255, 255, 255, .06);--role-superadmin-bg: #fff3e0;--role-superadmin-fg: #e65100;--role-accounting-bg: #e8f5e9;--role-accounting-fg: #2e7d32;--role-reporting-bg: #e3f2fd;--role-reporting-fg: #1565c0;--chart-1: var(--black);--chart-2: var(--gray-700);--chart-3: #0891b2;--chart-4: var(--success);--chart-5: #d97706;--chart-6: var(--danger);--chart-7: #db2777;--chart-8: #4f46e5;--chart-9: #84cc16;--chart-10: #f97316;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", Consolas, monospace;--font-icons: "Material Symbols Outlined";--text-base: 13px;--text-page-title: 20px;--text-description: 12px;--text-th: 11px;--text-td: 12px;--text-label: 9px;--text-money: 11.5px;--text-mono: 11px;--text-badge: 10px;--text-button: 12px;--text-button-sm: 11px;--text-nav: 12.5px;--text-topbar: 14px;--brand-letter-spacing: -.02em;--hero-letter-spacing: -.033em;--label-letter-spacing: .5px;--th-letter-spacing: .03em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--gap-form: 8px;--pad-card: 16px;--pad-formcard: 14px;--pad-content: 20px 24px;--pad-cell: 5px 10px;--pad-th: 7px 10px;--pad-btn: 6px 14px;--pad-btn-sm: 3px 10px;--gap-card-grid: 12px;--margin-section: 16px;--sidebar-width: 256px;--radius-input: 6px;--radius-btn: 6px;--radius-card: 8px;--radius-badge: 10px;--radius-pill: 16px;--radius-modal: 12px;--radius-modal-mobile: 16px 16px 0 0;--radius-table-wrap: 4px;--radius-auth-input: 10px;--radius-auth-card: 16px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-dropdown: 0 8px 30px rgba(0, 0, 0, .18);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .25);--shadow-toast: 0 4px 16px rgba(0, 0, 0, .15);--shadow-glass: inset 0 1px 1px rgba(255, 255, 255, .1), 0 4px 24px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 3px rgba(0, 0, 0, .08);--focus-ring-sidebar: 0 0 0 2px rgba(59, 130, 246, .1);--transition-fast: all .15s ease;--transition-nav: all .2s ease;--overlay-modal: rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#fff;color:#0a0a0a;font-size:13px;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;height:100vh;width:100%}.sidebar{width:256px;min-width:256px;background:#151a22;color:#c6ccd5;display:flex;flex-direction:column;overflow-y:auto;z-index:10;border-right:1px solid rgba(255,255,255,.08);color-scheme:dark}.sidebar-header{padding:18px 20px 15px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#3b82f6,#06b6d4) left top/100% 2px no-repeat}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;min-height:52px;flex-shrink:0}.topbar h2{font-size:14px;font-weight:600;color:#0a0a0a}.topbar-right{display:flex;align-items:center;gap:8px}.sidebar-controls{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.sidebar-controls label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9aa4b2;margin-bottom:1px}.sidebar-controls select{width:100%;padding:7px 8px;border-radius:5px;font-size:11px;border:1px solid rgba(255,255,255,.08);background:#1d232e;color:#e8ecf1;font-weight:600;cursor:pointer;outline:none;transition:all .15s}.sidebar-controls select:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.nav-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#9aa4b2;padding:16px 16px 6px;-webkit-user-select:none;user-select:none}.tabs{display:flex;flex-direction:column;padding:4px 8px;gap:2px}.tab{padding:9px 14px;cursor:pointer;font-size:12.5px;color:#d7dce3;white-space:nowrap;border-radius:8px;border-left:3px solid transparent;display:flex;align-items:center;gap:10px;transition:all .2s ease;text-decoration:none;position:relative}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#3b82f61a;color:#fff;font-weight:600;border-left-color:#3b82f6}.tab.active .tab-icon{color:#60a5fa}.tab .badge{margin-left:auto}.tab-icon{font-size:20px;width:22px;text-align:center;color:#9aa4b2;transition:color .2s ease}.tab:hover .tab-icon{color:#c3cad4}.nav-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:8px 16px}.tab-dropdown{position:relative}.tab-dropdown-trigger{padding:9px 14px;cursor:pointer;font-size:12.5px;color:#d7dce3;white-space:nowrap;border-radius:8px;border-left:3px solid transparent;display:flex;align-items:center;gap:10px;transition:all .2s ease;width:100%;border:none;background:none;text-align:left;font-family:inherit}.tab-dropdown-trigger:hover{background:#ffffff0d;color:#fff}.tab-dropdown-trigger:hover .tab-icon{color:#c3cad4}.tab-dropdown-trigger .arrow{margin-left:auto;font-size:9px;transition:transform .15s;color:#9aa4b2}.tab-dropdown.open .arrow{transform:rotate(180deg)}.tab-dd-menu{display:none;flex-direction:column;gap:1px;padding:2px 0 2px 12px}.tab-dropdown.open .tab-dd-menu{display:flex}.tab-dd-item{padding:7px 14px;cursor:pointer;font-size:12px;color:#d7dce3;white-space:nowrap;border-radius:6px;border-left:3px solid transparent;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:8px}.tab-dd-item:hover{background:#ffffff0d;color:#fff}.tab-dd-item:hover .tab-icon{color:#c3cad4}.tab-dd-item.active{color:#fff;font-weight:600;background:#3b82f61a;border-left-color:#3b82f6}.tab-dd-item.active .tab-icon{color:#60a5fa}.tab-dd-item .tab-icon{font-size:18px;width:20px}.sidebar-impersonation{padding:8px 12px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-impersonation label{font-size:9px;font-weight:700;color:#9aa4b2;text-transform:uppercase;letter-spacing:.06em;display:block}.sidebar-impersonation select{width:100%;margin-top:4px;padding:5px 8px;font-size:11px;background:#1d232e;color:#d7dce3;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:inherit;cursor:pointer;outline:none;transition:all .15s}.sidebar-impersonation select.impersonating{background:#e651001f;color:#ffb74d;border-color:#e6510066}.sidebar-impersonation select:focus{border-color:#3b82f680}.sidebar-user-profile{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;background:#ffffff05}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-avatar .material-symbols-outlined{font-size:18px;color:#fff}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-user-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;color:#9aa4b2;text-transform:capitalize}.sidebar-user-actions{display:flex;gap:2px;flex-shrink:0}.sidebar-action-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#9aa4b2}.sidebar-action-btn:hover{background:#ffffff14;color:#fff}.sidebar-action-btn .material-symbols-outlined{font-size:18px}.recon-box{display:inline-flex;gap:12px;margin:0 24px 6px;padding:4px 10px;background:#fafafa;border:1px solid #e4e4e7;border-radius:4px;font-size:.72rem;color:#a1a1aa}.recon-box b{color:#dc2626;font-weight:600}.content{padding:20px 24px;flex:1;overflow-y:auto}.panel-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;padding:20px;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px 20px;border-left:4px solid #e0e0e0}.summary-card.ingresos{border-left-color:#059669}.summary-card.egresos{border-left-color:#dc2626}.summary-card.categorizados{border-left-color:#0a0a0a}.summary-card.pendientes{border-left-color:#999}.summary-card .sc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:4px}.summary-card .sc-value{font-size:22px;font-weight:700;color:#0a0a0a;font-variant-numeric:tabular-nums}.summary-card .sc-sub{font-size:11px;color:#999;margin-top:2px}.summary-card.ingresos .sc-value{color:#059669}.summary-card.egresos .sc-value{color:#dc2626}.summary-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.summary-grid.compact .summary-card{padding:10px 14px;border-left-width:3px}.summary-grid.compact .sc-value{font-size:18px}.summary-grid.compact .sc-sub{font-size:10px}.sc-delta{font-size:11px;margin-top:3px;font-weight:600;display:flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}.sc-delta.up{color:#059669}.sc-delta.down{color:#dc2626}.sc-delta.neutral{color:#666}.sc-delta.low-confidence{opacity:.55;font-style:italic}.drivers-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.drivers-panel{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.drivers-panel .dp-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:10px}.driver-item{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.driver-item:last-child{border-bottom:none}.driver-item .di-name{color:#1a1a1a;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-item .di-value{font-family:Cascadia Code,Consolas,monospace;font-weight:600;font-size:11px;margin-left:8px;white-space:nowrap}.driver-item .di-delta{font-size:10px;font-weight:600;margin-left:6px;white-space:nowrap}.var-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.var-panel{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.var-panel .vp-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.var-panel.improving .vp-title{color:#059669}.var-panel.deteriorating .vp-title{color:#dc2626}.var-item{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.var-item:last-child{border-bottom:none}.var-item .vi-name{color:#1a1a1a;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.var-item .vi-delta{font-family:Cascadia Code,Consolas,monospace;font-weight:600;font-size:11px;white-space:nowrap}.var-item .vi-pct{font-size:10px;font-weight:600;margin-left:6px;white-space:nowrap}.var-item .vi-drivers{font-size:10px;color:#666;margin-top:1px}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar .ttl{font-size:14px;font-weight:700;color:#0a0a0a}.toolbar .ttl-count{display:inline-block;background:#e0e0e0;color:#555;font-size:11px;font-weight:700;padding:1px 8px;border-radius:10px;margin-left:8px;vertical-align:middle}.search-input{padding:6px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;outline:none;transition:border .15s,box-shadow .15s;min-width:200px}.search-input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #00000014}.filter-btn{padding:4px 12px;border:2px solid #e0e0e0;border-radius:16px;background:#fff;cursor:pointer;font-size:11px;font-weight:600;color:#666;transition:all .15s ease}.filter-btn:hover{border-color:#0a0a0a;color:#0a0a0a}.filter-btn.active{background:#232a35;color:#fff;border-color:#232a35}.tbl-wrap{overflow:auto;border-radius:4px;border:1px solid #d4d4d4}table{width:100%;border-collapse:collapse;background:#fff;font-size:12px;color:#1a1a1a}th{background:#1f2530;color:#edf0f4;padding:7px 10px;text-align:left;font-size:11px;font-weight:700;white-space:nowrap;position:sticky;top:0;z-index:2;-webkit-user-select:none;user-select:none;letter-spacing:.03em;border-bottom:2px solid #141821;border-right:1px solid #2A323F}th:last-child{border-right:none}th:hover{background:#2a323f}.th-cell{display:flex;align-items:center;gap:4px}.th-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.th-icons{display:flex;align-items:center;gap:1px;flex-shrink:0;margin-left:2px}.th-sort-btn,.th-filter-btn{background:none;border:none;cursor:pointer;padding:3px 4px;border-radius:3px;color:#aaa;display:inline-flex;align-items:center;justify-content:center;transition:all .12s;opacity:.6}.th-sort-btn:hover,.th-filter-btn:hover{color:#fff;opacity:1;background:#ffffff1a}.th-sort-btn.sort-asc,.th-sort-btn.sort-desc{color:#fff;opacity:1}.th-filter-btn.active{color:#4ade80;opacity:1}.row-actions-cell{display:inline-flex;align-items:center;gap:2px}.row-action{background:none;border:none;cursor:pointer;padding:3px;border-radius:var(--radius-btn);display:inline-flex;align-items:center;justify-content:center;line-height:0;color:var(--text-meta);transition:var(--transition-fast)}.row-action .material-symbols-outlined{font-size:18px}.row-action:hover{background:var(--gray-100)}.row-action:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.row-action:disabled{opacity:.4;cursor:default}.row-action:disabled:hover{background:none}.row-action-muted{color:var(--text-disabled)}.row-action-info{color:var(--brand-blue)}.row-action-success{color:var(--success)}.row-action-success:hover{background:var(--success-bg)}.row-action-danger{color:var(--danger)}.row-action-danger:hover{background:var(--danger-bg)}.hf-dropdown{background:#fff;border-radius:8px;box-shadow:0 8px 30px #0000002e;z-index:300;min-width:200px;border:1px solid #e0e0e0;color:#0a0a0a;font-weight:400;cursor:default;white-space:normal}.hf-input-row{flex-direction:row;align-items:center;gap:4px}.hf-input-row .hf-input{flex:1}.hf-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.hf-input{font-size:12px;padding:5px 8px;border:1px solid #ddd;border-radius:5px;outline:none;color:#0a0a0a;width:100%;font-family:inherit}.hf-input:focus{border-color:#0a0a0a;box-shadow:0 0 0 2px #0000000f}.hf-range label{display:flex;align-items:center;gap:6px;font-size:11px;color:#666;font-weight:600}.hf-range label span{min-width:36px}.hf-range .hf-input{flex:1}.hf-enum{max-height:200px;overflow-y:auto}.hf-enum-item{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;padding:3px 0;color:#0a0a0a}.hf-enum-item input[type=checkbox]{margin:0;accent-color:#0a0a0a;cursor:pointer}.hf-footer{padding:5px 10px;border-top:1px solid #e8e8e8;text-align:center}.hf-footer button{background:#e0e0e0;border:none;border-radius:4px;padding:3px 12px;font-size:11px;cursor:pointer;color:#0a0a0a;font-weight:600}.hf-footer button:hover{background:#ccc}td{padding:5px 10px;border-bottom:1px solid #e8e8e8;border-right:1px solid #f0f0f0;vertical-align:middle;white-space:nowrap;line-height:18px}td:last-child{border-right:none}tr:nth-child(2n) td{background:#f7f7f7}tr:hover td{background:#efefef}tr.row-pending td{background:#fef9e7}tr.row-pending:nth-child(2n) td{background:#fbf0c4}tr.row-pending:hover td{background:#f8e9a8}.compact-tbl td,.compact-tbl th{padding:2px 8px;line-height:15px}.compact-tbl td{font-size:11px}.compact-tbl .badge{padding:0 6px;font-size:10px;line-height:16px}.compact-tbl button{font-size:10px!important}.money{text-align:right;font-variant-numeric:tabular-nums;font-family:Cascadia Code,Consolas,monospace;font-size:11.5px}.dir-in{color:#15803d;font-weight:600}.dir-out{color:#b91c1c;font-weight:600}.mono{font-family:Cascadia Code,Consolas,monospace;font-size:11px;color:#555}.empty-row{text-align:center;padding:48px;color:#999;font-size:13px}.cell-s{max-width:120px;overflow:hidden;text-overflow:ellipsis}.cell-m{max-width:150px;overflow:hidden;text-overflow:ellipsis}.cell-l{max-width:220px;overflow:hidden;text-overflow:ellipsis}.badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;display:inline-block}.badge-auto{background:#e0e0e0;color:#1a1a1a;border:1px solid #cccccc}.badge-manual{background:#f5f5f5;color:#555;border:1px solid #d0d0d0}.badge-pending{background:#fafafa;color:#888;border:1px solid #d0d0d0}.badge-debit{background:#fee2e2;color:#991b1b}.btn{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s ease;font-family:inherit}.btn-primary{background:#232a35;color:#fff}.btn-primary:hover{background:#2e3644}.btn-secondary{background:#e0e0e0;color:#555}.btn-secondary:hover{background:#ccc}.btn-sm{padding:3px 10px;font-size:11px;border-radius:4px}.btn:disabled{opacity:.4;cursor:default}select,input[type=text],input[type=number],input[type=date]{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;outline:none;transition:border .15s,box-shadow .15s;font-family:inherit}select:focus,input:focus{border-color:#0a0a0a;box-shadow:0 0 0 3px #00000014}.info-bar{font-size:11px;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toast-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast-container[popover]{inset:auto 20px 20px auto;margin:0;border:none;padding:0;background:transparent;width:auto;height:auto;max-width:none;max-height:none;overflow:visible}.toast{background:#059669;color:#fff;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 16px #00000026;animation:toast-in .25s ease-out}.toast.err{background:#dc2626}.toast.info{background:#232a35}.toast.loading{background:#333;display:flex;align-items:center;gap:8px}.toast-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-bar{height:3px;background:#0a0a0a;position:absolute;top:0;left:0;animation:loading-pulse 1.5s ease-in-out infinite;border-radius:0 2px 2px 0}@keyframes loading-pulse{0%{width:0}50%{width:70%}to{width:100%;opacity:0}}.sidebar::-webkit-scrollbar,.tbl-wrap::-webkit-scrollbar,.content::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.content::-webkit-scrollbar-thumb,.tbl-wrap::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.modal-dialog{border:none;margin:auto;padding:24px;background:var(--surface-card);color:var(--text-body);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);width:92%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-dialog::backdrop{background:var(--overlay-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.modal-title{font-size:14px;font-weight:600;color:var(--text-body)}.modal-close{background:none;border:none;font-size:20px;line-height:1;padding:2px 6px;cursor:pointer;color:var(--text-meta);border-radius:4px}.modal-close:hover{color:var(--text-body)}.col-cfg-btn{background:none;border:1px solid #cccccc;border-radius:6px;cursor:pointer;font-size:14px;padding:2px 7px;color:#0a0a0a;line-height:1;transition:all .15s ease}.col-cfg-btn:hover{background:#f5f5f5;color:#0a0a0a;border-color:#0a0a0a}.col-cfg-dropdown{background:#fff;border-radius:10px;box-shadow:0 8px 30px #00000026;z-index:1100;min-width:220px;border:1px solid #e0e0e0}.col-cfg-header{font-size:11px;font-weight:700;color:#0a0a0a;padding:8px 12px;border-bottom:1px solid #e0e0e0}.col-cfg-item{display:flex;align-items:center;padding:5px 12px;gap:6px;border-bottom:1px solid #f0f0f0;font-size:12px;color:#0a0a0a}.col-cfg-item:hover{background:#fafafa}.col-cfg-item label{margin:0;font-weight:400;display:flex;align-items:center;gap:6px;flex:1;cursor:pointer;color:#0a0a0a}.col-cfg-item input[type=checkbox]{margin:0;cursor:pointer;accent-color:#0a0a0a}.col-cfg-arrows{display:flex;flex-direction:column;gap:0}.col-cfg-arrows button{background:none;border:none;cursor:pointer;font-size:9px;padding:0 3px;color:#0a0a0a;line-height:1.1}.col-cfg-arrows button:hover:not(:disabled){color:#333}.col-cfg-arrows button:disabled{opacity:.2;cursor:default}.col-cfg-footer{padding:6px 12px;border-top:1px solid #e0e0e0;text-align:center}.col-cfg-footer button{background:#e0e0e0;border:none;border-radius:4px;padding:4px 14px;font-size:11px;cursor:pointer;color:#0a0a0a;font-weight:600}.col-cfg-footer button:hover{background:#ccc}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:6px 12px;font-size:11px;color:#666}.pagination button{background:none;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;padding:2px 8px;font-size:13px;color:#333;line-height:1}.pagination button:hover:not(:disabled){background:#f0f0f0;border-color:#999}.pagination button:disabled{opacity:.3;cursor:default}.pagination-total{color:#999;margin-left:4px}.export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:100;min-width:200px;overflow:hidden}.export-dropdown button{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;font-size:13px;cursor:pointer;color:#0a0a0a}.export-dropdown button:hover{background:#f5f5f5}.dash-tabs{display:flex;gap:0;background:#fff;border-bottom:2px solid #e0e0e0;padding:0 24px;flex-shrink:0}.dash-tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease;font-family:inherit}.dash-tab:hover{color:#0a0a0a}.dash-tab.active{color:#0a0a0a;border-bottom-color:#0a0a0a}.dash-tooltip{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 14px;box-shadow:0 4px 12px #0000001a;font-size:12px}.dash-tooltip-label{font-weight:700;margin-bottom:4px;color:#0a0a0a}.mobile-topbar,.drawer-backdrop{display:none}.movement-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:14px;margin-bottom:10px;cursor:pointer;transition:box-shadow .15s ease}.movement-card:active{box-shadow:0 0 0 2px #00000026}.movement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.movement-card-date{font-size:11px;color:#666;font-family:monospace}.movement-card-amount{font-size:14px;font-weight:700;font-family:Cascadia Code,Consolas,monospace}.movement-card-desc{font-size:12px;color:#0a0a0a;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movement-card-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#666}.movement-card-meta span{background:#f5f5f5;padding:2px 8px;border-radius:4px}@media(max-width:768px),(orientation:landscape)and (max-height:500px){body{overflow:auto}#root{height:auto;min-height:100vh}.app-layout{flex-direction:column;height:auto;min-height:100vh}.mobile-topbar{display:flex;align-items:center;gap:12px;background:#151a22;padding:10px 16px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}.hamburger-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;flex-direction:column;gap:4px;-webkit-tap-highlight-color:transparent}.hamburger-btn span{display:block;width:20px;height:2px;background:#e0e0e0;border-radius:1px;transition:all .2s}.sidebar.sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .25s ease;z-index:200;overflow-y:auto}.sidebar.sidebar-mobile.sidebar-open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:150;-webkit-tap-highlight-color:transparent}.main-area.main-area-mobile{overflow:visible}.content{padding:14px 12px}.topbar{padding:8px 12px;min-height:44px;flex-wrap:wrap;gap:8px}.topbar h2{font-size:13px;width:100%}.topbar-right{flex-wrap:wrap;gap:6px}.tbl-wrap{border-radius:6px}td,th{padding:6px 8px;font-size:11px}.btn{min-height:44px;padding:10px 16px;font-size:14px}.btn-sm{min-height:36px;padding:6px 12px;font-size:12px}.filter-btn{min-height:36px;padding:6px 14px;font-size:12px}.tab,.tab-dropdown-trigger{padding:12px 14px;font-size:14px;min-height:44px}.tab-dd-item{padding:10px 14px;font-size:13px;min-height:40px}select,input[type=text],input[type=number],input[type=date]{min-height:40px;font-size:14px;padding:8px 12px}.search-input{min-width:0;width:100%;font-size:14px;min-height:40px;padding:8px 12px}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card .sc-value{font-size:18px}.sidebar-controls select{min-height:40px;font-size:13px}.modal-dialog{margin:auto auto 0;border-radius:var(--radius-modal-mobile);max-height:85vh;width:100%;max-width:100%;padding:20px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.dash-tabs{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-tab{padding:10px 14px;font-size:12px;white-space:nowrap}.col-cfg-dropdown{inset:auto 0 0!important;border-radius:16px 16px 0 0;max-height:60vh;overflow-y:auto}.col-filter-dropdown{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;max-height:60vh;overflow-y:auto;margin-top:0}}@media(orientation:landscape)and (max-height:500px){.mobile-topbar{padding:4px 12px}.mobile-topbar img{height:22px!important}.content{padding:8px 12px}.movement-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.movement-card{margin-bottom:0;padding:10px}.movement-card-desc{-webkit-line-clamp:1}.btn{min-height:38px;padding:6px 14px;font-size:13px}.btn-sm{min-height:32px;padding:4px 10px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:6px}.summary-card{padding:8px 12px}.summary-card .sc-value{font-size:15px}.sidebar.sidebar-mobile{width:240px}.sidebar-controls{padding:8px 12px;gap:4px}.sidebar-controls select{min-height:34px;font-size:12px}.tab,.tab-dropdown-trigger{padding:8px 14px;font-size:13px;min-height:36px}.tab-dd-item{padding:6px 14px;font-size:12px;min-height:32px}.topbar{padding:4px 12px;min-height:36px}.modal-dialog{max-height:90vh;border-radius:12px 12px 0 0}}