*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#9b267c;--primary-dark:#7a1e63;--primary-light:#f3e7f0;--accent:#c8c958;--accent-dark:#a9aa42;--danger:#e15b52;--danger-light:#fbebe9;--success:#2fa876;--bg:#f6f5f8;--surface:#fff;--text:#23202a;--text-muted:#837c8a;--border:#ece8ee;--radius-sm:8px;--radius-md:12px;--radius-lg:9px;--radius-full:10px;--shadow-sm:0 1px 2px #2314280d;--shadow-md:0 6px 20px -4px #2314281a;--shadow-lg:0 20px 40px -8px #2314282e;--ring:0 0 0 4px #9b267c1f;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}html,body,#app{height:100%}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:#9b267c2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);border:2px solid var(--bg);background:#ddd6de}::-webkit-scrollbar-thumb:hover{background:#c9c0cb}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page{flex-direction:column;gap:1.5rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-top{justify-content:space-between;align-items:center;gap:12px;height:40px;display:flex}.page-title{color:#221f20;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,2.5vw,37px);font-weight:600;overflow:hidden}.header-actions{align-items:center;gap:.75rem;display:flex}.header-actions .base-button{white-space:nowrap;width:auto;padding:.65rem 1.2rem}.loader{color:var(--text-muted);text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:3rem}.grid-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.stats-row{flex-wrap:wrap;gap:1rem;display:flex}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#1e122080;justify-content:center;align-items:center;padding:1.5rem;animation:.18s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:380px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:1.1rem;padding:1.85rem;animation:.18s cubic-bezier(.22,1,.36,1) modal-in;display:flex;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-actions{justify-content:flex-end;gap:.75rem;padding-top:.25rem;display:flex}.modal-actions .base-button{width:auto;padding:.65rem 1.3rem}.toast{border-radius:var(--radius-md);color:#fff;z-index:60;box-shadow:var(--shadow-lg);align-items:center;gap:.65rem;padding:.9rem 1.3rem;font-size:.9rem;font-weight:500;display:flex;position:fixed;bottom:1.75rem;right:1.75rem}.toast i{font-size:1.05rem}.toast--success{background:var(--primary)}.toast--error{background:var(--danger)}.toast-enter-active,.toast-leave-active{transition:all .25s cubic-bezier(.22,1,.36,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}