*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e1a;--surface:#111827;--surface2:#1a2235;--border:#1e2d45;--gold:#f59e0b;--gold2:#fbbf24;--text:#f1f5f9;--text2:#94a3b8;--green:#10b981;--red:#ef4444;--blue:#3b82f6}body{background:#0a0e1a;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:Inter,sans-serif}.loading,body{min-height:100vh}.loading{align-items:center;display:flex;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid #1e2d45;border-top-color:#f59e0b;border:3px solid var(--border);border-radius:50%;border-top-color:var(--gold);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000}.btn-gold:hover{opacity:.9;transform:translateY(-1px)}.btn-gold:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-outline{background:#0000;border:1px solid #1e2d45;border:1px solid var(--border);color:#94a3b8;color:var(--text2)}.btn-outline:hover{border-color:#f59e0b;border-color:var(--gold);color:#f59e0b;color:var(--gold)}input,select,textarea{background:#1a2235;background:var(--surface2);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:8px;color:#f1f5f9;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}input:focus,select:focus{border-color:#f59e0b;border-color:var(--gold)}.badge{border-radius:999px;font-size:12px;font-weight:500;padding:3px 10px}.badge-green{background:#064e3b;color:#10b981;color:var(--green)}.badge-yellow{background:#451a03;color:#f59e0b;color:var(--gold)}.badge-red{background:#450a0a;color:#ef4444;color:var(--red)}.badge-blue{background:#1e3a5f;color:#3b82f6;color:var(--blue)}.dash-topbar{align-items:center;background:#111827;background:var(--surface);border-bottom:1px solid #1e2d45;border-bottom:1px solid var(--border);display:none;height:52px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:50}.dash-hamburger{background:#0000;border:none;color:#f1f5f9;color:var(--text);cursor:pointer;font-size:20px;padding:4px}.dash-root,.dash-sidebar{display:flex;min-height:100vh}.dash-sidebar{background:#111827;background:var(--surface);border-right:1px solid #1e2d45;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;padding:24px;transition:transform .25s;width:240px}.dash-main{background:#0a0e1a;background:var(--bg);flex:1 1;min-height:100vh;overflow:auto;padding:24px}.dash-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:768px){.dash-topbar{display:flex}.dash-root{display:block}.dash-sidebar{bottom:0;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);z-index:41}.dash-sidebar.open{transform:translateX(0)}.dash-main{min-height:100vh;padding:68px 12px 24px}.dash-stats{grid-template-columns:repeat(2,1fr)}.panduan-menu{flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%!important;position:relative!important;width:100%!important}.panduan-menu button{flex:1 1!important;font-size:12px!important;justify-content:center!important;min-width:120px!important;padding:8px 10px!important}}
/*# sourceMappingURL=main.6eb3c522.css.map*/