:root{--navy:#11172d;--purple:#713ceb;--gold:#d8ae52}
body{background:#f4f5fa;color:#171b2d}header{background:var(--navy);color:#fff;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 4%;position:sticky;top:0;z-index:5}header b{letter-spacing:.08em}header small{color:var(--gold)}header nav{display:flex;gap:12px;flex-wrap:wrap}header a{color:#d9d8e8;text-decoration:none;font-size:13px}header a:hover{color:#fff}main{max-width:1250px;margin:30px auto;padding:0 18px}.panel,.card,.table{background:#fff;border:1px solid #e7e8f0;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(20,24,50,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card strong{display:block;font-size:28px;margin-top:8px;color:var(--purple)}.table{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f5;font-size:14px}th{color:#6d7286;font-size:12px;text-transform:uppercase;letter-spacing:.05em}label{display:block;margin:10px 0 5px;font-weight:600;font-size:13px}input,select,textarea{width:100%;padding:11px;border:1px solid #dfe2ec;border-radius:8px;margin-bottom:8px;box-sizing:border-box}textarea{min-height:90px}button,.button{background:var(--purple);border:0;color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:600}button.danger{background:#b83245}.ok{background:#e8f7ee;color:#08643a;padding:12px;border-radius:8px}.err{background:#fdecec;color:#a21d1d;padding:12px;border-radius:8px}.muted{color:#777d91}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#11172d,#272052)}.login-card{width:min(420px,calc(100% - 48px));box-sizing:border-box}.login-card h1{text-align:center}.login-card .muted,.eyebrow{text-align:center}.brand-mark{width:54px;height:54px;margin:auto;border-radius:16px;background:linear-gradient(135deg,#713ceb,#d8ae52);display:grid;place-items:center;color:white;font-size:30px;font-weight:800}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8c70d9;margin-top:18px}.admin-footer{text-align:center;color:#9297a8;padding:28px;font-size:12px}.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{width:auto;min-width:110px;margin:0}.status{padding:4px 8px;border-radius:30px;background:#f0edff;color:#6136cb;font-size:12px}@media(max-width:700px){header{position:static}header nav{gap:9px}main{margin:18px auto}}
