:root{--brand:#ee1f72;--brand-600:#d81b64;--ink:#0f172a;--sub:#64748b;--line:#e5e7eb;--bg:#f6f7f9;--card:#fff;--radius:8px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow-md:0 6px 18px #1018281a, 0 2px 4px #1018280f}body{background:var(--bg);color:var(--ink)}.ui-btn{border-radius:var(--radius);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;align-items:center;gap:7px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;line-height:1.2;transition:background .12s,box-shadow .12s,transform 40ms,border-color .12s;display:inline-flex}.ui-btn:hover{box-shadow:var(--shadow-sm);background:#f8fafc}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.ui-btn--sm{padding:.35rem .7rem;font-size:.8rem}.ui-btn--primary{background:var(--brand);color:#fff;border-color:#0000}.ui-btn--primary:hover{background:var(--brand-600)}.ui-btn--dark{background:var(--ink);color:#fff;border-color:#0000}.ui-btn--dark:hover{background:#1e293b}.ui-btn--warn{color:#fff;background:#f59e0b;border-color:#0000}.ui-btn--warn:hover{background:#d97706}.ui-btn--ghost{color:var(--sub);background:0 0;border-color:#0000}.ui-btn--ghost:hover{color:var(--ink);box-shadow:none;background:#f1f5f9}.nav{z-index:50;color:#cbd5e1;background:#0f172a;border-bottom:1px solid #ffffff0f;flex-wrap:nowrap;align-items:center;gap:.2rem;padding:.5rem .9rem;display:flex;position:sticky;top:0}.nav__brand{color:var(--brand);white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:.45rem;margin-right:.6rem;font-size:.95rem;font-weight:800;display:inline-flex}.nav__links{flex:1;align-items:center;gap:.2rem;min-width:0;display:flex;overflow-x:auto}.nav__links::-webkit-scrollbar{height:0}.nav__toggle{display:none}.nav__link{color:#94a3b8;white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.42rem .7rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.nav__link:hover{color:#e2e8f0;background:#ffffff12}.nav__link--active{background:var(--brand);color:#fff;font-weight:600}.nav__link--active:hover{background:var(--brand);color:#fff}.nav__logout{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;margin-left:auto;padding:.42rem .55rem;font-size:.8rem;transition:color .12s,background .12s;display:inline-flex}.nav__logout:hover{color:#f1f5f9;background:#ffffff0f}@media (width<=780px){.nav{flex-wrap:wrap}.nav__toggle{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:.4rem .5rem;display:inline-flex}.nav__links{flex-direction:column;flex:none;align-items:stretch;gap:.1rem;width:100%;margin-top:.5rem;display:none;overflow:visible}.nav__links.open{display:flex}.nav__link{padding:.65rem .7rem;font-size:.9rem}.nav__logout{justify-content:flex-start;width:100%;margin-left:0;padding:.65rem .7rem;font-size:.9rem}}.spin{animation:1s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}