*{box-sizing:border-box}html,body{margin:0;padding:0;font:15px/1.5 Arial,Helvetica,sans-serif;background:#f6f7fb;color:#17212b}
a{text-decoration:none;color:#111}
.login-card{width:min(460px,calc(100% - 24px));margin:56px auto;background:#fff;border:1px solid rgba(23,33,43,.08);border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(20,31,51,.08)}
.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{background:#111827;color:#fff;padding:24px}
.sidebar-brand{font-size:24px;font-weight:800;margin-bottom:18px}
.sidebar nav{display:grid;gap:8px}
.sidebar nav a{color:#e5e7eb;padding:10px 12px;border-radius:12px}
.sidebar nav a:hover{background:rgba(255,255,255,.08)}
.content{padding:28px}
h1{margin-top:0}
.card,.form-card{background:#fff;border:1px solid rgba(23,33,43,.08);border-radius:20px;padding:20px;box-shadow:0 14px 40px rgba(20,31,51,.06)}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stack{display:grid;gap:18px}
.inline-form,.form-card{display:grid;gap:10px}
label{font-weight:700;font-size:14px}
input,textarea{width:100%;padding:12px 14px;border:1px solid rgba(23,33,43,.12);border-radius:14px;background:#fff}
button{border:0;background:#ef6c00;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer}
button.danger{background:#b42318}
.notice{padding:12px 14px;border-radius:14px;margin-bottom:16px}
.notice.ok{background:#ecfdf3;color:#027a48}
.alert{padding:12px 14px;border-radius:14px;background:#fff1f0;color:#b42318;margin:12px 0}
.muted{color:#66707a}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.card-grid,.two-col,.three-col{grid-template-columns:1fr}}