:root{--bg:#071723;--panel:#0c2231;--panel2:#102b3d;--line:#244555;--text:#eff8fb;--muted:#9ab0ba;--accent:#75cce8;--good:#75d6ac;--warn:#e3b65c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}.fin-app{min-height:100vh;padding:72px 18px 30px}.fin-wrap{max-width:1240px;margin:auto}.fin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}.fin-head small{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em}.fin-head h1{margin:4px 0 0;font-size:28px}.fin-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.fin-pill{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:#c7dce4;font-size:10px}.fin-tabs{display:flex;gap:6px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:#081b28;margin-bottom:14px}.fin-tabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:9px 11px;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer}.fin-tabs button.active{background:#12384d;color:#aeeaff}.fin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.fin-kpi{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.fin-kpi span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.fin-kpi strong{display:block;margin:6px 0 3px;font-size:22px}.fin-kpi small{color:var(--muted);font-size:9px}.fin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fin-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.fin-card.wide{grid-column:1/-1}.fin-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fin-card header span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.1em}.fin-card h2{margin:4px 0 0;font-size:17px}.fin-list{display:grid;gap:7px}.fin-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.fin-row b{font-size:11px}.fin-row span{display:block;color:var(--muted);font-size:10px}.fin-table{width:100%;border-collapse:collapse}.fin-table th,.fin-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}.fin-table th{color:var(--muted);font-size:9px}.tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:#173548;color:#b9d2dd;font-size:9px;font-weight:800}.tag.good{background:#153c32;color:#92e4c2}.tag.warn{background:#46371a;color:#f1cb76}.bar-row{display:grid;grid-template-columns:140px 1fr 70px;gap:8px;align-items:center;margin:10px 0}.bar{height:8px;background:#163344;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.fin-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fin-form label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:900}.fin-form input,.fin-form select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:9px}.fin-form .full{grid-column:1/-1}.fin-btn{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:9px 11px;font-size:10px;font-weight:850;cursor:pointer}.fin-btn.primary{background:#176b82;border-color:#207f98}.upload-box{min-height:230px;border:1px dashed #315d70;border-radius:13px;display:grid;place-items:center;align-content:center;gap:8px;background:var(--panel2);color:var(--muted);cursor:pointer;text-align:center}.upload-box strong{color:var(--text)}.fin-note{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);font-size:10px}
@media(max-width:850px){.fin-kpis{grid-template-columns:repeat(2,1fr)}.fin-grid{grid-template-columns:1fr}.fin-card.wide{grid-column:auto}.fin-app{padding:108px 10px 24px}.fin-head{align-items:flex-start;flex-direction:column}.fin-form{grid-template-columns:1fr}.fin-form .full{grid-column:auto}}