:root{font-family:Inter,system-ui,Segoe UI,sans-serif;color:#10233f;background:#eef7fd}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#dff1fb,#f8fbff)}.login section{width:min(520px,92vw);background:#fff;border:1px solid #dbe8f4;border-radius:24px;padding:34px;box-shadow:0 24px 70px #16365624}.login img{width:150px}.icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#057dcf,#12a396);display:grid;place-items:center;color:#fff;margin-top:24px}.login h1,header h1{font-size:34px;margin:18px 0 8px;color:#071f44}.login p,header p{color:#64748b}.login form{display:grid;gap:14px}.login label{display:grid;gap:7px;font-weight:800;color:#17365e}.login input{border:1px solid #cbdbea;border-radius:12px;padding:13px}.login button,.row button,aside button{border:0;border-radius:12px;background:#057dcf;color:#fff;font-weight:900;padding:13px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}.error{background:#fff0f0;color:#b42318;border:1px solid #ffc9c9;border-radius:12px;padding:12px}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid #dbe8f4;padding:24px;display:flex;flex-direction:column;gap:24px}aside img{width:155px}aside nav{display:grid;gap:10px}aside span{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#f0f9ff;color:#057dcf;font-weight:800}aside button{margin-top:auto;background:#ef4444}main{padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.status{display:flex;gap:8px;align-items:center;background:#ecfdf3;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:9px 13px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid #dbe8f4;border-radius:18px;padding:20px;box-shadow:0 18px 45px #122c4614}.stats article{display:grid;gap:8px}.stats b{font-size:30px;color:#071f44}.stats span,.row span,.site span,.site small,.mini span{color:#64748b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel h2{margin-top:0}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e2edf6;padding:12px 0}.row div,.site,.mini{display:grid;gap:4px}.row button{background:#fff7ed;color:#c2410c;padding:9px 11px}.site{width:100%;text-align:left;background:#fff;border:1px solid #dbe8f4;border-radius:12px;padding:12px;margin-bottom:10px;cursor:pointer}.site.on{border-color:#057dcf;background:#f0f9ff}.wide{margin-top:18px}.mini{border-bottom:1px solid #e2edf6;padding:12px 0}.mini p{margin:0;color:#334155}.credit-row input{border:1px solid #cbdbea;border-radius:10px;padding:9px;margin:4px 6px 4px 0;max-width:220px}.credit-row button{border:0;border-radius:10px;background:#057dcf;color:#fff;font-weight:800;padding:9px 12px;cursor:pointer}.credit-row label{font-size:13px;color:#64748b}@media (max-width:900px){.app,.grid{grid-template-columns:1fr}header{display:block}}