@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:#030d22;margin:0;font-family:Outfit,Segoe UI,sans-serif}:root{--bg:#02091a;--bg-soft:#061430;--panel:#071836cc;--panel-solid:#071836;--border:#1c3f62;--text:#e5f0ff;--muted:#8ba6c5;--brand:#3ecbff;--brand-2:#2af598;--danger:#ff6b6b;--positive:#2af598;--shadow:0 16px 45px #0006}.app-shell.light{--bg:#f2f7ff;--bg-soft:#e5f2ff;--panel:#ffffffde;--panel-solid:#fff;--border:#c8d9ec;--text:#112238;--muted:#526b86;--brand:#0f7acc;--brand-2:#0e9b67;--danger:#b63737;--positive:#0a7f57;--shadow:0 15px 40px #0f244429}*{box-sizing:border-box}.app-shell{background:radial-gradient(circle at 12% 15%, #2af59833, transparent 35%), radial-gradient(circle at 85% 85%, #3ecbff33, transparent 40%), linear-gradient(160deg, var(--bg-soft), var(--bg));min-height:100vh;color:var(--text);grid-template-columns:284px minmax(0,1fr);gap:1.2rem;padding:1rem;font-family:Outfit,Segoe UI,sans-serif;transition:background .36s,color .36s;display:grid}.loading-screen{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;margin:auto;padding:1rem 1.2rem}.sidebar{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);height:fit-content;min-height:unset;border-radius:18px;align-content:start;gap:.9rem;padding:1rem .9rem;transition:background-color .36s,border-color .36s,box-shadow .36s,color .36s;display:grid;position:sticky;top:1rem;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#3ecbff24,#0000 30%),linear-gradient(#ffffff08,#0000 35%);position:absolute;inset:0}.brand{border-bottom:1px solid #8ba6c529;align-items:center;gap:.75rem;margin-bottom:.8rem;padding-bottom:.65rem;display:flex;position:relative}.brand-mark{background:linear-gradient(145deg,#3ecbfff2,#2af598bf);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #3ecbff33}.brand-mark span{background:#040a16d9;border-radius:4px;width:13px;height:13px}.brand h2{letter-spacing:.12em;margin:0;font-size:.95rem}.brand p{color:var(--muted);margin:.15rem 0 0;font-size:.76rem}.sidebar nav{gap:.35rem;margin-top:0;display:grid;position:relative}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;padding:.7rem .75rem;font-size:.84rem;font-weight:600;transition:background-color .24s,border-color .24s,color .24s,transform .24s}.nav-item.active{color:var(--text);background:linear-gradient(90deg,#3ecbff2e,#2af5981f);border-color:#3ecbff4d;box-shadow:inset 0 0 0 1px #ffffff08}.nav-item:hover{color:var(--text);background:#3ecbff14;transform:translate(2px)}.sidebar-tag{width:fit-content;color:var(--muted);background:#ffffff08;border:1px solid #8ba6c52e;border-radius:999px;align-self:start;align-items:center;gap:.45rem;margin-top:1rem;padding:.32rem .7rem;font-size:.72rem;transition:background-color .36s,border-color .36s,color .36s;display:inline-flex;position:relative}.tag-dot{background:var(--brand-2);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #2af59824}.sidebar-panel{background:#ffffff08;border:1px solid #8ba6c526;border-radius:14px;gap:.45rem;padding:.8rem .85rem;transition:background-color .36s,border-color .36s,color .36s;display:grid}.app-shell.light .sidebar-panel{background:#edf6ffb3}.sidebar-panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.68rem}.sidebar-panel strong{text-transform:capitalize;font-size:.82rem}.stats-panel{gap:.55rem}.db-row{color:var(--text);justify-content:space-between;align-items:baseline;gap:.8rem;font-size:.78rem;display:flex}.db-row span{color:var(--muted)}.page{gap:.85rem;animation:.45s rise-in;display:grid}.header,.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;transition:background-color .36s,border-color .36s,box-shadow .36s,color .36s}.header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.95rem 1rem;display:flex}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.73rem}h1{margin:.3rem 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,2.2vw,1.8rem)}.subtext{color:var(--muted);max-width:60ch;margin:0;font-size:.88rem}.header-meta{color:var(--brand-2);margin:.5rem 0 0;font-size:.82rem}.header-actions{align-items:flex-end;gap:.5rem;display:flex}.role-switcher{gap:.2rem;display:grid}.role-switcher label{color:var(--muted);font-size:.78rem}.summary-grid,.authentic-grid,.visual-grid,.transactions-wrap{gap:.85rem;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.authentic-grid{grid-template-columns:1fr 1fr}.visual-grid{grid-template-columns:1.1fr .9fr}.transactions-wrap{grid-template-columns:1.45fr .85fr}.card{padding:.85rem}.summary-card p{color:var(--muted);margin:0;font-size:.78rem}.summary-card h2{margin:.35rem 0 0;font-size:clamp(1.1rem,2vw,1.6rem)}.text-positive{color:var(--positive)}.text-negative{color:var(--danger)}.card-head{margin-bottom:.55rem}.card-head h3{margin:0;font-size:.93rem}.card-head p{color:var(--muted);margin:.16rem 0 0;font-size:.76rem}.pulse-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.pulse-list li{background:#081f3e73;border:1px dashed #8ba6c559;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .58rem;transition:background-color .36s,border-color .36s,color .36s;display:flex}.app-shell.light .pulse-list li{background:#f0f8ffb3}.pulse-title{margin:0;font-size:.84rem}.pulse-sub{color:var(--muted);margin:.12rem 0 0;font-size:.73rem}.notes-card textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:112px;color:var(--text);background:#05142a80;border-radius:10px;padding:.62rem;font-family:inherit;transition:background-color .36s,border-color .36s,color .36s,box-shadow .36s}.app-shell.light .notes-card textarea{background:#ffffffd1}.notes-card textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #3ecbff2e}.legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-item span{border-radius:999px;flex:none;width:10px;height:10px}.legend-item p{margin:0;font-size:.73rem}.split{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:#092244b8;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;transition:background-color .36s,border-color .36s,color .36s}.app-shell.light .chip{background:#eef7fff0}.toolbar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin-bottom:.7rem;display:grid}.export-group{gap:.4rem;display:flex}input,select,textarea,button{font-family:inherit}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#071836b3;border-radius:9px;padding:.52rem .56rem;font-size:.82rem;transition:background-color .36s,border-color .36s,color .36s,box-shadow .36s}.app-shell.light input,.app-shell.light select{background:#ffffffdb}input:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #3ecbff2e}button{background:linear-gradient(100deg, var(--brand), #3c8fff);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:.48rem .58rem;font-weight:600;transition:transform .18s,filter .18s,background-color .36s,color .36s,border-color .36s}button:hover{filter:brightness(1.03);transform:translateY(-1px)}button:disabled{opacity:.58;cursor:not-allowed;transform:none}.ghost{border-color:var(--border);color:var(--text);background:#0a213f94}.app-shell.light .ghost{background:#edf6ffe6}.ghost.danger{color:var(--danger);border-color:#ff6b6b80}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{text-align:left;border-bottom:1px solid #8ba6c533;padding:.54rem .3rem}th{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:.68rem}.pill{text-transform:capitalize;border-radius:999px;padding:.18rem .45rem;font-size:.68rem;display:inline-block}.pill.income{color:var(--positive);background:#2af59833}.pill.expense{color:var(--danger);background:#ff6b6b2e}.actions{gap:.3rem;display:flex}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.group-card{border:1px solid var(--border);background:#07183699;border-radius:10px;padding:.55rem;transition:background-color .36s,border-color .36s,color .36s}.app-shell.light .group-card{background:#f0f8ffb8}.group-card h4{margin:0;font-size:.86rem}.group-card p{color:var(--muted);margin:.18rem 0 0;font-size:.76rem}.side-column{align-content:start;gap:.85rem;display:grid}.insights-card ul{gap:.5rem;margin:0;padding-left:1rem;font-size:.8rem;display:grid}.editor-card form{gap:.54rem;display:grid}.editor-card label{color:var(--muted);gap:.22rem;font-size:.74rem;display:grid}.form-actions{gap:.4rem;display:flex}.disabled{opacity:.75}.empty-text{color:var(--muted);margin:.5rem 0;font-size:.8rem}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1220px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:unset;grid-template-columns:1fr 1fr;align-items:start;gap:.8rem 1rem;display:grid;position:static}.sidebar nav{grid-auto-flow:column;margin-top:0}.sidebar-tag,.sidebar-panel{display:none}}@media (width<=720px){.sidebar{grid-template-columns:1fr}.sidebar nav{grid-auto-flow:row}}@media (width<=980px){.summary-grid,.authentic-grid,.visual-grid,.transactions-wrap,.group-grid{grid-template-columns:1fr}.toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{flex-direction:column}}@media (width<=640px){.app-shell{padding:.7rem}.header{flex-direction:column}.header-actions{flex-direction:column;align-items:stretch;width:100%}.toolbar-grid{grid-template-columns:1fr}.export-group{grid-template-columns:1fr 1fr;display:grid}}