@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--color-primary:#1e1b4b;--color-accent:#5148ed;--color-accent-hover:#3730c4;--color-accent-light:#eef2ff;--color-highlight:#38bdf8;--bg-main:#fafafa;--bg-surface:#f5f5ff;--bg-card:#fff;--bg-card-hover:#fafaff;--bg-input:#fff;--border-color:#5148ed38;--border-highlight:#5148ed66;--text-main:#0f0e2a;--text-muted:#4b5563;--text-subtle:#6b7280;--text-on-accent:#fff;--accent-primary:var(--color-accent);--accent-gradient:var(--gradient-accent);--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#38bdf8;--accent-glow:#5148ed2e;--shadow-sm:0 1px 4px #1e1b4b0f;--shadow-md:0 4px 16px #1e1b4b1a;--shadow-lg:0 12px 32px #1e1b4b21;--shadow-glow:0 0 20px #5148ed2e;--gradient-primary:linear-gradient(135deg, #5148ed 0%, #38bdf8 100%);--gradient-surface:linear-gradient(160deg, #f1f0ff 0%, #fafafa 100%);--gradient-accent:linear-gradient(135deg, #5148ed 0%, #3730c4 100%);--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-family);background-color:var(--bg-main);background-image:var(--gradient-surface);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{max-width:1380px;margin:0 auto;padding:24px 20px 60px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#5148ed40}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;line-height:1.25}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.surface-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:var(--text-on-accent);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #5148ed59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--color-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-highlight);color:var(--color-accent)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-surface);color:var(--color-primary)}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;padding:8px}.btn-icon:hover{color:var(--color-accent);background:var(--color-accent-light);border-color:var(--border-color)}.input-field{width:100%;font-family:var(--font-family);background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast);box-shadow:var(--shadow-sm);outline:none;padding:10px 14px;font-size:.9rem}.input-field::placeholder{color:var(--text-subtle)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-glow)}.badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.02em;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent-light);color:var(--color-accent);border:1px solid #5148ed33}.badge-success{color:var(--color-success);background:#ecfdf5;border:1px solid #10b98133}.badge-warning{color:var(--color-warning);background:#fffbeb;border:1px solid #f59e0b33}.badge-danger{color:var(--color-danger);background:#fef2f2;border:1px solid #ef444433}.badge-info{color:var(--color-info);background:#f0f9ff;border:1px solid #38bdf833}.divider{background:var(--border-color);border:none;height:1px;margin:16px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-accent{0%,to{box-shadow:0 0 #5148ed4d}50%{box-shadow:0 0 0 6px #5148ed00}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn}@media (width<=900px){#root{padding:16px 14px 40px}#root>div>div{flex-direction:column!important;gap:14px!important}#root aside.glass-panel{max-height:none;width:100%!important}#root aside.glass-panel>div:last-child{max-height:280px!important}}@media (width<=640px){#root{padding:10px 10px 32px}#root>div>header.card{align-items:flex-start;margin-bottom:14px!important;padding:12px!important}#root>div>header.card>div:last-child{width:100%;justify-content:flex-start!important}#root>div>header.card button{flex:auto}#root>div>div>div>.glass-panel{padding:12px!important}#root>div>div>div>.glass-panel>div:first-child{align-items:stretch!important}#root>div>div>div>.glass-panel>div:first-child>div:first-child{flex-direction:column;align-items:stretch!important}#root>div>div>div>.glass-panel>div:first-child>div:first-child>button,#root>div>div>div>.glass-panel>div:first-child>div:last-child{width:100%}#root>div>div>div>.glass-panel>div:first-child>div:last-child button{flex:1;justify-content:center}#root>div>div>div>.glass-panel>div:last-child{flex-direction:column;align-items:stretch!important}#root>div>div>div>.glass-panel>div:last-child>div{width:100%;max-width:none!important}#root .glass-panel:has(form){max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;padding:18px!important}#root .glass-panel:has(form) form>div[style*=grid]{grid-template-columns:1fr!important}#root .glass-panel:has(form) .btn{min-height:42px}#root .glass-panel[style*="position: fixed"]{justify-content:space-between;width:auto!important;bottom:10px!important;left:10px!important;right:10px!important}#root table{min-width:760px}}button:has(.lucide-archive){display:none!important}