*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#111827;color:#fff;padding:24px 14px;overflow:auto}aside h2{padding:0 12px 20px}aside a{display:block;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:9px;margin:3px 0}aside a:hover{background:#1f2937;color:#fff}main{margin-left:245px;padding:30px}.public-main{margin:0;padding:20px}.panel{background:#fff;border-radius:16px;padding:22px;box-shadow:0 5px 25px #0000000b;margin-top:20px;overflow:auto}.narrow{max-width:520px;margin:50px auto}.btn,button{display:inline-block;background:#111827;color:#fff;text-decoration:none;border:0;border-radius:9px;padding:10px 15px;cursor:pointer}input,select,textarea{padding:11px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;width:100%;max-width:600px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4;white-space:nowrap}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;margin-bottom:15px}@media(max-width:900px){aside{position:static;width:100%;min-height:auto}aside a{display:inline-block}main{margin:0;padding:18px}}