:root{font-family:Inter,system-ui,Arial,sans-serif;color:#17233b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:#2563eb;text-decoration:none}header{background:white;border-bottom:1px solid #e5eaf3;display:flex;justify-content:space-between;align-items:center;padding:19px max(5%,calc((100vw - 1180px)/2));gap:20px}.brand{font-size:25px;font-weight:800;color:#2563eb}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}main{max-width:1180px;margin:40px auto;padding:0 22px;min-height:72vh}h1{font-size:34px;margin:0 0 8px}h2{font-size:20px}p,.muted,small{color:#64748b}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.card{background:white;border:1px solid #e4eaf4;border-radius:16px;padding:25px;margin:20px 0;box-shadow:0 6px 30px #17233b08}.auth{max-width:440px;margin:80px auto}.auth form,.auth label{display:flex;flex-direction:column;gap:9px}.auth form{gap:20px}input,select,button,.btn{border:1px solid #d8e0ec;border-radius:9px;padding:11px 13px;background:white;color:#1e293b;font:inherit}input[type=file]{max-width:260px}button,.btn{cursor:pointer;font-weight:600;white-space:nowrap}button:hover,.btn:hover{background:#edf4ff}.primary{background:#2563eb;color:white;border-color:#2563eb}.primary:hover{background:#1d4ed8}.ghost{border:0}.danger{color:#dc2626}.inline,.tools,.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tools{justify-content:space-between;background:white;padding:20px;border-radius:14px;border:1px solid #e4eaf4}.pill{background:#eaf2ff;color:#1d4ed8;padding:12px 17px;border-radius:30px;font-weight:700}.progress{height:9px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:25px}.progress div{height:100%;background:#2563eb}.item{padding:16px 0;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.item:last-child{border:0}.item small{display:block;margin-top:6px}.item input{max-width:180px}.item label{font-size:12px}.item label input,.item label select{display:block}.alert,.success{padding:14px;border-radius:10px;background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}footer{text-align:center;padding:30px;color:#94a3b8}@media(max-width:700px){header{padding:15px;align-items:flex-start;flex-direction:column}main{margin:20px auto}.heading{align-items:flex-start;flex-direction:column}.card{padding:16px}.item{align-items:flex-start}.actions{width:100%}}
