body{font-family:Arial,Helvetica,sans-serif;background:#f3f6fb;margin:0;color:#1a2b49}
.topbar{background:linear-gradient(90deg,#0f2f5f,#0d5eb7);color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.topbar a{color:#fff;text-decoration:none;margin-right:14px}
.brand{font-weight:700;font-size:22px}
.container{max-width:1200px;margin:24px auto;padding:0 16px}
.card{background:#fff;border-radius:16px;box-shadow:0 10px 28px rgba(15,47,95,.08);padding:20px;margin-bottom:18px}
.narrow{max-width:420px;margin:50px auto}
input,select,textarea,button{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d6dbe7;border-radius:10px;font-size:14px;margin-top:6px;margin-bottom:12px}
button,.btn{background:#0f5ec7;color:#fff;border:none;cursor:pointer;text-decoration:none;display:inline-block;padding:10px 14px;border-radius:10px;width:auto}
label{font-weight:700}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat p{font-size:34px;font-weight:700;margin:0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #eef2f8;text-align:left;font-size:14px}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px}
.alert.success{background:#e9f8ef;color:#126737}
.alert.error{background:#fdebec;color:#9d2235}
.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.row2,.row3{display:grid;gap:10px}
.row2{grid-template-columns:1fr 2fr}
.row3{grid-template-columns:2fr 2fr 2fr 1fr}
.actions{display:flex;gap:10px}
.user{opacity:.9;margin-right:14px}
@media (max-width:900px){.grid,.stats,.row2,.row3{grid-template-columns:1fr}}