:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:.75rem;width:320px}.card h1{font-size:1.25rem;margin:0 0 .5rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}input,select,button{font:inherit;padding:.5rem .6rem;border:1px solid #d1d5db;border-radius:8px;background:#fff}button{background:#2563eb;color:#fff;border:none;cursor:pointer}button:disabled{opacity:.6;cursor:default}header button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.35rem .75rem}.layout header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#1e3a8a;color:#fff}.spacer{flex:1}.badge{background:#ffffff26;padding:.2rem .6rem;border-radius:999px;font-size:.8rem}main{padding:1.5rem}.panel{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #0000000f}.panel-head{display:flex;align-items:baseline;gap:.75rem;justify-content:space-between}.toolbar{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #e5e7eb}.status{padding:.15rem .5rem;border-radius:999px;font-size:.78rem}.status-aktif{background:#dcfce7;color:#166534}.status-nonaktif{background:#fef9c3;color:#854d0e}.status-keluar{background:#fee2e2;color:#991b1b}.create-form{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed #e5e7eb;display:grid;gap:.6rem;max-width:420px}.muted{color:#6b7280;font-size:.85rem}.tabs{display:flex;gap:.25rem;padding:0 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb}.tabs button{background:transparent;color:#374151;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.65rem .9rem;cursor:pointer}.tabs button.active{color:#1e3a8a;border-bottom-color:#1e3a8a;font-weight:600}.actions{display:flex;gap:.4rem;flex-wrap:wrap}.actions button{padding:.3rem .6rem;font-size:.82rem}.ghost{background:#fff;color:#1e3a8a;border:1px solid #c7d2fe}.badge-dark{background:#e5e7eb;color:#374151;padding:.15rem .5rem;border-radius:999px;font-size:.78rem}.jadwal{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed #e5e7eb}h3{margin:1.5rem 0 .5rem;font-size:1rem}h4{margin:0 0 .5rem;font-size:.95rem}.error{color:#b91c1c;font-size:.85rem;margin:0}