:root{--p:#635bff;--bg:#f5f7fb;--ink:#172033}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui;color:var(--ink);background:var(--bg)}a{color:var(--p);text-decoration:none}header,.hero{background:linear-gradient(120deg,#171b34,#635bff);color:#fff;padding:24px 5vw}nav{display:flex;gap:20px}nav strong{margin-right:auto}.hero{padding-block:65px}.hero h1{font-size:42px;max-width:700px}.grid,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:25px}.card,form,.panel{background:#fff;padding:22px;border-radius:15px;box-shadow:0 8px 25px #12162b12}input,select,textarea,button{width:100%;padding:11px;margin:7px 0;border:1px solid #d9ddeb;border-radius:9px}button,.btn{background:var(--p);color:#fff;border:0;padding:11px 16px;border-radius:9px;display:inline-block;width:auto}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#151a30;color:#fff;padding:22px;overflow:auto}aside a{display:block;color:#e3e6ff;padding:11px}.app{margin-left:245px;padding:28px}.public{max-width:1100px;margin:auto}.alert{padding:12px;background:#ecfdf5;border-radius:8px;margin:12px 0}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}@media(max-width:760px){aside{position:static;width:auto}.app{margin:0}.hero h1{font-size:30px}}