:root{--navy:#07172f;--green:#0bb783;--ink:#18253a;--muted:#778499;--line:#e4eaf1;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}body>aside{position:fixed;inset:0 auto 0 0;width:255px;background:var(--navy);color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.brand>b{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#14d49b,#087469);display:grid;place-items:center;color:#ffd15b;font-size:22px}.brand strong{font-size:20px}.brand span{color:#13d79d}nav{display:grid;gap:5px}nav a{color:#aebbcf;text-decoration:none;padding:12px;border-radius:8px}nav a:hover{background:#0db77e33;color:#fff}body>aside footer{margin-top:auto;border-top:1px solid #ffffff18;padding-top:18px;font-size:12px}body>aside footer a{float:right;color:#18d69d}body>main{margin-left:255px}main>header{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:18px 32px}h1{font-size:21px;margin:4px 0}header small,.welcome p{color:var(--muted)}.page{padding:28px 32px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 3px 12px #1d345807}.cards span{color:var(--muted);font-size:12px}.cards strong{display:block;font-size:22px;margin-top:14px}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);background:#fafbfd}.button,button{display:inline-block;border:0;border-radius:8px;background:var(--green);color:#fff;text-decoration:none;padding:11px 16px;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.grid label{font-size:12px}.grid input,.grid select,.loginCard input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin-top:5px}.wide{grid-column:span 2}.login,.install{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06162f,#0a3150)}.loginCard,.installCard{width:min(620px,94vw);background:#fff;border-radius:16px;padding:30px;box-shadow:0 25px 70px #0005}.loginCard{width:min(410px,94vw)}.loginCard label{display:block;margin:15px 0}.error,.success{padding:12px;border-radius:8px;margin:14px 0}.error{background:#fff0f1;color:#bd3644}.success{background:#e7f8f1;color:#087b5b}code{background:#eef2f6;padding:3px 6px;border-radius:4px}@media(max-width:800px){body>aside{position:static;width:auto}.brand{margin-bottom:12px}nav{grid-template-columns:1fr 1fr}body>aside footer{display:none}body>main{margin:0}.cards{grid-template-columns:1fr 1fr}.page{padding:18px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media print{body>aside,main>header,.button,button{display:none}body>main{margin:0}.page{padding:0}.panel{box-shadow:none}}