*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f8fc;color:#102a4c}.layout{display:flex;min-height:100vh}.sidebar{width:270px;background:#08264a;color:white;padding:25px 18px;position:fixed;inset:0 auto 0 0}.sidebar h2{font-size:18px}.sidebar nav{margin-top:35px}.sidebar nav a{display:block;color:#dce9f7;text-decoration:none;padding:13px;border-radius:9px;margin:4px 0}.sidebar nav a.active,.sidebar nav a:hover{background:#1477d4;color:#fff}.quote{position:absolute;bottom:25px;background:#0d315d;padding:18px;border-radius:16px;right:18px;left:18px}.main{margin-left:270px;width:calc(100% - 270px)}.topbar{height:70px;background:white;border-bottom:1px solid #e2e9f1;padding:18px 30px;display:flex;justify-content:space-between}.topbar a{background:#0b9f6e;color:#fff;padding:10px 15px;border-radius:9px;text-decoration:none}.content{padding:32px;max-width:1400px;margin:auto}.hero{background:linear-gradient(120deg,#0b315e,#176db5);color:#fff;border-radius:20px;padding:35px;margin-bottom:22px}.hero span{background:#0aa875;padding:8px 12px;border-radius:18px;font-weight:bold}.hero h1{font-size:38px;margin:15px 0}.card{background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:25px;margin-bottom:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid label,.filters label,.stack label{display:grid;gap:7px;font-weight:bold;font-size:13px}.wide{grid-column:1/-1}input,select,textarea{padding:11px;border:1px solid #d4deea;border-radius:8px;font:inherit;width:100%}textarea{min-height:110px}.btn{border:0;background:#087ce5;color:white;padding:12px 18px;border-radius:9px;font-weight:bold;cursor:pointer}.secondary{background:#64748b}.ok{background:#e7f9f1;color:#087b50;padding:14px;border-radius:10px;margin-bottom:18px}.err{background:#fff0f0;color:#b3261e;padding:14px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.stat{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:18px}.stat b{font-size:30px;display:block;margin-top:7px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5ebf1}th{background:#eef4f9}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.stack{display:grid;gap:12px}.log{padding:12px 0;border-bottom:1px solid #e5ebf1}.solution{background:#effaf5;padding:14px;border-radius:10px}.inline{display:flex;gap:10px}.login-page{min-height:100vh;display:grid;place-items:center;background:#08264a}.login-card{background:white;padding:35px;border-radius:20px;width:min(420px,92vw);text-align:center}.login-card form{display:grid;gap:15px;text-align:left}.login-card label{display:grid;gap:6px;font-weight:bold}.big{font-size:50px}@media(max-width:800px){.sidebar{position:static;width:100%;min-height:auto}.layout{display:block}.main{margin-left:0;width:100%}.stats{grid-template-columns:1fr 1fr}.grid,.two{grid-template-columns:1fr}.wide{grid-column:auto}.content{padding:18px}}