:root{
  --bg:#f4f7fb;
  --bg2:#edf4ff;
  --card:#ffffff;
  --ink:#172033;
  --muted:#64748b;
  --primary:#1d4ed8;
  --primary-dark:#1e3a8a;
  --accent:#0f766e;
  --danger:#b91c1c;
  --warning:#b45309;
  --border:#dbe3ef;
  --soft:#eef4ff;
  --shadow:0 18px 55px rgba(15,23,42,.10);
  --shadow-soft:0 9px 26px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,#eaf3ff 0,#f5f7fb 34%,#f8fafc 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:none;color:var(--primary-dark)}
.wrap{max-width:1240px;margin:0 auto;padding:22px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#dbeafe 0%,#f8fafc 48%,#ecfeff 100%);position:relative;overflow:hidden}
.login-page:before,.login-page:after{content:"";position:absolute;border-radius:999px;filter:blur(20px);opacity:.55}.login-page:before{width:280px;height:280px;background:#93c5fd;left:-70px;top:-70px}.login-page:after{width:320px;height:320px;background:#99f6e4;right:-90px;bottom:-80px}
.login-shell{position:relative;z-index:1;width:min(960px,100%);display:grid;grid-template-columns:1fr 430px;gap:22px;align-items:stretch}.login-hero{border:1px solid rgba(255,255,255,.68);border-radius:26px;padding:34px;background:linear-gradient(155deg,rgba(30,64,175,.95),rgba(29,78,216,.88),rgba(15,118,110,.80));box-shadow:var(--shadow);color:white;display:flex;flex-direction:column;justify-content:center;min-height:440px}.app-mark{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-weight:900;letter-spacing:.6px;margin-bottom:18px}.login-hero h1{font-size:34px;line-height:1.07;margin:0 0 10px}.login-hero p{margin:0 0 24px;color:#dbeafe;font-size:16px}.hero-list{display:flex;gap:10px;flex-wrap:wrap}.hero-list span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 12px;font-weight:700;font-size:12px}.login-card{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.75);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.login-heading h2{font-size:24px;margin:0 0 5px;text-align:left}.login-heading p{color:var(--muted);margin:0 0 18px}.login-card h1{font-size:22px;margin:0 0 6px;text-align:center}.login-card p{text-align:left;color:var(--muted)}
.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,227,239,.85);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1240px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:12px}.brand{font-weight:800;color:#111827;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;display:grid;place-items:center;font-size:12px;letter-spacing:.2px;box-shadow:0 8px 18px rgba(29,78,216,.22)}.nav{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.nav a{padding:9px 11px;border-radius:12px;color:#334155;font-weight:700;font-size:13px}.nav a:hover,.nav a.active{background:#eaf1ff;color:#0b3b87}.nav a[href="logout.php"]{background:#fff1f2;color:#9f1239}.user-pill{color:#475569;font-size:12px;margin-left:6px;background:#f8fafc;border:1px solid var(--border);padding:7px 9px;border-radius:999px;white-space:nowrap}.year-pill{font-size:12px;border-radius:999px;padding:7px 10px;font-weight:800;white-space:nowrap;border:1px solid}.year-current{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.year-archive{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}
.card{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:20px;padding:19px;margin:0 0 18px;box-shadow:var(--shadow-soft)}.card h3{margin:0 0 14px;font-size:17px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-18px;top:-18px;width:72px;height:72px;background:#e0ecff;border-radius:999px}.stat b{display:block;font-size:30px;letter-spacing:-.8px;position:relative;z-index:1}.stat span{color:var(--muted);font-weight:700;position:relative;z-index:1}
label{font-size:13px;color:#334155;font-weight:800;display:block;margin:11px 0 6px}.checkline{display:flex;align-items:center;gap:8px;font-weight:800}.input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:13px;padding:11px 12px;font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#fff;color:#111827;outline:none;transition:.15s}.input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.18)}textarea{min-height:92px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:9px 13px;background:#e9eef7;color:#162033;font-weight:800;cursor:pointer;font-size:14px;box-shadow:0 1px 0 rgba(15,23,42,.04);transition:.12s}.btn:hover{transform:translateY(-1px);filter:brightness(.99)}.btn-primary{background:linear-gradient(135deg,var(--primary),#2563eb);color:white}.btn-success{background:linear-gradient(135deg,var(--accent),#0d9488);color:white}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:white}.btn-lg{padding:12px 15px;border-radius:14px}.btn-sm{padding:7px 10px;font-size:12px;border-radius:9px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.right{margin-left:auto}.muted{color:var(--muted)}.title-row{display:flex;gap:12px;align-items:center;margin-bottom:15px}.title-row h2{margin:0;font-size:24px;letter-spacing:-.5px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;background:#fff}table.data{width:100%;border-collapse:separate;border-spacing:0;background:#fff}table.data th,table.data td{border-bottom:1px solid var(--border);padding:11px 12px;text-align:left;vertical-align:top;font-size:14px}table.data th{background:#f8fafc;color:#334155;white-space:nowrap;font-weight:900}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:#fbfdff}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:900}.badge-success{background:#ecfdf5;color:#047857}.badge-soft{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.alert{padding:12px 14px;border-radius:15px;margin:0 0 15px;border:1px solid;font-weight:600}.alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.help{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.45}.item-box{border:1px dashed #cbd5e1;border-radius:16px;padding:13px;margin:10px 0;background:#fbfdff}.hidden{display:none!important}.footer-note{font-size:12px;color:var(--muted);text-align:center;padding:18px}.nowrap{white-space:nowrap}.select-inline{max-width:260px}.small-note{font-size:12px;color:var(--muted);line-height:1.45}
@media(max-width:960px){.login-shell{grid-template-columns:1fr}.login-hero{min-height:auto}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column}.nav{margin-left:0}.right{margin-left:0}.title-row{align-items:flex-start;flex-direction:column}.user-pill{white-space:normal}}
@media(max-width:560px){.wrap{padding:15px}.login-card,.login-hero{padding:22px;border-radius:22px}.login-hero h1{font-size:28px}.nav a{font-size:12px;padding:8px 9px}}