*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}:root,[data-theme=light]{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#e5e7eb;--color-secondary-hover:#d1d5db;--color-secondary-text:#111827;--color-input-background:#fff;--color-input-border:#d1d5db;--color-label:#374151;--color-focus-ring:#2563eb26;--color-danger-hover:#b91c1c;--color-text:#111827;--color-muted:#6b7280;--color-text-secondary:#64748b;--color-background:#f8fafc;--color-surface:#fff;--color-surface-secondary:#f1f5f9;--color-white:#fff;--color-border:#e2e8f0;--color-danger:#dc2626;--color-danger-background:#fef2f2;--color-warning:#d97706;--shadow-card:0 4px 14px #0f172a14;--overlay-background:#0f172a8c;--color-success:#16a34a;--color-success-text:#16a34a;--color-success-background:#f0fdf4;--color-success-border:#86efac;--border-radius:12px}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-text:#f8fafc;--color-muted:#94a3b8;--color-text-secondary:#94a3b8;--color-secondary:#334155;--color-secondary-hover:#475569;--color-secondary-text:#f8fafc;--color-danger-hover:#ef4444;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-secondary:#334155;--color-white:#fff;--color-border:#475569;--color-danger:#f87171;--color-danger-background:#450a0a;--color-warning:#d97706;--shadow-card:0 4px 14px #00000059;--overlay-background:#000000b3;--color-input-background:#1e293b;--color-input-border:#475569;--color-label:#e2e8f0;--color-focus-ring:#3b82f640;--color-success:#4ade80;--color-success-text:#4ade80;--color-success-background:#052e16;--color-success-border:#166534}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;max-width:100%;overflow-x:hidden}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-background);width:100%;max-width:100%;min-height:100vh;color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}button,a{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s}.app__main{flex:1;min-width:0;max-width:100%;overflow-x:hidden}.button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .2s;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:var(--color-primary);color:var(--color-white)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-text)}.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--danger{background-color:var(--color-danger);color:var(--color-white)}.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.button--small{padding:8px 16px;font-size:14px}.button--medium{padding:12px 24px;font-size:16px}.button--large{padding:16px 32px;font-size:18px}.navbar{z-index:20;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;min-height:64px;padding:12px 24px;display:flex;position:relative}.navbar__logo{color:var(--color-text);flex-shrink:0;font-size:24px;font-weight:700;text-decoration:none}.navbar__links{align-items:center;gap:24px;display:flex}.navbar__link{color:var(--color-text-secondary);white-space:nowrap;font-weight:500;text-decoration:none;transition:color .2s}.navbar__link:hover{color:var(--color-primary)}.navbar__user-menu{position:relative}.navbar__user-button{cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;display:flex}.navbar__user-button:hover{background-color:var(--color-surface-secondary)}.navbar__user-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navbar__avatar{width:36px;height:36px;color:var(--color-white);background-color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.navbar__avatar-image{object-fit:cover;width:100%;height:100%}.navbar__user-name{max-width:160px;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.navbar__chevron{color:var(--color-muted);flex-shrink:0;transition:transform .2s}.navbar__chevron_open{transform:rotate(180deg)}.navbar__dropdown{z-index:30;border:1px solid var(--color-border);background-color:var(--color-surface);width:240px;box-shadow:var(--shadow-card);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.navbar__dropdown-header{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.navbar__dropdown-header strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar__dropdown-header span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.navbar__dropdown-divider{background-color:var(--color-border);height:1px;margin:6px 0}.navbar__dropdown-item{color:var(--color-label);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.navbar__dropdown-item:hover{color:var(--color-primary);background-color:var(--color-surface-secondary)}.navbar__dropdown>button{justify-content:center;width:100%}.navbar__menu-button{color:var(--color-label);cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:none}.navbar__menu-button:hover{background-color:var(--color-surface-secondary)}.navbar__menu-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navbar__link--active{color:var(--color-primary);font-weight:700}@media screen and (width<=600px){.navbar{flex-wrap:wrap;padding:12px 16px}.navbar__menu-button{display:flex}.navbar__links{flex-direction:column;flex-basis:100%;align-items:stretch;gap:4px;padding-top:12px;display:none}.navbar__links_open{display:flex}.navbar__link{border-radius:8px;padding:10px 12px}.navbar__link:hover{background-color:var(--color-surface-secondary)}.navbar__user-menu{width:100%}.navbar__user-button{justify-content:flex-start;width:100%;padding:8px 12px}.navbar__user-name{display:block}.navbar__chevron{margin-left:auto;display:block}.navbar__dropdown{width:auto;box-shadow:none;margin-top:6px;position:static}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);width:100%;max-width:100%;margin-top:auto;padding:40px 24px 24px;overflow-x:hidden}.footer__content{justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:min(1200px,100%);margin:0 auto;display:flex}.footer__brand{min-width:0}.footer__brand h3{color:var(--color-text);margin:0 0 8px;font-size:1.25rem;font-weight:700}.footer__brand p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;font-size:.95rem}.footer__social{flex-shrink:0;align-items:center;gap:18px;display:flex}.footer__social a{width:42px;height:42px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .2s;display:flex}.footer__social a:hover{background-color:var(--color-surface-secondary);color:var(--color-primary);transform:translateY(-2px)}.footer__copyright{border-top:1px solid var(--color-border);text-align:center;max-width:min(1200px,100%);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:24px auto 0;padding-top:16px;font-size:.85rem}@media (width<=768px){.footer{padding:24px 20px}.footer__content{text-align:center;flex-direction:column;gap:24px}.footer__social{justify-content:center}}.loader{justify-content:center;align-items:center;padding:40px;display:flex}.loader__spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}