*{box-sizing:border-box}:root{--bg:#0d1015;--p:#151a21;--l:#2b323c;--g:#d5a31d;--t:#f5f5f3;--m:#9da5af}body{margin:0;background:var(--bg);color:var(--t);font-family:Arial,sans-serif}header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#10141a;border-bottom:1px solid var(--l)}header a{color:var(--m);text-decoration:none}.brand{letter-spacing:2px}.brand i{color:var(--g);font-style:normal}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 108px)}nav{padding:22px 12px;background:#10141a;border-right:1px solid var(--l)}nav a{display:block;padding:12px;color:#cdd2d7;text-decoration:none;border-radius:8px;margin:3px}.on{background:#232a34;border-left:3px solid var(--g)}main{padding:30px;max-width:1400px;width:100%}h1{margin-top:0}.lead{color:#c5cad0;max-width:900px}.stats,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stats article,.cards article,.box,.flow{background:var(--p);border:1px solid var(--l);border-radius:11px;padding:17px}.stats b{font-size:28px;color:var(--g);display:block}.stats span,.cards p{color:var(--m)}.cards small{float:right;color:var(--g);font-weight:bold}.cards code{color:#e8c65c}.box{margin-top:22px;line-height:1.6;border-left:4px solid var(--g)}.warn{border-left-color:#d86464}.flow{display:flex;gap:18px;align-items:center;margin:12px 0}.flow span{color:var(--g)}table{width:100%;border-collapse:collapse;background:var(--p)}th,td{padding:12px;border-bottom:1px solid var(--l);text-align:left}th{color:var(--g)}footer{padding:13px 28px;color:#777;border-top:1px solid var(--l);font-size:12px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(420px,92vw);padding:30px;background:var(--p);border:1px solid var(--l);border-radius:14px}.login input,.login button{width:100%;padding:13px;border-radius:8px;margin-top:12px}.login input{background:#0e1217;color:#fff;border:1px solid var(--l)}.login button{background:var(--g);border:0;font-weight:bold}.err{background:#522;padding:9px;margin-top:12px}@media(max-width:800px){.layout{grid-template-columns:1fr}nav{display:flex;overflow:auto;padding:7px;border-right:0}.stats,.cards{grid-template-columns:1fr}main{padding:18px}.flow{flex-direction:column;align-items:flex-start}table{font-size:11px}}