@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-main: "Outfit", system-ui, -apple-system, sans-serif;--text-xs: .85rem;--text-sm: 1rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-primary: 0 10px 15px -3px var(--color-primary-alpha)}:root,[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-text-main: #F5EBFA;--color-text-muted: #94a3b8;--color-primary: #A56ABD;--color-primary-hover: #E7DBEF;--color-primary-alpha: rgba(165, 106, 189, .25);--color-secondary: #334155;--color-border: #475569;--color-accent: #6E3482;--color-input-bg: transparent;--color-error: #ef4444;--surface-bg: var(--color-surface);--text-main: var(--color-text-main);--success: #22c55e;--warning: #f59e0b;--info: #3b82f6;--error: #ef4444}[data-theme=light]{--color-bg: #F5EBFA;--color-surface: #ffffff;--color-text-main: #49225B;--color-text-muted: #64748b;--color-primary: #6E3482;--color-primary-hover: #49225B;--color-primary-alpha: rgba(110, 52, 130, .25);--color-secondary: #E7DBEF;--color-border: #E7DBEF;--color-accent: #A56ABD;--color-input-bg: #ffffff;--color-error: #dc2626;--surface-bg: var(--color-surface);--text-main: var(--color-text-main);--success: #16a34a;--warning: #d97706;--info: #2563eb;--error: #dc2626}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-main);transition:background-color .3s ease,color .3s ease;line-height:1.5;overflow-x:hidden}button,input,textarea{font-family:inherit}.avatar{position:relative;border-radius:50%;overflow:hidden;background-color:var(--color-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar--sm{width:32px;height:32px}.avatar--md{width:44px;height:44px}.avatar--lg{width:64px;height:64px}.avatar__img{width:100%;height:100%;object-fit:cover;display:block}.avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:50%;border:2px solid var(--color-surface)}.avatar__status--online{background-color:var(--success)}.avatar__status--busy{background-color:var(--error)}.avatar__status--away{background-color:var(--warning)}.toast-container{position:fixed;bottom:1rem;right:1rem;top:auto;z-index:999999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:400px;padding:1rem;background-color:var(--surface-bg);color:var(--text-main);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease;border-left:4px solid transparent}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.exit{animation:slideOut .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-info .toast-icon{color:var(--info)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{flex:1;min-width:0;font-size:var(--text-sm);font-weight:500;line-height:1.4}.toast-content--rich{display:flex;flex-direction:column;gap:.1rem}.toast-title{color:var(--text-main);font-weight:700;line-height:1.2}.toast-message{color:var(--text-main);overflow:hidden;text-overflow:ellipsis}.toast-content--rich .toast-message{color:var(--text-secondary, var(--text-main));font-weight:400}.toast-icon--avatar{align-self:flex-start}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.toast-close:hover{background-color:#0000000d;color:var(--text-main)}.upload-status-bar{position:fixed;bottom:80px;left:16px;right:16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:10px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #0000004d;z-index:9000;animation:slideUp .3s ease-out;border-left:4px solid var(--color-primary)}.upload-status-bar.success{border-left-color:var(--color-success)}.upload-status-bar.error{border-left-color:var(--color-error)}.status-thumb{width:40px;height:40px;position:relative;border-radius:4px;overflow:hidden;flex-shrink:0;background:#000}.status-thumb img{width:100%;height:100%;object-fit:cover}.status-icon-badge{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.spinner-tiny{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.status-content{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.status-text-row{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--color-text-main)}.status-pct{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.status-progress-track{width:100%;height:4px;background:var(--color-bg);border-radius:2px;overflow:hidden}.status-progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.status-error-msg{font-size:.75rem;color:var(--color-error)}.status-actions{display:flex;gap:8px}.action-retry,.action-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.action-retry:hover{color:var(--color-primary);background:var(--color-bg)}.action-close:hover{color:var(--color-error);background:var(--color-bg)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUpCenter{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(min-width:850px){.upload-status-bar{left:50%;right:auto;bottom:32px;width:360px;animation:slideUpCenter .3s ease-out forwards}}