:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#070b14}body{min-width:320px;margin:0}button,input{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.app{--brand-primary:#2563eb;--brand-secondary:#10b981;--brand-accent:#7c3aed;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 18%, var(--glow-a), transparent 32rem), radial-gradient(circle at 82% 12%, var(--glow-b), transparent 30rem), linear-gradient(135deg, var(--page), var(--page-2));transition:background .32s,color .32s;overflow-x:hidden}.app.light{--page:#eef4fb;--page-2:#fbfcff;--surface:#ffffffc7;--surface-strong:#fffffff0;--ink:#101827;--muted:#64748b;--line:#798fab40;--soft:#0f172a0e;--glow-a:color-mix(in srgb, var(--brand-primary) 20%, transparent);--glow-b:color-mix(in srgb, var(--brand-secondary) 18%, transparent);--shadow:0 24px 70px #0f172a1f}.app.dark{--page:#070b14;--page-2:#111827;--surface:#0f172ab8;--surface-strong:#0f172af0;--ink:#eef6ff;--muted:#94a3b8;--line:#94a3b833;--soft:#ffffff14;--glow-a:color-mix(in srgb, var(--brand-primary) 24%, transparent);--glow-b:color-mix(in srgb, var(--brand-accent) 22%, transparent);--shadow:0 24px 70px #00000061}.aurora{filter:blur(24px);opacity:.65;pointer-events:none;border-radius:999px;width:360px;height:360px;animation:11s ease-in-out infinite floatGlow;position:fixed}.aurora-one{background:var(--glow-a);top:12%;left:-140px}.aurora-two{background:var(--glow-b);animation-delay:-4s;bottom:8%;right:-120px}.login-shell{background:color-mix(in srgb, var(--page) 94%, var(--page-2));place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";background:linear-gradient(color-mix(in srgb, var(--line) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 28%, transparent) 1px, transparent 1px);pointer-events:none;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000006b,#0000 78%);mask-image:linear-gradient(#0000006b,#0000 78%)}.login-story,.login-card,.sidebar,.panel,.user-tile{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.login-story{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 82%, transparent), color-mix(in srgb, var(--surface) 58%, transparent)), radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--brand-primary) 20%, transparent), transparent 34%), radial-gradient(circle at 88% 92%, color-mix(in srgb, var(--brand-secondary) 20%, transparent), transparent 38%);border-radius:34px;flex-direction:column;justify-content:space-between;gap:24px;min-height:620px;padding:clamp(26px,4vw,42px);animation:.52s both revealUp;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--line) 24%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--line) 22%, transparent) 1px, transparent 1px);pointer-events:none;background-size:72px 72px;border-radius:28px;position:absolute;inset:18px;-webkit-mask-image:linear-gradient(145deg,#000000e6,#0000 74%);mask-image:linear-gradient(145deg,#000000e6,#0000 74%)}.login-story:after{content:"";border:1px solid color-mix(in srgb, var(--brand-secondary) 28%, transparent);background:color-mix(in srgb, var(--brand-secondary) 12%, transparent);filter:blur(2px);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -52px -62px auto}.brand{align-items:center;gap:12px;display:flex}.brand.large{z-index:2;position:relative}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));width:44px;height:44px;box-shadow:0 18px 34px color-mix(in srgb, var(--brand-primary) 28%, transparent);border-radius:14px;place-items:center;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand strong,.user-tile strong{color:var(--ink);font-size:14px;display:block}.brand span,.user-tile span,.topbar span,.demo-note{color:var(--muted);font-size:13px}.login-story-content{z-index:2;gap:clamp(28px,5vw,58px);display:grid;position:relative}.login-headline{gap:14px;max-width:620px;display:grid}.login-headline h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(56px,8vw,94px);line-height:.9}.login-headline p{color:var(--muted);margin:0;font-size:clamp(16px,2vw,19px);line-height:1.55}.login-feature-row{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:relative}.login-feature-row span{border:1px solid var(--line);min-height:38px;color:var(--ink);background:color-mix(in srgb, var(--surface-strong) 76%, transparent);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:760;display:inline-flex;box-shadow:inset 0 1px #ffffff24}.login-feature-row svg{color:var(--brand-primary)}.login-device{z-index:2;border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 86%, transparent), color-mix(in srgb, var(--surface) 62%, transparent)), radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--brand-primary) 16%, transparent), transparent 42%);width:min(510px,100%);min-height:320px;box-shadow:0 28px 70px color-mix(in srgb, var(--brand-primary) 15%, transparent), inset 0 1px 0 #ffffff2e;border-radius:30px;grid-template-rows:auto minmax(136px,1fr) auto;align-self:flex-end;gap:12px;padding:16px;animation:7s ease-in-out infinite deviceFloat;display:grid;position:relative;transform:perspective(1000px)rotateX(3deg)rotateY(-5deg)}.login-device-top{grid-template-columns:1fr .58fr;gap:10px;display:grid}.login-device-top span,.login-device-list span{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--brand-primary) 28%, transparent) var(--fill,64%), var(--soft) 0), var(--surface);border-radius:18px;min-height:58px}.login-device-top span:nth-child(2){--fill:42%}.login-device-chart{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--brand-secondary) 10%, transparent), transparent), var(--surface);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px;padding:14px;display:grid}.login-device-chart i{min-height:42px;height:var(--height,62%);background:linear-gradient(180deg, var(--brand-primary), var(--brand-secondary));box-shadow:0 12px 22px color-mix(in srgb, var(--brand-primary) 18%, transparent);border-radius:999px 999px 10px 10px}.login-device-chart i:first-child{--height:48%}.login-device-chart i:nth-child(2){--height:76%}.login-device-chart i:nth-child(3){--height:58%}.login-device-chart i:nth-child(4){--height:88%}.login-device-chart i:nth-child(5){--height:68%}.login-device-list{gap:8px;display:grid}.login-device-list span{min-height:44px}.login-device-list span:first-child{--fill:72%}.login-device-list span:nth-child(2){--fill:54%}.login-device-list span:nth-child(3){--fill:86%}.login-card{z-index:1;background:color-mix(in srgb, var(--surface-strong) 96%, transparent);border-radius:8px;width:min(100%,460px);padding:32px;animation:.48s both revealUp;position:relative}.login-card:before{display:none}.login-card-top,.topbar,.panel-head,.top-actions,.table-tools{justify-content:space-between;align-items:center;gap:14px;display:flex}.login-access-mark{border:1px solid color-mix(in srgb, var(--brand-primary) 24%, var(--line));width:44px;height:44px;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 9%, var(--surface-strong));border-radius:8px;place-items:center;display:grid}.login-card-copy{margin-top:34px}.login-card-copy h1{color:var(--ink);letter-spacing:0;margin:0;font-size:32px;line-height:1.15}.login-card-copy>span{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6;display:block}.mode-switch,.language-tabs{border:1px solid var(--line);background:var(--soft);border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.mode-switch button,.language-tabs button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:13px;transition:transform .18s,background .18s,color .18s;display:inline-flex}.mode-switch button.active,.language-tabs button.active{color:var(--ink);background:var(--surface-strong);box-shadow:0 10px 20px #0f172a14}.login-tools{gap:8px;display:flex}.login-card form{gap:18px;margin-top:30px;display:grid}.login-field-group{gap:8px;display:grid}.login-label{color:var(--ink);font-size:13px;font-weight:700}.login-field,.search-field{border:1px solid var(--line);min-height:52px;color:var(--muted);background:color-mix(in srgb, var(--surface-strong) 86%, transparent);border-radius:8px;align-items:center;gap:10px;padding:0 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px #ffffff1f}.login-field:focus-within,.search-field:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 13%, transparent), inset 0 1px 0 #ffffff29}.password-toggle{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 34px;place-items:center;padding:0;display:grid}.password-toggle:hover{color:var(--ink);background:var(--soft)}input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}input::placeholder{color:var(--muted)}.login-submit,.primary-action,.soft-action,.icon-btn,.row-action{font:inherit;cursor:pointer;border:0;border-radius:8px;transition:transform .18s,box-shadow .18s,background .18s}.login-submit,.primary-action{color:#fff;background:var(--brand-primary);min-height:56px;box-shadow:0 12px 24px color-mix(in srgb, var(--brand-primary) 20%, transparent);justify-content:center;align-items:center;gap:9px;padding:0 18px;display:inline-flex}.login-submit{justify-content:space-between;margin-top:2px;font-weight:750}.login-submit:hover,.primary-action:hover,.soft-action:hover,.icon-btn:hover,.row-action:hover,.nav-list button:hover{transform:translateY(-2px)}.demo-note{text-align:center}.login-security-note{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:8px;margin:22px 0 0;padding-top:18px;font-size:12px;line-height:1.5;display:flex}.login-security-note svg{color:var(--brand-secondary);flex:none;margin-top:1px}.app>.sidebar{z-index:2;border-radius:24px;flex-direction:column;gap:18px;width:286px;max-height:calc(100dvh - 36px);padding:18px;animation:.46s both slideIn;display:flex;position:fixed;inset:18px auto 18px 18px;overflow:hidden}.nav-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--brand-primary) 42%, transparent) transparent;gap:7px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.nav-list::-webkit-scrollbar{width:8px;height:8px}.table-scroll::-webkit-scrollbar{width:8px;height:8px}.drawer::-webkit-scrollbar{width:8px;height:8px}.lookup-menu::-webkit-scrollbar{width:8px;height:8px}.nav-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand-primary) 36%, transparent);border-radius:999px}.table-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand-primary) 36%, transparent);border-radius:999px}.drawer::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand-primary) 36%, transparent);border-radius:999px}.lookup-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand-primary) 36%, transparent);border-radius:999px}.nav-list button{min-height:46px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:0 12px;animation:.36s forwards navPop;display:grid}.nav-group{opacity:0;gap:4px;min-width:0;animation:.36s forwards navPop;display:grid}.nav-group-trigger{grid-template-columns:22px minmax(0,1fr) 18px!important}.nav-group-trigger .nav-chevron{color:var(--muted);transition:transform .18s}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-group.active>.nav-group-trigger{color:var(--ink);background:color-mix(in srgb, var(--brand-primary) 7%, transparent)}.nav-group-children{border-left:1px solid color-mix(in srgb, var(--brand-primary) 24%, var(--line));gap:4px;margin-left:22px;padding-left:10px;display:grid}.nav-group-menu-head,.nav-group:not(.open) .nav-group-children{display:none}.nav-list .nav-child{border-radius:8px;grid-template-columns:20px minmax(0,1fr);min-height:40px;padding-left:10px;font-size:13px}.nav-list .nav-child svg{width:17px;height:17px;color:color-mix(in srgb, var(--brand-primary) 72%, var(--muted))}.nav-list button span,.brand strong,.brand span,.user-tile strong,.user-tile span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-list button.active{color:var(--ink);border-color:var(--line);background:var(--surface-strong)}.nav-list button svg{color:var(--brand-primary)}.user-tile{border-radius:18px;align-items:center;gap:12px;margin-top:auto;padding:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, #0f172a, var(--brand-primary));border-radius:14px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.workspace{z-index:1;min-height:100vh;margin-left:322px;padding:22px 24px 24px 0;position:relative;overflow:hidden}.topbar{min-width:0;min-height:86px;margin-bottom:18px}.topbar h1,.panel h2{color:var(--ink);letter-spacing:0;margin:0}.topbar h1{font-size:clamp(26px,3vw,38px)}.eyebrow{color:var(--brand-primary);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.icon-btn{width:42px;height:42px;color:var(--ink);background:var(--surface);border:1px solid var(--line);place-items:center;display:grid}.module-page{animation:.52s backwards revealUp}.dashboard-page{gap:18px;min-width:0;animation:.52s both revealUp;display:grid}.dashboard-hero{background:linear-gradient(125deg, color-mix(in srgb, var(--brand-primary) 16%, var(--surface)), var(--surface)), radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--brand-secondary) 28%, transparent), transparent 34%), radial-gradient(circle at 12% 84%, #f59e0b2e, transparent 34%);justify-content:space-between;align-items:flex-end;gap:22px;min-height:170px;padding:28px;display:flex;position:relative}.dashboard-hero:before{content:"";border:1px solid color-mix(in srgb, var(--line) 68%, transparent);background:linear-gradient(90deg, transparent 0 48px, color-mix(in srgb, var(--line) 36%, transparent) 49px 50px), linear-gradient(0deg, transparent 0 48px, color-mix(in srgb, var(--line) 30%, transparent) 49px 50px);pointer-events:none;border-radius:20px;position:absolute;inset:16px;-webkit-mask-image:linear-gradient(120deg,#000000e6,#0000 62%);mask-image:linear-gradient(120deg,#000000e6,#0000 62%)}.dashboard-hero>*{z-index:1;position:relative}.dashboard-hero h2{font-size:clamp(30px,4vw,52px);line-height:.98}.dashboard-hero span{max-width:560px;color:var(--muted);margin-top:10px;font-size:15px;line-height:1.6;display:block}.dashboard-health{border:1px solid color-mix(in srgb, var(--brand-secondary) 42%, var(--line));min-height:42px;color:color-mix(in srgb, var(--brand-secondary) 82%, var(--ink));background:color-mix(in srgb, var(--brand-secondary) 10%, var(--surface-strong));border-radius:999px;align-items:center;gap:9px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #ffffff38}.dashboard-health span{color:inherit;white-space:nowrap;margin:0;font-size:13px;font-weight:800}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.overview-range-toolbar{justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:74px;padding:13px 16px;display:flex}.overview-range-toolbar>div:first-child{align-items:center;gap:11px;min-width:0;display:flex}.overview-range-toolbar>div:first-child>svg{width:40px;height:40px;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 9%, var(--surface-strong));border-radius:8px;flex:0 0 40px;padding:10px}.overview-range-toolbar strong,.overview-range-toolbar span{display:block}.overview-range-toolbar strong{color:var(--ink);font-size:14px}.overview-range-toolbar span{color:var(--muted);margin-top:3px;font-size:12px}.overview-range-fields{gap:9px;display:flex}.dashboard-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-report-card{min-width:0;padding:18px}.dashboard-report-card>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.dashboard-report-card h2{color:var(--ink);letter-spacing:0;margin:0;font-size:18px}.dashboard-report-card header span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.dashboard-report-card header svg{width:38px;height:38px;color:var(--brand-primary);background:var(--soft);border-radius:8px;flex:0 0 38px;padding:10px}.dashboard-comparison{gap:15px;display:grid}.comparison-row{--comparison-tone:#2563eb;gap:8px;min-width:0;display:grid}.comparison-row>div{justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;display:flex}.comparison-row span{min-width:0;color:var(--muted);font-size:12px;line-height:1.35}.comparison-row strong{color:var(--ink);flex:none;font-size:13px}.comparison-row>i{background:var(--soft);border-radius:4px;height:8px;display:block;overflow:hidden}.comparison-row>i>b{border-radius:inherit;background:var(--comparison-tone);height:100%;animation:.68s both loadBar;display:block}.comparison-row.tone-green{--comparison-tone:#10b981}.comparison-row.tone-red{--comparison-tone:#ef4444}.comparison-row.tone-teal{--comparison-tone:#0f766e}.comparison-row.tone-orange{--comparison-tone:#f59e0b}.dashboard-metric{justify-content:space-between;align-items:flex-start;gap:16px;min-height:142px;padding:18px;animation:.52s both metricIn;display:flex;position:relative;overflow:hidden}.dashboard-metric:nth-child(2){animation-delay:70ms}.dashboard-metric:nth-child(3){animation-delay:.14s}.dashboard-metric:nth-child(4){animation-delay:.21s}.dashboard-metric:after{content:"";background:color-mix(in srgb, var(--brand-primary) 14%, transparent);border-radius:999px;width:124px;height:124px;position:absolute;bottom:-44px;right:-38px}.dashboard-metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:820;display:block}.dashboard-metric strong{color:var(--ink);margin-top:11px;font-size:clamp(25px,2.6vw,34px);line-height:1.05;display:block}.dashboard-metric em{color:color-mix(in srgb, var(--brand-secondary) 86%, var(--ink));background:color-mix(in srgb, var(--brand-secondary) 10%, transparent);border-radius:999px;margin-top:14px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:850;display:inline-flex}.dashboard-metric svg{z-index:1;color:#fff;background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));min-width:46px;height:46px;box-shadow:0 18px 34px color-mix(in srgb, var(--brand-primary) 24%, transparent);border-radius:17px;padding:11px;position:relative}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;min-width:0;display:grid}.chart-card{min-height:288px;padding:20px}.chart-card.wide{grid-row:span 2}.chart-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.chart-head h2{font-size:20px;line-height:1.2}.chart-head>span,.chart-head>svg{min-width:42px;height:42px;color:var(--brand-primary);background:var(--soft);border-radius:16px;padding:11px}.chart-head>span{color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;font-size:12px;font-weight:850;display:inline-flex}.line-chart{width:100%;min-height:282px;overflow:visible}.line-chart line{stroke:color-mix(in srgb, var(--line) 82%, transparent);stroke-width:1px}.line-area{fill:url(#lineFill);opacity:.16}.line-path{fill:none;stroke:url(#lineFill);stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;filter:drop-shadow(0 12px 18px color-mix(in srgb, var(--brand-primary) 20%, transparent));animation:.86s both drawChart}.line-chart circle{fill:var(--surface-strong);stroke:var(--brand-primary);stroke-width:3px;filter:drop-shadow(0 8px 12px color-mix(in srgb, var(--brand-primary) 18%, transparent))}.total-chart{gap:16px;display:grid}.total-row{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 72%, transparent);border-radius:18px;min-height:62px;padding:13px 14px;position:relative;overflow:hidden}.total-row div{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.total-row span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:820;overflow:hidden}.total-row strong{color:var(--ink);font-size:22px}.total-row i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--brand-primary) 22%, transparent), color-mix(in srgb, var(--brand-secondary) 20%, transparent)), linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));opacity:.78;min-width:5px;height:100%;animation:.68s both loadBar;position:absolute;inset:auto auto 0 0}.bar-chart{gap:17px;padding-top:6px;display:grid}.monthly-chart{grid-template-columns:repeat(6,minmax(58px,1fr));align-items:end;gap:14px;min-height:238px;display:grid}.monthly-column{gap:10px;min-width:0;display:grid}.monthly-column>div{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 70%, transparent);border-radius:8px;grid-template-columns:repeat(3,1fr);align-items:end;gap:5px;height:190px;padding:8px;display:grid}.monthly-column i{border-radius:999px 999px 5px 5px;min-height:8px;animation:.68s both loadBar;display:block}.monthly-column i.credit{background:linear-gradient(#38bdf8,#2563eb)}.monthly-column i.sales{background:linear-gradient(#34d399,#059669)}.monthly-column i.paid{background:linear-gradient(#facc15,#f97316)}.monthly-column span{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.bar-row{grid-template-columns:minmax(88px,1fr) minmax(110px,1.7fr) 44px;align-items:center;gap:11px;display:grid}.bar-row span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:780;overflow:hidden}.bar-row div{background:var(--soft);border-radius:999px;height:12px;overflow:hidden}.bar-row i{border-radius:inherit;background:linear-gradient(90deg, var(--brand-primary), var(--brand-secondary), #f59e0b);height:100%;animation:.68s both loadBar;display:block}.bar-row strong{color:var(--ink);text-align:right;font-size:13px}.donut-wrap{grid-template-columns:156px minmax(0,1fr);align-items:center;gap:18px;min-height:190px;display:grid}.donut-chart{aspect-ratio:1;background:radial-gradient(circle, var(--surface-strong) 0 54%, transparent 55%), conic-gradient(var(--brand-secondary) 0 74%, #f59e0b 74% 89%, #ef4444 89% 100%);width:156px;box-shadow:inset 0 0 0 1px var(--line), 0 24px 42px color-mix(in srgb, var(--brand-secondary) 14%, transparent);border-radius:999px;place-items:center;display:grid;position:relative}.donut-chart strong{color:var(--ink);font-size:30px}.donut-chart span{color:var(--muted);margin-top:30px;font-size:12px;font-weight:800;display:block;position:absolute}.donut-legend{gap:10px;display:grid}.donut-legend span{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:760;display:inline-flex}.donut-legend i{background:var(--brand-secondary);border-radius:999px;width:10px;height:10px}.donut-legend span:nth-child(2) i{background:#f59e0b}.donut-legend span:nth-child(3) i{background:#ef4444}.activity-panel{min-height:auto}.dashboard-activity{border-top:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.dashboard-activity svg{width:40px;height:40px;color:var(--brand-primary);background:var(--soft);border-radius:15px;padding:10px}.dashboard-activity strong,.dashboard-activity span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.dashboard-activity strong{color:var(--ink);font-size:14px}.dashboard-activity span{color:var(--muted);margin-top:3px;font-size:12px}.dashboard-activity em{max-width:86px;color:var(--brand-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:850;overflow:hidden}.panel{border-radius:24px;overflow:hidden}.panel-head{padding:20px}.panel-head.compact{padding-bottom:10px}.table-tools{flex-wrap:wrap}.search-field{width:240px;min-height:42px}.soft-action{min-height:42px;color:var(--ink);background:var(--soft);border:1px solid var(--line);align-items:center;gap:8px;padding:0 14px;display:inline-flex}.table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--brand-primary) 36%, transparent) transparent;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:min(760px,100vw - 32px)}th,td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:15px 20px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}td{color:var(--muted);font-size:14px}td:first-child{color:var(--ink);font-weight:760}.table-link{color:var(--brand-primary);font:inherit;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:760;text-decoration:underline}.table-link:hover{color:var(--brand-secondary)}.row-action{width:34px;height:34px;color:var(--ink);background:var(--soft);place-items:center;display:grid}.row-actions{align-items:center;gap:6px;display:inline-flex}.row-action.danger{color:#ef4444}.notice{border:1px solid var(--line);color:var(--ink);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;margin-bottom:18px;padding:12px 14px;animation:.22s both revealUp}.notice.compact{color:#ef4444;text-align:center;box-shadow:none;margin:0}.customer-portal{min-height:100vh;padding:28px;position:relative;overflow:hidden}.customer-shell{width:min(1180px,100%);margin:0 auto;padding:24px;animation:.52s both revealUp}.customer-head,.customer-hero,.customer-grid{gap:16px;display:flex}.customer-head{justify-content:space-between;align-items:center;margin-bottom:28px}.customer-hero{border:1px solid var(--line);min-height:240px;color:var(--ink);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 18%, transparent), transparent 54%), var(--surface-strong);border-radius:24px;justify-content:space-between;align-items:flex-end;padding:28px}.customer-hero h1{letter-spacing:0;margin:0;font-size:clamp(34px,5vw,58px)}.customer-hero p:last-child{color:var(--muted);margin:10px 0 0}.customer-badge{color:#fff;background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));width:64px;height:64px;box-shadow:var(--shadow);border-radius:20px;place-items:center;display:grid}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.customer-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.customer-kpi span{align-items:center;gap:7px;display:inline-flex}.customer-kpi svg{color:var(--brand-primary)}.customer-next{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-secondary) 15%, var(--surface)), var(--surface)), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand-primary) 16%, transparent), transparent 38%);justify-content:space-between;align-items:center;gap:18px;min-height:116px;margin-top:16px;padding:20px;display:flex}.customer-next h2,.customer-section h2{color:var(--ink);letter-spacing:0;margin:0}.customer-next span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.customer-next strong{color:var(--ink);white-space:nowrap;font-size:clamp(24px,3vw,34px)}.customer-sections{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;margin-top:16px;display:grid}.customer-section{min-width:0;padding:18px}.customer-section:first-child{grid-row:span 2}.customer-section header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.customer-section header div{align-items:center;gap:10px;display:flex}.customer-section header svg{width:38px;height:38px;color:var(--brand-primary);background:var(--soft);border-radius:14px;padding:9px}.customer-credit-card{border-top:1px solid var(--line);gap:12px;padding:14px 0;display:grid}.customer-credit-card:first-of-type{border-top:0}.customer-credit-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(110px,.6fr)) auto;align-items:center;gap:12px;padding:0;display:grid}.customer-credit-main div{gap:4px;min-width:0;display:grid}.customer-credit-card strong,.customer-mini-table strong{color:var(--ink)}.customer-credit-card span,.customer-mini-table span,.customer-mini-table small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.customer-credit-card em{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, transparent);border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:820}.customer-credit-detail{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 68%, transparent);border-radius:8px;gap:12px;padding:14px;display:grid}.customer-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.soft-action.muted:disabled{cursor:not-allowed;opacity:.72}.customer-schedule{gap:8px;display:grid}.schedule-row{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:8px;grid-template-columns:52px minmax(92px,.8fr) minmax(120px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.schedule-row em{border-radius:7px}.schedule-row.paid em{color:#059669;background:#10b98124}.schedule-row.overdue em{color:#dc2626;background:#ef444424}.customer-receipt{border:1px dashed var(--line-strong);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:8px;margin-top:8px;padding:12px}.customer-mini-table{gap:10px;display:grid}.customer-mini-table div{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 76%, transparent);border-radius:16px;gap:4px;padding:12px;display:grid}.customer-empty{color:var(--muted);margin:0;font-size:13px}.empty-state{color:var(--muted);text-align:center;padding:28px}.statistics-report-page{gap:18px;min-width:0;display:grid}.report-toolbar{min-width:0}.report-toolbar.panel{border-radius:8px;overflow:visible}.report-toolbar>div:first-child{min-width:180px}.report-toolbar h2{color:var(--ink);letter-spacing:0;margin:0;font-size:22px}.report-toolbar>div:first-child>span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.report-tools{justify-content:flex-end}.report-tools .search-field{width:230px}.reports-workspace{gap:14px;min-width:0;display:grid}.reports-workspace .panel{border-radius:8px}.report-tabs{border-bottom:1px solid var(--line);gap:4px;min-width:0;display:flex;overflow-x:auto}.report-tabs button{min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0 12px;font-size:12px;font-weight:750}.report-tabs button:hover,.report-tabs button.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary)}.report-filter-panel{padding:18px 20px;overflow:visible}.report-filter-panel>header{margin-bottom:14px}.report-filter-panel h2,.report-summary h2{color:var(--ink);letter-spacing:0;margin:0;font-size:20px}.report-filter-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;display:grid}.report-filter-field{gap:6px;width:100%;min-width:0;display:grid}.report-filter-field>input,.report-filter-field>select{width:100%;min-height:44px}.report-filter-actions,.report-export-actions,.report-result-tools{align-items:center;gap:8px;display:flex}.report-filter-actions{justify-content:flex-end;margin-top:12px}.report-filter-actions>button{min-height:42px}.report-results{min-width:0}.report-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.report-summary p{color:var(--muted);margin:5px 0 0;font-size:12px}.report-total-list{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;display:flex}.report-total-list span{color:var(--muted);gap:2px;font-size:11px;display:grid}.report-total-list strong{color:var(--ink);font-size:16px}.report-result-tools{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 18px}.report-search{width:min(280px,100%)}.report-detail-link{align-items:center;gap:5px;display:inline-flex}@media (width<=1180px){.report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.report-filter-grid{grid-template-columns:minmax(0,1fr)}.report-summary,.report-result-tools{flex-direction:column;align-items:stretch}.report-total-list{justify-content:flex-start}.report-export-actions{overflow-x:auto}.report-search{width:100%}}.report-date-field{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 86%, transparent);border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:66px;padding:8px 11px;display:grid}.report-date-field>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:750}.report-date-field input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:0;min-height:24px;font-size:14px;font-weight:700}.app.dark .report-date-field input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.statistics-empty{border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;min-height:180px;display:grid}.statistics-sections{gap:18px;display:grid}.statistics-section{--stat-tone:#2563eb;min-width:0}.statistics-section>header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.statistics-section h3{min-width:0;color:var(--ink);letter-spacing:0;margin:0;font-size:15px;font-weight:800}.statistics-section-icon{border:1px solid color-mix(in srgb, var(--stat-tone) 25%, var(--line));width:34px;height:34px;color:var(--stat-tone);background:color-mix(in srgb, var(--stat-tone) 10%, var(--surface-strong));border-radius:8px;flex:0 0 34px;place-items:center;display:grid}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.statistics-card{border:1px solid color-mix(in srgb, var(--stat-tone) 22%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--stat-tone) 9%, var(--surface-strong)), var(--surface-strong));min-width:0;min-height:112px;box-shadow:0 10px 26px color-mix(in srgb, var(--stat-tone) 7%, transparent);border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;padding:16px;display:flex;position:relative;overflow:hidden}.statistics-card:before{content:"";background:var(--stat-tone);width:3px;position:absolute;inset:0 auto 0 0}.statistics-card>span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:650;line-height:1.45;position:relative}.statistics-card>strong{color:var(--stat-tone);letter-spacing:0;overflow-wrap:anywhere;font-size:24px;line-height:1.1;position:relative}.tone-blue{--stat-tone:#2563eb}.tone-teal{--stat-tone:#0f766e}.tone-green{--stat-tone:#15803d}.tone-red{--stat-tone:#dc2626}.tone-orange{--stat-tone:#c2410c}.tone-violet{--stat-tone:#7c3aed}.tone-slate{--stat-tone:#475569}.drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0206176b;justify-content:flex-end;animation:.18s both revealUp;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);background:var(--surface-strong);width:min(520px,100%);max-width:100dvw;height:100%;box-shadow:var(--shadow);padding:22px;animation:.26s both drawerIn;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.drawer-head h2{color:var(--ink);margin:0}.drawer-form{gap:14px;display:grid}.drawer-field{color:var(--muted);gap:7px;font-size:13px;display:grid}.drawer-field input,.drawer-field select,.drawer-field textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface);font:inherit;border-radius:14px;outline:0;padding:0 12px;transition:transform .18s,border-color .18s}.lookup-field,.lookup-box{position:relative}.lookup-box input{width:100%}.lookup-box>input{padding-right:38px}.lookup-single-clear{z-index:2;width:28px;height:28px;color:var(--muted);background:var(--soft);cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lookup-single-clear:hover{color:var(--ink)}.lookup-toolbar-field{padding:0}.lookup-toolbar-field .lookup-box{width:100%}.lookup-toolbar-field .lookup-box>input{min-height:40px;padding:0 12px}.lookup-toolbar-field .lookup-menu{min-width:260px}.lookup-menu{z-index:5;border:1px solid var(--line);background:var(--surface-strong);max-height:230px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:6px;position:absolute;inset:calc(100% + 6px) 0 auto;overflow-y:auto}.lookup-menu button,.lookup-menu span{width:100%;min-height:38px;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 10px;font-size:13px;display:flex}.lookup-menu button{cursor:pointer}.lookup-menu button:hover{background:var(--soft)}.lookup-menu span{color:var(--muted)}.lookup-chips{flex-wrap:wrap;gap:6px;margin-bottom:7px;display:flex}.lookup-chip{border:1px solid var(--line);max-width:100%;min-height:30px;color:var(--ink);background:var(--soft);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.lookup-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-upload{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;display:grid}.image-preview{border:1px solid var(--line);width:76px;height:76px;color:var(--muted);background:var(--soft);border-radius:20px;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-upload-control{gap:7px;display:grid}.image-upload-control small{color:var(--muted);font-size:12px}.image-upload-control input[type=file]{min-height:44px;padding:9px}.phone-list{gap:8px;display:grid}.phone-list-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.phone-list-row input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface);border-radius:14px;padding:0 12px}.phone-list-row button,.phone-add{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--soft);font:inherit;cursor:pointer;border-radius:14px}.phone-add{width:100%;font-weight:760}.drawer-field textarea{resize:vertical;min-height:94px;padding:12px}.drawer-field input:focus,.drawer-field select:focus,.drawer-field textarea:focus{border-color:var(--brand-primary);transform:translateY(-1px)}.drawer-check{min-height:44px;color:var(--ink);align-items:center;gap:10px;display:flex}.drawer-check input{width:18px;height:18px}.credit-form,.purchase-form{gap:16px;display:grid}.purchase-price-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;display:grid}.purchase-price-field>div,.purchase-total-field>div{border:1px solid var(--line);background:color-mix(in srgb, var(--brand-primary) 6%, var(--surface-strong));border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex}.purchase-price-field strong{color:var(--ink);font-size:16px}.purchase-price-field small,.purchase-total-field b{color:var(--muted);margin-left:auto;font-size:12px}.purchase-total-field input{font-weight:800}.credit-steps{gap:14px;display:grid}.credit-preview{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 88%, transparent), color-mix(in srgb, var(--surface) 78%, transparent)), radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 42%);border-radius:18px;gap:14px;padding:14px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff29}.muted-preview{color:var(--muted);font-size:13px;line-height:1.5}.credit-preview-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.credit-preview-head div{gap:3px;display:grid}.credit-preview-head span,.credit-summary-grid span{color:var(--muted);font-size:12px;font-weight:760}.credit-preview-head strong{color:var(--ink);letter-spacing:0;font-size:24px}.credit-preview-head small{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 12%, transparent);border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:820}.credit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.credit-summary-grid div{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:5px;min-width:0;padding:10px;display:grid}.credit-summary-grid strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:14px}.schedule-table{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-height:280px;overflow:auto}.schedule-table table{min-width:420px}.schedule-table th,.schedule-table td{padding:10px;font-size:12px}.schedule-table p{color:var(--muted);margin:0;padding:14px;font-size:13px}.calculator-page{gap:16px;display:grid}.calculator-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:16px;display:grid}.calculator-form,.calculator-result,.calculator-schedule{border-radius:8px;min-width:0;padding:20px}.calculator-form{gap:18px;display:grid}.calculator-section-head,.calculator-schedule-head{align-items:center;gap:12px;display:flex}.calculator-section-head>span{width:42px;height:42px;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, var(--surface-strong));border-radius:8px;flex:0 0 42px;place-items:center;display:grid}.calculator-section-head h2,.calculator-schedule-head h2{color:var(--ink);letter-spacing:0;margin:0;font-size:19px}.calculator-section-head p,.calculator-schedule-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.calculator-control{gap:7px;min-width:0;display:grid}.calculator-control>span,.calculator-fieldset legend{color:var(--ink);font-size:13px;font-weight:750}.calculator-input,.calculator-control select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border-radius:8px}.calculator-input{align-items:center;gap:9px;padding:0 13px;display:flex}.calculator-input:focus-within,.calculator-control select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 12%, transparent);outline:0}.calculator-input svg{color:var(--muted);flex:none}.calculator-input b{color:var(--muted);font-size:12px}.calculator-control select{font:inherit;outline:0;padding:0 12px}.calculator-input input:disabled,.calculator-control select:disabled{cursor:not-allowed;opacity:.56}.calculator-fieldset{border:0;min-width:0;margin:0;padding:0}.calculator-fieldset legend{margin-bottom:8px}.calculator-interest-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.calculator-interest-options label{border:1px solid var(--line);min-height:46px;color:var(--muted);background:color-mix(in srgb, var(--surface-strong) 70%, transparent);text-align:center;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.25;display:flex}.calculator-interest-options label.active{border-color:color-mix(in srgb, var(--brand-primary) 62%, var(--line));color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, var(--surface-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 18%, transparent)}.calculator-interest-options input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.calculator-hint{border-left:3px solid var(--brand-primary);color:var(--muted);background:color-mix(in srgb, var(--brand-primary) 7%, transparent);margin:-4px 0 0;padding:10px 12px;font-size:12px;line-height:1.45}.calculator-submit{justify-self:start;min-height:50px}.calculator-submit:disabled{cursor:wait;opacity:.7}.spin{animation:.8s linear infinite calculatorSpin}.calculator-result{gap:18px;display:grid;position:sticky;top:18px}.calculator-primary-result{border:1px solid color-mix(in srgb, var(--brand-primary) 28%, var(--line));background:color-mix(in srgb, var(--brand-primary) 8%, var(--surface-strong));border-radius:8px;padding:18px}.calculator-primary-result span,.calculator-primary-result small{color:var(--muted);font-size:12px;display:block}.calculator-primary-result strong{overflow-wrap:anywhere;color:var(--ink);letter-spacing:0;margin:7px 0;font-size:28px;display:block}.calculator-summary{gap:0;margin:0;display:grid}.calculator-summary div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:13px 0;display:flex}.calculator-summary div:last-child{border-bottom:0}.calculator-summary dt{color:var(--muted);font-size:13px}.calculator-summary dd{overflow-wrap:anywhere;color:var(--ink);text-align:right;margin:0;font-size:14px;font-weight:800}.calculator-empty{min-height:260px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.calculator-empty svg{color:var(--brand-primary);margin-bottom:5px}.calculator-empty strong{color:var(--ink);font-size:15px}.calculator-empty span{max-width:260px;font-size:12px;line-height:1.5}.calculator-schedule{gap:16px;display:grid}.calculator-schedule-head{justify-content:space-between}.calculator-schedule-head>span{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 9%, transparent);border-radius:8px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.calculator-schedule .table-scroll{border:1px solid var(--line);border-radius:8px}.word-template-page{display:grid}.word-template-panel{border-radius:8px;min-width:0;padding:20px}.word-template-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.word-template-toolbar h2,.template-modal h2{color:var(--ink);letter-spacing:0;margin:2px 0 0;font-size:20px}.word-template-toolbar p:last-child{color:var(--muted);margin:5px 0 0;font-size:12px}.word-template-actions,.template-modal footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.secondary-action{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface-strong);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:720;display:inline-flex}.word-template-actions .primary-action,.template-modal footer .primary-action{min-height:44px}.word-template-search{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;width:min(360px,100%);margin:14px 0;padding:0 12px}.word-template-search input{min-height:42px}.word-template-table{border:1px solid var(--line);border-radius:8px}.word-template-table table{min-width:820px}.docx-file{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.docx-file svg{color:#2563eb}.word-row-actions button{width:34px;height:34px;color:var(--ink);background:var(--soft);cursor:pointer;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.word-row-actions button.danger{color:#dc2626}.template-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0206177a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.template-modal{border-radius:8px;gap:18px;width:min(520px,100%);max-height:calc(100dvh - 36px);padding:20px;display:grid;overflow-y:auto}.template-modal>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.template-field{color:var(--ink);gap:7px;font-size:13px;font-weight:740;display:grid}.template-field input{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;min-height:46px;padding:0 12px}.template-file-picker{border:1px dashed color-mix(in srgb, var(--brand-primary) 48%, var(--line));min-height:130px;color:var(--muted);background:color-mix(in srgb, var(--brand-primary) 5%, var(--surface-strong));text-align:center;cursor:pointer;border-radius:8px;place-items:center;gap:7px;padding:18px;display:grid}.template-file-picker svg{color:var(--brand-primary)}.template-file-picker input{width:auto;max-width:100%;font-size:12px}.word-fields-modal{width:min(760px,100%)}.word-fields-lead{color:var(--muted);margin:-8px 0 0;font-size:13px}.word-fields-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.word-fields-list section{min-width:0}.word-fields-list h3{color:var(--ink);margin:0 0 7px;font-size:14px}.word-fields-list button{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;min-height:50px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.2fr) 18px;align-items:center;gap:8px;padding:8px 10px;display:grid}.word-fields-list button:hover{background:var(--soft)}.word-fields-list code{min-width:0;color:var(--brand-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.calculator-schedule table{min-width:760px}.calculator-schedule td strong{color:var(--ink)}.credit-management-page{min-width:0}.credit-list-panel{min-width:0;padding:20px}.credit-page-head,.credit-filter-bar,.credit-head-actions,.credit-detail-head,.credit-related-section>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.credit-page-head{border-bottom:1px solid var(--line);align-items:flex-start;padding-bottom:16px}.credit-page-head h2,.credit-detail-head h2,.credit-related-section h3,.report-inline-chart h3{color:var(--ink);letter-spacing:0;margin:2px 0 0;font-size:20px}.credit-head-actions{justify-content:flex-end}.credit-filter-bar{margin:14px 0}.segmented-control{border:1px solid var(--line);background:var(--soft);border-radius:8px;grid-template-columns:repeat(3,minmax(120px,1fr));min-height:42px;padding:3px;display:inline-grid}.segmented-control button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;font-weight:760}.segmented-control button.active{color:var(--ink);background:var(--surface-strong);box-shadow:0 1px 4px #0f172a1a}.credit-list-table{min-width:1120px}.status-badge{min-height:26px;color:var(--muted);background:var(--soft);border-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.status-active,.status-paid,.status-approved{color:#047857;background:color-mix(in srgb, #10b981 12%, var(--surface))}.status-overdue,.status-rejected{color:#b91c1c;background:color-mix(in srgb, #ef4444 11%, var(--surface))}.status-pending,.status-due,.status-draft{color:#a16207;background:color-mix(in srgb, #f59e0b 13%, var(--surface))}.credit-detail-page{width:100%;min-width:0}.credit-detail-view{border-radius:8px;width:100%;min-width:0;padding:0;overflow:hidden}.credit-detail-page-head{border-bottom:1px solid var(--line);min-height:76px;box-shadow:inset 3px 0 0 var(--brand-primary);align-items:center;gap:12px;padding:16px 20px;display:flex}.credit-detail-page-head h2{color:var(--ink);letter-spacing:0;margin:2px 0 0;font-size:18px}.credit-info-grid dt,.credit-related-grid span,.credit-related-grid dt{color:var(--muted);font-size:11px;display:block}.credit-detail-tabs{border-bottom:1px solid var(--line);background:var(--soft);grid-template-columns:repeat(7,minmax(112px,1fr));min-width:0;margin:20px;display:grid;overflow:hidden}.credit-detail-tabs button{min-width:0;min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:760;display:inline-flex}.credit-detail-tabs button span{overflow-wrap:anywhere;min-width:0}.credit-detail-tabs button:hover{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 6%, var(--surface))}.credit-detail-tabs button.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary);background:var(--surface-strong)}.credit-detail-body{min-height:0;padding:4px 20px 20px}.legacy-credit-detail-table{border:1px solid var(--line);background:var(--surface-strong);margin:0;display:grid;overflow:hidden}.legacy-credit-detail-table>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,24%) minmax(0,1fr);min-width:0;display:grid}.legacy-credit-detail-table>div:last-child{border-bottom:0}.legacy-credit-detail-table dt,.legacy-credit-detail-table dd{overflow-wrap:anywhere;align-items:center;min-width:0;min-height:44px;margin:0;padding:10px 12px;line-height:1.55;display:flex}.legacy-credit-detail-table dt{border-right:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:650}.legacy-credit-detail-table dd{color:var(--ink);font-size:13px;font-weight:540}.legacy-credit-detail-table .detail-value-success{color:#059669}.legacy-credit-detail-table .detail-value-danger{color:#dc2626}.legacy-related-table{min-width:760px}.legacy-related-table td small{color:var(--muted);margin-top:4px;display:block}.detail-total-row td{color:var(--ink);font-weight:800}.schedule-detail-section{gap:16px;display:grid}.schedule-detail-summary{grid-template-columns:repeat(2,minmax(180px,260px)) minmax(240px,1fr);align-items:center;gap:12px;display:grid}.schedule-detail-summary>div{border-left:3px solid var(--brand-primary);background:var(--soft);min-width:0;padding:12px}.schedule-detail-summary span{color:var(--muted);font-size:11px;display:block}.schedule-detail-summary strong{overflow-wrap:anywhere;color:var(--ink);margin-top:4px;font-size:15px;display:block}.schedule-detail-summary p{overflow-wrap:anywhere;color:var(--ink);text-align:right;margin:0;font-size:13px}.schedule-detail-table{min-width:1180px}.no-action-label{color:var(--muted);font-size:11px}.credit-info-grid{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.credit-info-grid>div{background:var(--surface-strong);min-width:0;min-height:76px;padding:13px}.credit-info-grid>div.wide{grid-column:1/-1}.credit-info-grid dd{overflow-wrap:anywhere;color:var(--ink);margin:7px 0 0;font-size:13px;font-weight:720}.credit-related-section{gap:14px;display:grid}.credit-related-section>header span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.credit-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.credit-related-grid article{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;min-width:0;padding:14px;position:relative}.credit-related-grid article>div strong{overflow-wrap:anywhere;color:var(--ink);font-size:14px;display:block}.credit-related-grid dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.credit-related-grid dd{color:var(--ink);margin:4px 0 0;font-size:12px}.related-card-actions{gap:5px;display:flex;position:absolute;top:10px;right:10px}.related-card-actions .row-action{background:var(--surface)}.template-field small{min-height:16px;color:var(--muted);overflow-wrap:anywhere;font-size:11px}.credit-customer-section{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 72%, transparent);border-radius:8px;gap:14px;padding:14px;display:grid}.credit-customer-mode{width:fit-content}.new-borrower-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.borrower-contacts{gap:10px;display:grid}.borrower-contacts>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.borrower-contacts>header div{gap:2px;display:grid}.borrower-contacts>header strong{color:var(--ink);font-size:13px}.borrower-contacts>header span{color:var(--muted);font-size:11px}.borrower-contact-row{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 40px;gap:8px;display:grid;position:relative}.borrower-contact-row>span{min-width:18px;height:18px;color:var(--surface);background:var(--brand-primary);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;top:-7px;left:-7px}.detail-table{min-width:900px}.compact-action{white-space:nowrap;min-height:32px;padding:0 9px}.document-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.document-list>button{border:1px solid var(--line);min-width:0;min-height:68px;color:var(--ink);background:var(--surface-strong);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;display:grid}.document-list>button:hover{border-color:color-mix(in srgb, var(--brand-primary) 45%, var(--line));background:color-mix(in srgb, var(--brand-primary) 5%, var(--surface-strong))}.document-list span,.document-list strong,.document-list small{min-width:0;display:block}.document-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.document-list small{color:var(--muted);margin-top:3px}.nested-modal{z-index:70}.related-form-modal{width:min(720px,100%)}.related-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.related-form-grid .wide,.drawer-field-wide{grid-column:1/-1}.template-field select,.report-filter-field select,.report-filter-field input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface-strong);border-radius:8px;padding:0 10px}.payment-detail-modal{width:min(760px,100%)}.configured-word-fields{border:1px solid var(--line);border-radius:8px;gap:8px;padding:12px;display:grid}.configured-word-fields>header,.configured-word-fields>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.configured-word-fields>header h3{color:var(--ink);margin:0;font-size:14px}.configured-field-copy{min-width:0;color:var(--muted);background:var(--soft);text-align:left;cursor:pointer;border:0;border-radius:6px;flex:1;grid-template-columns:minmax(110px,.8fr) minmax(120px,.8fr) minmax(160px,1.4fr) 16px;align-items:center;gap:8px;padding:8px;display:grid}.configured-field-copy span,.configured-field-copy code,.configured-field-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.configured-field-copy code{color:var(--brand-primary)}.empty-inline{color:var(--muted);margin:0;font-size:12px}.report-filter-field{gap:6px;width:100%;display:grid}.report-filter-field>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:780}.report-filter-field .lookup-select{min-height:40px}.report-filter-field .lookup-box>input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface-strong);font:inherit;border-radius:8px;padding:0 38px 0 11px}.report-multi-select{min-width:0;position:relative}.report-multi-trigger{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface-strong);font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;padding:0 11px;display:grid}.report-multi-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-multi-trigger svg{color:var(--muted);transition:transform .16s}.report-multi-select.open .report-multi-trigger{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 12%, transparent)}.report-multi-select.open .report-multi-trigger svg{transform:rotate(180deg)}.report-multi-menu{z-index:20;border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:8px;gap:3px;padding:6px;display:grid;position:absolute;inset:calc(100% + 6px) 0 auto}.report-multi-menu-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 5px 4px 8px;display:flex}.report-multi-menu-head strong{color:var(--ink);font-size:11px}.report-multi-menu-head button{width:28px;height:28px;color:var(--muted);background:var(--soft);cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.report-multi-menu>button{width:100%;min-height:38px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:0 8px;font-size:12px;display:grid}.report-multi-menu>button:hover,.report-multi-menu>button.active{background:var(--soft)}.report-multi-check{border:1px solid var(--line);color:#fff;background:var(--surface);border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.report-multi-menu>button.active .report-multi-check{border-color:var(--brand-primary);background:var(--brand-primary)}.report-inline-chart{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:12px;margin:14px 0;padding:14px;display:grid}.report-inline-chart header span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.report-inline-chart>div{gap:8px;display:grid}.report-chart-row{grid-template-columns:minmax(110px,.8fr) minmax(160px,2fr) minmax(80px,auto);align-items:center;gap:10px;display:grid}.report-chart-row>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.report-chart-row i{background:var(--soft);border-radius:4px;height:8px;overflow:hidden}.report-chart-row b{border-radius:inherit;background:#0f766e;height:100%;display:block}.report-chart-row strong{color:var(--ink);text-align:right;font-size:11px}@media (width<=900px){.credit-detail-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.credit-info-grid,.schedule-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-detail-summary p{text-align:left;grid-column:1/-1}.report-filter-field{width:100%}}@media (width<=640px){.credit-list-panel{padding:14px}.credit-page-head,.credit-filter-bar,.credit-head-actions,.credit-related-section>header{flex-direction:column;align-items:stretch}.credit-head-actions>button,.credit-related-section>header>button{width:100%}.segmented-control{grid-template-columns:1fr;width:100%}.credit-filter-bar .search-field{flex:none;min-height:44px}.credit-filter-bar .search-field input{min-height:42px}.credit-detail-page-head{min-height:70px;padding:14px}.credit-detail-page-head h2{font-size:16px}.credit-detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px}.credit-detail-tabs button{text-align:left;justify-content:flex-start;min-height:48px;padding:8px 11px}.credit-detail-body{padding:2px 14px calc(28px + env(safe-area-inset-bottom))}.credit-detail-page{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.legacy-credit-detail-table>div{grid-template-columns:minmax(112px,38%) minmax(0,1fr)}.legacy-credit-detail-table dt,.legacy-credit-detail-table dd{min-height:48px;padding:9px;font-size:12px}.schedule-detail-summary{grid-template-columns:1fr}.schedule-detail-summary p{grid-column:auto}.credit-info-grid,.credit-related-grid,.document-list,.related-form-grid{grid-template-columns:1fr}.credit-info-grid>div.wide,.related-form-grid .wide{grid-column:auto}.new-borrower-grid,.borrower-contact-row{grid-template-columns:1fr}.borrower-contact-row .icon-btn{justify-self:end}.configured-word-fields>div{flex-direction:column;align-items:stretch}.configured-field-copy{grid-template-columns:1fr 1fr}.report-chart-row{grid-template-columns:minmax(80px,.8fr) minmax(100px,1.4fr)}.report-chart-row strong{grid-column:2}}@media (width<=760px){body:has(.credit-detail-page) .topbar{justify-content:flex-end;min-height:56px;margin-bottom:10px}body:has(.credit-detail-page) .topbar>div:first-child{display:none}}@keyframes calculatorSpin{to{transform:rotate(360deg)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes navPop{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(34px,-28px)scale(1.08)}}@keyframes deviceFloat{0%,to{transform:perspective(1000px)rotateX(3deg)rotateY(-5deg)translate(0,0)}50%{transform:perspective(1000px)rotateX(2deg)rotateY(-3deg)translateY(-10px)}}@keyframes scanLine{0%{background-position:0 0}to{background-position:96px 0}}@keyframes loadBar{0%{width:0}}@keyframes drawChart{0%{stroke-dasharray:420;stroke-dashoffset:420px}to{stroke-dasharray:420;stroke-dashoffset:0}}@keyframes metricIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawerIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=1360px){.app>.sidebar{width:258px;padding:15px}.workspace{margin-left:292px;padding-right:18px}.nav-list button{min-height:44px;padding:0 10px;font-size:13px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1160px){.login-shell{width:100%}.login-story{min-height:360px}.login-headline h1{font-size:56px}.login-device{width:100%;min-height:240px;animation:none;transform:none}.app>.sidebar{width:auto;max-height:none;margin:16px;position:static;overflow:visible}.workspace{margin-left:0;padding:0 16px 18px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-height:none;overflow:visible}.nav-list button{grid-template-columns:22px minmax(0,1fr);justify-content:stretch}.nav-list button span{display:block}.nav-group-children{margin-left:11px}.nav-list .nav-child{min-height:38px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-report-grid{grid-template-columns:1fr}.chart-card.wide{grid-row:auto}.calculator-layout{grid-template-columns:1fr}.calculator-result{position:static}}@media (width<=940px){.login-story h1{font-size:40px}.topbar h1{font-size:26px}.top-actions{flex-wrap:wrap;justify-content:flex-start}.dashboard-hero,.overview-range-toolbar{flex-direction:column;align-items:stretch}.overview-range-fields{width:100%}.overview-range-fields .report-date-field{flex:1}.panel-head{flex-direction:column;align-items:stretch}.table-tools{justify-content:flex-start}.search-field{flex:220px}.report-tools{justify-content:flex-start}.report-date-field{flex:160px}.statistics-grid,.calculator-interest-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.login-shell{width:100%;padding:16px}.app>.sidebar{inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;z-index:30;border:1px solid color-mix(in srgb, var(--line) 64%, #ffffff75);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 76%, transparent), color-mix(in srgb, var(--surface) 58%, transparent)), radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--brand-primary) 18%, transparent), transparent 42%), radial-gradient(circle at 82% 100%, color-mix(in srgb, var(--brand-secondary) 18%, transparent), transparent 42%);width:auto;min-height:86px;box-shadow:0 24px 70px #02061747, 0 8px 24px color-mix(in srgb, var(--brand-primary) 14%, transparent), inset 0 1px 0 #ffffff5c, inset 0 -1px 0 #ffffff14;-webkit-backdrop-filter:blur(30px)saturate(1.65);border-radius:28px;grid-template-columns:50px minmax(0,1fr);align-items:stretch;gap:10px;margin:0;padding:9px;animation:.36s both bottomBarIn;display:grid;position:fixed;overflow:visible}.app>.sidebar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffad,#0000);border-radius:999px;height:1px;position:absolute;inset:1px 12px auto}.app>.sidebar .brand{justify-content:center;width:50px}.app>.sidebar .brand>div:last-child,.app>.sidebar .user-tile{display:none}.app>.sidebar .brand-mark{width:48px;height:60px;box-shadow:0 14px 28px color-mix(in srgb, var(--brand-primary) 24%, transparent), inset 0 1px 0 #ffffff4d;border-radius:22px}.app>.sidebar .nav-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;align-items:center;gap:7px;min-width:0;padding:1px 2px 3px;display:flex;overflow:auto hidden}.app>.sidebar .nav-group{opacity:1;flex:none;animation:none;display:block}.app>.sidebar .nav-group-children{inset:auto 12px calc(110px + env(safe-area-inset-bottom)) 12px;z-index:31;border:1px solid color-mix(in srgb, var(--line) 68%, #ffffff80);background:color-mix(in srgb, var(--surface-strong) 96%, var(--page));-webkit-backdrop-filter:blur(26px)saturate(1.45);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:min(54dvh,390px);margin:0;padding:12px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 24px 60px #02061742}.app>.sidebar .nav-group:not(.open) .nav-group-children{display:none}.app>.sidebar .nav-list::-webkit-scrollbar{display:none}.app>.sidebar .nav-list button{width:clamp(62px,18vw,78px);min-width:clamp(62px,18vw,78px);min-height:62px;color:color-mix(in srgb, var(--ink) 72%, var(--muted));background:color-mix(in srgb, var(--surface-strong) 24%, transparent);scroll-snap-align:center;opacity:1;border-color:#0000;border-radius:21px;grid-template-rows:24px 1fr;grid-template-columns:1fr;place-content:center;justify-items:center;gap:3px;padding:7px 6px 6px;animation:none;display:grid}.app>.sidebar .nav-group-trigger{grid-template-columns:1fr!important}.app>.sidebar .nav-group-trigger .nav-chevron{display:none}.app>.sidebar .nav-list .nav-child{padding-left:6px}.app>.sidebar .nav-group.active>.nav-group-trigger{color:var(--ink);border-color:color-mix(in srgb, var(--brand-primary) 22%, transparent);background:color-mix(in srgb, var(--brand-primary) 10%, var(--surface-strong))}.app>.sidebar .nav-list button.active{color:#fff;border-color:color-mix(in srgb, var(--brand-primary) 45%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 96%, #fff 4%), var(--brand-secondary)), color-mix(in srgb, var(--brand-primary) 22%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--brand-primary) 30%, transparent), inset 0 1px 0 #ffffff47}.app>.sidebar .nav-list button.active svg{color:#fff}.app>.sidebar .nav-list button span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10.5px;font-weight:760;line-height:1.12;display:block;overflow:hidden}.app>.sidebar .nav-list button svg{width:20px;height:20px}.app>.sidebar .nav-group-menu-head{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 2px 8px;display:flex}.app>.sidebar .nav-group-menu-head>div{min-width:0;color:var(--ink);align-items:center;gap:9px;display:flex}.app>.sidebar .nav-group-menu-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.app>.sidebar .nav-group-menu-head .nav-group-close{border:1px solid var(--line);width:34px;min-width:34px;min-height:34px;color:var(--muted);background:var(--soft);border-radius:7px;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;padding:0;display:grid}.app>.sidebar .nav-group-children .nav-child{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 76%, transparent);border-radius:8px;grid-template-rows:1fr;grid-template-columns:22px minmax(0,1fr);justify-items:start;gap:9px;width:100%;min-width:0;min-height:50px;padding:8px 10px;display:grid}.app>.sidebar .nav-group-children .nav-child span{text-align:left;white-space:normal;font-size:12px;line-height:1.25}.workspace{padding:0 12px calc(122px + env(safe-area-inset-bottom));overflow:visible}.login-card{border-radius:8px;padding:24px}.login-story{min-height:210px}.login-story:before{border-radius:20px;inset:14px}.login-story:after{display:none}.login-headline{gap:10px}.login-headline h1{font-size:42px}.login-feature-row span{flex:150px}.login-device{min-height:190px;padding:12px}.login-device-top{grid-template-columns:1fr 1fr}.login-device-list{display:none}.topbar,.customer-head,.panel-head{flex-direction:column;align-items:stretch}.login-tools,.top-actions,.table-tools{flex-wrap:wrap}.customer-credit-main,.schedule-row{grid-template-columns:1fr}.mode-switch,.language-tabs,.search-field,.soft-action,.primary-action,.login-submit,.report-tools .search-field,.report-date-field{width:100%}.statistics-grid{grid-template-columns:1fr}.statistics-card{min-height:104px}.mode-switch button,.language-tabs button{flex:1;justify-content:center}.dashboard-hero{flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:250px;padding:22px}.customer-hero{flex-direction:column;align-items:flex-start;min-height:220px}.customer-grid{grid-template-columns:1fr}.customer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-sections{grid-template-columns:1fr}.customer-section:first-child{grid-row:auto}.customer-credit-card{grid-template-columns:1fr;align-items:stretch}.customer-next{flex-direction:column;align-items:flex-start}.dashboard-hero h2{font-size:36px}.dashboard-health{width:max-content;max-width:100%}.dashboard-kpis{grid-template-columns:1fr}.overview-range-fields{flex-direction:column}.dashboard-metric{min-height:124px}.chart-card{min-height:auto;padding:16px}.chart-head{flex-direction:column;align-items:stretch}.line-chart{min-height:210px}.bar-row{grid-template-columns:82px minmax(90px,1fr) 36px}.donut-wrap{text-align:center;grid-template-columns:1fr;justify-items:center}.dashboard-activity{grid-template-columns:38px minmax(0,1fr) auto}}@media (width<=520px){.login-story{min-height:auto}.login-headline h1{font-size:34px}.login-headline p{font-size:15px}.login-device{min-height:150px}.login-device-chart{min-height:96px}.login-card{padding:20px}.login-card-copy{margin-top:28px}.login-card-copy h1{font-size:28px}.login-tools{flex-wrap:nowrap}.login-tools .icon-btn{flex:0 0 42px;width:42px}.login-tools .language-tabs{width:auto}.customer-portal{padding:12px}.customer-shell{padding:16px}.customer-hero{min-height:190px;padding:18px}.customer-kpis{grid-template-columns:1fr}.app>.sidebar{inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;border-radius:24px;grid-template-columns:42px minmax(0,1fr);min-height:76px;padding:7px}.app>.sidebar .brand{width:42px}.app>.sidebar .brand-mark{border-radius:19px;width:42px;height:54px}.app>.sidebar .nav-list button{border-radius:18px;gap:2px;min-height:56px;padding:6px 5px}.app>.sidebar .nav-list button span{font-size:9.5px}.workspace{padding:0 8px calc(108px + env(safe-area-inset-bottom))}.topbar,.panel-head,.chart-card,.dashboard-hero,.dashboard-metric,.drawer{border-radius:18px}.dashboard-hero{min-height:220px;padding:18px}.dashboard-hero h2{font-size:30px}.dashboard-health{min-height:38px;padding:0 11px}.dashboard-health span{font-size:12px}.dashboard-metric{padding:15px}.dashboard-metric strong{font-size:24px}.bar-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.bar-row strong{text-align:left}th,td{padding:12px 14px}.drawer-backdrop{align-items:stretch}.drawer{width:100%;padding:16px}.image-upload,.credit-summary-grid,.purchase-price-grid{grid-template-columns:1fr}.credit-preview-head{flex-direction:column;align-items:stretch}.credit-preview-head small{width:fit-content}.calculator-form,.calculator-result,.calculator-schedule{padding:15px}.calculator-fields,.calculator-interest-options{grid-template-columns:1fr}.calculator-interest-options label{text-align:left;justify-content:flex-start}.calculator-submit{width:100%}.word-template-panel{padding:15px}.word-template-toolbar,.word-template-actions,.template-modal footer{flex-direction:column;align-items:stretch}.word-template-actions .primary-action,.word-template-actions .secondary-action,.template-modal footer .primary-action,.template-modal footer .secondary-action{width:100%}.word-fields-list{grid-template-columns:1fr}.word-fields-list button{grid-template-columns:minmax(90px,.8fr) minmax(120px,1.2fr) 18px}}@media (width<=380px){.app>.sidebar .nav-list button{width:58px;min-width:58px}.app>.sidebar .nav-list button span{font-size:9px}.topbar h1{font-size:23px}.dashboard-hero h2{font-size:27px}}@keyframes bottomBarIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.detailed-search{align-items:flex-end;gap:8px;min-width:min(100%,430px);display:flex}.detailed-search>label:first-child{gap:4px;min-width:145px;display:grid}.detailed-search>label:first-child span,.page-size span{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:800}.detailed-search select,.page-size select{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:6px;padding:0 32px 0 10px}.detailed-search .search-field{flex:1;min-width:180px}.detail-filter-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);align-items:flex-end;gap:12px;padding:14px 18px;display:flex}.detail-filter-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.detail-filter-grid label{gap:5px;min-width:0;display:grid}.detail-filter-grid span{color:var(--text-muted);font-size:11px;font-weight:800}.detail-filter-grid input{border:1px solid var(--line);width:100%;min-width:0;min-height:40px;color:var(--text);background:var(--surface);border-radius:6px;padding:0 10px}.list-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px 2px;display:flex}.pagination-summary,.page-navigation,.page-size{align-items:center;gap:8px;display:flex}.pagination-summary span,.page-navigation span{color:var(--text-muted);font-size:13px}.page-navigation .icon-btn:disabled{cursor:not-allowed;opacity:.4}@media (width<=760px){.detailed-search,.list-pagination{flex-direction:column;align-items:stretch;width:100%}.detail-filter-panel{align-items:stretch;padding-inline:0}.detail-filter-grid{grid-template-columns:1fr}.detailed-search>label:first-child,.detailed-search .search-field{width:100%}.list-pagination{padding-inline:0}.page-navigation{justify-content:space-between}}