:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary-50:#eff6ff;--secondary-100:#dbeafe;--secondary-200:#bfdbfe;--secondary-300:#93c5fd;--secondary-400:#60a5fa;--secondary-500:#3b82f6;--secondary-600:#2563eb;--secondary-700:#1d4ed8;--secondary-800:#1e40af;--secondary-900:#1e3a8a;--secondary:#3b82f6;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--success:#10b981;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger:#ef4444;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning:#fbbf24;--info-50:#eff6ff;--info-500:#3b82f6;--info:#3b82f6;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--black:#000;--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-surface-elevated:#334155;--dark-border:#475569;--dark-text-primary:#f1f5f9;--dark-text-secondary:#cbd5e1;--dark-text-muted:#94a3b8;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-dark:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-glass:linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%);--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--space-3xl:var(--space-16);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-primary:0 4px 14px 0 #764ba24d;--shadow-primary-lg:0 10px 25px -3px #764ba259;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--tab-bar-height:calc(60px + var(--safe-area-inset-bottom));--header-height:60px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--dark-text-primary);background-color:var(--dark-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);white-space:nowrap;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:var(--white);border-color:#0000}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--dark-surface);color:var(--dark-text-primary);border-color:var(--dark-border)}.btn-secondary:hover:not(:disabled){background-color:var(--dark-surface-elevated);border-color:var(--gray-500)}.btn-danger{background-color:var(--danger);color:var(--white);border-color:var(--danger-600)}.btn-danger:hover:not(:disabled){background-color:var(--danger-600)}.btn-success{background-color:var(--success);color:var(--white);border-color:var(--success-600)}.btn-success:hover:not(:disabled){background-color:var(--success-600)}.btn-ghost{color:var(--dark-text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--dark-surface);color:var(--dark-text-primary)}.btn-outline{color:var(--primary);border-color:var(--primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--white)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-width:28px;min-height:28px}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm);min-width:36px;min-height:36px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:52px}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:60px}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full)}.btn-icon.btn-sm{padding:var(--space-1-5)}.btn-icon.btn-lg{padding:var(--space-3)}.btn-block{width:100%}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";border-radius:var(--radius-full);border:2px solid #0000;border-top-color:currentColor;width:16px;height:16px;animation:.6s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}.input-wrapper{gap:var(--space-1-5);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--dark-text-secondary)}.input-label.required:after{content:" *";color:var(--danger)}.input{width:100%;padding:var(--space-2-5) var(--space-3);font-family:var(--font-sans);font-size:16px;line-height:var(--leading-normal);color:var(--dark-text-primary);background-color:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);min-height:44px}.input::placeholder{color:var(--dark-text-muted)}.input:hover:not(:disabled){border-color:var(--gray-500)}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6b46c126}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--dark-surface-elevated)}.input-icon-wrapper{position:relative}.input-icon-wrapper .input{padding-left:var(--space-10)}.input-icon-wrapper .input-icon{left:var(--space-3);color:var(--dark-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.input-success{border-color:var(--success)}.input-success:focus{box-shadow:0 0 0 3px #10b98126}.input-error-text{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--danger);display:flex}.input-help-text{font-size:var(--text-sm);color:var(--dark-text-muted)}.textarea{resize:vertical;min-height:100px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);background-size:16px}.card{background-color:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-lg);overflow:hidden}.card-hover{transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-500);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-header{padding:var(--space-4);border-bottom:1px solid var(--dark-border)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-4);border-top:1px solid var(--dark-border);background-color:#0000001a}.card-image{aspect-ratio:16/9;object-fit:cover;width:100%}.card-image-square{aspect-ratio:1}.card-image-portrait{aspect-ratio:3/4}.card-glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);border-color:#ffffff1a}.card-elevated{background-color:var(--dark-surface-elevated);box-shadow:var(--shadow-md)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:modal-fade-in var(--duration-normal) var(--ease-out);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--space-8));z-index:var(--z-modal);animation:modal-slide-up var(--duration-normal) var(--ease-out);overflow:auto}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--dark-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--dark-text-primary);margin:0}.modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--dark-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--dark-surface-elevated);color:var(--dark-text-primary)}.modal-body{padding:var(--space-5)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--dark-border);display:flex}.modal-sm .modal-content{max-width:400px}.modal-lg .modal-content{max-width:700px}.modal-xl .modal-content{max-width:900px}.modal-full .modal-content{max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}@media (max-width:640px){.modal-content{border-radius:0;max-width:100%;max-height:100%;margin:0}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-6);background-color:var(--dark-surface);border-radius:var(--radius-full);color:var(--dark-text-muted);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:40px;height:40px}.empty-state-title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--dark-text-primary)}.empty-state-description{margin:0 0 var(--space-6);font-size:var(--text-base);color:var(--dark-text-muted);max-width:400px}.empty-state-action{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}@media (max-width:640px){.toast-container{top:auto;bottom:calc(var(--tab-bar-height) + var(--space-4));left:var(--space-4);right:var(--space-4);max-width:none}}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--dark-surface-elevated);border:1px solid var(--dark-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in var(--duration-normal) var(--ease-out);display:flex}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--dark-text-primary)}.toast-message{font-size:var(--text-sm);color:var(--dark-text-secondary);margin-top:var(--space-1)}.toast-close{padding:var(--space-1);color:var(--dark-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast);background:0 0;border:none;flex-shrink:0}.toast-close:hover{background-color:var(--dark-surface)}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-info .toast-icon{color:var(--info)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.badge{padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.badge-primary{background-color:var(--primary);color:var(--white)}.badge-secondary{background-color:var(--dark-surface-elevated);color:var(--dark-text-secondary)}.badge-success{background-color:var(--success-100);color:var(--success-700)}.badge-danger{background-color:var(--danger-100);color:var(--danger-700)}.badge-warning{background-color:var(--warning-100);color:var(--warning-600)}.badge-notification{min-width:18px;height:18px;padding:0 var(--space-1);background-color:var(--danger);color:var(--white);font-size:11px;position:absolute;top:-4px;right:-4px}.avatar{border-radius:var(--radius-full);background-color:var(--dark-surface-elevated);width:40px;height:40px;color:var(--dark-text-muted);font-weight:var(--font-medium);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-md{width:40px;height:40px;font-size:var(--text-base)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-2xl{width:120px;height:120px;font-size:var(--text-4xl)}.avatar-wrapper{display:inline-block;position:relative}.avatar-status{border:2px solid var(--dark-bg);border-radius:var(--radius-full);width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-status-online{background-color:var(--success)}.avatar-status-offline{background-color:var(--gray-500)}.avatar-status-busy{background-color:var(--danger)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--dark-bg);margin-left:-12px}.avatar-group .avatar:first-child{margin-left:0}.tabs{border-bottom:1px solid var(--dark-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--dark-text-muted);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0}.tab:hover{color:var(--dark-text-secondary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:focus-visible{outline-offset:-2px}.tabs-pills{gap:var(--space-2);background-color:var(--dark-surface);padding:var(--space-1);border-radius:var(--radius-lg);border-bottom:none}.tabs-pills .tab{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border-bottom:none}.tabs-pills .tab.active{background-color:var(--primary);color:var(--white)}.skeleton{background:linear-gradient(90deg, var(--dark-surface) 25%, var(--dark-surface-elevated) 50%, var(--dark-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton-image{aspect-ratio:16/9;width:100%}.skeleton-button{width:120px;height:44px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-tab-bar{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--dark-border);padding:var(--space-2) var(--space-1);padding-bottom:calc(var(--space-2) + var(--safe-area-inset-bottom));z-index:var(--z-fixed);background:#0f172af2;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-button{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-1);color:var(--dark-text-muted);font-size:10px;font-weight:var(--font-medium);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;flex-direction:column;flex:1;min-height:50px;display:flex;position:relative}.tab-button:active{transform:scale(.95)}.tab-button.active{color:var(--primary)}.tab-button .tab-icon{width:24px;height:24px;position:relative}.tab-button .tab-icon svg{width:100%;height:100%}.tab-button .tab-label{font-size:10px;line-height:1}.tab-button.special{position:relative}.tab-button.special .tab-icon{background:var(--gradient-primary);border-radius:var(--radius-full);width:44px;height:44px;color:var(--white);box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:flex;transform:translateY(-8px)}.tab-button.special .tab-icon svg{width:24px;height:24px}.tab-button .badge{min-width:18px;height:18px;padding:0 var(--space-1);background-color:var(--danger);color:var(--white);border-radius:var(--radius-full);font-size:10px;position:absolute;top:0;right:50%;transform:translate(calc(50% + 8px))}@media (min-width:769px){.mobile-tab-bar{display:none}}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.hidden-mobile{display:none!important}}@media (min-width:641px){.hidden-desktop{display:none!important}}.page-container{min-height:100vh;padding-bottom:var(--tab-bar-height)}@media (min-width:769px){.page-container{padding-bottom:0}}.page-header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--dark-border);padding:var(--space-3) var(--space-4);background:#0f172af2;position:sticky;top:0}.page-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--dark-text-primary);margin:0}.page-content{padding:var(--space-4)}@media (min-width:769px){.page-content{padding:var(--space-6);max-width:var(--container-xl);margin:0 auto}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fade-in-up var(--duration-normal) var(--ease-out)}.animate-fade-in-down{animation:fade-in-down var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}button,a,input[type=button],input[type=submit],input[type=checkbox],input[type=radio],[role=button],[role=link],[role=tab],[role=menuitem]{min-width:48px;min-height:48px;padding:12px 16px}button,input[type=button],input[type=submit],[role=button]{border-radius:var(--radius-lg)}button:focus,a:focus,input:focus,select:focus,textarea:focus,[role=button]:focus,[role=link]:focus,[role=tab]:focus,:focus-visible{outline-offset:2px;outline:3px solid #06f}p,li,dd,blockquote{letter-spacing:.12em;word-spacing:.16em;line-height:1.5}.skip-link{color:#fff;z-index:100;background:#000;border-radius:0 0 4px;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}button:not(:disabled),[role=button]:not([aria-disabled=true]),a:not([aria-disabled=true]){border:none}a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #06f}button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}h1,h2,h3,h4,h5,h6{line-height:1.2}label{margin-bottom:8px;font-weight:600;display:block}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #0066ff1a}.error,[role=alert],.aria-invalid{color:#d63649;background-color:#d636490d;border-color:#d63649;border-radius:4px;margin-top:8px;padding:12px}.success,[aria-live=polite]{color:#0f8b3b;background-color:#0f8b3b0d;border-left:4px solid #0f8b3b;border-radius:4px;margin-top:8px;padding:12px}@media (prefers-contrast:more){button:focus,a:focus,[role=button]:focus{outline-width:4px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:focus-visible{outline-color:#4db3ff}.error,[role=alert]{color:#ff6b81;background-color:#ff6b811a}.success,[aria-live=polite]{color:#66d966;background-color:#66d9661a}}:root{color:#e0e7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#e0e7ff;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#475569;--color-accent:#60a5fa;--color-accent-soft:#93c5fd;--color-accent-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-success:#34d399;--color-danger:#f87171;--gradient-primary:var(--color-accent-gradient);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:40px;--shadow-soft:0 12px 30px #0006;--shadow-lift:0 16px 40px #0009;--background-card:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;background-color:#0f172a;font-family:Inter,SF Pro Text,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--background-card:#1f2937;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--border-color:#374151}}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent-soft)}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text-primary);margin:0;padding:0}#root{min-height:100vh}button{font-family:inherit}img,video{max-width:100%;display:block}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-primary-lighter:#93c5fd;--color-secondary:#3b82f6;--color-secondary-dark:#2563eb;--color-secondary-light:#60a5fa;--color-success:#10b981;--color-success-light:#34d399;--color-success-bg:#d1fae5;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-bg:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-bg:#fef3c7;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-bg:#dbeafe;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-dark:#111827;--color-bg-overlay:#00000080;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-none:0;--border-radius-sm:.25rem;--border-radius-base:.5rem;--border-radius-md:.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-2xl:2rem;--border-radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #00000026, 0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-primary:0 10px 25px #6b46c14d;--shadow-success:0 10px 25px #10b9814d;--shadow-danger:0 10px 25px #ef44444d;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--sidebar-width-mobile:280px;--sidebar-width-desktop:260px;--header-height:64px;--tab-bar-height:60px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--input-height-sm:36px;--input-height-md:44px;--input-height-lg:52px;--touch-target-min:44px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:64px;--avatar-xl:96px;--avatar-2xl:128px}@media (prefers-color-scheme:dark){:root{--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-text-inverse:#111827;--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-bg-tertiary:#374151;--color-bg-dark:#0a0a0a;--color-border-light:#374151;--color-border-medium:#4b5563;--color-border-dark:#6b7280}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:1024px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.appShell{background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);padding-left:var(--safe-area-inset-left,0px);padding-right:var(--safe-area-inset-right,0px);padding-top:var(--safe-area-inset-top,0px);flex-direction:column;display:flex}.desktopLayout{min-height:100vh;display:flex}.desktopMain{margin-left:var(--sidebar-width-desktop,260px);background:var(--color-bg-secondary);flex:1;min-height:100vh}.desktopMainFull{margin-left:0}.pageSurface{flex:1;min-height:calc(100vh - 64px)}@media (max-width:1023px){.desktopMain{margin-left:0}.pageSurface{padding-bottom:var(--tab-bar-height,60px)}}@media (min-width:1024px){.pageSurface{padding-bottom:0}}._overlay_ykpya_1{z-index:50;background-color:#00000080;animation:.2s ease-out _fadeIn_ykpya_1;position:fixed;inset:0}._overlayBlue_ykpya_9{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 20% 20%,#3b82f62e,#0f172a59)}._overlayDark_ykpya_14{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#020617a6}._content_ykpya_19{border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg,0 20px 25px -5px #0000001a);z-index:51;max-height:85vh;animation:.2s ease-out _slideUp_ykpya_1;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);background-color:var(--background-card,#fff)!important}._content_ykpya_19._dark_ykpya_33{--background-card:#0b0b0f;--text-primary:#e5e7eb;--text-secondary:#94a3b8;--border-color:#ffffff14;box-shadow:0 28px 60px #0009}._content_ykpya_19._blue_ykpya_41{--background-card:#f4f8ff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#c7d6f6;--reels-form-text:#0f172a;--reels-form-muted:#5b6b8c;--reels-form-border:#c7d6f6;--reels-form-bg:#fff;--reels-form-card:#eef4ff;--reels-form-focus:#3b82f640;--reels-form-primary:#3b82f6;--reels-form-primary-hover:#2563eb;box-shadow:0 24px 48px #0f172a2e}._content_ykpya_19._sm_ykpya_57{width:90%;max-width:400px}._content_ykpya_19._md_ykpya_62{width:90%;max-width:600px}._content_ykpya_19._lg_ykpya_67{width:90%;max-width:900px}._header_ykpya_72{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}._title_ykpya_81{margin:0;font-size:20px;font-weight:600;line-height:1.4;color:var(--text-primary,#1f2937)!important}._description_ykpya_89{margin-top:8px;font-size:14px;line-height:1.5;color:var(--text-secondary,#6b7280)!important}._closeButton_ykpya_96{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0;font-size:24px;transition:color .15s;display:flex}._closeButton_ykpya_96:hover{color:var(--text-primary,#1f2937)}._body_ykpya_116{padding:24px;color:var(--text-primary,#1f2937)!important;background:0 0!important}@keyframes _fadeIn_ykpya_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_ykpya_1{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-color-scheme:dark){._overlay_ykpya_1{background-color:#000000b3}._content_ykpya_19{background-color:var(--background-card,#1f2937)}._header_ykpya_72{border-bottom-color:var(--border-color,#374151)}._title_ykpya_81{color:var(--text-primary,#f3f4f6)}._description_ykpya_89{color:var(--text-secondary,#d1d5db)}._closeButton_ykpya_96{color:var(--text-secondary,#9ca3af)}._closeButton_ykpya_96:hover{color:var(--text-primary,#f3f4f6)}}._description_ykfk3_1{color:var(--text-secondary,#475569);margin:0;line-height:1.55}._content_ykfk3_7{flex-direction:column;gap:14px;display:flex}._actions_ykfk3_13{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}._cancelButton_ykfk3_20,._confirmButton_ykfk3_21{cursor:pointer;border-radius:10px;min-height:40px;padding:9px 14px;font-size:.92rem;font-weight:600;transition:transform .15s,opacity .15s}._cancelButton_ykfk3_20{border:1px solid var(--border-color,#cbd5e1);color:var(--text-primary,#0f172a);background:0 0}._cancelButton_ykfk3_20:hover:not(:disabled),._confirmButton_ykfk3_21:hover:not(:disabled){transform:translateY(-1px)}._confirmButton_ykfk3_21{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none}._confirmButtonDanger_ykfk3_48{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}._cancelButton_ykfk3_20:disabled,._confirmButton_ykfk3_21:disabled{cursor:not-allowed;opacity:.7;transform:none}._banner_1f2tp_1{z-index:1300;color:#f8fafc;background:#0f172a;border:1px solid #94a3b859;border-radius:14px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 18px 40px #02061759}._inner_1f2tp_14{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}._text_1f2tp_22{color:#f1f5f9f2;margin:0;font-size:.92rem;line-height:1.45}._actions_1f2tp_29{flex-shrink:0;align-items:center;gap:10px;display:flex}._button_1f2tp_36{cursor:pointer;border:none;border-radius:10px;padding:9px 12px;font-size:.84rem;font-weight:600}._primary_1f2tp_45{color:#052e16;background:#22c55e}._secondary_1f2tp_50{color:#e2e8f0;background:#94a3b833}@media (max-width:760px){._inner_1f2tp_14{display:block}._actions_1f2tp_29{grid-template-columns:1fr 1fr;width:100%;margin-top:12px;display:grid}._button_1f2tp_36{width:100%}}