*{box-sizing:border-box}body{margin:0;background:#f5f6fb;color:#20243a;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{background:#fff;padding:16px max(20px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #17204410;gap:16px;flex-wrap:wrap}.brand{font-weight:900;font-size:22px;color:#6544d6;text-decoration:none}nav{display:flex;gap:18px}a{color:#6044c8}nav a{text-decoration:none;color:#333}main{max-width:1100px;margin:28px auto;padding:0 18px;min-height:75vh}.hero,.panel,.profile,.formbox{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px #20243a0b;margin-bottom:18px}.hero{background:linear-gradient(120deg,#6544d6,#9b70ed);color:white;padding:42px}.hero h1{font-size:clamp(30px,5vw,48px);margin:0 0 12px}.btn,button{display:inline-block;background:#6544d6;color:white;border:0;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#eee;color:#33265f}input,select,textarea{width:100%;padding:12px;border:1px solid #d9dbea;border-radius:9px;margin:6px 0 14px;font:inherit}label{font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.profile img{width:100%;height:190px;object-fit:cover;border-radius:12px;background:#eee}.muted{color:#6c7084}.notice{background:#eee9ff;padding:13px 16px;border-radius:10px;margin-bottom:16px}.danger{background:#fff0f0}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#eee9ff;color:#5536b8;font-size:13px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1}table{width:100%;border-collapse:collapse;background:#fff}td,th{text-align:left;padding:11px;border-bottom:1px solid #eee}footer{padding:28px 0;color:#777;font-size:14px}small{color:#777}.hidden{display:none}@media(max-width:600px){header{align-items:flex-start}nav{width:100%;justify-content:space-between}.hero{padding:28px}}