:root{--primary:#1e3a8a;--secondary:#2563eb;--accent:#60a5fa;--soft:#bfdbfe;--dark:#0b1026;--text:#ffffff}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.fw-black{font-weight:950}.btn-rounded{border-radius:999px}a{color:#fff;text-decoration:none;font-weight:600}a:hover{color:#fff;opacity:.88;text-decoration:none}.public-page{min-height:100vh;background:radial-gradient(circle at top left,#60a5fa 0,#2563eb 24%,#1e3a8a 52%,#0b1026 100%);color:var(--text);overflow-x:hidden}.bg-orb{position:fixed;border-radius:999px;filter:blur(22px);opacity:.24;pointer-events:none}.orb-1{width:330px;height:330px;background:#93c5fd;right:-90px;top:10%}.orb-2{width:280px;height:280px;background:#38bdf8;left:-90px;bottom:5%}#confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:20}.hero-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06));box-shadow:0 30px 80px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.17),transparent 42%);pointer-events:none}.glass-panel{border-radius:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.countdown div{border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.16);padding:16px 10px;text-align:center}.countdown strong{display:block;font-size:clamp(1.7rem,5vw,3rem);line-height:1;font-weight:950;color:#fff}.countdown span{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.76)}.search-box{max-width:720px}.input-group{border-radius:999px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.22)}.form-control:focus{box-shadow:none}.btn-cek{background:linear-gradient(135deg,#2563eb,#60a5fa);border:0;color:#fff;letter-spacing:.02em}.btn-cek:hover{color:#fff;filter:brightness(1.06)}.result-card{max-width:780px;border-radius:28px;padding:26px;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 55px rgba(0,0,0,.3)}.result-card.passed{background:linear-gradient(135deg,rgba(34,197,94,.96),rgba(21,128,61,.96))}.result-card.failed{background:linear-gradient(135deg,rgba(239,68,68,.96),rgba(153,27,27,.96))}.result-card.special{background:linear-gradient(135deg,rgba(245,158,11,.96),rgba(180,83,9,.96))}.result-icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.22);font-size:2rem}.meta{height:100%;border-radius:18px;background:rgba(255,255,255,.16);padding:14px}.meta span{display:block;font-size:.75rem;text-transform:uppercase;opacity:.75;font-weight:800;letter-spacing:.08em}.meta strong{display:block;font-size:1rem}.notice{border-radius:18px;background:rgba(255,255,255,.18);padding:16px;font-weight:600}.notice-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.86;font-weight:900;margin-bottom:8px}.notice-content{font-weight:500;line-height:1.65}.notice-content p:last-child,.notice-content ul:last-child,.notice-content ol:last-child{margin-bottom:0}.himbauan-list{padding-left:1.25rem}.himbauan-list li{margin-bottom:.35rem;padding-left:.15rem}.himbauan-list li:last-child{margin-bottom:0}.school-logo{max-width:112px;max-height:112px;object-fit:contain;border-radius:24px;background:rgba(255,255,255,.96);padding:10px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.school-logo-placeholder{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);font-size:2.5rem}.school-info{color:#fff}.info-card{border-radius:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:22px;backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.18)}.info-card h5{font-weight:900;margin-bottom:.5rem}.info-card p{color:rgba(255,255,255,.78)}.info-card a{color:#fff;text-decoration:none;font-weight:800}.info-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.18);margin-bottom:12px;font-size:1.35rem}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.14);padding:8px 12px;color:#fff}.map-card{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(0,0,0,.22);background:rgba(255,255,255,.12)}.map-card iframe{display:block;width:100%;min-height:320px;border:0}.login-page{min-height:100vh;background:radial-gradient(circle at top,#e0edff 0,#f8fafc 42%,#dbeafe 100%)}.login-card{max-width:460px;border-radius:30px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.16);border:1px solid rgba(148,163,184,.2)}.login-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:2rem}.admin-body{background:#f4f7fb;color:#182033}.sidebar{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e3a8a 55%,#2563eb);color:#fff}.sidebar a{color:rgba(255,255,255,.86);text-decoration:none;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;margin-bottom:6px}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.14);color:#fff}.admin-card{border:0;border-radius:22px;box-shadow:0 14px 36px rgba(15,23,42,.08)}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}@media(max-width:768px){.countdown{grid-template-columns:repeat(2,1fr)}.hero-card{border-radius:24px}.input-group{border-radius:22px}.input-group .btn{width:100%;border-radius:0}.sidebar{min-height:auto}.result-card{padding:20px}.display-5{font-size:2.1rem}.school-logo{max-width:88px;max-height:88px}.info-card{padding:18px}.map-card iframe{min-height:240px}}


/* ===== Admin Enhancements: table, search, delete all ===== */
.stat-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(30,58,138,.08)}
.stat-card span{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:800}
.stat-card small{color:#64748b;font-weight:700}
.admin-filter{border-radius:22px;background:#f8fafc;border:1px solid #e2e8f0;padding:16px}
.admin-table-wrap{border:1px solid #e2e8f0;border-radius:22px;overflow:auto;background:#fff}
.admin-table{margin-bottom:0}
.admin-table thead th{background:#f8fafc;color:#334155;font-weight:900;white-space:nowrap}
.admin-table td{vertical-align:top}
.catatan-cell{min-width:280px;max-width:520px}
.catatan-box{border-left:4px solid #f59e0b;background:#fffbeb;border-radius:14px;padding:10px 12px;color:#78350f;font-weight:600;line-height:1.55;white-space:normal}
.danger-card{border:1px solid rgba(220,38,38,.18);background:linear-gradient(180deg,#fff,#fff7f7)}
.sidebar a{display:flex;gap:10px;align-items:center;text-decoration:none}
@media(max-width:768px){.admin-filter{padding:12px}.catatan-cell{min-width:240px}.admin-table-wrap{border-radius:16px}}