:root{--navy:#0d1f35;--blue:#42a8f5;--paper:#f5f8fb;--line:#dce7f0;--ink:#1d2b3a;--muted:#6b7788;--radius:18px;--shadow:0 18px 50px rgba(7,22,38,.12)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eef4fa,#dbeaf6);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.admin-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#0d1f35;color:#d9e9fa;padding:24px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.logo span{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#42a8f5,#8bdcff);color:#06213a;font-weight:900}.logo strong{font-size:18px}.sidebar nav{display:grid;gap:8px}.sidebar a{display:block;padding:12px 14px;border-radius:14px;color:#c7d9ea}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.12);color:#fff}.main{padding:28px}.main-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.75);border:1px solid #fff;border-radius:24px;padding:22px 24px;margin-bottom:24px;box-shadow:var(--shadow)}h1{font-size:26px;margin:0 0 6px}p{color:var(--muted);margin:0;line-height:1.7}.btn,.btn-small,.btn-danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:11px 18px;background:#0d1f35;color:#fff;font-weight:800;cursor:pointer}.btn-small{padding:7px 12px;font-size:13px;background:#edf6ff;color:#1279c8;border:1px solid #cfe8fa}.btn-danger{background:#fff0f2;color:#ce3b50;border:1px solid #ffd2d9}.card{background:rgba(255,255,255,.84);border:1px solid #fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.stat{padding:22px;border-radius:20px;background:linear-gradient(135deg,#fff,#eef8ff);border:1px solid #dcebf6}.stat b{display:block;font-size:32px;color:#0d72bd;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}.table th{background:#eef6fd;color:#30465c;white-space:nowrap}.table tr:hover td{background:#fbfdff}.actions{display:flex;gap:8px;flex-wrap:wrap}.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start}.form-row label{font-weight:800;padding-top:11px;color:#30465c}.form input,.form textarea,.form select{width:100%;border:1px solid #d3e2ee;border-radius:14px;padding:12px 13px;font-size:15px;outline:none;background:#fff}.form textarea{min-height:118px;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{border-color:#42a8f5;box-shadow:0 0 0 4px rgba(66,168,245,.12)}.notice{padding:12px 14px;border-radius:14px;background:#eefaf0;color:#16763a;border:1px solid #bce8c8;margin-bottom:18px}.error{padding:12px 14px;border-radius:14px;background:#fff1f1;color:#b42333;border:1px solid #ffc8d0;margin-bottom:18px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(66,168,245,.35),transparent 28%),#0d1f35}.login-box{width:min(420px,92vw);background:#fff;border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.32)}.login-box h1{font-size:30px}.login-box .form-row{display:block}.login-box label{display:block;margin:12px 0 8px;padding:0}.login-box button{width:100%;margin-top:16px}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf6ff;color:#1578bd;font-size:12px}.muted{color:var(--muted)}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:16px}.grid-4{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.main-top{align-items:flex-start;flex-direction:column}}