@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}a{text-decoration:none}.hero{background:linear-gradient(135deg,#003d24,#00693e 60%,#00874f);padding:28px 24px 26px;text-align:center;position:relative;overflow:hidden;width:100%}.hero-eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#b9d9eb80;margin-bottom:5px}.hero h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(1.3rem,3.5vw,1.8rem);color:#fff;margin-bottom:5px}.hero p{font-size:12px;color:#b9d9eb73}.wrap{max-width:760px;margin:0 auto;padding:28px 18px 48px;animation:fadeUp .4s ease both}.flash{padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px}.flash-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.flash-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.pin-screen{background:var(--white, #fff);border-radius:20px;border:1px solid #cce4f0;box-shadow:0 4px 24px #00693e12;padding:40px 32px;text-align:center;max-width:420px;margin:0 auto;animation:popIn .35s cubic-bezier(.16,1,.3,1) both}.pin-icon{width:56px;height:56px;border-radius:16px;background:#eaf5fc;border:1.5px solid #B9D9EB;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.pin-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:20px;color:#0d2416;margin-bottom:6px}.pin-sub{font-size:13px;color:#6b8fa3;line-height:1.6;margin-bottom:28px}.pin-boxes{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.pin-box{width:48px;height:56px;border-radius:12px;border:1.5px solid #cce4f0;background:#f0f7fb;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#0d2416;transition:border-color .15s,background .15s;font-family:Plus Jakarta Sans,monospace}.pin-box.filled{border-color:#003d24;background:#003d24;color:#b9d9eb}.pin-box.active{border-color:#b9d9eb;background:#fff;box-shadow:0 0 0 3px #b9d9eb40}.pin-box.error{border-color:#ef4444;background:#fef2f2;color:#dc2626;animation:shake .4s ease}.pin-input-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.pin-key{padding:14px;border-radius:12px;font-size:18px;font-weight:600;background:#f0f7fb;border:1.5px solid #cce4f0;cursor:pointer;color:#0d2416;font-family:Plus Jakarta Sans,sans-serif;transition:background .12s,transform .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pin-key:hover{background:#ddeef7;transform:scale(1.03)}.pin-key:active{transform:scale(.97)}.pin-key-del{background:#fef2f2;border-color:#fecaca;color:#dc2626}.pin-key-del:hover{background:#fee2e2}.pin-key-0{grid-column:2}.btn-pin-submit{width:100%;padding:13px;border-radius:12px;background:linear-gradient(135deg,#003d24,#00693e);color:#b9d9eb;border:none;font-size:14px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;margin-bottom:12px}.btn-pin-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #003d2447}.btn-pin-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pin-hint{font-size:12px;color:#6b8fa3;display:flex;align-items:center;justify-content:center;gap:5px}.pin-error-msg{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:7px}.class-header{background:linear-gradient(135deg,#003d24,#00693e);border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.class-header-left{display:flex;align-items:center;gap:12px}.class-icon{width:42px;height:42px;border-radius:11px;background:#b9d9eb1f;border:1.5px solid rgba(185,217,235,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.class-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:15px;color:#fff}.class-sub{font-size:11px;color:#b9d9eb73;margin-top:2px}.btn-ganti{font-size:12px;color:#b9d9ebb3;background:#b9d9eb14;border:1px solid rgba(185,217,235,.2);padding:6px 14px;border-radius:8px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;transition:background .15s,color .15s;display:flex;align-items:center;gap:5px}.btn-ganti:hover{background:#b9d9eb26;color:#b9d9eb}.assignment-grid{display:grid;gap:12px}.acard{background:#fff;border-radius:14px;border:1px solid #cce4f0;box-shadow:0 1px 6px #00693e0d;overflow:hidden;transition:transform .18s,box-shadow .18s;animation:fadeIn .28s ease both}.acard:hover:not(.acard-closed){transform:translateY(-2px);box-shadow:0 6px 20px #00693e1a}.acard-closed{opacity:.55}.acard-head{padding:14px 18px;background:linear-gradient(135deg,#003d24,#00693e);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.acard-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:15px;color:#fff}.acard-subject{font-size:11px;color:#b9d9eb80;margin-top:2px}.badge-status{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;flex-shrink:0}.badge-open{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.25)}.badge-urgent{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.badge-closed{background:#9ca3af1f;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.acard-body{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.acard-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.meta-pill{font-size:11px;padding:3px 10px;border-radius:6px;display:flex;align-items:center;gap:4px}.meta-pill svg{width:11px;height:11px;flex-shrink:0}.pill-urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pill-soon{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.pill-ok{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pill-neutral{color:#6b8fa3;background:#f0f7fb;border:1px solid #cce4f0}.pill-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.acard-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-kumpul{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#003d24,#00693e);color:#b9d9eb;text-decoration:none;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:transform .15s,box-shadow .15s}.btn-kumpul:hover{transform:translateY(-1px);box-shadow:0 4px 14px #003d2440}.btn-unduh{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#1e3a5f,#1d4ed8);color:#93c5fd;text-decoration:none;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:transform .15s,box-shadow .15s}.btn-unduh:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1d4ed84d}.btn-disabled{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:600;background:#f0f7fb;color:#6b8fa3;cursor:not-allowed;border:none;font-family:Plus Jakarta Sans,sans-serif}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:12px}@media (max-width: 600px){.wrap{padding:16px 12px 36px}.pin-screen{padding:28px 20px}.pin-box{width:42px;height:50px;font-size:18px}.pin-key{padding:12px;font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}