:root{--panel:#111722;--panel2:#151c2a;--text:#f5f7fb;--muted:#9aa4b2;--line:#252f40;--green:#22c55e;--red:#ef4444;--blue:#3b82f6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#182033,#090b10 45%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:rgba(8,12,20,.9);border-right:1px solid var(--line);padding:28px 22px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:24px}.sub{color:var(--muted);font-size:13px;margin:6px 0 32px}nav a{display:block;padding:12px 14px;color:var(--text);text-decoration:none;border-radius:12px;margin-bottom:8px}nav a:hover{background:var(--panel2)}.main{flex:1;padding:32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{margin:0;font-size:34px}h2{margin-top:0}p{color:var(--muted)}.filters a,.button{display:inline-block;padding:10px 14px;margin-left:8px;border-radius:10px;background:var(--panel);color:var(--text);text-decoration:none;border:1px solid var(--line)}.filters a.active,.button{background:var(--blue);border-color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:22px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);padding:20px;border-radius:18px;min-height:120px}.card span{color:var(--muted);font-size:14px}.card strong{display:block;font-size:34px;margin:10px 0 6px}.card small{color:var(--muted)}.positive strong{color:var(--green)}.negative strong{color:var(--red)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.panel{background:rgba(17,23,34,.92);border:1px solid var(--line);padding:22px;border-radius:18px;margin-bottom:22px;overflow-x:auto}.bar-row{display:grid;grid-template-columns:100px 1fr 110px;align-items:center;gap:12px;margin:14px 0}.bar-track{height:12px;background:#0d111a;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar{height:100%;border-radius:999px}.green{background:var(--green)}.red{background:var(--red)}.bar-value{text-align:right;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--muted)}.form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.form label{display:flex;flex-direction:column;color:var(--muted);gap:8px}.form label.full{grid-column:1/-1}input,select,textarea{width:100%;background:#080c14;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}button{padding:14px 18px;border-radius:12px;border:none;background:var(--green);color:#06110b;font-weight:800;cursor:pointer}.loginbox{max-width:420px;margin:12vh auto;background:var(--panel);padding:30px;border:1px solid var(--line);border-radius:18px}.loginbox input{margin:12px 0}.alert{background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.4);padding:12px;border-radius:12px}@media(max-width:900px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:600px){.cards{grid-template-columns:1fr}.form{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px}}@media print{.sidebar,.filters,.button,nav{display:none}.main{padding:0}.panel,.card{border:1px solid #ccc;background:#fff;color:#000}body{background:#fff;color:#000}}