@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0a0d13;--bg2:#111827;--card:#1a1f2e;--card2:#232b3d;--border:#2a3347;--text:#e8eaf6;--text2:#8892a4;--green:#00e676;--green2:#1b5e20;--red:#ff5252;--red2:#b71c1c;--yellow:#ffc107;--yellow2:#7c5e00;--blue:#448aff;--blue2:#0d2b7a;--purple:#ce93d8;--accent:#3d7eff;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;font-size:14px}#root{min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.layout{width:100%;display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.sidebar-logo{color:var(--accent);letter-spacing:-.5px;padding:8px 12px 24px;font-size:16px;font-weight:800}.sidebar-logo span{color:var(--text2);font-weight:400}.nav-item{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--card2);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff}.nav-child{border-left:2px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;margin-left:4px!important;padding:7px 10px!important;font-size:12px!important}.nav-child.active{border-left-color:var(--accent);color:var(--accent)!important;background:#3d7eff2e!important}.sidebar-bottom{color:var(--text2);margin-top:auto;padding:8px 12px;font-size:11px}.main{flex:1;padding:28px 32px;overflow:auto}.page-header{margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700}.page-header p{color:var(--text2);margin-top:4px;font-size:13px}.networth-banner{border-radius:var(--radius);background:linear-gradient(135deg,#0d2b7a 0%,#162060 60%,#0a1a50 100%);border:1px solid #2a4aaa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:24px 28px;display:flex}.networth-banner .nw-label{color:#89c;text-transform:uppercase;letter-spacing:1px;font-size:11px}.networth-banner .nw-big{color:#fff;margin-top:4px;font-size:36px;font-weight:800}.networth-banner .nw-sub{color:#79d;margin-top:2px;font-size:13px}.nw-stats{flex-wrap:wrap;gap:28px;display:flex}.nw-stat .nw-label{color:#89c}.nw-stat .nw-val{margin-top:2px;font-size:18px;font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card-icon{margin-bottom:8px;font-size:20px}.card-label{color:var(--text2);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.card-value{margin-top:4px;font-size:20px;font-weight:700}.card-sub{color:var(--text2);margin-top:4px;font-size:11px}.card.green{border-color:#1b5e20}.card.green .card-value{color:var(--green)}.card.red{border-color:#7f1d1d}.card.red .card-value{color:var(--red)}.card.yellow{border-color:#7c5e00}.card.yellow .card-value{color:var(--yellow)}.card.blue{border-color:#1a3a8f}.card.blue .card-value{color:var(--blue)}.section{margin-bottom:28px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-header h2{font-size:15px;font-weight:600}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);white-space:nowrap;overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--card2);color:var(--text2);text-transform:uppercase;letter-spacing:.7px;text-align:left;padding:10px 14px;font-size:11px;font-weight:600}td{border-top:1px solid var(--border);padding:11px 14px;font-size:13px}tr:hover td{background:#ffffff05}.badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--green2);color:var(--green)}.badge-red{background:var(--red2);color:var(--red)}.badge-yellow{background:var(--yellow2);color:var(--yellow)}.badge-blue{background:var(--blue2);color:var(--blue)}.badge-gray{background:var(--card2);color:var(--text2)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2d6fee}.btn-ghost{background:var(--card2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border)}.btn-danger{color:var(--red);border:1px solid var(--red2);background:0 0}.btn-danger:hover{background:var(--red2)}.btn-sm{padding:5px 10px;font-size:12px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;max-height:85vh;padding:24px;overflow-y:auto}.modal h3{margin-bottom:18px;font-size:17px;font-weight:700}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}label{color:var(--text2);font-size:12px;font-weight:500}input,select,textarea{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--bg2)}.progress-bar{background:var(--card2);border-radius:6px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--green));border-radius:6px;height:100%;transition:width .5s}.tag-urgent{color:var(--red)}.tag-warning{color:var(--yellow)}.tag-paid{color:var(--green)}.tag-overdue{color:var(--red);font-weight:700}.charts-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.chart-card h3{color:var(--text2);margin-bottom:12px;font-size:13px;font-weight:600}.timeline{flex-direction:column;gap:10px;display:flex}.timeline-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.timeline-item.urgent{border-color:var(--red2)}.timeline-item.warning{border-color:var(--yellow2)}.risk-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.risk-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.risk-item .risk-label{color:var(--text2);font-size:12px}.risk-item .risk-title{margin-bottom:4px;font-weight:600}.risk-item .risk-shield{color:var(--text2);margin-top:6px;font-size:12px}.cashflow-tracker{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:20px}.cf-header{justify-content:space-between;margin-bottom:10px;display:flex}.cf-header .cf-title{font-size:13px;font-weight:600}.cf-header .cf-pct{color:var(--green);font-size:20px;font-weight:800}.cf-detail{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px;display:grid}.cf-item{text-align:center}.cf-item .cf-val{font-size:16px;font-weight:700}.cf-item .cf-lbl{color:var(--text2);margin-top:2px;font-size:11px}.mobile-header{background:var(--bg2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:none}.mobile-header-title{color:var(--accent);font-size:16px;font-weight:700}.hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:24px}@media (width<=900px){.layout{flex-direction:column}.mobile-header{display:flex}.sidebar{z-index:2000;width:260px;height:100vh;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:1999;background:#0009;position:fixed;inset:0}.main{flex:1;padding:16px;overflow:auto}.charts-row,.form-grid{grid-template-columns:1fr}.networth-banner{flex-direction:column;align-items:flex-start}}