@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');
:root{--navy:#064986;--blue:#0b69bd;--sky:#24aee4;--line:#d9ebf7;--soft:#f4fbff;--text:#213b51}
*{box-sizing:border-box}
body{margin:0;font-family:'Prompt',sans-serif;background:#f6fbff;color:var(--text)}
a{text-decoration:none;color:inherit}
.admin{display:grid;grid-template-columns:265px 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#053c78,#0868b6);color:#fff;padding:18px 13px}
.sidebar h2{margin:0 8px 20px;font-size:21px}
.sidebar a{display:block;padding:10px 12px;border-radius:9px;margin-bottom:4px;font-size:14px;color:#e8f6ff}
.sidebar a:hover{background:rgba(255,255,255,.13)}
.main{padding:28px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 18px rgba(9,91,158,.07)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat b{display:block;font-size:34px;color:var(--blue)}
.stat span{font-size:12px;color:#718699}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.group{display:flex;flex-direction:column;gap:5px}
.full{grid-column:1/-1}
input,textarea,select{width:100%;padding:9px 11px;border:1px solid #cfe5f3;border-radius:9px;font:inherit}
textarea{min-height:130px;resize:vertical}
.btn{display:inline-block;border:0;border-radius:9px;padding:8px 12px;font:inherit;cursor:pointer;font-size:12px}
.primary{background:var(--blue);color:#fff}.light{background:var(--soft);color:var(--navy)}.danger{background:#d94b4b;color:#fff}
.alert{padding:10px 12px;border-radius:9px;margin-bottom:12px;font-size:12px}.ok{background:#eafaf1;color:#177245}.bad{background:#fff0f0;color:#b42318}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}
th{background:#f1f9ff;color:var(--navy)}
.preview{width:96px;height:64px;object-fit:cover;border-radius:7px;background:#eaf8ff}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e8f7ff,#fff);padding:20px}
.login{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 16px 40px rgba(9,91,158,.12)}
.login h1{margin-top:0;color:var(--navy)}
@media(max-width:800px){.admin{grid-template-columns:1fr}.stats,.form-grid{grid-template-columns:1fr}}