@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";.layout-container{display:flex;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(19,216,255,.08) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 72%,rgba(124,60,255,.12) 0 1px,transparent 1.6px),linear-gradient(145deg,#02030afc,#040818fc)}.layout-sidebar{width:260px;background:linear-gradient(180deg,#060916fc,#02040cfc);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .2s ease;box-shadow:18px 0 42px #00000038}.layout-sidebar.collapsed{width:60px;overflow:visible}.layout-sidebar-header{min-height:76px;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);gap:var(--space-3)}.collapsed .layout-sidebar-header{justify-content:center;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-3)}.sidebar-toggle-btn{width:34px;height:34px;background:#ffffff08;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:0;border-radius:var(--radius-md);line-height:1;transition:all var(--transition-fast);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background-color:var(--color-primary-transparent);border-color:#13d8ff61;color:var(--color-text-main)}.layout-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:600;transition:all var(--transition-fast);text-decoration:none;background:transparent;border:1px solid transparent;width:100%;min-height:42px;text-align:left;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;opacity:.7;transition:opacity var(--transition-fast)}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{opacity:1}.nav-item-label{overflow:hidden;text-overflow:ellipsis}.collapsed .nav-item{justify-content:center;padding:var(--space-3)}.nav-item:hover{background-color:#ffffff0b;border-color:var(--color-border);color:var(--color-text-main)}.nav-item.active{background:linear-gradient(135deg,#13d8ff2e,#7c3cff29);border-color:#13d8ff57;color:var(--color-primary);box-shadow:inset 0 0 0 1px #ffffff09,0 10px 28px #13d8ff1a}.nav-item.parent-active{color:var(--color-text-main);background-color:#ffffff09}.nav-item.nested{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);gap:var(--space-2)}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 10px;background-color:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1000;box-shadow:0 2px 8px #00000040}.nav-item:hover .nav-tooltip{opacity:1}.nav-group{display:flex;flex-direction:column}.nav-group-children{position:relative;margin-left:var(--space-5);padding-left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.nav-group-children:before{content:"";position:absolute;left:0;top:var(--space-1);bottom:var(--space-1);width:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:1px;opacity:.5}.layout-main-content{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.layout-header{height:66px;background:linear-gradient(90deg,#060916e6,#050814d1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:var(--glass-border);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6);z-index:10}.header-project-info{position:relative;display:flex;align-items:center;gap:var(--space-3)}.project-switcher-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;max-width:min(360px,42vw);font-family:var(--font-family-base);background:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.45rem .65rem;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-main)}.project-switcher-copy{display:inline-flex;align-items:baseline;gap:var(--space-2);min-width:0;line-height:1}.project-switcher-trigger:hover{border-color:var(--color-border-hover);background-color:#ffffff0b}.project-switcher-chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-1);flex:0 0 auto;line-height:1}.project-switcher-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:260px;max-height:320px;overflow-y:auto;background-color:#0a101bf5;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 18px 44px #0000005c;z-index:100;padding:var(--space-2)}.project-switcher-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.project-switcher-item:hover{background-color:#ffffff0d;color:var(--color-text-main)}.project-switcher-item.active{color:var(--color-primary);font-weight:600}.project-switcher-check{color:var(--color-primary);font-size:var(--font-size-sm)}.project-switcher-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.project-context-label{color:var(--color-text-muted);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1;flex:0 0 auto}.project-context-name{min-width:0;overflow:hidden;color:var(--color-text-main);font-size:var(--font-size-sm);font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.header-user-info{display:flex;align-items:center;gap:var(--space-4)}.user-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.user-role-badge{padding:var(--space-1) var(--space-2);background-color:#111927b8;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-main);letter-spacing:0;font-weight:600}.btn-signout{padding:var(--space-2) var(--space-4);background-color:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.btn-signout:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);color:#fff}.layout-page-content{flex:1;padding:var(--space-6);overflow-y:auto;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 260px)}.layout-page-content--fullbleed{padding:0;overflow:hidden}.projects-page-layout{display:flex;gap:2rem;min-width:0}.projects-page-main{flex:1 1 auto;min-width:0}.projects-page-side{width:320px;max-width:100%;border-left:1px solid var(--color-border);padding-left:1rem;flex:0 0 auto}@media(max-width:1100px){.projects-page-layout{flex-direction:column;gap:1rem}.projects-page-side{width:100%;border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:1rem}}.loading-screen{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(circle at 14% 22%,rgba(19,216,255,.16) 0 1px,transparent 1.6px),radial-gradient(circle at 82% 76%,rgba(124,60,255,.16) 0 1px,transparent 1.6px),linear-gradient(145deg,#02030a,#040818 55%,#080414);color:var(--color-text-main)}.loading-screen:before,.loading-screen:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none}.loading-screen:before{background-image:radial-gradient(circle,rgba(248,251,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(19,216,255,.58) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(124,60,255,.5) 0 1px,transparent 1.4px);background-position:12px 18px,88px 54px,146px 112px;background-size:180px 180px,260px 260px,320px 320px;opacity:.42;animation:starfield-drift 34s linear infinite}.loading-screen:after{background:radial-gradient(circle at 45% 45%,rgba(19,216,255,.15),transparent 34%),conic-gradient(from 110deg at 50% 50%,transparent 0deg,rgba(19,216,255,.18) 54deg,transparent 126deg,rgba(124,60,255,.16) 190deg,transparent 280deg);filter:blur(22px);opacity:.62;animation:nebula-turn 28s linear infinite}.route-loading,.workspace-loading{display:flex;align-items:center;justify-content:center;min-height:min(520px,calc(100vh - 170px));padding:var(--space-8)}.workspace-loading{min-height:100%}.cosmic-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(380px,calc(100vw - 48px));text-align:center}.cosmic-loader--compact{width:min(300px,calc(100vw - 48px))}.cosmic-loader--overlay{width:min(220px,calc(100% - 32px))}.cosmic-loader__stage{position:relative;width:clamp(164px,28vw,248px);aspect-ratio:1;overflow:visible;perspective:680px}.cosmic-loader--compact .cosmic-loader__stage{width:clamp(118px,20vw,168px)}.cosmic-loader--overlay .cosmic-loader__stage{width:86px}.cosmic-loader__stage:before,.cosmic-loader__stage:after{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:999px;pointer-events:none}.cosmic-loader__stage:before{background:radial-gradient(circle,rgba(19,216,255,.28),transparent 62%);filter:blur(16px);animation:loader-logo-glow 2.6s ease-in-out infinite}.cosmic-loader__stage:after{border:1px solid rgba(19,216,255,.18);box-shadow:inset 0 0 30px #7c3cff2e,0 0 36px #13d8ff29;transform:rotateX(58deg);animation:loader-ring 4.4s linear infinite}.cosmic-loader__starfield{position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%;overflow:hidden;border-radius:999px;transform:rotate(-16deg);z-index:1}.cosmic-loader__starfield span{position:absolute;left:-34%;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(247,251,255,.78),rgba(19,216,255,.56),transparent);box-shadow:0 0 10px #13d8ff7a;opacity:0;animation:loader-star-fly 5.8s linear infinite}.cosmic-loader__starfield span:nth-child(1){top:14%;animation-delay:-.6s;animation-duration:5.8s}.cosmic-loader__starfield span:nth-child(2){top:28%;animation-delay:-3.2s;animation-duration:7.2s;width:32px}.cosmic-loader__starfield span:nth-child(3){top:43%;animation-delay:-1.8s;animation-duration:6.4s;width:46px}.cosmic-loader__starfield span:nth-child(4){top:58%;animation-delay:-4.7s;animation-duration:7.8s;width:38px}.cosmic-loader__starfield span:nth-child(5){top:73%;animation-delay:-2.7s;animation-duration:6.9s}.cosmic-loader__starfield span:nth-child(6){top:87%;animation-delay:-5.5s;animation-duration:8.4s;width:30px}.cosmic-loader__logo-wrap{position:absolute;top:12%;right:12%;bottom:12%;left:12%;z-index:2;overflow:hidden;background:#02030a;border:1px solid rgba(19,216,255,.26);border-radius:var(--radius-xl);box-shadow:0 0 32px #13d8ff3d,0 0 72px #7c3cff3d,0 18px 50px #00000061;animation:loader-logo-float 3s ease-in-out infinite}.cosmic-loader__logo{display:block;width:100%;height:100%;object-fit:cover}.cosmic-loader__copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.cosmic-loader--text{width:auto}.cosmic-loader--text .cosmic-loader__copy{margin-top:0;gap:var(--space-1)}.cosmic-loader__label{color:var(--color-text-main);font-family:var(--font-family-display);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:700;line-height:1.1}.cosmic-loader--compact .cosmic-loader__label{font-size:var(--font-size-xl)}.cosmic-loader--overlay .cosmic-loader__label{font-size:var(--font-size-base)}.cosmic-loader__detail{color:var(--color-text-muted);font-size:var(--font-size-sm)}.cosmic-loader--overlay .cosmic-loader__detail{font-size:var(--font-size-xs)}.cosmic-loader--text .cosmic-loader__label,.cosmic-loader--compact.cosmic-loader--text .cosmic-loader__label,.cosmic-loader--overlay.cosmic-loader--text .cosmic-loader__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:700}.cosmic-loader--text .cosmic-loader__detail,.cosmic-loader--overlay.cosmic-loader--text .cosmic-loader__detail{font-size:var(--font-size-xs)}.cosmic-loader__dots{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:18px;margin-top:var(--space-1)}.cosmic-loader__dots span{width:5px;height:5px;border-radius:999px;background:var(--color-primary);box-shadow:0 0 12px #13d8ff8a;animation:loader-dot 1.2s ease-in-out infinite}.cosmic-loader__dots span:nth-child(2){animation-delay:.16s}.cosmic-loader__dots span:nth-child(3){animation-delay:.32s}.cosmic-loading-state{display:flex;align-items:center;justify-content:center;min-height:220px;padding:var(--space-8) var(--space-4)}.cosmic-loading-state--tight{min-height:160px;padding:var(--space-6) var(--space-4)}.cosmic-loading-state--mini{min-height:160px;padding:var(--space-4)}.cosmic-loading-state--text{min-height:72px;padding:var(--space-4)}.cosmic-loading-state--mini .cosmic-loader{width:min(220px,calc(100% - 24px))}.cosmic-loading-state--mini .cosmic-loader__stage{width:82px}.cosmic-loading-state--mini .cosmic-loader__copy{gap:var(--space-1);margin-top:var(--space-2)}.cosmic-loading-state--mini .cosmic-loader__label{font-size:var(--font-size-base)}.cosmic-loading-state--mini .cosmic-loader__detail{font-size:var(--font-size-xs)}.task-status-loading-banner{display:flex;justify-content:center;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid rgba(19,216,255,.24);border-radius:var(--radius-lg);background:radial-gradient(circle at 18% 50%,rgba(19,216,255,.14),transparent 34%),linear-gradient(135deg,#060916eb,#0a1023e0);box-shadow:0 18px 46px #00000038,inset 0 0 0 1px #ffffff06}.task-status-loading-banner .cosmic-loader{flex-direction:row;gap:var(--space-4);width:auto;text-align:left}.task-status-loading-banner .cosmic-loader__stage{width:72px;flex:0 0 auto}.task-status-loading-banner .cosmic-loader__copy{align-items:flex-start;margin-top:0}.task-status-loading-banner .cosmic-loader__label{font-size:var(--font-size-lg)}.task-status-loading-banner .cosmic-loader__detail{font-size:var(--font-size-xs)}@media(max-width:560px){.task-status-loading-banner .cosmic-loader{flex-direction:column;text-align:center}.task-status-loading-banner .cosmic-loader__copy{align-items:center}}@keyframes starfield-drift{0%{transform:translateZ(0)}to{transform:translate3d(-120px,90px,0)}}@keyframes nebula-turn{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.04)}}@keyframes loader-logo-glow{0%,to{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes loader-ring{0%{transform:rotateX(58deg) rotate(0)}to{transform:rotateX(58deg) rotate(360deg)}}@keyframes loader-star-fly{0%{opacity:0;transform:translateZ(-30px) scaleX(.4)}12%,72%{opacity:.95}to{opacity:0;transform:translate3d(190%,0,80px) scaleX(1)}}@keyframes loader-logo-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}@keyframes loader-dot{0%,80%,to{opacity:.34;transform:translateY(0) scale(.86)}35%{opacity:1;transform:translateY(-4px) scale(1)}}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-content p{color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.loading-screen:before,.loading-screen:after,.cosmic-loader__stage:before,.cosmic-loader__stage:after,.cosmic-loader__starfield span,.cosmic-loader__logo-wrap,.cosmic-loader__dots span{animation:none}}.auth-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(circle at 12% 18%,rgba(19,216,255,.18) 0 1px,transparent 1.6px),radial-gradient(circle at 78% 68%,rgba(124,60,255,.16) 0 1px,transparent 1.6px),linear-gradient(145deg,#02030a,#040818 54%,#080414)}.auth-card{width:100%;max-width:420px;padding:var(--space-8)}.auth-card .brand-lockup{justify-content:center;margin-bottom:var(--space-5)}.auth-card .brand-wordmark,.loading-content .brand-wordmark{font-size:var(--font-size-2xl)}.auth-card p{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-main)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-transparent)}.auth-card .btn{font-size:var(--font-size-base);font-weight:600;padding:var(--space-3) var(--space-4)}.auth-help-text{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:720px){.layout-sidebar,.layout-sidebar.collapsed{width:68px}.layout-sidebar-header{justify-content:center;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-2)}.layout-sidebar .brand-wordmark,.layout-sidebar .nav-item-label{display:none}.layout-sidebar .brand-mark{width:32px;height:32px}.layout-nav{padding:var(--space-3) var(--space-2)}.nav-item{justify-content:center;padding:var(--space-3)}.nav-group-children{margin-left:0;padding-left:0}.nav-group-children:before{display:none}.layout-header{gap:var(--space-2);padding:0 var(--space-3)}.project-switcher-trigger{max-width:172px;min-width:0;gap:var(--space-2)}.project-context-label{display:none}.project-context-name,.project-switcher-trigger .text-muted{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-info{gap:var(--space-2)}.user-email,.user-role-badge{display:none}.btn-signout{padding:var(--space-2) var(--space-3)}.layout-page-content{padding:var(--space-4)}.layout-page-content--fullbleed{padding:0}}:root{--color-bg-base: #02030a;--color-bg-surface: rgba(6, 9, 22, .82);--color-bg-surface-solid: #060916;--color-bg-elevated: rgba(12, 18, 42, .9);--color-bg-elevated-solid: #0c122a;--color-primary: #13d8ff;--color-primary-hover: #0aa8ff;--color-primary-transparent: rgba(19, 216, 255, .16);--color-accent: #7c3cff;--color-accent-hover: #9a5cff;--color-accent-transparent: rgba(124, 60, 255, .18);--color-success: #2ee6a6;--color-warning: #f5b547;--color-danger: #ff5f88;--color-danger-hover: #f33b70;--color-info: #25b8ff;--color-text-main: #f7fbff;--color-text-muted: #9ca8d4;--color-text-inverse: #020714;--color-border: rgba(84, 160, 255, .18);--color-border-hover: rgba(38, 219, 255, .34);--color-star: rgba(241, 247, 255, .82);--font-family-base: "Inter", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-display: "Space Grotesk", "Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", 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;--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;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--glass-blur: 16px;--glass-border: 1px solid rgba(84, 160, 255, .16);--glass-shadow: 0 20px 58px rgba(0, 0, 0, .42);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .4s ease-in-out}.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.brand-lockup--compact{justify-content:center}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;background:#02030a;border:1px solid rgba(19,216,255,.2);border-radius:var(--radius-lg);box-shadow:0 0 18px #13d8ff29,0 0 34px #7c3cff1f}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.42);transform-origin:center}.brand-mark--sm{width:34px;height:34px}.brand-mark--md{width:42px;height:42px}.brand-mark--lg{width:64px;height:64px}.brand-wordmark{min-width:0;overflow:hidden;color:var(--color-text-main);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:700;letter-spacing:0;line-height:1;text-overflow:ellipsis}.card{background:linear-gradient(180deg,#111927eb,#0a101beb);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-hover);background:linear-gradient(180deg,#162030f0,#0c1422f0)}.card.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-main);margin:0}.card-body{padding:var(--space-4);cursor:pointer}.card-footer{padding:var(--space-3) var(--space-4);background-color:#0003;border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.asset-detail-fields .form-label{text-indent:.55rem}.asset-detail-fields .form-input{text-indent:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(180deg,#111927fa,#0a101bfa);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;box-shadow:var(--glass-shadow)}.modal-header{margin-bottom:var(--space-6)}.modal-title{font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:0}.badge-primary{background-color:var(--color-primary-transparent);color:var(--color-primary)}.badge-neutral{background-color:var(--color-bg-elevated);color:var(--color-text-muted)}.badge-warning{background-color:#fbbf2426;color:var(--color-warning)}.badge-success{background-color:#34d39926;color:var(--color-success)}.badge-danger{background-color:#fb718529;color:var(--color-danger)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1.2;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-primary-transparent)}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#7dd3fc);border-color:#7dd3fcb3;color:var(--color-text-inverse);font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));border-color:var(--color-primary-hover)}.btn-soft-primary{background-color:#13d8ff1a;border-color:#13d8ff52;color:var(--color-primary);font-weight:600}.btn-soft-primary:hover:not(:disabled){background-color:#13d8ff29;border-color:#13d8ff80;color:#7dd3fc}.btn-accent{background-color:var(--color-accent-transparent);border-color:#7c3cff8c;color:#c4b5fd}.btn-accent:hover:not(:disabled){background-color:#7c3cff42;border-color:#7c3cffbf}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-elevated);border-color:var(--color-border-hover)}.btn-danger{background-color:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.btn-danger-solid{background-color:var(--color-danger);color:#fff}.btn-danger-solid:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-warning{background-color:#fbbf2426;border-color:#fbbf2466;color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#fbbf243d;border-color:#fbbf2499}.btn-success-solid{background-color:var(--color-success);color:#fff}.btn-success-solid:hover:not(:disabled){background-color:#059669}.btn-warning-solid{background-color:var(--color-warning);color:#0a0a0a}.btn-warning-solid:hover:not(:disabled){background-color:#d97706}.btn-text{background-color:transparent;border-color:transparent;color:var(--color-text-muted)}.btn-text:hover:not(:disabled){background-color:var(--color-bg-elevated);color:var(--color-text-main)}.annotation-tooltip-host{position:relative;display:inline-flex;align-items:center;min-width:0}.annotation-tooltip-panel{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:.45rem;box-sizing:border-box;min-width:240px;max-width:min(340px,82vw);padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated-solid);color:var(--color-text-main);box-shadow:0 10px 28px #00000052;font-size:.75rem;line-height:1.4;text-align:left;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:translateY(4px);z-index:1000}.annotation-tooltip-panel:before{content:"";position:absolute;left:14px;bottom:-5px;width:8px;height:8px;background:var(--color-bg-elevated-solid);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:rotate(45deg)}.annotation-tooltip-host:hover .annotation-tooltip-panel,.annotation-tooltip-host:focus-visible .annotation-tooltip-panel,.annotation-tooltip-host:focus-within .annotation-tooltip-panel{opacity:1;transform:translateY(0)}.annotation-tooltip-title{display:block;color:var(--color-text-main);font-size:.78rem;font-weight:800}.annotation-tooltip-description{display:block;color:var(--color-text-muted)}.annotation-tooltip-section{display:block}.annotation-tooltip-section-title{display:block;margin-bottom:.18rem;color:var(--color-text-main);font-weight:700}.annotation-tooltip-section ul{margin:0;padding-left:1rem;color:var(--color-text-muted)}.annotation-tooltip-section li{margin:.12rem 0}.annotation-workflow-status{max-width:320px;color:var(--color-text-muted)}.annotation-workflow-status .annotation-tooltip-panel{right:0;left:auto}.annotation-workflow-status .annotation-tooltip-panel:before{right:14px;left:auto}.annotation-task-id-tooltip .annotation-tooltip-panel{top:calc(100% + 8px);bottom:auto}.annotation-task-id-tooltip .annotation-tooltip-panel:before{top:-5px;bottom:auto;border:0;border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.annotation-video-type-tooltip .annotation-tooltip-panel{top:calc(100% + 8px);right:0;bottom:auto;left:auto;min-width:min(320px,calc(100vw - 2rem));max-width:min(460px,calc(100vw - 2rem));max-height:min(420px,calc(100vh - 5rem));overflow:auto;transform:translateY(-4px)}.annotation-video-type-tooltip .annotation-tooltip-panel:before{top:-5px;right:14px;bottom:auto;left:auto;border:0;border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.video-type-dropdown{position:relative}.video-type-dropdown-control{position:relative;display:inline-flex;align-items:center;gap:.4rem;min-width:0}.video-type-dropdown-label{color:var(--color-text-muted);font-size:.75rem;font-weight:700;white-space:nowrap}.video-type-dropdown-select{width:min(320px,32vw);min-width:220px;min-height:2rem;padding:.35rem .55rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-elevated-solid);color:var(--color-text-main);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:700;text-overflow:ellipsis}.video-type-dropdown-select:disabled{cursor:not-allowed;opacity:.65}.video-type-dropdown-select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-transparent)}.annotation-task-id-button{display:inline-flex;align-items:center;max-width:min(280px,36vw);min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:copy;font:inherit;font-weight:700;line-height:1.2;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.annotation-task-id-button:hover,.annotation-task-id-button:focus-visible{color:var(--color-primary);outline:none}.annotation-copy-status{flex:0 0 auto;padding:.15rem .4rem;border-radius:999px;background-color:#22c55e24;color:var(--color-success, #16a34a);font-size:.7rem;font-weight:700;line-height:1}.annotation-help-icon{width:28px;height:28px;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer}.annotation-help-icon:hover,.annotation-help-icon:focus-visible{border-color:var(--color-border-hover);color:var(--color-text-main);background:var(--color-bg-elevated-solid)}.filename-clamp{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.asset-library-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.asset-library-filename-copy{display:block;flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;color:var(--color-text-main);cursor:copy;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-size:.8125rem;font-weight:500;line-height:1.25}.asset-library-filename-copy:hover,.asset-library-filename-copy:focus-visible{color:var(--color-primary)}.asset-library-filename-copy:focus-visible{outline:2px solid var(--color-primary-transparent);outline-offset:2px;border-radius:var(--radius-sm)}.asset-library-cell-primary,.asset-library-cell-secondary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.asset-library-cell-primary{font-size:.8125rem;font-weight:500}.asset-library-cell-secondary{margin-top:.12rem;font-size:.75rem}.task-attempt-row{font-weight:600;line-height:1.25}.task-id-copy-button{display:block;width:100%;min-width:0;margin:.12rem 0 0;padding:0;border:0;background:transparent;cursor:copy;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.75rem;line-height:1.25}.task-id-copy-button:hover,.task-id-copy-button:focus-visible{color:var(--color-primary)}.task-id-copy-button:focus-visible{outline:2px solid var(--color-primary-transparent);outline-offset:2px;border-radius:var(--radius-sm)}.task-delete-icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color .1s ease,color .1s ease}.task-delete-icon-button:hover,.task-delete-icon-button:focus-visible{background:var(--color-bg-elevated);color:var(--color-text-main)}.task-delete-icon-button--danger{color:var(--color-danger, #dc2626)}.task-delete-icon-button--danger:hover,.task-delete-icon-button--danger:focus-visible{background:#dc26261f;color:var(--color-danger, #dc2626)}.task-delete-icon-button:focus-visible{outline:2px solid var(--color-primary-transparent);outline-offset:1px}.task-video-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:var(--space-2);min-width:0;line-height:1.25}.task-video-filename.filename-clamp{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;min-width:0;padding:0;border:0;background:transparent;color:var(--color-text-main);cursor:copy;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:inherit;line-height:1.25}.task-video-filename:hover,.task-video-filename:focus-visible{color:var(--color-primary)}.task-video-filename:focus-visible{outline:2px solid var(--color-primary-transparent);outline-offset:2px;border-radius:var(--radius-sm)}.task-video-open-link{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:var(--radius-sm);color:var(--color-text-muted);line-height:1;white-space:nowrap}.task-video-open-link:hover,.task-video-open-link:focus-visible{color:var(--color-primary);background:var(--color-bg-surface)}.task-video-open-link:focus-visible{outline:2px solid var(--color-primary-transparent);outline-offset:1px}.task-video-meta-row{margin-top:.12rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.25}.task-actions-row{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:nowrap}.task-actions-row .btn{padding:.35rem .55rem;font-size:.8125rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:0;margin:0}.state-message{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.error-message{padding:var(--space-3) var(--space-4);background-color:#fb71851a;border:1px solid rgba(251,113,133,.22);color:var(--color-danger);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.success-message{padding:var(--space-3) var(--space-4);background-color:#22c55e1a;border:1px solid rgba(34,197,94,.24);color:var(--color-success, #16a34a);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.flex-center{display:flex;align-items:center;gap:var(--space-3)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;min-width:0}.flex-col{display:flex;flex-direction:column;gap:var(--space-4)}.supplier-step-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.supplier-step-tab{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#0c122a9e;color:var(--color-text-main);text-align:left}.supplier-step-tab:hover:not(:disabled),.supplier-step-tab.is-active{border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.supplier-step-tab-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.supplier-step-tab-step,.supplier-step-tab-status{display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700}.supplier-step-tab-step{min-width:1.5rem;background:var(--color-primary-transparent);color:var(--color-primary)}.supplier-step-tab-status{background:var(--color-bg-surface-solid);color:var(--color-text-muted)}.supplier-step-tab-status-ready,.supplier-step-tab-status-complete{color:var(--color-success)}.supplier-step-tab-status-current{color:var(--color-primary)}.supplier-step-tab-status-locked{color:var(--color-text-muted)}.supplier-step-tab-title{font-size:var(--font-size-sm);font-weight:700}.supplier-step-tab-copy,.supplier-step-tab-summary,.supplier-step-panel-copy,.supplier-stage-group-copy,.supplier-batch-choice-copy{font-size:var(--font-size-xs);line-height:1.45}.supplier-step-tab-copy,.supplier-step-tab-summary{color:var(--color-text-muted)}.supplier-step-guidance,.supplier-step-note,.supplier-stage-browser-status,.supplier-stage-browser-list,.supplier-stage-empty-state{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0c122a80}.supplier-step-guidance-label,.supplier-step-panel-kicker,.supplier-stage-group-kicker{margin-bottom:var(--space-1);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase}.supplier-step-guidance-copy{color:var(--color-text-muted);font-size:var(--font-size-sm)}.supplier-step-panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#06091685}.supplier-step-panel[hidden]{display:none}.supplier-step-panel-header,.supplier-stage-group-header{margin-bottom:var(--space-4)}.supplier-step-panel-title,.supplier-stage-group-title,.supplier-batch-choice-title{color:var(--color-text-main);font-size:var(--font-size-lg);font-weight:700}.supplier-batch-choice-grid,.supplier-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.supplier-stage-group-wide{grid-column:1 / -1}.supplier-batch-choice,.supplier-stage-group{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#06091694}.supplier-stage-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.supplier-stage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.supplier-stage-browser-list{display:flex;flex-direction:column;gap:var(--space-2)}.video-player{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-bg-base);border:1px solid var(--color-border)}.video-player video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background-color:#000;max-height:100%}.video-frame{position:relative;flex:1 1 0%;min-height:0;overflow:hidden;background-color:#000}.video-warning{padding:var(--space-2) var(--space-3);background-color:#fbbf241a;color:var(--color-warning);font-size:var(--font-size-xs);border-top:1px solid rgba(251,191,36,.22)}.video-error{padding:var(--space-2) var(--space-3);background-color:#fb71851a;color:var(--color-danger);font-size:var(--font-size-xs);border-top:1px solid rgba(251,113,133,.22)}.video-controls{display:flex;flex-shrink:0;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-surface-solid);color:var(--color-text-main);border-top:1px solid var(--color-border)}.video-controls button{background:none;border:none;color:var(--color-text-main);font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.video-controls button:hover{background-color:var(--color-bg-elevated);color:var(--color-primary)}.video-controls .time-display{font-size:var(--font-size-sm);font-family:monospace;min-width:80px;color:var(--color-text-main)}.video-controls .time-display--hours{min-width:104px}.video-controls .time-format-toggle{display:inline-flex;align-items:center;gap:var(--space-1);flex:0 0 auto;color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.video-controls .time-format-toggle input{margin:0;accent-color:var(--color-primary)}.video-controls input[type=range]{flex:1;cursor:pointer;accent-color:var(--color-primary)}.video-controls select{background-color:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer}.video-controls select:hover{border-color:var(--color-border-hover)}.guide-container{max-width:1200px;margin:0 auto}.guide-layout{display:flex;gap:var(--space-6);align-items:flex-start}.guide-nav{display:flex;flex-direction:column;gap:var(--space-1);min-width:160px;position:sticky;top:var(--space-4)}.guide-nav-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.guide-nav-item:hover{background-color:var(--color-bg-elevated);color:var(--color-text-main)}.guide-nav-item.active{background-color:var(--color-primary);color:#fff}.guide-content{flex:1;min-width:0}.guide-section{background-color:var(--color-bg-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.guide-section h3{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-4) 0;color:var(--color-text-main)}.guide-section h4{font-size:var(--font-size-lg);font-weight:600;margin:var(--space-6) 0 var(--space-3) 0;color:var(--color-text-main)}.guide-section h5{font-size:var(--font-size-md);font-weight:600;margin:var(--space-4) 0 var(--space-2) 0;color:var(--color-text-main)}.guide-section p{margin:0 0 var(--space-3) 0;color:var(--color-text-muted);line-height:1.6}.guide-section ul,.guide-section ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6);color:var(--color-text-muted)}.guide-section li{margin-bottom:var(--space-2);line-height:1.6}.guide-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.guide-table th,.guide-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.guide-table th{font-weight:600;color:var(--color-text-main);background-color:var(--color-bg-elevated)}.guide-table td{color:var(--color-text-muted)}.guide-note{padding:var(--space-3) var(--space-4);background-color:var(--color-primary-transparent);border:1px solid rgba(19,216,255,.24);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.guide-code{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.guide-code pre{margin:0;font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:pre}kbd{display:inline-block;padding:2px 6px;font-family:monospace;font-size:var(--font-size-xs);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main)}@keyframes upload-indeterminate{0%{left:-30%}to{left:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg-base);background-image:radial-gradient(circle at 18px 28px,rgba(255,255,255,.18) 0 1px,transparent 1.4px),radial-gradient(circle at 124px 86px,rgba(62,77,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 78%,rgba(124,60,255,.16),transparent 34%),linear-gradient(145deg,#02030a,#030818 52%,#080414);background-size:148px 148px,260px 260px,100% 100%,100% 100%;color:var(--color-text-main);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-main);font-family:var(--font-family-display);letter-spacing:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated-solid);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.glass-panel{background:var(--color-bg-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.heading-1{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:0}.heading-2{font-size:var(--font-size-xl);font-weight:600}.text-muted{color:var(--color-text-muted)}