@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060B12;--surface: #0D1521;--surface-2: #132035;--surface-3: #1A2B45;--border: #1E3050;--accent: #C8A96A;--accent-low: rgba(200,169,106,.13);--accent-mid: rgba(200,169,106,.32);--navy: #0D1B2A;--text: #F0EDE8;--text-2: #9AA5B8;--text-3: #4E5F78;--danger: #E05555;--danger-low: rgba(224,85,85,.13);--success: #2ECC71;--success-low: rgba(46,204,113,.13);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--topbar-h: 56px;--bnav-h: 68px}html{-webkit-text-size-adjust:100%}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}#jaga{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:50;height:var(--topbar-h);background:#0c0c0ef0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}@media (min-width: 640px){.topbar{display:flex}}.topbar-inner{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-right:.5rem;text-decoration:none}.top-nav{display:flex;gap:.25rem;flex:1}.top-nav a{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--radius-sm);color:var(--text-2);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .15s,background .15s}.top-nav a:hover{color:var(--text);background:var(--surface-2)}.top-nav a.router-link-active{color:var(--accent);background:var(--accent-low)}.logout-btn{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-3);border-radius:var(--radius-sm);padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;transition:color .15s,border-color .15s}.logout-btn:hover{color:var(--danger);border-color:var(--danger)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;height:var(--bnav-h);background:#0e0e10f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width: 640px){.bottom-nav{display:none}}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--text-3);text-decoration:none;font-size:.7rem;font-weight:500;letter-spacing:.02em;transition:color .15s;border:none;background:none;cursor:pointer}.bnav-item.router-link-active{color:var(--accent)}.bnav-logout{color:var(--text-3)}.bnav-logout:hover{color:var(--danger)}main{flex:1;padding:1.1rem 1rem calc(var(--bnav-h) + .5rem)}@media (min-width: 640px){main.with-header{padding:calc(var(--topbar-h) + 1.75rem) 1.5rem 2rem;max-width:1100px;margin:0 auto;width:100%}}button{font-family:Outfit,system-ui,sans-serif;cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;padding:.55rem 1.1rem;transition:opacity .15s,transform .1s}button:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#000;font-weight:700}.btn-primary:hover{opacity:.88}.btn-ghost{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-3)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.88}input,select,textarea{font-family:Outfit,system-ui,sans-serif;width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.95rem;outline:none;transition:border-color .15s;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-3)}label{display:block;font-size:.75rem;font-weight:600;color:var(--text-2);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.06em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em}.badge-danger{background:var(--danger-low);color:var(--danger)}.badge-success{background:var(--success-low);color:var(--success)}.badge-warning{background:var(--accent-low);color:var(--accent)}.badge-muted{background:var(--surface-3);color:var(--text-2)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--text-3);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.table td{padding:.65rem .75rem;border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}@media (min-width: 640px){.modal-overlay{align-items:center;padding:1rem}}.modal{background:var(--surface);border:1px solid var(--border);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.5rem 1.25rem 2rem;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto}@media (min-width: 640px){.modal{border-radius:var(--radius-lg);padding-bottom:1.5rem}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 1.25rem}@media (min-width: 640px){.modal-handle{display:none}}.modal h3{font-size:1.1rem;font-weight:700;margin-bottom:1.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.form-row{margin-bottom:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem .85rem}@media (max-width: 420px){.form-grid{grid-template-columns:1fr}}.error-msg{color:var(--danger);font-size:.82rem;margin-top:.35rem}.empty-state{color:var(--text-3);font-size:.9rem}