@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--voksi-body-dark: #1a1a2e;--voksi-face-dark: #ffffff;--voksi-body-light: #ffffff;--voksi-face-light: #1a1a2e}.voksi-shell,.voksi-theme-dark{--voksi-body: var(--voksi-body-dark);--voksi-face: var(--voksi-face-dark)}.voksi-theme-light{--voksi-body: var(--voksi-body-light);--voksi-face: var(--voksi-face-light)}.voksi-shell{position:relative;width:min(520px,80vw);aspect-ratio:1;display:grid;place-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.voksi-auth{width:120px}.voksi-corner{width:64px;filter:drop-shadow(0 12px 24px color-mix(in srgb,var(--color-text) 18%,transparent))}.voksi-loader{width:120px}.voksi-shell.is-disabled{opacity:.55;pointer-events:none}.voksi-svg{width:100%;height:100%;overflow:visible;cursor:default;touch-action:manipulation}.voksi-motion{width:100%;height:100%;display:grid;place-items:center;transform-origin:50% 54%}.voksi-corner .voksi-svg,.voksi-landing .voksi-svg{cursor:pointer}.voksi-root,.voksi-face,.voksi-eye,.voksi-mouth{transform-box:fill-box}.voksi-root{transform-origin:50% 54%}.voksi-face,.voksi-eye,.voksi-mouth{transform-origin:center}.voksi-body{fill:var(--voksi-body)}.voksi-eye{fill:var(--voksi-face)}.voksi-mouth{fill:none;stroke:var(--voksi-face);stroke-width:8;stroke-linecap:round}.voksi-hit{fill:transparent;pointer-events:all}.voksi-loading-text{margin-top:-22px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;text-align:center}.voksi-shell.is-intro .voksi-root{animation:voksi-intro 1.6s cubic-bezier(.2,.9,.2,1) both}.voksi-shell.is-intro .voksi-eye{animation:voksi-intro-eyes 1.6s ease-out both}.voksi-shell.is-intro .voksi-mouth{animation:voksi-intro-mouth 1.6s ease-out both}.voksi-shell.is-idle .voksi-root{animation:voksi-breathe 4.2s ease-in-out infinite}.voksi-shell.is-hover .voksi-root{animation:none}.voksi-shell.is-greeting .voksi-root{animation:voksi-greet-body .9s ease-in-out both}.voksi-shell.is-greeting .voksi-eye:first-of-type{animation:voksi-wink .9s ease-in-out both}.voksi-shell.is-greeting .voksi-mouth{animation:voksi-smile .9s ease-in-out both}.voksi-shell.is-waiting .voksi-root{animation:voksi-hover-hold 2.1s ease-in-out both}.voksi-shell.is-tail .voksi-root{animation:voksi-tail-body 1.6s ease-in-out both}.voksi-shell.is-tail .voksi-mouth{animation:voksi-smile-tail 1.6s ease-in-out both}.voksi-shell.is-final-hover .voksi-root{transform:translateY(-8px) scale(1.025)}.voksi-shell.is-click .voksi-root{animation:voksi-click .62s cubic-bezier(.2,.9,.25,1) both}.voksi-shell.is-click .voksi-mouth{animation:voksi-click-mouth .62s ease-out both}.voksi-shell.is-loading .voksi-root{animation:voksi-loading-body 3.8s ease-in-out infinite}.voksi-shell.is-loading .voksi-mouth{animation:voksi-loading-mouth 3.8s ease-in-out infinite}.voksi-shell.is-loading .voksi-eye{animation:voksi-loading-eyes 3.8s ease-in-out infinite}@keyframes voksi-intro{0%{opacity:0;transform:translateY(80px) rotate(-12deg) scale(.6)}14%{opacity:.35;transform:translateY(49px) rotate(-8deg) scale(.74,.68)}33%{opacity:1;transform:translateY(-13px) rotate(4deg) scale(1.08,.94)}48%{transform:translateY(-5px) rotate(-2deg) scale(.96,1.05)}64%{transform:translateY(0) rotate(1deg) scale(1.02,.98)}81%,to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes voksi-intro-eyes{0%,20%{transform:scaleY(.08)}30%{transform:scale(1.12,1.18)}42%,57%{transform:scale(1)}62%{transform:scaleY(.08)}68%,to{transform:scale(1)}}@keyframes voksi-intro-mouth{0%{transform:translateY(2px) scale(.7)}28%{transform:translateY(-1px) scale(1.25,1.1)}48%{transform:translateY(1px) scale(.92,.95)}68%,to{transform:none}}@keyframes voksi-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}@keyframes voksi-hover-rise{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.025)}}@keyframes voksi-greet-body{0%{transform:translateY(-8px) rotate(0) scale(1.025)}40%{transform:translateY(-11px) rotate(-3deg) scale(1.045)}75%{transform:translateY(-7px) rotate(1.5deg) scale(1.02)}to{transform:translateY(-8px) rotate(0) scale(1.025)}}@keyframes voksi-wink{0%,20%,to{transform:scaleY(1)}48%,58%{transform:scaleY(.08)}70%{transform:scaleY(1)}}@keyframes voksi-smile{0%,to{transform:scaleX(1)}45%{transform:scaleX(1.22) translateY(-1px)}}@keyframes voksi-hover-hold{0%,to{transform:translateY(-8px) scale(1.025)}50%{transform:translateY(-10px) scale(1.032)}}@keyframes voksi-tail-body{0%,to{transform:translateY(-8px) rotate(0) scale(1.025)}18%{transform:translateY(-10px) rotate(-1.4deg) scale(1.032)}38%{transform:translateY(-8px) rotate(1deg) scale(1.024)}56%{transform:translateY(-9px) rotate(-.8deg) scale(1.028)}}@keyframes voksi-smile-tail{0%,to{transform:scaleX(1)}18%{transform:scaleX(1.22)}38%{transform:scaleX(1.08)}56%{transform:scaleX(1.18)}}@keyframes voksi-click{0%{transform:translateY(-8px) scale(1.025)}35%{transform:translateY(-18px) rotate(-4deg) scale(1.1,.93)}65%{transform:translateY(-3px) rotate(2deg) scale(.96,1.06)}to{transform:translateY(-8px) rotate(0) scale(1.025)}}@keyframes voksi-click-mouth{0%,to{transform:scaleX(1)}40%{transform:scaleX(1.3) scaleY(1.12)}}@keyframes voksi-loading-body{0%,to{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-2px) rotate(-1.4deg) scale(1.012)}42%{transform:translateY(0) rotate(.8deg) scale(1)}65%{transform:translateY(-1px) rotate(-.7deg) scale(1.006)}82%{transform:translateY(2px) rotate(1.2deg) scale(.998)}}@keyframes voksi-loading-mouth{0%,to{transform:scale(1)}26%{transform:translateY(1px) scale(.92,.9)}52%{transform:scale(.98,.95)}76%{transform:translateY(1px) scale(.9,.88)}}@keyframes voksi-loading-eyes{0%,17%,22%,58%,68%,to{transform:scaleY(1)}19%{transform:scaleY(.08)}63%{transform:scaleY(.72)}}@media (prefers-reduced-motion: reduce){.voksi-shell *,.voksi-shell *:before,.voksi-shell *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.bi-constructor{display:flex;flex-direction:column;gap:var(--space-4)}.bi-dashboard-tabs{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;padding-bottom:2px}.bi-dashboard-tab-wrap{display:flex;align-items:center;min-height:36px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid transparent;flex-shrink:0}.bi-dashboard-tab-wrap.active{background:var(--color-primary-light);border-color:#2563eb38}.bi-dashboard-tab{min-height:36px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;font:500 var(--text-sm)/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease-out),background-color .15s var(--ease-out),transform .12s var(--ease-out)}.bi-dashboard-tab:hover,.bi-dashboard-tab.active,.bi-dashboard-tab-wrap.active .bi-dashboard-tab{color:var(--color-primary)}.bi-dashboard-tab:active,.bi-dashboard-delete:active,.bi-choice:active{transform:scale(.96)}.bi-dashboard-delete{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);background:transparent;cursor:pointer;transition:color .15s var(--ease-out),background-color .15s var(--ease-out),transform .12s var(--ease-out)}.bi-dashboard-delete:hover{color:var(--danger);background:var(--danger-bg)}.bi-toolbar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.bi-toolbar .field{min-width:140px}.bi-toolbar-script{flex:1 1 240px}.bi-toolbar-actions{display:flex;gap:var(--space-2);margin-left:auto}.bi-empty-state{min-height:320px}.bi-widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-4);align-items:start}.bi-widget{min-width:0}.bi-widget-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.bi-widget-header h3{margin:0;color:var(--color-text-primary);font-size:var(--text-md);font-weight:600;text-wrap:balance}.bi-widget-header span{display:block;margin-top:3px;color:var(--color-text-muted);font-size:var(--text-xs)}.bi-widget-actions{display:flex;gap:2px;flex-shrink:0}.bi-delete-button:hover{color:var(--danger);background:var(--danger-bg)}.bi-widget-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.bi-widget-meta span{padding:3px 7px;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:var(--color-surface-2);font-size:11px}.bi-widget-content{min-height:180px;margin-top:var(--space-3)}.bi-widget-loading,.bi-widget-empty{min-height:180px;display:grid;place-items:center;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.bi-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2)}.bi-kpi{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2)}.bi-kpi span{display:block;min-height:30px;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.35;text-wrap:pretty}.bi-kpi strong{display:block;margin-top:var(--space-1);color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600}.bi-table-wrap{max-width:100%;overflow-x:auto}.bi-table,.bi-heatmap{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.bi-table th,.bi-table td,.bi-heatmap th,.bi-heatmap td{padding:8px;border-bottom:1px solid var(--color-border);text-align:left}.bi-table th,.bi-heatmap th{color:var(--color-text-muted);font-weight:500}.bi-table th:last-child,.bi-table td:last-child{text-align:right;font-weight:600}.bi-heatmap{min-width:560px}.bi-heatmap th:not(:first-child),.bi-heatmap td:not(:first-child){text-align:center}.bi-heat-cell{display:inline-block;min-width:42px;padding:4px 6px;border-radius:var(--radius-sm);font-weight:600}.bi-heat-cell--good{color:var(--success-text);background:var(--success-bg)}.bi-heat-cell--medium{color:var(--warning-text);background:var(--warning-bg)}.bi-heat-cell--poor{color:var(--danger-text);background:var(--danger-bg)}.bi-manager-card{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(240px,1.35fr);gap:var(--space-4)}.bi-manager-summary{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2)}.bi-manager-summary strong{font-size:var(--text-md);text-wrap:balance}.bi-manager-summary span:last-child{font-size:var(--text-2xl);font-weight:600}.bi-step-indicator{margin-top:4px;color:var(--color-text-muted);font-size:var(--text-xs)}.bi-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.bi-choice-grid--types{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-choice{min-height:72px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);background:var(--color-surface);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out),box-shadow .15s var(--ease-out),transform .12s var(--ease-out)}.bi-choice:hover,.bi-choice.selected{border-color:#2563eb66;background:var(--color-primary-light);box-shadow:var(--shadow-md)}.bi-choice-icon{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-light)}.bi-choice strong,.bi-choice small{display:block}.bi-choice strong{font-size:var(--text-sm);font-weight:600}.bi-choice small{margin-top:4px;color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.4;text-wrap:pretty}.bi-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.bi-modal-spacer{flex:1}.bi-save-modal{max-width:420px}@media (max-width: 720px){.bi-toolbar .field,.bi-toolbar-script{flex:1 1 100%}.bi-toolbar-actions{width:100%;margin-left:0}.bi-toolbar-actions .btn{flex:1}.bi-choice-grid,.bi-choice-grid--types,.bi-form-grid,.bi-manager-card{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.bi-dashboard-tab,.bi-dashboard-delete,.bi-choice{transition:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.liquid-glass{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)}.liquid-glass-strong{background:#ffffff0f;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26;position:relative;overflow:hidden}.liquid-glass-strong:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff80,#fff3,#fff0,#fff0,#fff3,#ffffff80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.landing-page,.auth-cinematic{min-height:100vh;background:var(--landing-bg, #0f0f0f);color:var(--landing-text, #ffffff);font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}.landing-page h1,.landing-page h2,.landing-page h3,.auth-cinematic h1,.auth-cinematic h2,.auth-cinematic h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:0}.landing-page button,.auth-cinematic button,.landing-page a{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landing-page .liquid-glass,.landing-page .liquid-glass-strong{background:var(--landing-card, rgba(255, 255, 255, .06));border-color:var(--landing-border, rgba(255, 255, 255, .12))}.landing-page .liquid-glass-strong{box-shadow:4px 4px 18px #00000014,inset 0 1px 1px #ffffff26}.landing-theme-light .liquid-glass-strong:before{background:linear-gradient(180deg,#00000024,#00000014 20%,#0000 45%,#0000 55%,#0000000f 80%,#0000001f)}.landing-hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.landing-hero-video,.auth-cinematic-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.68}.landing-theme-light .landing-hero-video{opacity:.42}.landing-hero-scrim,.auth-cinematic-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 30%,rgba(124,58,237,.16),transparent 30%),linear-gradient(90deg,var(--landing-hero-overlay, rgba(15, 15, 15, .5)) 0%,var(--landing-hero-overlay, rgba(15, 15, 15, .5)) 52%,transparent 100%),linear-gradient(180deg,transparent 0%,var(--landing-bg, #0f0f0f) 100%)}.landing-nav{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:24px auto 0;display:flex;align-items:center;gap:24px}.landing-logo,.landing-logo-text{color:var(--landing-text, #fff);font-weight:600;letter-spacing:.18em;font-size:18px}.landing-logo{border:0;background:transparent;cursor:pointer}.landing-nav-links{display:flex;gap:22px;margin-left:auto}.landing-nav-links a,.landing-footer a,.landing-footer button{color:var(--landing-text2, rgba(255, 255, 255, .65));text-decoration:none;font-size:14px;border:0;background:transparent;cursor:pointer}.landing-nav-login{color:var(--landing-text, #fff);border-radius:999px;padding:10px 18px;cursor:pointer}.landing-hero-content{position:relative;z-index:2;width:100%;margin:auto 0 11vh;animation:cinematicUp .72s ease-out both}.landing-hero-voksi{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1280px;margin:0 auto;padding:0 60px}.landing-hero-copy{flex:1;min-width:0;padding-left:0}.landing-kicker{width:max-content;display:flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;color:var(--landing-text2, rgba(255, 255, 255, .65));font-size:13px;margin-bottom:24px}.landing-hero h1{max-width:860px;font-size:clamp(48px,8vw,104px);line-height:.92;font-weight:800;margin:0;color:var(--landing-hero-text, #ffffff);letter-spacing:-.04em}.landing-hero h1 span,.landing-hero h1 em{display:block}.landing-hero h1 em{color:var(--landing-accent-soft, #c4b5fd);font-style:normal}.landing-hero p{max-width:600px;color:var(--landing-text2, rgba(255, 255, 255, .65));font-size:clamp(18px,2vw,23px);line-height:1.7;margin:28px 0 0}.landing-hero-actions,.auth-cinematic-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}.landing-primary,.landing-secondary,.landing-price-card button,.auth-cinematic-submit,.auth-cinematic-back{min-height:46px;border-radius:999px;border:0;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer}.landing-primary,.landing-price-card button,.auth-cinematic-submit{background:#7c3aed;color:#fff;box-shadow:0 18px 52px #7c3aed5c}.landing-secondary,.auth-cinematic-back{color:var(--landing-text, #fff)}.landing-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:92px 0}.landing-features,.landing-testimonials{background:var(--landing-bg2, #111111);box-shadow:0 0 0 100vmax var(--landing-bg2, #111111);clip-path:inset(0 -100vmax)}.landing-how{background:var(--landing-bg3, #161616);box-shadow:0 0 0 100vmax var(--landing-bg3, #161616);clip-path:inset(0 -100vmax)}.landing-pricing{background:var(--landing-bg, #0f0f0f);box-shadow:0 0 0 100vmax var(--landing-bg, #0f0f0f);clip-path:inset(0 -100vmax)}.landing-section-heading{max-width:700px;margin-bottom:36px}.landing-section-heading span{display:block;color:#a78bfa;font-size:13px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px}.landing-section-heading h2{font-size:clamp(38px,5vw,3.5rem);line-height:1.02;font-weight:800;letter-spacing:-.035em;margin:0}.landing-feature-grid,.landing-pricing-grid,.landing-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-card,.landing-price-card,.landing-testimonial-grid blockquote{border-radius:22px;padding:26px}.landing-card,.landing-testimonial-grid blockquote{background:var(--landing-card, rgba(255, 255, 255, .06));border-color:var(--landing-border, rgba(255, 255, 255, .12))}.landing-card svg,.landing-final svg{color:var(--landing-accent-soft, #c4b5fd)}.landing-card h3,.landing-price-card h3,.landing-step h3{font-size:25px;line-height:1.12;font-weight:750;letter-spacing:-.025em;margin:22px 0 12px}.landing-card p,.landing-step p,.landing-price-card p,.landing-testimonial-grid p,.landing-final p{color:var(--landing-text2, rgba(255, 255, 255, .65));line-height:1.7;font-size:18px}.landing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--landing-border, rgba(255, 255, 255, .12))}.landing-step{padding:28px 22px 0 0;border-right:1px solid var(--landing-border, rgba(255, 255, 255, .12))}.landing-step:last-child{border-right:0}.landing-step-index{color:var(--landing-text3, rgba(255, 255, 255, .45));font-size:13px;letter-spacing:.18em}.landing-price-card{min-height:430px;display:flex;flex-direction:column;gap:24px;background:var(--landing-price-card, #1a1a1a);border-color:var(--landing-border, rgba(255, 255, 255, .12))}.landing-price-card-featured{background:var(--landing-featured-card, rgba(124, 58, 237, .18));border-color:#c4b5fd57;transform:translateY(-10px)}.landing-price{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:36px;line-height:1.08;font-weight:800;letter-spacing:-.035em}.landing-price-card ul{display:grid;gap:11px;list-style:none;color:var(--landing-text2, rgba(255, 255, 255, .65))}.landing-price-card li{display:flex;gap:9px;align-items:center}.landing-price-card button{width:100%;margin-top:auto}.landing-testimonial-grid blockquote{margin:0}.landing-testimonial-grid p{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;line-height:1.35;font-weight:650;letter-spacing:-.02em;color:var(--landing-text, #ffffff)}.landing-testimonial-grid footer{margin-top:18px;color:var(--landing-text3, rgba(255, 255, 255, .45))}.landing-final{width:min(1040px,calc(100% - 40px));margin:54px auto 72px;border-radius:28px;padding:56px;text-align:center}.landing-final h2{font-size:clamp(38px,6vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.04em;margin:18px auto;max-width:720px}.landing-final p{max-width:560px;margin:0 auto 28px}.landing-footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--landing-border, rgba(255, 255, 255, .12));color:var(--landing-text3, rgba(255, 255, 255, .45))}.landing-footer div:nth-child(2){display:flex;gap:18px;flex-wrap:wrap}.landing-footer span{display:flex;align-items:center;gap:6px;font-size:13px}@keyframes cinematicUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.landing-nav-links{display:none}.landing-feature-grid,.landing-pricing-grid,.landing-testimonial-grid,.landing-steps{grid-template-columns:1fr}.landing-step,.landing-step:last-child{border-right:0;border-bottom:1px solid var(--landing-border, rgba(255, 255, 255, .12));padding-bottom:24px}.landing-price-card-featured{transform:none}.landing-footer{align-items:flex-start;flex-direction:column}}@media (max-width: 560px){.landing-section{padding:66px 0}.landing-hero{min-height:86vh}.landing-hero-content{margin-bottom:7vh}.landing-hero-voksi{display:block;padding:0}.landing-hero-voksi .voksi-shell{display:none}.landing-hero h1{font-size:46px}.landing-primary,.landing-secondary{width:100%}.landing-final{padding:34px 22px}}@media (prefers-reduced-motion: reduce){.landing-hero-content{animation:none}}.auth-aurora{min-height:100vh;display:grid;grid-template-columns:52fr 48fr;background:#0b0b0c;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.auth-aurora-media{position:relative;min-height:100vh;overflow:hidden}.auth-aurora-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.auth-aurora-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%);pointer-events:none}.auth-aurora-back{position:absolute;z-index:3;top:28px;left:28px;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#00000047;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;font-weight:600}.auth-aurora-copy{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(28px,5vw,72px);color:#fff;text-align:center;text-shadow:0 2px 22px rgba(0,0,0,.35)}.auth-aurora-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:30px}.auth-aurora-copy h1{max-width:660px;font-size:clamp(44px,6vw,82px);line-height:1;font-weight:850;letter-spacing:-.045em;margin:0}.auth-aurora-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,72px);background:radial-gradient(circle at 72% 18%,rgba(124,58,237,.18),transparent 34%),#0f0f10}.auth-aurora-panel-inner{width:min(100%,440px);animation:cinematicUp .56s ease-out both}.auth-aurora-panel h2{font-size:clamp(34px,4vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.035em;margin:0 0 10px}.auth-aurora-panel p{color:#ffffff94;line-height:1.6;margin:0 0 26px}.auth-aurora-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:22px;border-radius:14px;background:#171717}.auth-aurora-switch button{height:40px;border:0;border-radius:11px;background:transparent;color:#ffffff85;cursor:pointer;font-weight:700}.auth-aurora-switch button.active{background:#fff;color:#0f0f0f}.auth-aurora-form{display:grid;gap:15px}.auth-aurora-field{display:grid;gap:8px}.auth-aurora-field>span{color:#ffffff9e;font-size:13px;font-weight:700}.auth-aurora-field input,.auth-aurora-password{width:100%;height:44px;border:0;border-radius:12px;background:#1a1a1a;color:#fff;outline:none}.auth-aurora-field input{padding:0 16px;font-size:15px}.auth-aurora-password{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}.auth-aurora-password input{height:44px;background:transparent;padding-right:4px}.auth-aurora-password button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#ffffff8a;cursor:pointer}.auth-aurora-field input:focus,.auth-aurora-password:focus-within{box-shadow:0 0 0 2px #7c3aed7a}.auth-aurora-field input::placeholder{color:#ffffff57}.auth-aurora-link{justify-self:end;border:0;background:transparent;color:#c4b5fd;cursor:pointer;font-weight:700}.auth-aurora-submit{height:56px;border:0;border-radius:14px;background:#fff;color:#0f0f0f;cursor:pointer;font-size:16px;font-weight:800;margin-top:4px}.auth-aurora-submit:disabled{opacity:.7;cursor:not-allowed}.auth-aurora-bottom-text,.auth-aurora-bottom-link{margin-top:22px;color:#ffffff94;text-align:center}.auth-aurora-bottom-text button,.auth-aurora-bottom-link{border:0;background:transparent;color:#c4b5fd;cursor:pointer;font-weight:800}.auth-aurora-bottom-text button{margin-left:6px}.auth-aurora-notice{border-radius:12px;padding:11px 13px;line-height:1.45;font-size:14px}.auth-aurora-notice.error{color:#fecaca;background:#ef444424;border:1px solid rgba(239,68,68,.26)}.auth-aurora-notice.success{color:#bbf7d0;background:#22c55e1f;border:1px solid rgba(34,197,94,.24)}@media (max-width: 900px){.auth-aurora{grid-template-columns:1fr}.auth-aurora-media{min-height:46vh}.auth-aurora-panel{min-height:auto}}@media (max-width: 560px){.auth-aurora-media{min-height:54vh}.auth-aurora-copy{padding:72px 20px 30px}.auth-aurora-copy h1{font-size:36px}.auth-aurora-panel{padding:30px 18px}}.auth-cinematic{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:clamp(28px,5vw,82px);align-items:center;padding:clamp(22px,5vw,64px)}.auth-cinematic-back{position:fixed;z-index:4;top:24px;left:24px;min-height:40px;padding:0 15px}.auth-cinematic-copy,.auth-cinematic-panel{position:relative;z-index:2;animation:cinematicUp .64s ease-out both}.auth-cinematic-logo{color:#fff;font-weight:600;letter-spacing:.2em;margin-bottom:34px}.auth-cinematic-copy h1{max-width:710px;font-size:clamp(54px,8vw,112px);line-height:.86;font-weight:400;margin:0}.auth-cinematic-copy p{max-width:540px;color:#ffffffb8;font-size:clamp(18px,2vw,22px);line-height:1.5;margin:28px 0 0}.auth-cinematic-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.auth-cinematic-features>div{min-height:42px;border-radius:999px;padding:0 14px;display:flex;align-items:center;gap:8px;color:#ffffffc7}.auth-cinematic-panel{border-radius:28px;padding:clamp(28px,4vw,42px)}.auth-cinematic-panel-head,.auth-cinematic-trust{display:flex;align-items:center;gap:8px;color:#ffffff8f;font-size:13px}.auth-cinematic-panel h2{font-size:clamp(38px,5vw,58px);line-height:.96;font-weight:400;margin:22px 0 10px}.auth-cinematic-panel>p{color:#ffffff9e;line-height:1.5;margin-bottom:24px}.auth-cinematic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:999px;background:#ffffff0f;margin-bottom:22px}.auth-cinematic-tabs button{min-height:38px;border:0;border-radius:999px;background:transparent;color:#ffffff8a;cursor:pointer;font-weight:600}.auth-cinematic-tabs button.active{background:#ffffff24;color:#fff}.auth-cinematic-form{display:grid;gap:14px}.auth-cinematic-field{display:grid;gap:7px}.auth-cinematic-field span{color:#ffffff94;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.auth-cinematic-field input{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#fff1;color:#fff;outline:none;padding:0 14px;font-size:15px}.auth-cinematic-field input:focus{border-color:#c4b5fd94;box-shadow:0 0 0 3px #7c3aed33}.auth-cinematic-field input::placeholder{color:#ffffff57}.auth-cinematic-notice{border-radius:12px;padding:11px 13px;line-height:1.4;font-size:14px}.auth-cinematic-notice.error{color:#fecaca;background:#ef444424;border:1px solid rgba(239,68,68,.26)}.auth-cinematic-notice.success{color:#bbf7d0;background:#22c55e1f;border:1px solid rgba(34,197,94,.24)}.auth-cinematic-submit{width:100%;margin-top:6px}.auth-cinematic-submit:disabled{opacity:.62;cursor:not-allowed}.auth-cinematic-secondary{width:100%;min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffffb8;font-weight:600;cursor:pointer;margin-top:12px}.auth-cinematic-trust{margin-top:22px}@media (max-width: 900px){.auth-cinematic{grid-template-columns:1fr;padding-top:78px}.auth-cinematic-copy h1{font-size:58px}}@media (max-width: 560px){.auth-cinematic{padding:76px 18px 28px}.auth-cinematic-panel{border-radius:22px}.auth-cinematic-copy h1{font-size:46px}}:root{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-muted: #ede9fe;--color-primary-fg: #ffffff;--color-primary-light: var(--color-primary-muted);--color-primary-text: var(--color-primary-hover);--color-success: #16a34a;--color-success-muted: #dcfce7;--color-success-light: var(--color-success-muted);--color-success-text: #166534;--color-warning: #d97706;--color-warning-muted: #fef3c7;--color-warning-light: var(--color-warning-muted);--color-warning-text: #92400e;--color-danger: #dc2626;--color-danger-muted: #fee2e2;--color-danger-light: var(--color-danger-muted);--color-danger-text: #991b1b;--color-info: #2563eb;--color-info-muted: #dbeafe;--color-info-light: var(--color-info-muted);--color-info-text: #1d4ed8;--color-bg: #f9fafb;--color-surface: #ffffff;--color-surface-2: #f3f4f6;--color-surface-3: #e5e7eb;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-primary: var(--color-text);--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-light: #9ca3af;--color-text-inverse: #ffffff;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-strong: rgba(17, 24, 39, .72);--color-glass-subtle: rgba(255, 255, 255, .06);--color-glass: rgba(255, 255, 255, .12);--color-glass-strong: rgba(255, 255, 255, .2);--color-text-inverse-secondary: rgba(255, 255, 255, .65);--color-text-inverse-muted: rgba(255, 255, 255, .45);--color-sidebar-bg: #111827;--color-sidebar-border: rgba(255, 255, 255, .06);--color-sidebar-text: #d1d5db;--color-sidebar-text-hover: #ffffff;--color-sidebar-text-active: #ffffff;--color-sidebar-hover: rgba(255, 255, 255, .04);--color-sidebar-active: rgba(255, 255, 255, .08);--color-sidebar-item-active: var(--color-sidebar-active);--color-landing-dark-bg: #151a24;--color-landing-dark-bg-2: #1a2130;--color-landing-accent-soft: #c4b5fd;--primary: var(--color-primary);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--info: var(--color-info);--success-bg: var(--color-success-muted);--warning-bg: var(--color-warning-muted);--danger-bg: var(--color-danger-muted);--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--text-xs: var(--font-size-xs);--text-sm: var(--font-size-sm);--text-base: var(--font-size-md);--text-md: var(--font-size-lg);--text-lg: 18px;--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 3px rgba(124, 58, 237, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, 1, 0);--ease-io: cubic-bezier(.4, 0, .2, 1);--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .25s cubic-bezier(.4, 0, .2, 1);--topbar-height: 56px;--sidebar-width: 220px;--panel-width: 340px;--panel-width-wide: 340px}[data-theme=dark]{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-2: #222536;--color-surface-3: #2d3147;--color-border: #2d3147;--color-border-strong: #3d4160;--color-text: #f0f1f5;--color-text-primary: var(--color-text);--color-text-secondary: #8b92a8;--color-text-muted: #5c6380;--color-text-light: #5c6380;--color-primary-muted: #2d1f5e;--color-success-muted: #0f2d1e;--color-success-light: var(--color-success-muted);--color-warning-muted: #2d1f0a;--color-warning-light: var(--color-warning-muted);--color-danger-muted: #2d0f0f;--color-danger-light: var(--color-danger-muted);--color-info-muted: #0f1f3d;--color-info-light: var(--color-info-muted)}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;text-rendering:optimizeLegibility}::selection{background:var(--color-primary-light);color:var(--color-primary-text)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover);text-decoration:underline}.app-layout{display:flex;height:100vh;overflow:hidden}.app-right{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-body{display:flex;flex:1;overflow:hidden}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}@media (max-width: 1100px){.grid-2-1{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 850px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);margin-top:var(--space-2);margin-bottom:var(--space-2)}.v-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.v-table th{background:var(--color-surface-2);padding:10px 14px;font-weight:700;color:var(--color-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border-strong);white-space:nowrap}.v-table td{padding:12px 14px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.v-table tr:last-child td{border-bottom:none}.v-table tr{transition:background-color var(--transition)}.v-table tr:hover td{background-color:#0f172a05}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-3);flex-shrink:0;z-index:50;box-shadow:0 1px 3px #0f172a05}.topbar-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;z-index:100}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;gap:10px;padding:0 var(--space-4);border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0}.sidebar-brand-logo{height:24px;width:auto;object-fit:contain;flex-shrink:0;border-radius:4px}.sidebar-brand-name{font-size:var(--text-md);font-weight:800;color:#fff;letter-spacing:.05em;white-space:nowrap}.sidebar-nav{padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:0 var(--space-3);height:38px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-sidebar-text);cursor:pointer;transition:background-color var(--transition),color var(--transition),transform var(--transition);text-align:left;font-family:var(--font-sans);position:relative}.sidebar-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-hover)}.sidebar-item:active{transform:scale(.97)}.sidebar-item.active{background:var(--color-sidebar-active);color:var(--color-sidebar-text-active);font-weight:600;box-shadow:inset 3px 0 0 var(--color-primary)}.sidebar-item-icon{display:flex;align-items:center;flex-shrink:0;transition:color var(--transition);color:inherit}.sidebar-item.active .sidebar-item-icon{color:var(--color-primary)}.sidebar-item-label{font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em}.sidebar-spacer{flex:1}.panel{width:var(--panel-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.panel-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.panel-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.09em}.panel-body{flex:1;overflow-y:auto}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:var(--radius-full)}.main{flex:1;overflow-y:auto;background-color:var(--color-bg);background-image:radial-gradient(rgba(15,23,42,.02) 1px,transparent 1px);background-size:20px 20px;background-attachment:local}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:var(--radius-full)}.main::-webkit-scrollbar-thumb:hover{background:#0f172a40}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-sm{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.card-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.card-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:var(--space-4)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-strong)}.kpi-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.kpi-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.kpi-value.primary{color:var(--color-primary)}.kpi-value.success{color:var(--color-success)}.kpi-value.warning{color:var(--color-warning)}.kpi-value.danger{color:var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 var(--space-4);height:36px;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform .12s var(--ease-out);white-space:nowrap;text-decoration:none;font-family:var(--font-sans);letter-spacing:-.01em;position:relative}.btn:active{transform:scale(.96)}.btn:disabled:active,.btn[disabled]:active{transform:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary-hover);box-shadow:0 1px 2px #2563eb33,inset 0 1px #ffffff26}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #2563eb40,inset 0 1px #ffffff26}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger-text);border-color:#ef444433}.btn-danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-icon{width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.input{height:36px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%;font-family:var(--font-sans);box-shadow:0 1px 2px #0f172a05}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.input::placeholder{color:var(--color-text-muted)}.input-search{padding-left:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:32px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:-.01em}.badge-default{background:var(--color-surface-2);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-text)}.badge-success{background:var(--color-success-light);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-text)}.badge-info{background:var(--color-info-light);color:var(--color-info-text)}.badge-success{background:var(--color-success-light);color:var(--color-success);font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center}.badge-secondary{background:var(--color-surface-2);color:var(--color-text-secondary);border:.5px solid var(--color-border);font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring-value{position:absolute;font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.call-item{padding:var(--space-4);border-bottom:1px solid var(--color-border);border-left:3px solid transparent;cursor:pointer;transition:background-color var(--transition),border-left-color var(--transition),box-shadow var(--transition),transform .18s var(--ease-out);display:flex;flex-direction:column;gap:6px}.call-item:hover{background:var(--color-bg);border-left-color:var(--color-border-strong);transform:translate(2px);box-shadow:inset 8px 0 16px -18px #2563eb73}.call-item:active{transform:translate(2px) scale(.99)}.call-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary)}.call-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.call-item-id{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-variant-numeric:tabular-nums}.call-item-manager{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;letter-spacing:-.015em}.call-item-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.call-item-date{font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.call-item-score{font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);padding:0 var(--space-5);background:var(--color-surface)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition),border-bottom-color var(--transition),transform .12s var(--ease-out);white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;letter-spacing:-.01em;font-family:var(--font-sans)}.tab:hover{color:var(--color-text-primary)}.tab:active{transform:scale(.96)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:modalOverlayIn .16s var(--ease-out) both}.modal{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;transform-origin:50% 46%;animation:modalPanelIn .22s var(--ease-out) both}.modal-lg{max-width:760px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.modal-body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}@keyframes modalOverlayIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.vokks-tour-popover.driver-popover{border-radius:12px;border:1px solid rgba(17,24,39,.08);box-shadow:0 24px 60px #0f172a38}.vokks-tour-popover .driver-popover-title{font-size:16px;line-height:1.25}.vokks-tour-popover .driver-popover-description{color:var(--color-text-secondary);line-height:1.55}.vokks-tour-popover .driver-popover-next-btn,.vokks-tour-popover .driver-popover-prev-btn{border-radius:8px;text-shadow:none}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f172a7a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:onboardingOverlayIn .18s var(--ease-out) both}.onboarding-card{width:min(720px,100%);max-height:min(720px,92vh);overflow-y:auto;border-radius:24px;background:var(--color-surface);box-shadow:0 0 0 1px #0f172a0f,0 24px 64px #0f172a38;animation:onboardingCardIn .26s var(--ease-out) both}.onboarding-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-4) var(--space-5) 0}.onboarding-step-dot{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-lg);background:transparent;transition-property:background-color,color;transition-duration:.16s;transition-timing-function:var(--ease-out)}.onboarding-step-dot span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:800;font-variant-numeric:tabular-nums;transition-property:background-color,color,transform;transition-duration:.16s;transition-timing-function:var(--ease-out)}.onboarding-step-dot small{font-size:var(--text-xs);font-weight:700}.onboarding-step-dot.active{color:var(--color-primary-text);background:var(--color-primary-light)}.onboarding-step-dot.active span,.onboarding-step-dot.done span{color:var(--color-text-inverse);background:var(--color-primary)}.onboarding-content{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.onboarding-content>*{opacity:0;transform:translateY(12px);filter:blur(4px);animation:onboardingContentIn .36s var(--ease-out) forwards}.onboarding-content>*:nth-child(2){animation-delay:80ms}.onboarding-content>*:nth-child(3){animation-delay:.16s}.onboarding-content>*:nth-child(4){animation-delay:.24s}.onboarding-hero,.onboarding-section-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:flex-start}.onboarding-logo-wrap,.onboarding-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);background:var(--color-primary-light);color:var(--color-primary);box-shadow:inset 0 0 0 1px #2563eb1a}.onboarding-logo{width:38px;height:38px;object-fit:contain;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;border-radius:var(--radius-md)}.onboarding-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.onboarding-content h2{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--text-2xl);line-height:1.16;letter-spacing:0;text-wrap:balance}.onboarding-content p{margin:0;color:var(--color-text-secondary);font-size:var(--text-base);text-wrap:pretty}.onboarding-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.onboarding-feature{display:flex;flex-direction:column;gap:var(--space-3);min-height:116px;padding:var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-primary);background:var(--color-surface);box-shadow:0 0 0 1px #0f172a0f,0 2px 8px #0f172a0a}.onboarding-feature svg{color:var(--color-primary)}.onboarding-feature span{font-weight:700;line-height:1.35;text-wrap:balance}.onboarding-success{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-success-light);color:var(--color-success-text);box-shadow:inset 0 0 0 1px #0e9f6e29}.onboarding-success strong,.onboarding-success span{display:block}.onboarding-success strong{margin-bottom:2px;font-size:var(--text-sm)}.onboarding-success span{font-size:var(--text-sm);color:var(--color-text-secondary)}.onboarding-checklist{display:grid;gap:var(--space-2)}.onboarding-checklist div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;min-height:44px;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-primary);font-size:var(--text-sm)}.onboarding-checklist span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);font-weight:800;font-size:var(--text-xs);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm)}.onboarding-empty-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-light);box-shadow:inset 0 0 0 1px #2563eb1a}.onboarding-empty-action p{max-width:420px}.onboarding-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.onboarding-actions.split{justify-content:space-between}@keyframes onboardingOverlayIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@keyframes onboardingCardIn{0%{opacity:0;transform:translateY(14px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes onboardingContentIn{to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (max-width: 720px){.onboarding-card{max-height:94vh;border-radius:var(--radius-xl)}.onboarding-progress,.onboarding-feature-grid{grid-template-columns:1fr}.onboarding-empty-action{align-items:stretch;flex-direction:column}.onboarding-actions,.onboarding-actions.split{flex-direction:column-reverse}.onboarding-actions .btn,.onboarding-empty-action .btn{width:100%}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field-error{font-size:var(--text-xs);color:var(--color-danger-text)}.account-hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.account-avatar,.account-mini-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,#0E9F6E 100%);color:var(--color-text-inverse);font-weight:800;letter-spacing:0;box-shadow:inset 0 1px #ffffff2e,var(--shadow-sm)}.account-avatar{width:56px;height:56px;font-size:var(--text-lg)}.account-mini-avatar{width:36px;height:36px;font-size:11px}.account-title{font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);letter-spacing:0;text-wrap:balance}.account-subtitle{margin-top:3px;font-size:var(--text-sm);color:var(--color-text-secondary)}.account-card-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:var(--space-4);color:var(--color-text-primary)}.account-card-heading>svg{color:var(--color-primary);margin-top:2px}.account-team-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.account-team-row{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.account-team-row:last-child{border-bottom:0}.account-team-row:hover{background:var(--color-bg)}.account-created{min-width:86px;color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}@media (max-width: 860px){.view-panel-account [style*=grid-template-columns]{grid-template-columns:1fr!important}.account-hero,.account-team-row{align-items:flex-start;flex-direction:column}.account-created{text-align:left}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid transparent}.alert-info{background:var(--color-info-light);color:var(--color-info-text);border-color:#0ea5e926}.alert-success{background:var(--color-success-light);color:var(--color-success-text);border-color:#10b98126}.alert-warning{background:var(--color-warning-light);color:var(--color-warning-text);border-color:#f59e0b26}.alert-danger{background:var(--color-danger-light);color:var(--color-danger-text);border-color:#ef6e6e26}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.empty-state-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,#ffffff 0%,var(--color-surface-2) 100%);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;margin-bottom:var(--space-1);box-shadow:var(--shadow-md)}.empty-state-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.empty-state-desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;line-height:1.5}.filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filters-dates{display:flex;align-items:center;gap:var(--space-1);flex-wrap:nowrap}.filter-chip{height:28px;padding:0 12px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);font-family:var(--font-sans);box-shadow:var(--shadow-sm)}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #2563eb40}.filter-chip:active{transform:scale(.97)}.score-good{color:var(--color-success)}.score-medium{color:var(--color-warning)}.score-bad{color:var(--color-danger)}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.audio-player{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}audio{width:100%;height:34px;outline:none;border-radius:var(--radius-sm)}.spinner{width:18px;height:18px;border:2px solid rgba(15,23,42,.08);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0f172a40}h1,h2,h3,h4,h5,h6,.panel-title,.card-title,.modal-title,.empty-state-title{text-wrap:balance;font-family:var(--font-sans)}p,li,.empty-state-desc,.field-hint,.field-error{text-wrap:pretty}.nested-concentric-md{border-radius:calc(var(--radius-md) - 3px)}.nested-concentric-lg{border-radius:calc(var(--radius-lg) - 4px)}.nested-concentric-xl{border-radius:calc(var(--radius-xl) - 5px)}.tabular-nums{font-variant-numeric:tabular-nums}.recharts-text,.recharts-legend-item-text,.recharts-default-tooltip,.recharts-cartesian-axis-tick,.recharts-cartesian-axis-tick-value{font-family:var(--font-sans)!important}.recharts-default-tooltip{background-color:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;padding:10px 14px!important}.recharts-tooltip-label{font-weight:700!important;color:var(--color-text-primary)!important;font-size:var(--text-xs)!important;margin-bottom:6px!important;text-transform:uppercase;letter-spacing:.05em}.utterance-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);margin-bottom:var(--space-2)}.utterance-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.utterance-bubble.utterance-manager{background:var(--color-primary-light);border-color:#1a56db1f}.utterance-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;box-shadow:0 0 0 1px #0f172a0d,0 2px 4px #0f172a0d}.utterance-bubble.utterance-manager .utterance-avatar{background:var(--color-primary-light);color:var(--color-primary-text)}.utterance-bubble:not(.utterance-manager) .utterance-avatar{background:var(--color-surface-2);color:var(--color-text-secondary)}.utterance-meta{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.utterance-text{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-primary)}.card-sm:has(span[style*="cursor: pointer"]){transition:background-color var(--transition),border-color var(--transition),transform var(--transition);box-shadow:var(--shadow-sm)}.card-sm:has(span[style*="cursor: pointer"]):hover{border-color:var(--color-border-strong);background-color:var(--color-bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm);display:inline-block}.skeleton-text{height:12px;width:100%}.skeleton-title{height:20px;width:140px;border-radius:var(--radius-md)}.skeleton-avatar{width:32px;height:32px;border-radius:50%}.skeleton-box{height:48px;width:100%;border-radius:var(--radius-md)}.skeleton-line{height:12px;margin-bottom:6px}.skeleton-line.w-3-4{width:75%}.skeleton-line.w-1-2{width:50%}.skeleton-line.w-1-4{width:25%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-fade-in{animation:fadeIn .35s var(--ease-out) both}.delay-1{animation-delay:45ms}.delay-2{animation-delay:90ms}.delay-3{animation-delay:135ms}.delay-4{animation-delay:.18s}.delay-5{animation-delay:225ms}.view-panel{animation:viewPanelIn .26s var(--ease-out) both}.call-list-enter{animation:callListItemIn .32s var(--ease-out) both;animation-delay:calc(var(--stagger-index, 0) * 28ms)}@keyframes viewPanelIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes callListItemIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.custom-audio-player{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.player-controls{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-2);padding:8px 12px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.play-btn{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition),transform var(--transition);flex-shrink:0}.play-btn:hover{background:var(--color-primary-hover)}.play-btn:active{transform:scale(.96)}.time-display{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px;flex-shrink:0}.divider-slash{color:var(--color-text-muted)}.waveform-container{flex:1;height:32px;display:flex;align-items:center;gap:2px;cursor:pointer;padding:0 var(--space-1)}.wave-bar{flex:1;min-width:2px;background:var(--color-border-strong);border-radius:1px;transition:background-color var(--transition),height .15s ease}.wave-bar:hover{background:var(--color-text-secondary)}.wave-bar.played{background:var(--color-primary)}.speed-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:700;padding:3px 6px;border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform .12s var(--ease-out);flex-shrink:0}.speed-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.speed-btn:active{transform:scale(.96)}.mute-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-xs);transition:background-color var(--transition),color var(--transition),transform .12s var(--ease-out);flex-shrink:0}.mute-btn:hover{background:#0f172a0d;color:var(--color-text-primary)}.mute-btn:active{transform:scale(.96)}.player-slider{-webkit-appearance:none;width:100%;height:3px;background:var(--color-border);border-radius:var(--radius-full);outline:none;cursor:pointer}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--color-primary);transition:transform var(--transition)}.player-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.status-scored{color:var(--color-success);background:var(--color-success-light)}.status-dot.status-scored:before{background:var(--color-success)}.status-dot.status-error{color:var(--color-danger);background:var(--color-danger-light)}.status-dot.status-error:before{background:var(--color-danger)}.status-dot.status-pending{color:var(--color-warning);background:var(--color-warning-light)}.status-dot.status-pending:before{background:var(--color-warning)}.status-dot.status-uploaded{color:var(--color-text-secondary);background:var(--color-surface-2)}.status-dot.status-uploaded:before{background:var(--color-text-muted)}.status-dot.status-scoring{color:var(--color-primary);background:var(--color-primary-light);animation:pulse 1.5s infinite}.status-dot.status-scoring:before{background:var(--color-primary)}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;pointer-events:all;animation:toastEnter .24s var(--ease-out) both;transition:box-shadow var(--transition),transform .12s var(--ease-out)}.toast-item:hover{transform:translateY(-1px);box-shadow:0 18px 32px -22px #0f172a8c}.toast-item:active{transform:scale(.96)}.toast-item-leaving{animation:toastExit .15s var(--ease-in) both}.toast-item-success{background:var(--color-success-light);border-color:#0e9f6e47;color:var(--color-success-text)}.toast-item-error{background:var(--color-danger-light);border-color:#e0242440;color:var(--color-danger-text)}.toast-item-warning{background:var(--color-warning-light);border-color:#d9770647;color:var(--color-warning-text)}.toast-item-info{background:var(--color-info-light);border-color:#3f83f847;color:var(--color-info-text)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:var(--radius-full);background:#ffffffb8;font-size:10px;font-weight:800;line-height:1}.toast-message{flex:1}.script-version-slider-shell{position:relative;margin-bottom:var(--space-5)}.version-slider{display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.version-slider::-webkit-scrollbar{display:none}.script-version-card{position:relative;width:200px;flex-shrink:0;display:grid;gap:6px;padding:14px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);text-align:left;scroll-snap-align:start;transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition),transform var(--transition)}.script-version-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.script-version-card.active{border-color:var(--color-primary);background:var(--color-primary-muted);box-shadow:var(--shadow-focus)}.script-version-card-head{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.script-version-number{color:var(--color-text);font-size:var(--font-size-lg);font-weight:800;line-height:1.2}.script-version-card.active .script-version-number{color:var(--color-primary)}.script-version-date{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.script-version-status{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.script-version-status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-muted)}.script-version-status-dot.active{background:var(--color-success)}.script-version-check{position:absolute;top:12px;right:12px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-fg)}.script-version-slider-arrow{position:absolute;top:50%;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-md);transform:translateY(-50%);transition:border-color var(--transition),box-shadow var(--transition)}.script-version-slider-arrow:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.script-version-slider-arrow.left{left:-16px}.script-version-slider-arrow.right{right:-16px}.script-version-dots{display:flex;justify-content:center;gap:6px;margin-top:var(--space-2)}.script-version-dot{width:6px;height:6px;padding:0;border:0;border-radius:3px;background:var(--color-border);cursor:pointer;transition:width var(--transition-slow),background-color var(--transition)}.script-version-dot.active{width:20px;background:var(--color-primary)}.account-settings-page{flex:1;min-width:0;max-width:860px;overflow-y:auto;padding:34px 44px 52px;background:var(--color-bg);color:var(--color-text-primary)}.account-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.account-settings-heading h1{margin:0;color:var(--color-text-primary);font-size:var(--text-2xl);line-height:1.12;letter-spacing:0}.account-settings-heading p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.account-settings-quick-status{min-height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(14,159,110,.18);border-radius:var(--radius-full);background:#0e9f6e14;color:var(--color-success-text);font-size:var(--text-xs);font-weight:800;white-space:nowrap}.account-status-dot,.account-member-status{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 0 4px #0e9f6e1f}.account-settings-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);overflow-x:auto}.account-tab{position:relative;padding:10px 16px;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:600;white-space:nowrap;transition:color var(--transition),transform .14s var(--ease-out)}.account-tab:hover{color:var(--color-text-primary)}.account-tab:active{transform:translateY(1px)}.account-tab.active{color:var(--color-text-primary)}.account-tab:after{content:"";position:absolute;right:16px;bottom:-1px;left:16px;height:2px;border-radius:2px 2px 0 0;background:var(--color-primary);transform:scaleX(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.account-tab.active:after{transform:scaleX(1)}.account-settings-stack{display:grid;gap:var(--space-4)}.account-profile-hero{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-5);align-items:center;padding-bottom:var(--space-2)}.account-gradient-avatar{width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#4f46e5,#2563eb);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:26px;font-weight:800;box-shadow:0 8px 24px #7c3aed59;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.account-gradient-avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px #7c3aed73}.account-eyebrow{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.account-profile-hero h2{margin:3px 0 6px;color:var(--color-text-primary);font-size:var(--text-xl);line-height:1.2}.account-profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.account-form-grid{display:grid;gap:var(--space-4)}.account-actions-row{display:flex;justify-content:flex-start}.account-live-input{width:100%;height:42px;box-sizing:border-box;padding:0 14px;border:1.5px solid var(--color-border);border-radius:10px;outline:none;background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}.account-live-input:hover:not(:disabled):not([readonly]){border-color:var(--color-primary-muted, #c4b5fd)}.account-live-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1f}.account-live-input:disabled,.account-live-input[readonly]{background:var(--color-surface-2);color:var(--color-text-secondary)}.account-settings-mini-avatar{border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-primary-light);color:var(--color-primary-text);font-weight:800;box-shadow:var(--shadow-sm)}.account-settings-mini-avatar{width:36px;height:36px;font-size:var(--text-xs)}.account-settings-card{display:grid;gap:var(--space-5);padding:20px 24px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:none;transition:border-color .15s var(--ease-out),transform .15s var(--ease-out)}.account-settings-card:hover{border-color:var(--color-primary-muted, #c4b5fd)}.account-settings-card-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);align-items:start}.account-settings-card-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #7c3aed0f}.account-settings-inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.account-settings-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.account-settings-password-grid .field:first-child{grid-column:1 / -1}.account-settings-invite-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:var(--space-3);align-items:center}.account-settings-session-row{display:grid;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid transparent;transition:background-color var(--transition),border-color var(--transition)}.account-members-list{display:grid;gap:var(--space-2)}.account-member-card{position:relative;display:grid;grid-template-columns:36px 10px minmax(0,1fr) auto auto 32px;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);transition:background-color var(--transition),border-color var(--transition),transform .14s var(--ease-out)}.account-member-card:hover{background:var(--color-bg);border-color:var(--color-border);transform:translateY(-1px)}.account-member-main{min-width:0}.account-member-name{color:var(--color-text-primary);font-weight:800}.account-member-name span{color:var(--color-text-muted);font-weight:700}.account-member-email{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:var(--text-xs)}.account-member-date{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.account-member-delete{opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition)}.account-member-card:hover .account-member-delete,.account-member-delete:focus-visible{opacity:1;pointer-events:auto}.account-settings-session-row{grid-template-columns:42px minmax(0,1fr) auto;background:var(--color-bg);border-color:var(--color-border)}.account-session-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary)}.account-settings-metric{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.account-settings-metric>div{margin-bottom:4px;color:var(--color-text-muted);font-size:var(--text-xs)}.account-settings-metric>strong{display:block;font-size:var(--text-lg);font-weight:850}.account-settings-metric-primary{background:var(--color-primary-light);color:var(--color-primary-text);border-color:#2563eb29}.account-settings-metric-success{background:var(--color-success-light);color:var(--color-success-text);border-color:#0e9f6e29}.account-settings-metric-warning{background:var(--color-warning-light);color:var(--color-warning-text);border-color:#d977062e}.account-settings-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.billing-progress-block{margin-top:var(--space-2)}.billing-progress-head{display:flex;justify-content:space-between;margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:800}.billing-progress-track{height:9px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface-2)}.billing-progress-fill{height:100%;border-radius:var(--radius-full);transform-origin:left;animation:accountProgressIn .72s cubic-bezier(.34,1.56,.64,1)}.billing-progress-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}.billing-progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.billing-progress-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.account-role-grid{display:grid;gap:var(--space-3)}.account-role-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--space-3);align-items:center}.account-role-row>div{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.account-danger-zone{margin-top:var(--space-4);padding:20px 24px;border:1px solid #fca5a5;border-radius:14px;background:linear-gradient(135deg,#fff5f5,#fef2f2)}.account-danger-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#dc2626;font-size:var(--text-sm);font-weight:800}.account-danger-zone p{margin:0;color:#991b1b;font-size:var(--text-sm);line-height:1.55}@keyframes accountProgressIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 900px){.account-settings-page{max-width:none;padding:var(--space-6) var(--space-5)}.account-settings-inline-field,.account-settings-invite-row,.account-settings-password-grid{grid-template-columns:1fr}.account-member-card{grid-template-columns:36px 10px minmax(0,1fr) auto 32px}.account-member-date{display:none}}@media (max-width: 760px){.account-settings-page{padding:var(--space-5)}.account-settings-heading{display:grid}.account-profile-hero,.account-role-row,.account-member-card{grid-template-columns:1fr}.account-gradient-avatar{width:64px;height:64px;font-size:23px}.account-member-status{display:none}.account-member-delete{opacity:1;pointer-events:auto}.account-settings-metric-grid{grid-template-columns:1fr}}@keyframes toastEnter{0%{opacity:0;transform:translate(18px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate(18px) scale(.98);filter:blur(4px)}}