:root{--radius: 8px;--font-display: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--background: #f5f6f7;--foreground: #262a33;--card: #ffffff;--card-foreground: #262a33;--popover: #ffffff;--popover-foreground: #262a33;--primary: #5567dd;--primary-foreground: #ffffff;--primary-glow: #6677ee;--secondary: #3a475b;--secondary-foreground: #ffffff;--muted: #eef0f3;--muted-foreground: #6c7a8c;--accent: #5567dd;--accent-foreground: #ffffff;--destructive: #e53935;--destructive-foreground: #ffffff;--border: #e0e3e7;--input: #e0e3e7;--ring: #5567dd;--success: #16a34a;--success-foreground: #ffffff;--warning: #facc15;--warning-foreground: #111111;--info: #0ea5e9;--info-foreground: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(86, 100, 210, .3)}.dark{--background: #0c1117;--foreground: #e6e6e6;--card: #0f141a;--card-foreground: #e6e6e6;--popover: #0f141a;--popover-foreground: #e6e6e6;--primary: #e6e6e6;--primary-foreground: #0c1117;--secondary: #1b2633;--secondary-foreground: #e6e6e6;--muted: #1b2633;--muted-foreground: #b0b8c3;--accent: #1b2633;--accent-foreground: #e6e6e6;--destructive: #a11b1b;--destructive-foreground: #ffffff;--border: #2a3646;--input: #2a3646;--ring: #5b9af7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f5f6f7;color:#262a33;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4}:focus-visible{outline:3px solid color-mix(in oklab,#5567dd,transparent 50%);outline-offset:1px}.icon{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:8px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background-color .15s ease,color .15s ease,transform .05s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;pointer-events:none}.btn svg{width:16px;height:16px;pointer-events:none;flex-shrink:0}.btn--default{height:36px;padding:8px 16px}.btn--sm{height:32px;padding:6px 12px;border-radius:6px;gap:6px}.btn--lg{height:40px;padding:8px 20px;border-radius:10px}.btn--icon{width:36px;height:36px;padding:0}.btn--variant-default{background:#5567dd;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn--variant-default:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.btn--variant-destructive{background:#e53935;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn--variant-destructive:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.btn--variant-outline{background:#f5f6f7;color:#262a33;border-color:#e0e3e7;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn--variant-outline:hover{background:color-mix(in oklab,#eef0f3,white 15%)}.btn--variant-secondary{background:#3a475b;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn--variant-secondary:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.btn--variant-ghost{background:transparent;color:#262a33}.btn--variant-ghost:hover{background:color-mix(in oklab,#eef0f3,transparent 60%)}.btn--variant-link{background:transparent;color:#5567dd;text-decoration:underline;text-underline-offset:4px}.card{background:#fff;color:#262a33;display:flex;flex-direction:column;gap:24px;border-radius:12px;border:1px solid #e0e3e7;padding:24px 0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.card__header{display:grid;align-items:start;grid-gap:6px;gap:6px;grid-template-rows:auto auto;padding:0 24px}.card__title{font-weight:600;font-size:1.2rem;line-height:1}.card__description{color:#6c7a8c;font-size:14px}.card__action{grid-column:2;grid-row:1 / span 2;justify-self:end;align-self:start}.card__content{padding:0 24px}.card__footer{display:flex;align-items:center;padding:0 24px}.flex{display:flex}.grid{display:grid}.w-100{width:100%}.h-100{height:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.rounded{border-radius:8px}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.text-sm{font-size:14px}.text-center{text-align:center}.text-muted{color:#6c7a8c}.text-danger{color:#e53935}.text-success{color:#16a34a}.text-warning{color:#facc15}.text-info{color:#0ea5e9}.items-center{align-items:center}.justify-center{justify-content:center}.row{display:flex}.gap-1{gap:4px}.stack-1{display:flex;flex-direction:column;gap:4px}.stack-2{display:flex;flex-direction:column;gap:8px}.stack-3{display:flex;flex-direction:column;gap:12px}.stack-4{display:flex;flex-direction:column;gap:16px}.container-md{max-width:640px;width:100%}.page-center{display:flex;align-items:center;justify-content:center;padding:16px;min-height:100%;background:#f5f6f7}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.mx-1{margin-left:4px;margin-right:4px}.mx-2{margin-left:8px;margin-right:8px}.mx-3{margin-left:12px;margin-right:12px}.my-1{margin-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-3{margin-top:12px;margin-bottom:12px}.p-0{padding:0}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.w-auto{width:auto}.w-50{width:50%}.max-w-full{max-width:100%}.h-auto{height:auto}.min-h-100{min-height:100%}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:12px}.text-lg{font-size:16px}.rounded-sm{border-radius:6px}.rounded-lg{border-radius:10px}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.input{height:36px;padding:6px 10px;border-radius:8px;border:1px solid #e0e3e7;color:#262a33}.input:focus{border-color:#5567dd;outline:3px solid color-mix(in oklab,#5567dd,transparent 55%)}.label{font-size:13px;color:#6c7a8c;margin-bottom:6px;display:inline-block}.select{height:36px;padding:6px 10px;border-radius:8px;border:1px solid #e0e3e7;background:#f5f6f7;color:#262a33}.select:focus{border-color:#5567dd;outline:3px solid color-mix(in oklab,#5567dd,transparent 55%)}.alert{position:relative;width:100%;display:grid;grid-template-columns:0 1fr;align-items:start;grid-gap:4px 12px;gap:4px 12px;border:1px solid #e0e3e7;border-radius:10px;padding:12px 16px;font-size:14px;background:#fff;color:#262a33}.alert--destructive{color:#fff;background:#fff}.alert__title{grid-column:2;font-weight:600;line-height:1.2;min-height:1rem}.alert__description{grid-column:2;color:#6c7a8c;display:grid;grid-gap:4px;gap:4px}.separator{background:#e0e3e7;flex-shrink:0}.separator--horizontal{height:1px;width:100%}.separator--vertical{width:1px;height:100%}.select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e0e3e7;background:transparent;color:#262a33;border-radius:8px;padding:6px 12px;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:14px;white-space:nowrap;cursor:pointer;width:100%}.select__trigger--default{height:36px}.select__trigger--sm{height:32px}.select__trigger:focus-visible{border-color:#5567dd;outline:3px solid color-mix(in oklab,#5567dd,transparent 55%)}.select__trigger[aria-invalid=true]{border-color:#e53935}.select__trigger:disabled{opacity:.5;cursor:not-allowed}.select__content{position:relative;z-index:50;width:var(--radix-select-trigger-width);background:#fff;color:#262a33;border:1px solid #e0e3e7;border-radius:8px;box-shadow:0 10px 15px rgba(0,0,0,.15);overflow:hidden}.select__viewport{max-height:300px;overflow-y:auto;padding:4px;min-width:8rem;width:100%}.select__label{color:#6c7a8c;padding:6px 8px;font-size:12px}.select__item{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:6px 28px 6px 8px;font-size:14px;border-radius:6px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select__item[aria-selected=true],.select__item[data-state=checked]{background:color-mix(in oklab,#5567dd,transparent 85%);color:#262a33}.select__item[aria-disabled=true]{opacity:.5;pointer-events:none}.select__item:hover{background:color-mix(in oklab,#eef0f3,transparent 70%)}.select__item-check{position:absolute;right:8px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:16px}.select__separator{height:1px;background:#e0e3e7;margin:4px 0}.select__scroll-btn{display:flex;align-items:center;justify-content:center;padding:4px}.otp__container{display:flex;align-items:center;gap:8px}.otp__input{width:100%}.otp__group{display:flex;align-items:center}.otp__slot{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e0e3e7;border-radius:6px;font-size:14px}.otp__slot[data-active=true]{border-color:#5567dd;outline:3px solid color-mix(in oklab,#5567dd,transparent 55%);z-index:1}.otp__caret-wrap{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.otp__caret{width:1px;height:16px;background:#262a33;animation:caret-blink 1s step-end infinite}@keyframes caret-blink{50%{opacity:0}}.offline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,#f5f6f7,black .5%);z-index:100}.offline-card{width:100%;max-width:720px;padding:24px}.list{margin:0;padding:0}.list--disc{list-style:disc inside}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none!important}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.min-h-screen{min-height:100vh}.w-25{width:25%}.w-33{width:33.3333%}.w-75{width:75%}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-x-2{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.gap-y-2{row-gap:8px}.text-primary{color:#5567dd}.text-muted-fg{color:#6c7a8c}.text-danger{color:#e53935;margin:0}.bg-card{background:#fff}.bg-muted{background:#eef0f3}.bg-transparent{background:transparent}.border{border:1px solid #e0e3e7}.border-t{border-top:1px solid #e0e3e7}.border-b{border-bottom:1px solid #e0e3e7}.border-l{border-left:1px solid #e0e3e7}.border-r{border-right:1px solid #e0e3e7}.shadow{box-shadow:0 1px 2px rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 6px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,.15)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transition{transition:all .15s ease}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:ease-in}.ease-out{transition-timing-function:ease-out}.icon-xl{width:64px;height:64px}.icon-xxl{width:96px;height:96px}.icon--danger{color:#e53935}.icon--spin{animation:spin 1s linear infinite}.truncate,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-center{-o-object-position:center;object-position:center}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.place-center{display:grid;place-items:center}.focus-visible-none:focus-visible{outline:none;box-shadow:none}.focus-ring:focus-visible{outline:3px solid color-mix(in oklab,#5567dd,transparent 45%);outline-offset:2px}.card--dark{background:#3a475b!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important}.bg-black{background:#000}.text-white{color:#fff}.bg-grid{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0H0V40' stroke='%23e5e7eb' stroke-width='1'/%3E%3C/svg%3E")}.stage-full{position:relative;width:100vw;height:100vh;overflow:hidden}.ad-player-stage{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.rotate-stage{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .5s ease-in-out,width .5s,height .5s;width:100vw;height:100vh;margin-top:-50vh;margin-left:-50vw}.rotate-stage.rotated{width:100vh;height:100vw;margin-top:-50vw;margin-left:-50vh;transform:rotate(90deg)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-0{gap:0}.spinner{width:48px;height:48px;border:4px solid #5567dd;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade-in 1.5s cubic-bezier(.22,.61,.36,1) both;will-change:opacity,transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@keyframes fade-in{0%{opacity:0;transform:scale(.5) translateY(10px)}60%{opacity:.6;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.skeleton-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000}.skeleton{width:min(720px,90vw);display:flex;flex-direction:column;gap:12px}.skeleton__bar{height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton__bar--lg{height:16px}.skeleton__bar--w-60{width:60%}.skeleton__bar--w-80{width:80%}.skeleton__bar--w-100{width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04) 40%),#000;background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*:not([data-allow-motion]){animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}