@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f8fafc;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.auth-root{width:100vw;height:100vh;display:flex;overflow:hidden}.auth-left{background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 60%,#0f172a 100%);flex-direction:column;flex-shrink:0;justify-content:center;width:50%;height:100%;padding:clamp(2rem,5vw,5rem);display:flex}.auth-right{background:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;width:50%;height:100%;padding:2rem;display:flex}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:440px;padding:clamp(1.75rem,3vw,2.75rem);box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d}.auth-headline{letter-spacing:-.04em;color:#fff;margin-bottom:1.25rem;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;line-height:1.15}@media (width<=900px){.auth-left{display:none}.auth-right{background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 60%,#0f172a 100%);width:100%}.auth-card{max-width:420px}}@media (width<=480px){.auth-right{align-items:flex-end;padding:1rem}.auth-card{border-radius:20px 20px 0 0;max-width:100%}}.dashboard-root{background:#f8fafc;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:40;background:#0f172a;flex-direction:column;flex-shrink:0;width:240px;height:100vh;transition:transform .25s;display:flex}.dashboard-main{flex:1;min-width:0;padding:clamp(1rem,2.5vw,2rem);overflow-y:auto}.sidebar-overlay{z-index:39;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.mobile-topbar{z-index:30;background:#0f172a;flex-shrink:0;align-items:center;gap:.75rem;padding:.875rem 1rem;display:none;position:sticky;top:0}@media (width<=768px){.dashboard-root{flex-direction:column}.sidebar{width:280px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.mobile-topbar{display:flex}.dashboard-main{padding:1rem}}.grid-1{grid-template-columns:1fr;gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-auto{grid-template-columns:1fr}}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.page-title{letter-spacing:-.03em;color:#0f172a;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800}.container{width:100%;max-width:1400px}.container-md{width:100%;max-width:960px}.container-sm{width:100%;max-width:640px}.impersonate-bar{color:#fff;background:linear-gradient(90deg,#7c3aed,#6366f1);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.8125rem;display:flex}@media (width<=640px){.hide-sm{display:none!important}}@media (width<=768px){.hide-md{display:none!important}}@media (width>=769px){.show-md-only{display:none!important}}.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.ds-page{background:radial-gradient(120% 60% at 50% 0,#eef2ff 0%,#f9fafb 55%);min-height:100vh}.ds-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;height:56px;padding:0 1.5rem;display:flex}.ds-back{color:#6b7280;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.ds-back:hover{color:#111827}.ds-header-title{color:#111827;font-weight:700}.ds-main{max-width:600px;margin:0 auto;padding:2rem 1rem 3rem}.ds-muted{color:#6b7280;margin:0 0 1.25rem;font-size:.875rem}.ds-center{text-align:center;margin:.75rem 0 0}.ds-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ds-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 20px 40px -24px #1e293b40}.ds-card h1{letter-spacing:-.02em;color:#111827;margin:0 0 .375rem;font-size:clamp(1.125rem,3.5vw,1.375rem);font-weight:800;line-height:1.3}.ds-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:44px;padding:0 1.25rem;font-size:.9375rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;display:inline-flex}.ds-btn:disabled{opacity:.45;cursor:not-allowed}.ds-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;box-shadow:0 8px 18px -8px #2563ebcc}.ds-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 22px -8px #2563ebe6}.ds-btn-ghost{color:#374151;background:#fff;border:1px solid #d1d5db}.ds-btn-ghost:not(:disabled):hover{background:#f3f4f6}.ds-nav{justify-content:space-between;gap:.75rem;margin-top:1.5rem;display:flex}.ds-nav-center{flex-wrap:wrap;justify-content:center}.ds-intro{text-align:center}.ds-intro p{color:#4b5563;max-width:440px;margin:.5rem auto 1.25rem;line-height:1.6}.ds-intro-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;animation:3s ease-in-out infinite ds-bob;display:inline-flex;box-shadow:0 12px 28px -10px #4f46e5cc}.ds-intro-facts{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.ds-intro-facts li{color:#4338ca;background:#eef2ff;border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:600}.ds-progress{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.ds-badge{color:#5b21b6;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.ds-progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-bottom:1.5rem;overflow:hidden}.ds-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#4f46e5);height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1);display:block}.ds-question{animation:.45s cubic-bezier(.2,.7,.2,1) both ds-in}.ds-apps{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.ds-app{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;column-gap:.625rem;padding:.625rem;transition:border-color .15s,background-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1);animation:.35s cubic-bezier(.34,1.56,.64,1) both ds-pop;display:grid;position:relative}.ds-app:nth-child(3n+2){animation-delay:40ms}.ds-app:nth-child(3n){animation-delay:80ms}.ds-app:hover{border-color:#a5b4fc}.ds-app:active{transform:scale(.97)}.ds-app.is-on{background:#eef2ff;border-color:#4f46e5}.ds-app-icon{color:#475569;background:#f1f5f9;border-radius:10px;grid-row:span 2;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s,color .15s,transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.ds-app.is-on .ds-app-icon{color:#fff;background:#4f46e5;transform:rotate(-8deg)scale(1.05)}.ds-app-label{color:#111827;font-size:.875rem;font-weight:700;line-height:1.25}.ds-app-examples{color:#6b7280;font-size:.75rem;line-height:1.3}.ds-app.is-none{grid-column:1/-1;grid-template-rows:auto}.ds-app.is-none .ds-app-icon{grid-row:auto}.ds-match-icons{gap:.625rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.ds-slot{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;grid-template-columns:52px 1fr;align-items:center;gap:.75rem;padding:.5rem;transition:border-color .15s,background-color .15s,transform .15s;display:grid}.ds-slot.is-filled{background:#fff;border-style:solid;border-color:#c7d2fe}.ds-slot.is-over{background:#eef2ff;border-color:#4f46e5;transform:scale(1.015)}.ds-slot-icon{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 2px 6px -3px #0003}.ds-slot-empty{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;height:40px;padding:0 .5rem;font-size:.8125rem;font-weight:500}.ds-slot-empty.is-ready{color:#4f46e5;font-weight:700;animation:1.2s ease-in-out infinite ds-pulse}.ds-tray{background:#f1f5f9;border:1.5px solid #0000;border-radius:12px;flex-wrap:wrap;gap:.5rem;min-height:60px;padding:.75rem;transition:border-color .15s,background-color .15s;display:flex}.ds-tray.is-over,.ds-tray.is-ready{cursor:pointer;background:#eef2ff;border-color:#4f46e5}.ds-tray-done{color:#64748b;align-self:center;font-size:.8125rem}.ds-chip{color:#1e1b4b;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #c7d2fe;border-radius:10px;align-items:center;gap:.375rem;height:40px;padding:0 .875rem 0 .5rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s,border-color .15s,opacity .15s;animation:.3s cubic-bezier(.34,1.56,.64,1) both ds-pop;display:inline-flex;box-shadow:0 2px 6px -3px #4f46e566}.ds-slot .ds-chip{justify-self:start}.ds-chip:hover{border-color:#818cf8;transform:translateY(-1px)}.ds-chip.is-selected{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 6px 16px -6px #4f46e5e6}.ds-chip.is-dragging{opacity:.35}.ds-chip-grip{color:#a5b4fc;flex-shrink:0}.ds-chip.is-selected .ds-chip-grip{color:#c7d2fe}.ds-chip-ghost{z-index:1000;pointer-events:none;cursor:grabbing;animation:none;position:fixed;transform:rotate(-3deg)scale(1.06);box-shadow:0 18px 30px -12px #1e1b4b80}.ds-hint{color:#64748b;margin:.625rem 0 0;font-size:.8125rem}.ds-order-ends{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:.25rem 0;font-size:.75rem;font-weight:700}.ds-order-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ds-order-item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e0e7ff;border-radius:12px;grid-template-columns:28px 18px 1fr auto;align-items:center;gap:.625rem;min-height:52px;padding:.5rem .5rem .5rem .625rem;display:grid;position:relative;box-shadow:0 2px 6px -3px #1e293b33}.ds-order-item.is-dragging{z-index:2;cursor:grabbing;border-color:#4f46e5;scale:1.02;box-shadow:0 18px 30px -14px #1e1b4b8c}.ds-order-num{color:#4338ca;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:800;display:inline-flex}.ds-order-item.is-dragging .ds-order-num{color:#fff;background:#4f46e5}.ds-order-grip{color:#a5b4fc}.ds-order-text{color:#111827;font-size:.9375rem;font-weight:600}.ds-order-btns{gap:.25rem;display:inline-flex}.ds-order-btns button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ds-order-btns button:disabled{opacity:.35;cursor:default}.ds-order-btns button:not(:disabled):hover{color:#4338ca;background:#eef2ff}.ds-options{gap:.5rem;display:grid}.ds-option{cursor:pointer;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:.625rem;padding:.75rem .875rem;font-size:.9375rem;line-height:1.45;transition:border-color .15s,background-color .15s,transform .15s;display:flex;position:relative}.ds-option:hover{border-color:#a5b4fc}.ds-option.is-checked{background:#eef2ff;border-color:#4f46e5;transform:scale(1.01)}.ds-option input{accent-color:#4f46e5;flex-shrink:0;width:18px;height:18px;margin:0}.ds-option:has(input:focus-visible){outline-offset:2px;outline:2px solid #4f46e5}.ds-url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.ds-url-lock{color:#475569;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.ds-url-lock.is-insecure{color:#b91c1c;background:#fee2e2}.ds-url-text{overflow-wrap:anywhere}.ds-phone{background:#0f172a;border-radius:22px;max-width:340px;margin:0 auto 1.25rem;padding:.875rem;box-shadow:0 18px 36px -20px #0f172ae6}.ds-phone-from{color:#94a3b8;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.ds-sms{color:#e2e8f0;background:#1e293b;border-radius:16px 16px 16px 4px;margin:0;padding:.75rem .875rem;font-size:.875rem;line-height:1.5;animation:.5s cubic-bezier(.2,.7,.2,1) .15s both ds-in}.ds-result{text-align:center}.ds-result.is-beginner{--ds-accent:#ea580c}.ds-result.is-intermediate{--ds-accent:#2563eb}.ds-result.is-advanced{--ds-accent:#16a34a}.ds-ring{width:150px;height:150px;margin:0 auto 1rem;position:relative}.ds-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ds-ring circle{fill:none;stroke-width:10px}.ds-ring-track{stroke:#e5e7eb}.ds-ring-fill{stroke:var(--ds-accent);stroke-linecap:round;stroke-dashoffset:var(--ds-offset);animation:1.4s cubic-bezier(.2,.7,.2,1) .2s both ds-ring}.ds-ring-score{color:#111827;letter-spacing:-.03em;justify-content:center;align-items:center;gap:2px;font-size:2.25rem;font-weight:800;display:flex;position:absolute;inset:0}.ds-ring-score small{color:#9ca3af;margin-top:.75rem;font-size:.875rem;font-weight:600}.ds-result-kicker{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0;font-size:.8125rem;font-weight:700}.ds-level{animation:.6s cubic-bezier(.34,1.56,.64,1) .9s both ds-pop;color:var(--ds-accent)!important;font-size:2rem!important}.ds-result-note{color:#92400e;background:#fffbeb;border-radius:10px;align-items:center;gap:.375rem;margin:0;padding:.5rem .875rem;font-size:.8125rem;display:inline-flex}.ds-result-note.is-ok{color:#166534;background:#f0fdf4}@keyframes ds-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ds-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes ds-bob{50%{transform:translateY(-6px)rotate(-4deg)}}@keyframes ds-pulse{50%{opacity:.55}}@keyframes ds-ring{0%{stroke-dashoffset:var(--ds-circ,327)}}@media (width<=480px){.ds-order-item{grid-template-columns:26px 1fr auto}.ds-order-grip{display:none}.ds-order-text{font-size:.875rem}.ds-nav .ds-btn{flex:1}}@media (prefers-reduced-motion:reduce){.ds-page *,.ds-page :before,.ds-page :after{transition:none!important;animation:none!important}}