@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.page{position:relative;min-height:100vh;background:#050914;color:#e2e8f0;padding:18px}.bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,#1e3a8a40,transparent 40%),radial-gradient(circle at 80% 10%,#7c3aed40,transparent 35%),#050914;z-index:0}.header{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #1f2937;border-radius:14px;background:linear-gradient(135deg,#0f172a,#0b1220);box-shadow:0 12px 30px #0006}.brand{font-weight:800;font-size:20px}.tagline{font-size:12px;color:#cbd5e1}.role-switch{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #1f2937;background:#0b1220;color:#e2e8f0;padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer}.chip-active{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#0b1021}.abk-section,.admin-section{position:relative;z-index:1;margin-top:14px;display:grid;gap:14px}.book-tabs{display:flex;gap:8px;flex-wrap:wrap}.book-tab{background:#0b1220;border:1px solid #1f2937;color:#e2e8f0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.book-tab.on{background:linear-gradient(135deg,#10b981,#14b8a6);color:#0b1021}.book-card{background:linear-gradient(150deg,#0b1220,#0f172a);border:1px solid #1f2937;border-radius:14px;padding:14px;box-shadow:0 12px 30px #0005;display:grid;gap:8px}.book-title{font-weight:800;font-size:15px}.book-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.label{font-size:12px;color:#94a3b8}.value{font-size:18px;font-weight:800}.progress-shell{width:100%;height:12px;border-radius:999px;background:#0f172a;overflow:hidden;border:1px solid #1f2937}.progress-fill{height:100%;border-radius:999px}.progress-caption{font-size:12px;color:#94a3b8}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.timeline{display:grid;gap:12px}.timeline-day{background:#0b1220;border:1px solid #1f2937;border-radius:12px;padding:10px}.timeline-date{font-weight:800;margin-bottom:8px}.timeline-items{display:grid;gap:8px}.timeline-card{background:#0f172a;border:1px solid #1f2937;border-radius:10px;padding:10px;display:grid;gap:6px}.timeline-top{display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap}.badge{padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;color:#0b1021;text-transform:capitalize}.badge.source{background:#e0f2fe;color:#0b1021}.badge.kategori{background:#fbbf24;color:#0b1021}.nominal{font-weight:800}.timeline-note{color:#e2e8f0;font-size:13px}.timeline-meta{color:#94a3b8;font-size:12px}.admin-section .grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.panel{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:14px;box-shadow:0 10px 24px #0004;display:grid;gap:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.title{font-weight:800}.hint{font-size:12px;color:#94a3b8}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.form-col{display:grid;gap:6px}.form-col label{font-size:13px;color:#cbd5e1}.form-col input,.form-col select{background:#0f172a;border:1px solid #1f2937;color:#e2e8f0;padding:10px 12px;border-radius:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #1f2937;border-radius:10px;padding:10px 14px;background:#0f172a;color:#e2e8f0;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,#10b981,#14b8a6);color:#0b1021}.btn.ghost{background:transparent}@media (max-width: 720px){.header{align-items:flex-start}.book-numbers{grid-template-columns:1fr 1fr}}