:root{--bg:#f7f3ed;--surface:#fff;--surface-2:#f1eee8;--ink:#141414;--muted:#6f6b63;--border:#e5dfd5;--primary:#111827;--primary-2:#1f2937;--accent:#2f7d5c;--accent-soft:#e7f3ed;--danger:#b42318;--warning:#b7791f;--shadow:0 18px 45px #1118271a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{min-height:100vh}.container{width:min(1180px,100% - 40px);margin:0 auto}.navbar{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:850;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#111827,#2f7d5c);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.nav-links{color:var(--muted);align-items:center;gap:20px;font-weight:650;display:flex}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:750;transition:all .18s;display:inline-flex}.btn-primary:hover{background:var(--primary-2);transform:translateY(-1px)}.btn-soft{color:var(--primary);border:1px solid var(--border);background:#fff}.btn-soft:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:70px 0 90px;display:grid}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:850}.hero h1{letter-spacing:-.065em;margin:14px 0 22px;font-size:clamp(42px,6vw,72px);line-height:.95}.hero p{color:var(--muted);margin:0;font-size:19px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-radius:34px;padding:26px}.mock-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;margin-bottom:16px;padding:22px}.mock-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.mock-row:last-child{border-bottom:0}.amount-income{color:var(--accent);font-weight:850}.amount-expense{color:var(--danger);font-weight:850}.section{padding:70px 0}.section-title{letter-spacing:-.05em;margin:0 0 12px;font-size:38px;line-height:1.05}.section-subtitle{color:var(--muted);margin:0 0 30px;font-size:17px;line-height:1.6}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 10px 30px #1118270d}.feature-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.feature-card h3,.card h3{letter-spacing:-.02em;margin:0 0 8px}.feature-card p,.card p{color:var(--muted);margin:0;line-height:1.55}.login-shell{background:radial-gradient(circle at top left, #e7f3ed, transparent 32%), var(--bg);place-items:center;min-height:100vh;padding:34px;display:grid}.login-card{border:1px solid var(--border);width:min(920px,100%);box-shadow:var(--shadow);background:#fff;border-radius:32px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.login-side{color:#fff;background:#111827;flex-direction:column;justify-content:space-between;min-height:560px;padding:34px;display:flex}.login-side p{color:#cbd5e1;line-height:1.6}.login-form{padding:34px}.role-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.role-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:18px;padding:16px}.role-card.active{border-color:var(--accent);background:var(--accent-soft)}.form-group{margin-bottom:16px}.label{margin-bottom:8px;font-weight:750;display:block}.input,.select,.textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:12px 14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2f7d5c1f}.app-layout{background:#f7f3ed;grid-template-columns:280px 1fr;height:100vh;min-height:100vh;display:grid;overflow:hidden}.sidebar{color:#fff;background:#111827;flex-direction:column;align-self:start;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow:hidden}.side-nav{gap:8px;display:grid}.side-link{color:#cbd5e1;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-weight:700;display:flex}.side-link.active,.side-link:hover{color:#fff;background:#ffffff1a}.content{scrollbar-gutter:stable;height:100vh;padding:28px;overflow:hidden auto}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.topbar h1{letter-spacing:-.04em;margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:20px;padding:18px}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.stat strong{letter-spacing:-.04em;margin-top:8px;font-size:26px;display:block}.table-card{border:1px solid var(--border);background:#fff;border-radius:22px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;padding:14px 16px;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#fbfaf7;font-size:12px}.badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.error{color:var(--danger);background:#fee4e2;border:1px solid #fecdca;border-radius:14px;margin-bottom:16px;padding:12px 14px}.empty{text-align:center;color:var(--muted);padding:34px}.modal-backdrop{z-index:50;background:#1118276b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:22px}.modal h2{margin:0 0 16px}.actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=900px){.hero,.login-card,.app-layout{grid-template-columns:1fr}.app-layout{height:auto;min-height:100vh;overflow:visible}.sidebar{height:auto;position:static;overflow:visible}.grid-3,.stats-grid{grid-template-columns:1fr}.nav-links{display:none}}.wide-table{overflow-x:auto}.wide-table table{min-width:1120px}.nowrap{white-space:nowrap}.amount-cell{text-align:right;white-space:nowrap;font-weight:800}.catalog-stack{gap:18px;display:grid}.table-title{border-bottom:1px solid var(--border);background:#fbfaf7;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.table-title h3{letter-spacing:-.02em;margin:0}.table-title span{color:var(--muted);font-size:13px;font-weight:800}.info-list{gap:10px;display:grid}.info-list div{border-bottom:1px solid var(--border);grid-template-columns:170px 1fr;gap:14px;padding:10px 0;display:grid}.info-list div:last-child{border-bottom:0}.info-list span{color:var(--muted);font-weight:800}.info-list strong{overflow-wrap:anywhere;font-weight:700}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (width<=900px){.info-list div{grid-template-columns:1fr;gap:4px}}.success-box{color:#2f7d5c;background:#e7f3ed;border:1px solid #b7dfca;border-radius:14px;margin-bottom:16px;padding:12px 14px}.form-grid{gap:14px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-box{border:1px solid var(--border);background:#fbfaf7;border-radius:14px;width:100%;padding:12px 14px;font-weight:850}.btn-small{border-radius:11px;padding:8px 12px;font-size:13px}.muted-text{color:var(--muted);line-height:1.5}@media (width<=900px){.two-columns{grid-template-columns:1fr}}.page-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:12px;font-weight:900;display:inline-flex}.admin-dashboard-topbar{align-items:flex-start}.admin-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px;display:grid}.admin-hero-card{box-shadow:var(--shadow);border-radius:28px;padding:26px}.primary-panel{color:#fff;background:radial-gradient(circle at 20% 10%,#2f7d5c61,#0000 36%),linear-gradient(135deg,#111827,#1f2937)}.hero-panel-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hero-panel-top span,.hero-panel-metrics span{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:850;display:block}.hero-panel-top strong{letter-spacing:-.06em;margin-top:8px;font-size:clamp(34px,5vw,56px);display:block}.primary-panel p{color:#dbe5ee;max-width:760px;line-height:1.65}.hero-panel-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.hero-panel-metrics div{background:#ffffff17;border:1px solid #ffffff1f;border-radius:18px;padding:14px}.hero-panel-metrics strong{margin-top:6px;font-size:18px;display:block}.admin-kpi-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-kpi-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 30px #1118270d}.kpi-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.admin-kpi-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.admin-kpi-card strong{letter-spacing:-.04em;margin-top:8px;font-size:30px;display:block}.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.chart-card{border:1px solid var(--border);background:#fff;border-radius:24px;min-width:0;padding:20px;box-shadow:0 10px 30px #1118270d}.chart-card-wide{grid-column:1/-1}.chart-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.chart-title h3{letter-spacing:-.025em;margin:0 0 4px}.chart-title p{color:var(--muted);margin:0;line-height:1.45}.chart-legend{color:var(--muted);justify-content:center;gap:16px;font-size:13px;font-weight:800;display:flex}.admin-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.insight-card{min-height:250px}.compact-list{gap:10px;display:grid}.compact-list div{border:1px solid var(--border);background:#fbfaf7;border-radius:16px;padding:12px}.compact-list strong{margin-bottom:4px;display:block}.compact-list span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.data-table-card{overflow:hidden}.data-table-title>div:first-child{gap:4px;display:grid}.table-controls{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.table-search{border:1px solid var(--border);background:#fbfaf7;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:220px;padding:0 12px;display:flex}.table-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 0}.table-page-size{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex}.table-page-size select{border:1px solid var(--border);background:#fff;border-radius:12px;padding:9px 10px}.pagination-bar{border-top:1px solid var(--border);color:var(--muted);background:#fbfaf7;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.pagination-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=1100px){.admin-hero-grid,.dashboard-chart-grid,.admin-insight-grid{grid-template-columns:1fr}.admin-kpi-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.admin-kpi-list,.hero-panel-metrics{grid-template-columns:1fr}.table-controls,.pagination-bar{flex-direction:column;align-items:stretch}.table-search{width:100%}}.user-dashboard-topbar{align-items:flex-start}.user-dashboard-topbar .month-selector{margin-top:12px}.user-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px;display:grid}.user-hero-card{box-shadow:var(--shadow);border-radius:28px;padding:26px}.user-kpi-card strong{overflow-wrap:anywhere;font-size:22px;line-height:1.15}.user-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.health-stack{gap:16px;display:grid}.health-row{gap:8px;display:grid}.health-row>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.health-row span{color:var(--muted);font-size:13px;font-weight:850}.health-row strong{letter-spacing:-.02em;font-size:18px}.progress-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #111827);border-radius:999px;height:100%}.commitment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.commitment-grid div{border:1px solid var(--border);background:#fbfaf7;border-radius:18px;padding:16px}.commitment-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;display:block}.commitment-grid strong{letter-spacing:-.04em;margin-top:8px;font-size:28px;display:block}.compact-legend{flex-wrap:wrap;justify-content:flex-start}.compact-empty{place-items:center;min-height:280px;display:grid}@media (width<=1100px){.user-hero-grid,.user-insight-grid{grid-template-columns:1fr}}@media (width<=700px){.commitment-grid{grid-template-columns:1fr}}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.switch-row{align-items:center;gap:10px;padding:12px 0;font-weight:750;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--accent)}.modal:has(.wide-table){width:min(980px,100%)}@media (width<=900px){.profile-grid{grid-template-columns:1fr}}.budget-usage-cell{gap:8px;min-width:210px;display:grid}.budget-usage-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.budget-usage-line strong{font-size:13px}.budget-usage-line span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.budget-progress .progress-fill{background:linear-gradient(90deg, var(--accent), #111827)}:root{--bg:#f5f7ff;--surface:#ffffffdb;--surface-2:#eef2ff;--ink:#0f172a;--muted:#5b6477;--border:#94a3b82e;--primary:#6d5ef5;--primary-2:#5646ee;--accent:#0ea5a4;--accent-soft:#dff8f6;--danger:#e85d75;--warning:#f59e0b;--shadow:0 24px 60px #4c51bf24;--shadow-soft:0 14px 35px #0f172a1a}html{scroll-behavior:smooth}.page{position:relative;overflow-x:clip}.page:before,.page:after{content:"";filter:blur(90px);opacity:.32;pointer-events:none;z-index:-1;border-radius:999px;width:320px;height:320px;position:fixed;inset:auto}.page:before{background:#6d5ef547;top:5%;right:-120px}.page:after{background:#0ea5a43d;bottom:-40px;left:-90px}.glass-bar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:24px;margin-top:18px;padding:0 18px;position:sticky;top:18px}.brand-mark{background:linear-gradient(135deg,#6d5ef5 0%,#0ea5a4 55%,#ff7a59 100%);box-shadow:0 12px 28px #6d5ef547}.nav-links a{transition:color .2s,transform .2s}.nav-links a:hover{color:var(--primary);transform:translateY(-1px)}.btn{transition:transform .24s,box-shadow .24s,background .24s,border-color .24s,filter .24s}.btn:hover{transform:translateY(-2px)scale(1.01)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 45%, #0ea5a4 100%);box-shadow:0 14px 26px #4f46e53d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-2) 0%, #4338ca 45%, #0f766e 100%);box-shadow:0 18px 32px #4f46e547}.btn-soft{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6}.btn-danger{color:#d43f5e;background:#ffe4e8}.btn-success{color:#0f766e;background:#ddfbf6}.hero-rich{padding-top:54px}.hero h1{background:linear-gradient(120deg,#0f172a 0%,#4338ca 48%,#0ea5a4 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-chip-row,.trust-row{flex-wrap:wrap;gap:10px;display:flex}.hero-chip,.trust-pill{box-shadow:var(--shadow-soft);color:var(--primary);background:#ffffffbf;border:1px solid #fffc;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.trust-row{margin-top:26px}.trust-pill{color:var(--ink)}.hero-visual-stack{gap:16px;display:grid}.hero-image-card{background:linear-gradient(145deg,#ffffffdb,#ffffffad);padding:14px}.hero-illustration,.login-illustration,.showcase-image{width:100%;height:auto;display:block}.hero-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mini-glass-card{box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffd6,#ffffffad);border:1px solid #ffffffbf;border-radius:24px;padding:20px}.mini-glass-card.warm{background:linear-gradient(#fff7edf2,#ffedd5bf)}.mini-card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:900;display:inline-block}.mini-glass-card strong{letter-spacing:-.04em;margin-bottom:8px;font-size:26px;display:block}.mini-glass-card p{color:var(--muted);margin:0;line-height:1.55}.feature-card,.card,.table-card,.chart-card,.stat,.modal,.login-card,.hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#fffc;border:1px solid #ffffffa6}.feature-card,.card,.chart-card,.table-card,.stat{transition:transform .24s,box-shadow .24s,border-color .24s}.feature-card:hover,.card:hover,.chart-card:hover,.stat:hover,.table-card:hover{border-color:#6d5ef52e;transform:translateY(-4px);box-shadow:0 24px 48px #0f172a1f}.vivid-card .feature-icon{color:var(--primary);background:linear-gradient(135deg,#6d5ef529,#0ea5a429)}.vivid-card:nth-child(2) .feature-icon{color:#0f766e;background:linear-gradient(135deg,#0ea5a429,#ff7a592e)}.vivid-card:nth-child(3) .feature-icon{color:#c2410c;background:linear-gradient(135deg,#ff7a592e,#f59e0b2e)}.section-showcase{padding-top:18px}.showcase-card{border-radius:32px;grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;padding:28px;display:grid}.colorful-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffe0,#eef2ffd6);border:1px solid #fffc}.showcase-list{gap:14px;display:grid}.showcase-list div{background:#ffffffb3;border:1px solid #ffffffd9;border-radius:18px;grid-template-columns:54px 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.showcase-list span{color:#fff;background:linear-gradient(135deg,#6d5ef5,#0ea5a4);border-radius:14px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 12px 24px #6d5ef538}.showcase-list p{color:var(--muted);margin:0;line-height:1.55}.showcase-image-shell{background:linear-gradient(135deg,#6d5ef51a,#0ea5a41f,#ff7a591a);border-radius:26px;padding:14px}.login-shell{background:radial-gradient(circle at 15% 12%,#6d5ef529,#0000 22%),radial-gradient(circle at 90% 15%,#0ea5a426,#0000 18%),linear-gradient(#f7f8ff 0%,#f2f6ff 60%,#fef7ed 100%)}.login-card{background:#ffffffc7}.login-side{background:linear-gradient(#10172f 0%,#312e81 55%,#0f766e 100%);position:relative;overflow:hidden}.login-side:before,.sidebar:before{content:"";filter:blur(6px);background:#ffffff1f;border-radius:999px;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.login-side:after,.sidebar:after{content:"";background:#ffffff14;border-radius:999px;width:180px;height:180px;position:absolute;bottom:-50px;left:-30px}.login-copy-block{margin:28px 0 22px}.login-highlights{gap:12px;margin-bottom:26px;display:grid}.login-highlights div{color:#e2e8f0;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.login-illustration{border-radius:24px;margin-top:18px;box-shadow:0 22px 48px #05081638}.role-card{transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.role-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.role-card.active{background:linear-gradient(#6d5ef517,#0ea5a412);border-color:#6d5ef559;box-shadow:0 12px 26px #6d5ef51a}.sidebar{background:linear-gradient(#0f172a 0%,#312e81 50%,#0f766e 100%);border-right:1px solid #ffffff14;position:sticky}.sidebar>*{z-index:1;position:relative}.side-link{border:1px solid #0000;transition:background .22s,border-color .22s,transform .22s,color .22s}.side-link:hover,.side-link.active{background:#ffffff21;border-color:#ffffff1a;transform:translate(2px)}.content{padding:30px;position:relative}.content>*{z-index:1;position:relative}.topbar{box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffffd1,#ffffffa8);border:1px solid #ffffffbf;border-radius:28px;padding:24px 26px}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.muted-text{color:var(--muted);margin:10px 0 0;line-height:1.6}.input,.select,.textarea,.readonly-box{background:#ffffffe0;border-color:#94a3b838}.input:hover,.select:hover,.textarea:hover{border-color:#6d5ef542}.stat,.admin-kpi-card,.chart-card,.primary-panel,.insight-card{background:linear-gradient(#ffffffd6,#ffffffad)}.admin-kpi-card,.stat{position:relative;overflow:hidden}.admin-kpi-card:before,.stat:before{content:"";background:linear-gradient(90deg,#6d5ef5,#0ea5a4,#ff7a59);width:100%;height:5px;position:absolute;inset:0 auto auto 0}.kpi-icon{color:var(--primary);background:linear-gradient(135deg,#6d5ef51f,#0ea5a41f)}.hero-panel-top svg,.chart-title svg{color:var(--primary)}.table-card,.wide-table,.table-title{background:0 0}.table-title{background:linear-gradient(#ffffffdb,#f8fafcbf)}th{background:#f8fafceb}tbody tr{transition:background .18s,transform .18s}.badge-disabled{color:#be123c;background:#ffe4e8}.badge-warning{color:#b45309;background:#fff3d6}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.loading-box,.empty,.success-box,.error{box-shadow:var(--shadow-soft)}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-image-card,.mini-glass-card,.showcase-image-shell,.login-illustration{animation:8s ease-in-out infinite floatSoft}.hero-mini-grid .mini-glass-card:last-child,.showcase-image-shell,.login-illustration{animation-delay:1.2s}@media (width<=1100px){.showcase-card{grid-template-columns:1fr}}@media (width<=900px){.glass-bar{margin-top:14px;position:static}.hero-mini-grid{grid-template-columns:1fr}}.dashboard-topbar-vivid{background:radial-gradient(circle at 84% 18%,#ff7a592e,#0000 22%),radial-gradient(circle at 18% 22%,#6d5ef529,#0000 24%),linear-gradient(135deg,#ffffffe6,#eff6ffbd);position:relative;overflow:hidden}.dashboard-topbar-vivid:after{content:"";filter:blur(4px);opacity:.75;background:linear-gradient(135deg,#6d5ef538,#0ea5a42e);border-radius:999px;width:210px;height:210px;position:absolute;bottom:-74px;right:-54px}.dashboard-topbar-vivid>*{z-index:1;position:relative}.dashboard-topbar-vivid h1{background:linear-gradient(120deg,#0f172a 0%,#4f46e5 48%,#0f766e 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.dashboard-microcopy span{color:#4338ca;background:#ffffffc2;border:1px solid #ffffffd9;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #4f46e51a}.dashboard-bubble{color:#fff;background:linear-gradient(135deg,#6d5ef5,#0ea5a4);border-radius:22px;min-width:150px;padding:14px 16px;box-shadow:0 16px 34px #4f46e538}.dashboard-bubble.admin{background:linear-gradient(135deg,#0f172a,#6d5ef5,#0ea5a4)}.dashboard-bubble span{text-transform:uppercase;letter-spacing:.08em;opacity:.82;font-size:11px;font-weight:900;display:block}.dashboard-bubble strong{letter-spacing:-.05em;margin-top:5px;font-size:28px;display:block}.dashboard-story-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.story-card{color:#fff;min-height:138px;box-shadow:var(--shadow);border-radius:28px;padding:20px;transition:transform .26s,box-shadow .26s,filter .26s;position:relative;overflow:hidden}.story-card:hover{filter:saturate(1.07);transform:translateY(-5px)scale(1.01);box-shadow:0 26px 54px #0f172a2e}.story-card:before{content:"";background:#ffffff2e;border-radius:999px;width:160px;height:160px;position:absolute;bottom:-70px;right:-42px}.story-card:after{content:"";background:#ffffff1a;border-radius:28px;width:84px;height:84px;position:absolute;top:18px;right:34px;transform:rotate(16deg)}.story-card>*{z-index:1;position:relative}.story-card span{text-transform:uppercase;letter-spacing:.1em;opacity:.82;font-size:12px;font-weight:900;display:block}.story-card strong{letter-spacing:-.06em;margin-top:10px;font-size:clamp(28px,3vw,38px);line-height:1;display:block}.story-card p{color:#ffffffd6;max-width:260px;margin:12px 0 0;font-weight:650;line-height:1.5}.dashboard-hero-aurora{color:#fff;background:linear-gradient(135deg,#0f172af5,#4338caeb 52%,#0ea5a4e0);border-color:#ffffff2e;position:relative;overflow:hidden}.dashboard-hero-aurora:before{content:"";filter:blur(6px);background:#ffffff29;border-radius:999px;width:300px;height:300px;position:absolute;inset:-80px -40px auto auto}.dashboard-hero-aurora:after{content:"";filter:blur(10px);background:#ff7a592e;border-radius:999px;width:220px;height:220px;position:absolute;bottom:-80px;left:32px}.dashboard-hero-aurora>*{z-index:1;position:relative}.dashboard-hero-aurora p{color:#ffffffc7}.dashboard-hero-aurora .hero-panel-metrics div{color:#fff;background:#ffffff1f;border:1px solid #ffffff24}.dashboard-hero-aurora .hero-panel-metrics span,.dashboard-hero-aurora .hero-panel-top span{color:#ffffffc2}.dashboard-kpi-vivid .admin-kpi-card:first-child .kpi-icon{color:#4f46e5;background:#6d5ef524}.dashboard-kpi-vivid .admin-kpi-card:nth-child(2) .kpi-icon{color:#be123c;background:#e85d7524}.dashboard-kpi-vivid .admin-kpi-card:nth-child(3) .kpi-icon{color:#0f766e;background:#0ea5a424}.dashboard-kpi-vivid .admin-kpi-card:nth-child(4) .kpi-icon{color:#b45309;background:#f59e0b29}.dashboard-kpi-vivid .admin-kpi-card:first-child:before{background:linear-gradient(90deg,#6d5ef5,#8b5cf6)}.dashboard-kpi-vivid .admin-kpi-card:nth-child(2):before{background:linear-gradient(90deg,#e85d75,#ff7a59)}.dashboard-kpi-vivid .admin-kpi-card:nth-child(3):before{background:linear-gradient(90deg,#0ea5a4,#10b981)}.dashboard-kpi-vivid .admin-kpi-card:nth-child(4):before{background:linear-gradient(90deg,#f59e0b,#ff7a59)}.dashboard-chart-grid .chart-card{position:relative;overflow:hidden}.dashboard-chart-grid .chart-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6d5ef51f,#0000 70%);width:160px;height:160px;position:absolute;top:-70px;right:-70px}.recharts-wrapper .recharts-bar-rectangle path,.recharts-wrapper .recharts-sector{filter:drop-shadow(0 8px 12px #0f172a1a)}.admin-action-panel{grid-column:1/-1}.admin-signal-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-signal-list div{background:linear-gradient(#fffc,#f8fafcbd);border:1px solid #ffffffd9;border-radius:22px;padding:18px}.admin-signal-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;display:block}.admin-signal-list strong{letter-spacing:-.05em;margin-top:8px;font-size:30px;display:block}.admin-signal-list p{color:var(--muted);margin:8px 0 0;line-height:1.45}.compact-list div{transition:transform .2s,background .2s,border-color .2s}.compact-list div:hover{background:#6d5ef50d;border-color:#6d5ef524;transform:translate(4px)}@media (width<=1100px){.dashboard-story-strip,.admin-signal-list{grid-template-columns:1fr}.dashboard-top-actions{justify-content:flex-start}}@media (width<=700px){.dashboard-bubble,.dashboard-top-actions .btn{width:100%}}html,body,.btn,.card,.chart-card,.table-card,.sidebar,.topbar,.input,.select,.textarea,.modal{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8ff;--surface:#ffffffe0;--surface-2:#f4f6ff;--surface-3:#fff7f7;--ink:#111827;--muted:#616b80;--border:#94a3b833;--primary:#6d5ef5;--primary-2:#5545eb;--accent:#0ea5a4;--accent-soft:#def7f7;--danger:#e4485d;--danger-deep:#be123c;--danger-soft:#ffe6ea;--warning:#f59e0b;--warning-soft:#fff2da;--shadow:0 24px 60px #4c51bf24;--shadow-soft:0 14px 35px #0f172a1a}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111f;--surface:#0d1424e0;--surface-2:#101a2eeb;--surface-3:#280e1859;--ink:#ecf2ff;--muted:#9aa8c5;--border:#94a3b829;--primary:#8b80ff;--primary-2:#7366ff;--accent:#2dd4bf;--accent-soft:#2dd4bf26;--danger:#fb7185;--danger-deep:#f43f5e;--danger-soft:#f43f5e2e;--warning:#fbbf24;--warning-soft:#fbbf2429;--shadow:0 26px 60px #00000061;--shadow-soft:0 16px 36px #0000004d}body{color:var(--ink);background:radial-gradient(circle at 8% 12%,#6d5ef524,#0000 20%),radial-gradient(circle at 92% 14%,#e4485d1f,#0000 16%),radial-gradient(circle at 78% 82%,#0ea5a41f,#0000 18%),linear-gradient(#f7f8ff 0%,#f2f5ff 42%,#fff5f6 100%)}html[data-theme=dark] body{background:radial-gradient(circle at 12% 10%,#8b80ff33,#0000 18%),radial-gradient(circle at 88% 12%,#fb718526,#0000 18%),radial-gradient(circle at 74% 84%,#2dd4bf1c,#0000 18%),linear-gradient(#08101c 0%,#0c1627 50%,#111827 100%)}body,.page,.app-layout,.content{color:var(--ink)}.app-layout,.content{background:0 0}.content:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff14,#0000);position:fixed;inset:0 0 0 280px}@media (width<=900px){.content:before{left:0}}.glass-bar,.topbar,.hero-card,.feature-card,.card,.table-card,.chart-card,.stat,.modal,.login-card,.loading-box,.empty,.success-box,.error{background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-soft)}.topbar{background:linear-gradient(145deg,#ffffffd6,#ffffffb8)}html[data-theme=dark] .topbar{background:linear-gradient(145deg,#0d1424e6,#101a2ec7)}.sidebar{background:linear-gradient(#0f172a 0%,#312e81 42%,#7f1d1d 100%);box-shadow:inset -1px 0 #ffffff0f}html[data-theme=dark] .sidebar{background:linear-gradient(#050b16 0%,#1e1b4b 42%,#4c0519 100%)}.side-link:hover,.side-link.active{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff14}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--danger) 55%, var(--accent) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-2) 0%, var(--danger-deep) 55%, #0f766e 100%)}.btn-soft{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn-danger{background:var(--danger-soft);color:var(--danger-deep);border:1px solid #e4485d29}.btn-success{background:var(--accent-soft);color:var(--accent)}.dashboard-microcopy{flex-wrap:wrap;gap:10px;margin:14px 0 10px;display:flex}.dashboard-microcopy span,.dashboard-bubble,.theme-inline-note{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.dashboard-bubble{border-radius:18px;flex-direction:column;align-items:flex-start;min-width:132px}.dashboard-bubble strong{font-size:24px;line-height:1}.dashboard-bubble span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.dashboard-top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.primary-panel,.dashboard-hero-aurora{color:#fff;background:radial-gradient(circle at 15% 12%,#ffffff1f,#0000 28%),linear-gradient(135deg,#141b34 0%,#4f46e5 42%,#be123c 76%,#0f766e 100%);box-shadow:0 24px 50px #4f46e533}html[data-theme=dark] .primary-panel,html[data-theme=dark] .dashboard-hero-aurora{background:radial-gradient(circle at 15% 12%,#ffffff1a,#0000 24%),linear-gradient(135deg,#090f1d 0%,#312e81 42%,#9f1239 76%,#115e59 100%)}.story-card{box-shadow:var(--shadow-soft);border:1px solid #ffffff80;position:relative;overflow:hidden}.story-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 70%);position:absolute;inset:0}.story-card.purple{background:linear-gradient(135deg,#6d5ef5 0%,#4f46e5 100%)}.story-card.teal{background:linear-gradient(135deg,#0891b2 0%,#0f766e 100%)}.story-card.orange{background:linear-gradient(135deg,#ef4444 0%,#fb7185 48%,#f59e0b 100%)}.kpi-icon,.feature-icon{color:var(--primary);background:linear-gradient(135deg,#6d5ef529,#e4485d24)}.input,.select,.textarea,.readonly-box,.table-search,.table-page-size select{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.input::placeholder,.textarea::placeholder{color:var(--muted)}th{color:var(--muted);background:#f8fafcd1}html[data-theme=dark] th{background:#111827b8}tr,td,th{border-color:var(--border)}tbody tr:hover{background:#e4485d0d}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--primary), var(--danger))}.budget-progress.is-warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#dc2626)}.budget-progress.is-over .progress-fill{background:linear-gradient(90deg,#fb7185,#be123c)}.error{color:var(--danger-deep);background:var(--danger-soft);border:1px solid #e4485d33}.success-box{color:var(--accent);background:var(--accent-soft);border:1px solid #0ea5a42e}.badge-disabled{background:var(--danger-soft);color:var(--danger-deep)}.badge-warning{background:var(--warning-soft);color:#b45309}.badge-admin{color:var(--primary);background:#6d5ef524}.badge-user{color:#0f766e;background:#0ea5a424}html[data-theme=dark] .badge-warning{color:#ffd699}.sidebar-theme-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.theme-mini-btn{color:#e5edf8;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:inline-flex}.theme-mini-btn.active{background:#ffffff2e;border-color:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff0f}.profile-theme-card{grid-column:1/-1}.theme-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.theme-option-card{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);text-align:left;border-radius:22px;padding:16px}.theme-option-card.active{border-color:#6d5ef54d;box-shadow:0 16px 30px #6d5ef51f}.theme-option-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.theme-preview{border:1px solid var(--border);border-radius:18px;height:92px;position:relative;overflow:hidden}.theme-preview.light{background:linear-gradient(#f8fbff 0%,#eef2ff 60%,#fff1f2 100%)}.theme-preview.dark{background:linear-gradient(#09111f 0%,#111827 55%,#312e81 100%)}.theme-preview span{background:#ffffffbf;border-radius:14px;height:28px;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 20px #0f172a1f}.theme-preview.dark span{background:#ffffff24}.theme-inline-note{color:var(--muted);border-radius:16px;margin-top:16px}.table-controls,.pagination-bar,.table-title,.compact-list div,.commitment-grid div{background:var(--surface);border-color:var(--border)}.table-title{border-bottom:1px solid var(--border)}.compact-list div:hover{background:var(--surface-2)}.commitment-grid div,.compact-list div{box-shadow:var(--shadow-soft)}html[data-theme=dark] .hero h1,html[data-theme=dark] .section-title{color:var(--ink)}html[data-theme=dark] .nav-links,html[data-theme=dark] .hero p,html[data-theme=dark] .section-subtitle,html[data-theme=dark] .muted-text,html[data-theme=dark] .compact-list span,html[data-theme=dark] .chart-title p,html[data-theme=dark] .health-row span,html[data-theme=dark] .commitment-grid span,html[data-theme=dark] .pagination-bar,html[data-theme=dark] .table-page-size,html[data-theme=dark] .table-page-size select,html[data-theme=dark] .table-search input,html[data-theme=dark] .label,html[data-theme=dark] .page-eyebrow{color:var(--muted)}html[data-theme=dark] .modal-backdrop{background:#030712b8}html[data-theme=dark] .readonly-box{background:#101a2eeb}html[data-theme=dark] .feature-card,html[data-theme=dark] .card,html[data-theme=dark] .table-card,html[data-theme=dark] .chart-card,html[data-theme=dark] .modal,html[data-theme=dark] .login-card,html[data-theme=dark] .topbar,html[data-theme=dark] .table-controls,html[data-theme=dark] .pagination-bar,html[data-theme=dark] .compact-list div,html[data-theme=dark] .commitment-grid div,html[data-theme=dark] .hero-card,html[data-theme=dark] .feature-icon,html[data-theme=dark] .kpi-icon,html[data-theme=dark] .table-search,html[data-theme=dark] .table-page-size select,html[data-theme=dark] .theme-option-card,html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea{background:var(--surface-2)}html[data-theme=dark] .table-title{background:#0d1424c7}html[data-theme=dark] .table-search,html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea,html[data-theme=dark] .readonly-box,html[data-theme=dark] .theme-option-card{box-shadow:none}html[data-theme=dark] .showcase-list div,html[data-theme=dark] .hero-image-card,html[data-theme=dark] .mini-glass-card,html[data-theme=dark] .showcase-card,html[data-theme=dark] .colorful-panel,html[data-theme=dark] .btn-soft,html[data-theme=dark] .dashboard-microcopy span,html[data-theme=dark] .dashboard-bubble,html[data-theme=dark] .theme-inline-note{color:var(--ink);background:#101a2ed6}html[data-theme=dark] .login-side,html[data-theme=dark] .sidebar{color:#fff}html[data-theme=dark] .login-highlights div{background:#ffffff0f}@media (width<=900px){.theme-option-grid{grid-template-columns:1fr}.dashboard-top-actions{justify-content:flex-start;width:100%}}.hero-cleaner .kicker{color:var(--accent)}.hero-cleaner .hero-chip-row-clean{margin-top:10px;margin-bottom:12px}.hero-cleaner .hero-chip{color:var(--ink);background:#ffffffe0;border-color:#ffffffb8}.hero-cleaner .hero-chip.chip-purple{color:#4f46e5}.hero-cleaner .hero-chip.chip-red{color:#d43f5e}.hero-cleaner .hero-chip.chip-teal{color:#0f766e}.hero-cleaner h1{color:var(--ink);letter-spacing:-.06em;background:0 0;max-width:10.5ch;line-height:.93}.hero-cleaner h1 span{color:var(--danger);position:relative}.hero-cleaner h1 span:after{content:"";z-index:-1;background:#e4485d24;border-radius:999px;height:.18em;position:absolute;bottom:.08em;left:0;right:0}.hero-cleaner p{max-width:640px;color:var(--muted);font-size:1.28rem}.hero-cleaner .trust-row-clean .trust-pill{color:var(--ink);background:#ffffffe6}.hero-cleaner .trust-row-clean .trust-pill svg{color:var(--danger)}.hero-product-preview{background:linear-gradient(145deg,#ffffffd6,#ffffff9e);padding:16px}.preview-shell{background:linear-gradient(135deg,#6d5ef5eb 0%,#38bdf8e0 58%,#ff7a59d6 100%);border-radius:28px;padding:18px;box-shadow:0 24px 40px #4f46e52e}.preview-metrics-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.preview-metric{color:#fff;background:#ffffff29;border:1px solid #ffffff2e;border-radius:24px;padding:18px 18px 16px;box-shadow:inset 0 1px #ffffff1f}.preview-metric span{opacity:.92;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.preview-metric strong{letter-spacing:-.05em;font-size:clamp(1.35rem,2vw,2rem);line-height:1;display:block}.preview-metric.purple{background:#4f46e547}.preview-metric.teal{background:#0d948847}.preview-metric.coral{background:#f43f5e47}.preview-content-grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px;display:grid}.preview-chart-card,.preview-side-card{background:#ffffffe0;border:1px solid #ffffff94;border-radius:24px;padding:18px}.preview-card-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:14px;font-weight:900}.preview-bars{align-items:end;gap:14px;min-height:126px;padding:8px 2px 2px;display:flex}.preview-bars span{background:linear-gradient(#6d5ef5,#4f46e5);border-radius:18px 18px 12px 12px;flex:1}.preview-bars span:nth-child(2){background:linear-gradient(#22c1c3,#0f766e)}.preview-bars span:nth-child(3){background:linear-gradient(#fbbf24,#f59e0b)}.preview-bars span:nth-child(4){background:linear-gradient(#fb7185,#ef4444)}.preview-bars span:nth-child(5){background:linear-gradient(#34d399,#10b981)}.preview-chart-labels{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.preview-chart-labels small,.preview-progress-item label,.preview-progress-item small{color:#475569;font-weight:700}.preview-progress-item+.preview-progress-item{margin-top:16px}.preview-progress-track{background:#e2e8f0;border-radius:999px;height:12px;margin:7px 0;overflow:hidden}.preview-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#6d5ef5,#0ea5a4);height:100%;display:block}.preview-progress-item:last-child .preview-progress-track i{background:linear-gradient(90deg,#0ea5a4,#fb7185)}.landing-showcase-clean .section-title,.landing-showcase-clean .section-subtitle,.landing-showcase-clean .showcase-list p{max-width:36ch}.showcase-product-clean{background:linear-gradient(135deg,#6d5ef52e,#0ea5a429,#f43f5e24);padding:16px}.showcase-window{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 40%,#0891b2 100%);border-radius:28px;grid-template-columns:minmax(170px,.9fr) minmax(220px,1.1fr);align-items:center;gap:22px;min-height:360px;padding:28px;display:grid}.showcase-profile-card,.showcase-note-card,.showcase-mini-metrics{background:#ffffffe0;border:1px solid #ffffff8c;box-shadow:0 16px 28px #0f172a1a}.showcase-profile-card{border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:210px;padding:22px;display:flex}.profile-avatar-placeholder{background:linear-gradient(#6d5ef52e,#6d5ef557);border-radius:50%;width:76px;height:76px;position:relative}.profile-avatar-placeholder:before{content:"";background:#6d5ef5;border-radius:50%;width:24px;height:24px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.profile-avatar-placeholder:after{content:"";background:#6d5ef5;border-radius:20px 20px 10px 10px;width:42px;height:24px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.profile-lines{gap:10px;width:100%;display:grid}.profile-lines span{background:#e2e8f0;border-radius:999px;height:14px;display:block}.profile-lines span:last-child{justify-self:center;width:72%}.showcase-side-panels{gap:18px;display:grid}.showcase-note-card{border-radius:24px;padding:22px}.showcase-note-card strong{color:#0f172a;letter-spacing:-.03em;margin-bottom:6px;font-size:1.5rem;display:block}.showcase-note-card p{color:#475569;margin:0;font-weight:700;line-height:1.55}.showcase-mini-metrics{border-radius:24px;gap:16px;padding:20px;display:grid}.show-mini-track{background:#dbe3ef;border-radius:999px;height:14px;overflow:hidden}.show-mini-track i{border-radius:inherit;background:linear-gradient(90deg,#0ea5a4,#14b8a6);width:66%;height:100%;display:block}.show-mini-track.warm i{background:linear-gradient(90deg,#fb7185,#ff7a59);width:46%}.nav-links a:not(.btn){color:#e2e8f0f2;font-weight:800}.nav-links a:not(.btn):hover{color:#fff}html[data-theme=dark] .hero-cleaner h1{color:#f8fbff}html[data-theme=dark] .hero-cleaner h1 span{color:#fb7185}html[data-theme=dark] .hero-cleaner .hero-chip,html[data-theme=dark] .hero-cleaner .trust-pill{background:#101a2ed1;border-color:#ffffff14}html[data-theme=dark] .preview-chart-card,html[data-theme=dark] .preview-side-card,html[data-theme=dark] .showcase-profile-card,html[data-theme=dark] .showcase-note-card,html[data-theme=dark] .showcase-mini-metrics{background:#f5f7fbf0}@media (width<=1100px){.hero-cleaner h1{max-width:none}.preview-content-grid,.showcase-window{grid-template-columns:1fr}}@media (width<=760px){.preview-metrics-row,.hero-mini-grid{grid-template-columns:1fr}.showcase-window{min-height:auto;padding:20px}}.sidebar-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.sidebar-close,.shell-menu-btn{border:1px solid var(--border);color:#fff;background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.sidebar-close{display:none}.sidebar-overlay{opacity:0;pointer-events:none;z-index:59;background:#03071270;border:0;padding:0;transition:opacity .22s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.app-shell-header{z-index:12;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;display:flex;position:sticky;top:18px}.app-shell-left,.app-shell-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-shell-copy{gap:2px;display:grid}.app-shell-copy span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:900}.app-shell-copy strong{letter-spacing:-.02em;color:var(--ink);font-size:1rem}.theme-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.theme-chip.active{color:var(--ink);background:linear-gradient(135deg,#6d5ef524,#e4485d1a,#0ea5a41f);border-color:#6d5ef538;box-shadow:0 10px 22px #4f46e51a}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:100%}.wide-table .table-scroll table{min-width:1120px}.login-form,.login-side,.feature-card,.card,.chart-card,.table-card,.stat,.mini-glass-card,.showcase-list div,.role-card,.theme-option-card,.compact-list div,.commitment-grid div,.navbar,.topbar,.table-title,.table-controls,.pagination-bar,.hero-panel-top,.chart-title{min-width:0}@media (width<=1200px){.container{width:min(1180px,100% - 28px)}}@media (width<=960px){.app-layout{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{z-index:60;width:min(86vw,320px);height:100vh;transition:transform .24s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:0 20px 60px #00000047}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:inline-flex}.content{height:auto;min-height:100vh;padding:18px;overflow:visible}.app-shell-header{padding:12px 14px;top:12px}.shell-menu-btn{display:inline-flex}.topbar{padding:20px}.topbar h1,.section-title{font-size:clamp(1.7rem,6vw,2.35rem)}.stats-grid,.grid-3,.profile-grid,.user-insight-grid,.dashboard-chart-grid,.admin-insight-grid,.admin-signal-list,.admin-kpi-list,.user-hero-grid,.admin-hero-grid,.hero-panel-metrics,.commitment-grid,.hero,.showcase-card,.login-card{grid-template-columns:1fr}.table-title,.table-controls,.pagination-bar,.topbar,.hero-panel-top,.app-shell-header{flex-direction:column;align-items:stretch}.toolbar,.dashboard-top-actions,.app-shell-actions{justify-content:flex-start;width:100%}.table-search,.table-page-size,.toolbar>*,.dashboard-top-actions>*,.app-shell-actions>*{max-width:100%}.table-page-size{justify-content:space-between}.hero{gap:30px;padding-top:34px;padding-bottom:52px}.hero-cleaner h1{max-width:none;font-size:clamp(2.5rem,12vw,4.4rem)}.hero-cleaner p{font-size:1.08rem}.preview-metrics-row,.preview-content-grid,.showcase-window,.hero-mini-grid,.theme-option-grid,.role-grid{grid-template-columns:1fr}.nav-links{flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%;display:flex}.navbar{flex-direction:column;align-items:flex-start;height:auto;padding:16px 18px}.login-shell{padding:18px}.login-card{border-radius:24px}.login-side{min-height:auto;padding:24px}.login-form{padding:24px}.table-scroll table{min-width:760px}}@media (width>=961px){.shell-menu-btn{display:none}}@media (width<=640px){.container{width:min(100%,100% - 22px)}.content{padding:14px}.app-shell-header,.topbar,.card,.feature-card,.chart-card,.table-card,.stat,.hero-card,.mini-glass-card,.modal{border-radius:18px}.btn,.hero-actions,.actions,.pagination-actions{width:100%}.pagination-actions>*,.actions>*,.hero-actions>*{flex:100%}.story-card,.admin-hero-card,.user-hero-card,.showcase-card{border-radius:22px;padding:18px}.preview-shell,.showcase-window{padding:16px}.preview-metric,.preview-chart-card,.preview-side-card,.showcase-note-card,.showcase-mini-metrics,.showcase-profile-card{border-radius:18px}.dashboard-microcopy span,.hero-chip,.trust-pill,.theme-chip{width:auto;max-width:100%}.table-scroll table{min-width:680px}}html[data-theme=dark] .theme-chip{color:var(--muted);background:#101a2ed6}html[data-theme=dark] .theme-chip.active{background:linear-gradient(135deg,#8b80ff33,#fb718529,#2dd4bf24)}html[data-theme=dark] .app-shell-header{background:#0d1424d6}html[data-theme=dark] .shell-menu-btn,html[data-theme=dark] .sidebar-close{background:#ffffff14;border-color:#ffffff1a}:root,html[data-theme=light]{--radius-xl:28px;--radius-lg:22px;--radius-md:16px}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,strong{text-wrap:balance}p,.muted-text,.section-subtitle{text-wrap:pretty}.topbar h1,.section-title,.hero-cleaner h1{letter-spacing:-.045em}.card h3,.chart-title h3,.table-title h3{color:var(--ink)}.page-eyebrow,.kicker,.hero-cleaner .kicker,.landing-showcase-clean .kicker{color:var(--danger)}.glass-bar{background:#ffffffc7}html[data-theme=dark] .glass-bar{background:#0d1424c7}.hero-cleaner h1{max-width:11.2ch}.hero-cleaner p{line-height:1.72}.hero-cleaner .hero-chip,.hero-cleaner .trust-pill{box-shadow:0 10px 22px #0f172a14}.hero-cleaner .trust-pill:first-child svg{color:#6d5ef5}.hero-cleaner .trust-pill:nth-child(2) svg{color:var(--danger)}.hero-cleaner .trust-pill:nth-child(3) svg{color:var(--accent)}.preview-metric strong,.mini-glass-card strong,.story-card strong,.hero-panel-top strong,.admin-kpi-card strong,.commitment-grid strong{overflow-wrap:anywhere}.preview-metric,.preview-chart-card,.preview-side-card,.showcase-profile-card,.showcase-note-card,.showcase-mini-metrics,.mini-glass-card,.feature-card,.card,.chart-card,.table-card,.stat{border-color:var(--border)}.login-form .btn-primary,.hero-actions .btn-primary{min-height:48px}.role-card h3,.role-card p{margin-left:0}.role-card p{color:var(--muted);line-height:1.48}.form-grid,.profile-grid,.catalog-stack{align-items:start}.form-group,.form-group .input,.form-group .select,.form-group .textarea{min-width:0}.modal{max-height:min(90vh,860px);overflow-y:auto}.modal .actions{background:linear-gradient(180deg, transparent, var(--surface) 28%);padding-top:14px;position:sticky;bottom:-22px}.table-card{max-width:100%}.table-scroll{width:100%;max-width:100%}td{vertical-align:middle}td:not(.amount-cell){overflow-wrap:anywhere}.amount-cell{color:var(--ink)}.amount-income,.badge-user{color:#047857}.amount-expense,.badge-disabled{color:var(--danger-deep)}.btn-small{white-space:nowrap}.theme-chip,.theme-mini-btn,.theme-option-card{-webkit-user-select:none;user-select:none}.theme-option-card{transition:transform .2s,border-color .2s,box-shadow .2s}.theme-option-card:hover{transform:translateY(-2px)}.theme-option-card.active{outline:2px solid #e4485d1f}.profile-theme-card{background:radial-gradient(circle at 88% 12%, #e4485d1a, transparent 28%), var(--surface)}.sidebar-theme-switcher{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:8px}.app-shell-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard-topbar-vivid{isolation:isolate}.dashboard-story-strip,.stats-grid,.admin-kpi-list,.dashboard-chart-grid,.admin-insight-grid,.user-insight-grid,.profile-grid,.grid-3,.hero-mini-grid,.preview-metrics-row,.preview-content-grid{align-items:stretch}.feature-card,.card,.chart-card,.table-card,.stat,.admin-kpi-card,.story-card,.mini-glass-card{will-change:transform}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=960px){.hero-cleaner h1{max-width:12ch}.hero-actions .btn,.actions .btn{justify-content:center}.toolbar{align-items:stretch}.toolbar .btn,.toolbar .input,.toolbar .select{width:100%}.table-title h3{font-size:1.08rem}}@media (width<=640px){.hero-cleaner h1{max-width:none;line-height:.98}.hero-cleaner .hero-chip-row-clean,.trust-row-clean{gap:8px}.preview-metric strong{font-size:1.45rem}.section{padding:42px 0}.table-scroll{margin-inline:-1px}.modal-backdrop{padding:12px}.modal{border-radius:20px;padding:18px}.app-shell-copy{display:none}.app-shell-header{flex-direction:row;align-items:center}.app-shell-actions{flex-wrap:nowrap;width:auto;margin-left:auto}.theme-chip{padding:9px 10px;font-size:12px}}html[data-theme=dark] .profile-theme-card{background:radial-gradient(circle at 88% 12%, #fb718524, transparent 28%), var(--surface-2)}html[data-theme=dark] .glass-bar,html[data-theme=dark] .app-shell-header,html[data-theme=dark] .topbar,html[data-theme=dark] .card,html[data-theme=dark] .chart-card,html[data-theme=dark] .table-card,html[data-theme=dark] .modal,html[data-theme=dark] .feature-card{border-color:#94a3b824}html[data-theme=dark] .preview-shell,html[data-theme=dark] .showcase-window{box-shadow:0 24px 50px #00000059}html[data-theme=dark] .amount-income,html[data-theme=dark] .badge-user{color:#5eead4}html[data-theme=dark] .amount-expense,html[data-theme=dark] .badge-disabled{color:#fda4af}html,body{max-width:100%;overflow-x:hidden}img,svg,canvas{max-width:100%}@media (width<=768px){body{overflow-x:hidden}.page,.landing-page,main,.container,.hero,.section,.app-layout,.content{max-width:100%;overflow-x:hidden}.container{width:calc(100% - 24px)}.glass-bar{border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:calc(100% - 24px);min-height:auto;margin:12px auto 0;padding:10px 12px;display:flex;position:relative!important;top:auto!important}.glass-bar .brand{gap:9px;min-width:0}.glass-bar .brand-mark{border-radius:13px;flex:none;width:38px;height:38px;font-size:13px}.glass-bar .brand span,.glass-bar .brand>span{white-space:nowrap;text-overflow:ellipsis;max-width:155px;font-size:14px;display:block;overflow:hidden}.glass-bar .nav-links{display:none!important}.hero,.hero.hero-rich,.hero.hero-cleaner{align-items:stretch;grid-template-columns:1fr!important;gap:24px!important;padding:34px 0 44px!important;display:grid!important}.hero>div{min-width:0}.hero-cleaner .kicker{letter-spacing:.1em;max-width:100%;font-size:11px;line-height:1.45}.hero-cleaner .hero-chip-row-clean,.trust-row-clean{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.hero-cleaner .hero-chip,.hero-cleaner .trust-pill{white-space:normal;width:auto;max-width:100%;padding:7px 10px;font-size:12px;line-height:1.2}.hero-cleaner h1{overflow-wrap:normal;letter-spacing:-.055em!important;max-width:100%!important;margin:14px 0 16px!important;font-size:clamp(38px,12.4vw,54px)!important;line-height:1.02!important}.hero-cleaner h1 span{display:inline}.hero-cleaner p{max-width:100%;font-size:16px!important;line-height:1.65!important}.hero-actions{grid-template-columns:1fr;gap:10px;width:100%;margin-top:22px;display:grid}.hero-actions .btn{justify-content:center;width:100%}.hero-visual-stack{width:100%;min-width:0}.hero-product-preview{border-radius:22px;padding:10px}.preview-shell{border-radius:20px;padding:12px}.preview-metrics-row,.preview-content-grid{gap:10px;grid-template-columns:1fr!important}.preview-metric{border-radius:18px;padding:14px}.preview-metric span{margin-bottom:6px;font-size:12px}.preview-metric strong{font-size:22px!important}.preview-chart-card,.preview-side-card{border-radius:18px;padding:14px}.preview-bars{gap:10px;min-height:90px}.preview-card-title{margin-bottom:10px;font-size:14px}.hero-mini-grid,.grid-3,.showcase-card,.showcase-window,.role-grid,.theme-option-grid,.profile-grid,.stats-grid,.admin-kpi-list,.dashboard-story-strip,.dashboard-chart-grid,.admin-insight-grid,.user-insight-grid,.user-hero-grid,.admin-hero-grid,.commitment-grid,.hero-panel-metrics,.admin-signal-list,.form-grid.two-columns,.two-columns{grid-template-columns:1fr!important;display:grid!important}.section{padding:42px 0!important}.section-title{font-size:clamp(28px,8vw,36px)!important;line-height:1.08!important}.section-subtitle{font-size:15px!important;line-height:1.6!important}.showcase-card,.colorful-panel,.landing-showcase-clean{border-radius:22px;padding:18px}.showcase-list div{grid-template-columns:42px 1fr;padding:12px}.showcase-list span{border-radius:12px;width:34px;height:34px;font-size:13px}.showcase-window{border-radius:20px;min-height:auto;padding:14px}.showcase-profile-card,.showcase-note-card,.showcase-mini-metrics{border-radius:18px;min-height:auto;padding:16px}.login-shell{min-height:100vh;padding:12px;display:block}.login-card{border-radius:22px;width:100%;display:grid;grid-template-columns:1fr!important}.login-side{min-height:auto;padding:22px}.login-copy-block h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.02!important}.login-illustration{display:none}.login-form{padding:22px}.app-layout{width:100%;height:auto;min-height:100vh;overflow:visible;display:block!important}.content{width:100%;height:auto;min-height:100vh;padding:12px;overflow:visible}.content:before{left:0}.app-shell-header{border-radius:18px;align-items:center;gap:8px;margin-bottom:14px;padding:10px;display:flex;position:sticky;top:8px;flex-direction:row!important}.app-shell-left{flex:1;min-width:0}.app-shell-copy{display:none!important}.shell-menu-btn{flex:none;width:40px;height:40px}.app-shell-actions{gap:6px;margin-left:auto;flex-wrap:nowrap!important;width:auto!important}.theme-chip{border-radius:14px;padding:9px 10px;font-size:0;width:auto!important}.theme-chip svg{margin:0}.sidebar{z-index:60;width:min(86vw,320px);height:100dvh;transition:transform .24s;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);position:fixed!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:inline-flex!important}.sidebar-overlay.visible{display:block}.topbar{border-radius:20px;gap:14px;margin-bottom:14px;padding:18px;grid-template-columns:1fr!important;display:grid!important}.topbar h1{line-height:1.1;font-size:clamp(28px,8vw,36px)!important}.toolbar,.actions,.dashboard-top-actions,.pagination-actions{gap:8px;width:100%;grid-template-columns:1fr!important;display:grid!important}.toolbar>*,.actions>*,.dashboard-top-actions>*,.pagination-actions>*,.btn{justify-content:center;width:100%}.dashboard-bubble{width:100%}.story-card,.user-hero-card,.admin-hero-card,.chart-card,.card,.feature-card,.table-card,.stat,.admin-kpi-card{border-radius:20px;padding:16px}.story-card strong,.hero-panel-top strong{font-size:clamp(28px,9vw,40px)}.hero-panel-top{grid-template-columns:1fr;display:grid}.hero-panel-metrics div{min-width:0}.table-title,.table-controls,.pagination-bar{align-items:stretch;gap:10px;padding:12px;grid-template-columns:1fr!important;display:grid!important}.table-search{width:100%;min-width:0}.table-page-size{justify-content:space-between;width:100%}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:calc(100vw - 24px);overflow-x:auto}.table-scroll table{min-width:720px!important}th,td{padding:11px 12px;font-size:13px}.wide-table table,.wide-table .table-scroll table{min-width:820px!important}.modal-backdrop{align-items:start;padding:10px;overflow-y:auto}.modal{border-radius:20px;width:100%;max-height:none;padding:16px}.modal .actions{background:0 0;padding-top:0;position:static}.input,.select,.textarea,.readonly-box{min-width:0;font-size:16px}.theme-option-card{padding:14px}.profile-theme-card{grid-column:auto}}@media (width<=420px){.container{width:calc(100% - 18px)}.hero-cleaner h1{font-size:clamp(34px,12vw,48px)!important}.hero-cleaner p{font-size:15.5px!important}.preview-metric strong,.mini-glass-card strong{font-size:20px!important}.content{padding:9px}.app-shell-header{margin-bottom:10px}.table-scroll{max-width:calc(100vw - 18px)}.glass-bar{width:calc(100% - 18px)}}:root,html[data-theme=light]{--panel-bg:#ffffffe0;--panel-bg-strong:#fff;--panel-bg-soft:#f7f8ff;--panel-text:#111827;--panel-muted:#616b80}html[data-theme=dark]{--panel-bg:#0d1424eb;--panel-bg-strong:#101a2e;--panel-bg-soft:#17223a;--panel-text:#ecf2ff;--panel-muted:#a7b4cf}html[data-theme=dark] .admin-kpi-card,html[data-theme=dark] .stat,html[data-theme=dark] .data-table-card,html[data-theme=dark] .table-card,html[data-theme=dark] .card,html[data-theme=dark] .chart-card,html[data-theme=dark] .feature-card,html[data-theme=dark] .modal,html[data-theme=dark] .role-card,html[data-theme=dark] .mock-card,html[data-theme=dark] .mini-glass-card,html[data-theme=dark] .topbar,html[data-theme=dark] .login-card,html[data-theme=dark] .theme-option-card,html[data-theme=dark] .commitment-grid div,html[data-theme=dark] .compact-list div,html[data-theme=dark] .admin-signal-list div,html[data-theme=dark] .table-title,html[data-theme=dark] .table-controls,html[data-theme=dark] .pagination-bar,html[data-theme=dark] .readonly-box{background:var(--panel-bg)!important;color:var(--panel-text)!important;border-color:#94a3b82e!important}html[data-theme=dark] .admin-kpi-card *,html[data-theme=dark] .stat *,html[data-theme=dark] .data-table-card *,html[data-theme=dark] .table-card *,html[data-theme=dark] .card *,html[data-theme=dark] .chart-card *,html[data-theme=dark] .feature-card *,html[data-theme=dark] .modal *,html[data-theme=dark] .role-card *,html[data-theme=dark] .mock-card *,html[data-theme=dark] .mini-glass-card *,html[data-theme=dark] .topbar *,html[data-theme=dark] .login-card *,html[data-theme=dark] .theme-option-card *,html[data-theme=dark] .commitment-grid div *,html[data-theme=dark] .compact-list div *,html[data-theme=dark] .admin-signal-list div *,html[data-theme=dark] .table-title *,html[data-theme=dark] .table-controls *,html[data-theme=dark] .pagination-bar *,html[data-theme=dark] .readonly-box *{color:inherit}html[data-theme=dark] .admin-kpi-card span,html[data-theme=dark] .stat span,html[data-theme=dark] .table-title span,html[data-theme=dark] .chart-title p,html[data-theme=dark] .compact-list span,html[data-theme=dark] .feature-card p,html[data-theme=dark] .card p,html[data-theme=dark] .role-card p,html[data-theme=dark] .muted-text,html[data-theme=dark] .section-subtitle,html[data-theme=dark] .label,html[data-theme=dark] .table-page-size,html[data-theme=dark] .pagination-bar,html[data-theme=dark] .admin-signal-list p,html[data-theme=dark] .admin-signal-list span,html[data-theme=dark] .commitment-grid span,html[data-theme=dark] .health-row span,html[data-theme=dark] .dashboard-bubble span,html[data-theme=dark] .mini-card-label{color:var(--panel-muted)!important}html[data-theme=dark] .admin-kpi-card strong,html[data-theme=dark] .stat strong,html[data-theme=dark] .table-title h3,html[data-theme=dark] .chart-title h3,html[data-theme=dark] .compact-list strong,html[data-theme=dark] .feature-card h3,html[data-theme=dark] .card h3,html[data-theme=dark] .role-card h3,html[data-theme=dark] .commitment-grid strong,html[data-theme=dark] .health-row strong,html[data-theme=dark] .admin-signal-list strong,html[data-theme=dark] .mini-glass-card strong{color:var(--panel-text)!important}html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea,html[data-theme=dark] .table-search,html[data-theme=dark] .table-page-size select{background:var(--panel-bg-soft)!important;color:var(--panel-text)!important;border-color:#94a3b833!important}html[data-theme=dark] .input::placeholder,html[data-theme=dark] .textarea::placeholder,html[data-theme=dark] .table-search input::placeholder{color:#a7b4cfbf!important}html[data-theme=dark] .table-search input,html[data-theme=dark] .table-page-size select{color:var(--panel-text)!important}html[data-theme=dark] th{color:var(--panel-muted)!important;background:#111c31!important}html[data-theme=dark] td{color:var(--panel-text)!important}html[data-theme=dark] tbody tr:hover{background:#f43f5e17!important}html[data-theme=dark] .primary-panel,html[data-theme=dark] .dashboard-hero-aurora,html[data-theme=dark] .story-card,html[data-theme=dark] .login-side,html[data-theme=dark] .sidebar,html[data-theme=dark] .preview-shell,html[data-theme=dark] .showcase-window{color:#fff!important}html[data-theme=dark] .primary-panel *,html[data-theme=dark] .dashboard-hero-aurora *,html[data-theme=dark] .story-card *,html[data-theme=dark] .login-side *,html[data-theme=dark] .sidebar *,html[data-theme=dark] .preview-shell *,html[data-theme=dark] .showcase-window *{color:inherit}html[data-theme=dark] .primary-panel p,html[data-theme=dark] .dashboard-hero-aurora p,html[data-theme=dark] .story-card p,html[data-theme=dark] .login-side p,html[data-theme=dark] .hero-panel-metrics span,html[data-theme=dark] .hero-panel-top span{color:#ffffffc7!important}html[data-theme=dark] .preview-chart-card,html[data-theme=dark] .preview-side-card,html[data-theme=dark] .showcase-profile-card,html[data-theme=dark] .showcase-note-card,html[data-theme=dark] .showcase-mini-metrics{color:#0f172a!important;background:#f8fafcf5!important}html[data-theme=dark] .preview-chart-card *,html[data-theme=dark] .preview-side-card *,html[data-theme=dark] .showcase-profile-card *,html[data-theme=dark] .showcase-note-card *,html[data-theme=dark] .showcase-mini-metrics *{color:inherit}html[data-theme=dark] .preview-chart-labels small,html[data-theme=dark] .preview-progress-item label,html[data-theme=dark] .preview-progress-item small,html[data-theme=dark] .showcase-note-card p{color:#475569!important}html[data-theme=dark] .badge-user{color:#5eead4!important;background:#2dd4bf29!important}html[data-theme=dark] .badge-admin{color:#c4b5fd!important;background:#8b80ff2e!important}html[data-theme=dark] .badge-disabled,html[data-theme=dark] .btn-danger{color:#fda4af!important;background:#f43f5e2e!important}html[data-theme=dark] .badge-warning{color:#fde68a!important;background:#fbbf2429!important}html[data-theme=dark] .success-box{color:#5eead4!important;background:#2dd4bf24!important;border-color:#2dd4bf38!important}html[data-theme=dark] .error{color:#fda4af!important;background:#f43f5e2e!important;border-color:#f43f5e40!important}html[data-theme=light] .admin-kpi-card,html[data-theme=light] .stat,html[data-theme=light] .data-table-card,html[data-theme=light] .table-card,html[data-theme=light] .card,html[data-theme=light] .chart-card,html[data-theme=light] .feature-card,html[data-theme=light] .modal,html[data-theme=light] .role-card,html[data-theme=light] .mock-card,html[data-theme=light] .mini-glass-card,html[data-theme=light] .topbar,html[data-theme=light] .login-card,html[data-theme=light] .theme-option-card{color:var(--panel-text)!important}html[data-theme=light] .primary-panel,html[data-theme=light] .dashboard-hero-aurora,html[data-theme=light] .story-card,html[data-theme=light] .login-side,html[data-theme=light] .sidebar,html[data-theme=light] .preview-shell,html[data-theme=light] .showcase-window{color:#fff!important}html[data-theme=dark] .hero-cleaner h1,html[data-theme=dark] .section-title,html[data-theme=dark] .topbar h1{color:var(--panel-text)!important}html[data-theme=dark] .hero-cleaner p,html[data-theme=dark] .section-subtitle{color:var(--panel-muted)!important}html[data-theme=dark] .hero-cleaner .hero-chip,html[data-theme=dark] .hero-cleaner .trust-pill,html[data-theme=dark] .dashboard-microcopy span,html[data-theme=dark] .dashboard-bubble,html[data-theme=dark] .theme-inline-note{background:var(--panel-bg)!important;color:var(--panel-text)!important}html[data-theme=dark] .kpi-icon,html[data-theme=dark] .feature-icon{color:#c4b5fd!important;background:#8b80ff29!important}:root,html[data-theme=light]{--chart-bar-1:#6d5ef5;--chart-bar-2:#0ea5a4;--chart-bar-3:#e4485d;--chart-grid:#64748b38;--chart-axis:#64748b}html[data-theme=dark]{--chart-bar-1:#8b80ff;--chart-bar-2:#2dd4bf;--chart-bar-3:#fb7185;--chart-grid:#94a3b82e;--chart-axis:#a7b4cf}.recharts-cartesian-grid line{stroke:var(--chart-grid)!important}.recharts-cartesian-axis-tick-value{fill:var(--chart-axis)!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-soft)!important;color:var(--ink)!important;border-radius:14px!important}.recharts-bar-rectangle:nth-of-type(3n+1) path,.recharts-bar-rectangle:nth-of-type(3n+1) rect{fill:var(--chart-bar-1)!important}.recharts-bar-rectangle:nth-of-type(3n+2) path,.recharts-bar-rectangle:nth-of-type(3n+2) rect{fill:var(--chart-bar-2)!important}.recharts-bar-rectangle:nth-of-type(3n+3) path,.recharts-bar-rectangle:nth-of-type(3n+3) rect{fill:var(--chart-bar-3)!important}.recharts-layer.recharts-bar-rectangles .recharts-rectangle,.recharts-bar-rectangle path,.recharts-bar-rectangle rect{filter:drop-shadow(0 8px 10px #0f172a1f);stroke:none!important}.chart-card .recharts-bar-rectangle path:not([fill]),.chart-card .recharts-bar-rectangle rect:not([fill]){fill:var(--chart-bar-1)!important}html[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{color:#ecf2ff!important;background:#101a2e!important}html[data-theme=dark] .recharts-tooltip-label,html[data-theme=dark] .recharts-tooltip-item{color:#ecf2ff!important}.content{padding-top:0!important}.app-shell-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb!important;border-top:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;margin:0 -30px 22px!important;padding:12px 30px!important;position:sticky!important;top:0!important;box-shadow:0 10px 28px #0f172a14!important}.app-shell-copy span{color:var(--muted)!important}.app-shell-copy strong{color:var(--ink)!important}.theme-chip{box-shadow:none!important;border-radius:12px!important;padding:8px 12px!important}.theme-chip.active{box-shadow:0 8px 18px #6d5ef51f!important}html[data-theme=dark] .app-shell-header{background:#09111fe0!important;border-color:#94a3b824!important;box-shadow:0 10px 28px #00000047!important}html[data-theme=dark] .app-shell-copy strong{color:var(--ink)!important}@media (width<=960px){.content{padding-top:0!important}.app-shell-header{border-radius:0!important;margin:0 -18px 14px!important;padding:10px 18px!important;top:0!important}}@media (width<=640px){.content{padding-top:0!important}.app-shell-header{border-radius:0!important;margin:0 -12px 12px!important;padding:9px 12px!important}.theme-chip{padding:8px 9px!important}}@media (width<=420px){.app-shell-header{margin:0 -9px 10px!important;padding:8px 9px!important}}.onboarding-backdrop{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 20% 12%,#6d5ef53d,#0000 30%),radial-gradient(circle at 86% 20%,#e4485d33,#0000 34%),#09111f94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.onboarding-modal{background:var(--surface);width:min(960px,100%);max-height:min(92vh,820px);color:var(--ink);border:1px solid var(--border);border-radius:34px;padding:22px;overflow:auto;box-shadow:0 38px 90px #0f172a47}.onboarding-top,.onboarding-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.onboarding-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.onboarding-brand span{color:#fff;background:linear-gradient(135deg,#6d5ef5,#e4485d,#0ea5a4);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 14px 28px #6d5ef533}.onboarding-brand strong{color:var(--ink)}.onboarding-skip,.onboarding-close{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.onboarding-close{justify-content:center;width:40px;padding:0;display:none}.onboarding-hero{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:22px;margin-top:20px;display:grid}.onboarding-visual{background:radial-gradient(circle at 24% 18%,#ffffff47,#0000 26%),linear-gradient(135deg,#6d5ef5 0%,#e4485d 54%,#0ea5a4 100%);border-radius:30px;place-items:center;min-height:360px;padding:26px;display:grid;overflow:hidden}.onboarding-card-preview{color:#111827;background:#fffffff0;border-radius:30px;justify-items:center;gap:18px;width:min(320px,100%);padding:26px;display:grid;box-shadow:0 28px 60px #0f172a38}.onboarding-icon-shell{color:#6d5ef5;background:#edebff;border-radius:30px;place-items:center;width:88px;height:88px;display:grid}.onboarding-bars{align-items:end;gap:10px;height:62px;display:flex}.onboarding-bars span{background:#111827;border-radius:999px;width:18px;display:block}.onboarding-bars span:first-child{background:#6d5ef5;height:32px}.onboarding-bars span:nth-child(2){background:#e4485d;height:58px}.onboarding-bars span:nth-child(3){background:#0ea5a4;height:44px}.onboarding-mini-row{background:#f7f8ff;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:14px;display:flex}.onboarding-mini-row small{color:#64748b;font-weight:800;display:block}.onboarding-mini-row strong{color:#111827;font-size:1.15rem}.onboarding-copy{background:radial-gradient(circle at 94% 12%, #e4485d1a, transparent 30%), var(--surface-2);border-radius:30px;flex-direction:column;justify-content:center;padding:32px;display:flex}.onboarding-eyebrow{color:var(--danger);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:900}.onboarding-copy h2{letter-spacing:-.06em;color:var(--ink);margin:0 0 16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.onboarding-copy p{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.72}.onboarding-chips{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.onboarding-chips span{color:var(--danger-deep);background:#e4485d1a;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:.88rem;font-weight:850;display:inline-flex}.onboarding-progress{background:var(--surface-2);border-radius:999px;height:8px;margin:20px 0 16px;overflow:hidden}.onboarding-progress div{border-radius:inherit;background:linear-gradient(90deg,#6d5ef5,#e4485d,#0ea5a4);height:100%;transition:width .25s}.onboarding-dots{align-items:center;gap:8px;display:inline-flex}.onboarding-dots span{background:var(--border);border-radius:999px;width:8px;height:8px;transition:width .2s,background .2s}.onboarding-dots span.active{background:var(--danger);width:24px}html[data-theme=dark] .onboarding-modal{color:#ecf2ff;background:#101a2e;border-color:#94a3b82e}html[data-theme=dark] .onboarding-copy{background:radial-gradient(circle at 94% 12%,#fb718524,#0000 30%),#17223a}html[data-theme=dark] .onboarding-brand strong,html[data-theme=dark] .onboarding-copy h2{color:#ecf2ff}html[data-theme=dark] .onboarding-copy p,html[data-theme=dark] .onboarding-skip,html[data-theme=dark] .onboarding-close{color:#a7b4cf}html[data-theme=dark] .onboarding-skip,html[data-theme=dark] .onboarding-close,html[data-theme=dark] .onboarding-progress{background:#17223a;border-color:#94a3b82e}html[data-theme=dark] .onboarding-chips span{color:#fda4af;background:#fb718529}@media (width<=820px){.onboarding-backdrop{align-items:start;padding:12px}.onboarding-modal{border-radius:24px;max-height:calc(100dvh - 24px);padding:16px}.onboarding-brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.onboarding-skip{display:none}.onboarding-close{display:inline-flex}.onboarding-hero{grid-template-columns:1fr;gap:14px}.onboarding-visual{border-radius:22px;min-height:auto;padding:16px}.onboarding-card-preview{border-radius:22px;padding:18px}.onboarding-icon-shell{border-radius:22px;width:68px;height:68px}.onboarding-copy{border-radius:22px;padding:20px}.onboarding-copy h2{font-size:clamp(1.9rem,9vw,2.8rem)}.onboarding-footer{grid-template-columns:1fr;display:grid}.onboarding-footer .btn{justify-content:center;width:100%}.onboarding-dots{order:-1;justify-content:center}}.chart-card .recharts-bar-rectangle path,.chart-card .recharts-bar-rectangle rect,.chart-card .recharts-pie-sector path{stroke-width:1.5px;stroke:#ffffffeb!important}.chart-card .recharts-pie-sector path{filter:drop-shadow(0 10px 14px #0f172a1a)}html[data-theme=dark] .chart-card .recharts-bar-rectangle path,html[data-theme=dark] .chart-card .recharts-bar-rectangle rect,html[data-theme=dark] .chart-card .recharts-pie-sector path{stroke:#101a2eeb!important}.recharts-legend-item-text,.recharts-default-legend{color:var(--muted)!important}.modal-backdrop{z-index:160!important}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.modal-header h2{margin:0!important}.modal-close-btn{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.modal-close-btn:hover{color:var(--ink);border-color:#e4485d59}.budget-form-helper{margin:10px 0 0}.modal-backdrop{z-index:9999!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#09111f9e!important;place-items:center!important;padding:18px!important;display:grid!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal{background:var(--surface)!important;width:min(620px,100vw - 28px)!important;max-height:min(88vh,820px)!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-radius:26px!important;margin:auto!important;padding:22px!important;position:relative!important;overflow-y:auto!important;box-shadow:0 34px 90px #0f172a57!important}.modal-header{z-index:2;background:linear-gradient(180deg, var(--surface) 78%, transparent);padding-bottom:12px;position:sticky;top:-22px}body:has(.modal-backdrop){overflow:hidden}@media (width<=640px){.modal-backdrop{align-items:start!important;padding:10px!important}.modal{border-radius:22px!important;width:100%!important;max-height:calc(100dvh - 20px)!important;padding:18px!important}.modal-header{top:-18px}}.modal-backdrop{z-index:9999!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:radial-gradient(circle at 16% 12%,#6d5ef52e,#0000 28%),radial-gradient(circle at 86% 16%,#e4485d29,#0000 30%),#09111fa8!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.modal{background:var(--surface)!important;width:min(680px,100vw - 40px)!important;max-height:calc(100dvh - 40px)!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-radius:28px!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 34px 90px #0f172a57!important}.modal-header{z-index:3!important;background:linear-gradient(180deg, var(--surface) 0%, var(--surface) 76%, #fff0 100%)!important;border-bottom:1px solid #0000!important;flex:none!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;margin:0!important;padding:22px 22px 14px!important;display:flex!important;position:sticky!important;top:0!important}.modal-header h2{color:var(--ink)!important;letter-spacing:-.04em!important;margin:0!important;font-size:clamp(1.35rem,2.5vw,1.8rem)!important;line-height:1.08!important}.modal-close-btn{border:1px solid var(--border)!important;background:var(--surface-2)!important;width:38px!important;min-width:38px!important;height:38px!important;color:var(--muted)!important;cursor:pointer!important;border-radius:999px!important;flex:none!important;place-items:center!important;font-size:24px!important;line-height:1!important;transition:transform .16s,border-color .16s,color .16s,background .16s!important;display:grid!important}.modal-close-btn:hover{color:var(--danger)!important;border-color:#e4485d57!important;transform:translateY(-1px)!important}.modal-content{scrollbar-width:thin!important;flex:auto!important;min-height:0!important;padding:0 22px 22px!important;overflow:hidden auto!important}.modal-content .actions{z-index:2!important;background:linear-gradient(180deg, #fff0, var(--surface) 24%, var(--surface) 100%)!important;border-top:1px solid #94a3b81f!important;margin:18px -22px -22px!important;padding:16px 22px 18px!important;position:sticky!important;bottom:0!important}.modal-content .table-scroll,.modal-content .wide-table{-webkit-overflow-scrolling:touch!important;max-width:100%!important;overflow-x:auto!important}.modal-content .table-scroll table,.modal-content .wide-table table{min-width:760px!important}.modal-content form{min-width:0!important}html[data-theme=dark] .modal{color:#ecf2ff!important;background:#101a2e!important;border-color:#94a3b82e!important}html[data-theme=dark] .modal-header{background:linear-gradient(#101a2e 0% 76%,#101a2e00 100%)!important}html[data-theme=dark] .modal-header h2{color:#ecf2ff!important}html[data-theme=dark] .modal-content .actions{background:linear-gradient(#101a2e00,#101a2e 24% 100%)!important;border-top-color:#94a3b829!important}@media (width<=760px){.modal-backdrop{justify-content:center!important;align-items:flex-start!important;padding:10px!important;overflow-y:auto!important}.modal{border-radius:22px!important;width:100%!important;max-height:calc(100dvh - 20px)!important}.modal-header{padding:18px 18px 12px!important}.modal-content{padding:0 18px 18px!important}.modal-content .actions{grid-template-columns:1fr!important;margin:16px -18px -18px!important;padding:14px 18px 16px!important;display:grid!important}.modal-content .actions .btn,.modal-content .actions button{justify-content:center!important;width:100%!important}.modal-content .table-scroll table,.modal-content .wide-table table{min-width:720px!important}}