:root{color:#20202a;font-synthesis:none;text-rendering:optimizelegibility;--purple:#6d4aff;--purple-dark:#4f35d5;--purple-soft:#eeeaff;--ink:#1d1d27;--muted:#737382;--line:#e7e5ec;--surface:#fff;--sidebar:#17141f;--success:#1f9d72;--danger:#d94f65;--warning:#d98a2e;--shadow:0 16px 45px #1f1a3012;background:#f6f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{background:#f6f5f9;min-width:0}body{min-width:0;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #6d4aff4d}.brand{color:#211d2b;align-items:center;gap:10px;display:inline-flex}.brand--dark{color:#fff}.brand__mark{color:#fff;background:linear-gradient(145deg,#8a6bff,#5c3be1);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 22px #6d4aff4d}.brand__name{letter-spacing:-.7px;font-size:20px;font-weight:800}.brand__name span{color:#9c83ff}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 17px;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.65}.button--primary{color:#fff;background:var(--purple);box-shadow:0 8px 20px #6d4aff3b}.button--primary:hover:not(:disabled){background:var(--purple-dark)}.button--secondary{color:var(--purple-dark);background:var(--purple-soft)}.button--ghost{color:#5d5d6c;background:0 0}.button--danger{color:#fff;background:var(--danger)}.icon-button{color:#666574;background:0 0;border:0;border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-button:hover{background:#f0eef4}.icon-button--dark{color:#aaa6b5}.icon-button--dark:hover{color:#fff;background:#ffffff14}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px}.badge{color:#696876;letter-spacing:.02em;background:#f0eff3;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:750;display:inline-flex}.badge--success{color:#147252;background:#e3f6ef}.badge--warning{color:#96601b;background:#fff2dc}.badge--danger{color:#ab3549;background:#ffe8ec}.badge--purple{color:#5b42cb;background:#ece7ff}.field{color:#42414d;gap:7px;font-size:13px;font-weight:700;display:grid}.field__input{color:#24232b;background:#fff;border:1px solid #dcd9e3;border-radius:11px;outline:0;width:100%;min-height:47px;padding:11px 13px;transition:border .15s,box-shadow .15s}.field__input::placeholder{color:#aaa7b1}.field__input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d4aff1c}.field__input--error{border-color:var(--danger)}.field small{color:var(--danger);font-weight:500}.eyebrow{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.login-page{background:#fff;grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 80% 13%,#a683ff3d,#0000 34%),radial-gradient(circle at 10% 86%,#6d4aff3b,#0000 32%),#171320;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-story:after{aspect-ratio:1;content:"";border:1px solid #ffffff12;border-radius:50%;width:70%;position:absolute;bottom:-12%;right:-20%;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03}.login-story__content{z-index:1;max-width:510px;position:relative}.login-story__content h1{letter-spacing:-3px;max-width:500px;margin-bottom:20px;font-size:clamp(42px,5vw,72px);line-height:.99}.login-story__content p{color:#c8c4d0;max-width:460px;margin:0;font-size:17px;line-height:1.7}.login-kicker{color:#c9baff;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:22px;font-size:12px;font-weight:750;display:inline-flex}.login-story>small{z-index:1;color:#888391;position:relative}.login-form-wrap{place-items:center;min-height:100vh;padding:36px;display:grid}.login-form{gap:17px;width:min(100%,410px);display:grid}.login-form__icon{width:50px;height:50px;color:var(--purple);background:var(--purple-soft);border-radius:15px;place-items:center;margin-bottom:5px;display:grid}.login-form h2{letter-spacing:-1.3px;margin:-5px 0 -12px;font-size:33px}.login-form>p{color:var(--muted);margin-bottom:10px}.login-form>.button{width:100%;margin-top:4px}.login-help{color:#8b8994;text-align:center}.form-alert{color:#a43448;background:#fff0f3;border:1px solid #ffdce2;border-radius:10px;padding:11px 13px;font-size:13px}.password-field{position:relative}.password-field>button{color:#8b8893;background:0 0;border:0;border-radius:9px;place-items:center;width:39px;height:39px;padding:0;display:grid;position:absolute;bottom:4px;right:7px}.password-field svg{width:18px}.password-field input{padding-right:48px}.login-page--customer .login-story{background:radial-gradient(circle at 75% 20%,#ee63972e,#0000 30%),radial-gradient(circle at 15% 75%,#6d4aff40,#0000 32%),#100e16}.panel-layout{background:#f6f5f9;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;color:#fff;background:var(--sidebar);flex-direction:column;height:100vh;min-height:600px;padding:23px 15px 18px;display:flex;position:sticky;top:0}.sidebar__head{justify-content:space-between;align-items:center;min-height:53px;padding:0 10px 18px;display:flex}.sidebar__close{color:#fff;display:none}.sidebar__nav{gap:4px;display:grid}.sidebar__link{color:#9692a0;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:10px 13px;font-size:13px;font-weight:650;transition:all .16s;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff0e}.sidebar__link--active{color:#fff;background:linear-gradient(100deg,#6d4affe6,#6d4affa3);box-shadow:0 9px 24px #492cc245}.sidebar__foot{border-top:1px solid #ffffff14;align-items:center;gap:7px;margin-top:auto;padding:15px 4px 0;display:flex}.sidebar__user{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.sidebar__user>span:last-child{min-width:0;display:grid}.sidebar__user strong{color:#eceaf0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar__user small{color:#777280;font-size:10px}.avatar{color:#fff;background:linear-gradient(145deg,#8d72ff,#5e40dc);border-radius:11px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:grid}.avatar--small{border-radius:9px;flex-basis:30px;width:30px;height:30px;font-size:11px}.sidebar-backdrop{display:none}.panel-main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffde;align-items:center;gap:14px;min-height:86px;padding:17px clamp(20px,3vw,42px);display:flex}.topbar h1{color:#22212b;letter-spacing:-.7px;margin:0;font-size:22px}.topbar__menu{display:none}.profile-chip{color:#4c4a55;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;min-height:40px;margin-left:auto;padding:5px 8px 5px 5px;font-size:12px;font-weight:700;display:flex}.panel-content{width:min(100%,1500px);margin:0 auto;padding:clamp(20px,3vw,42px)}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.page-heading h2{letter-spacing:-1.2px;margin-bottom:7px;font-size:clamp(24px,3vw,32px)}.page-heading p{color:var(--muted);margin:0;font-size:14px}.page-actions{align-items:center;gap:9px;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{align-items:flex-start;gap:13px;min-height:132px;padding:20px;display:flex}.metric-card__icon{border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.metric-card__icon--purple{color:#6247e1;background:#eeeaff}.metric-card__icon--teal{color:#168568;background:#e2f6f0}.metric-card__icon--orange{color:#b97622;background:#fff0dc}.metric-card__icon--rose{color:#bd4966;background:#ffe9ef}.metric-card>div{min-width:0;display:grid}.metric-card span:not(.metric-card__icon){color:#767482;font-size:12px}.metric-card strong{color:#24232c;letter-spacing:-1px;margin:4px 0 2px;font-size:clamp(22px,2vw,28px);line-height:1.15}.metric-card small{color:#9996a2;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:15px;margin-top:15px;display:grid}.section-card{min-height:300px;padding:22px}.section-card__head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.section-card__head h3{margin:0 0 5px;font-size:16px}.section-card__head p{color:var(--muted);margin:0;font-size:12px}.period-tabs{background:#f1f0f4;border-radius:9px;gap:2px;padding:3px;display:flex}.period-tabs span{color:#7b7984;background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.period-tabs span.active{color:#4e3bb2;background:#fff;box-shadow:0 2px 7px #221e3214}.empty-state{min-height:200px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.empty-state__icon{width:48px;height:48px;color:var(--purple);background:var(--purple-soft);border-radius:15px;place-items:center;margin-bottom:12px;display:grid}.empty-state h3{color:#34323e;margin-bottom:6px;font-size:15px}.empty-state p{max-width:360px;margin-bottom:15px;font-size:12px;line-height:1.6}.skeleton{background:#efedf3;border-radius:7px;position:relative;overflow:hidden;color:#0000!important}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-screen,.center-page{background:#f6f5f9;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-screen{flex-direction:column;gap:24px}.loading-screen--dark{background:#111018}.spinner{border:2px solid #dcd8ed;border-top-color:var(--purple);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.message-card{text-align:center;width:min(90vw,460px);padding:34px}.message-card h1{margin:25px 0 10px;font-size:24px}.message-card p{color:var(--muted);margin-bottom:23px;line-height:1.6}.quick-actions{grid-template-columns:1fr;gap:10px;display:grid}.sales-summary{color:#34323d;background:linear-gradient(135deg,#f6f3ff,#fff7fb);border:1px solid #e8e1ff;border-radius:18px;justify-content:center;align-items:center;gap:18px;min-height:205px;padding:28px;display:flex}.sales-summary>span{width:58px;height:58px;color:var(--purple);background:#fff;border-radius:18px;flex:0 0 58px;place-items:center;display:grid;box-shadow:0 10px 30px #543ab41f}.sales-summary strong{letter-spacing:-.6px;font-size:22px;display:block}.sales-summary p{color:var(--muted);margin-top:5px;font-size:12px}.quick-action{color:#34323d;border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;align-items:center;gap:13px;min-height:92px;padding:16px;display:flex}.quick-action:hover{border-color:#cfc8f4;box-shadow:0 10px 28px #1f1a300f}.quick-action>span{width:38px;height:38px;color:var(--purple);background:var(--purple-soft);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.quick-action strong{margin-bottom:3px;font-size:13px;display:block}.quick-action small{color:var(--muted);font-size:10px}.attendance-page{color:#292733;background:#f4f3f7;height:100vh;overflow:hidden}.attendance-topbar{color:#fff;background:#18151f;align-items:center;gap:18px;height:66px;padding:0 20px;display:flex}.attendance-topbar__title{display:grid}.attendance-topbar__title strong{font-size:13px}.attendance-topbar__title small{color:#918b99;font-size:10px}.wa-status{color:#f2b8c3;background:#d94f651f;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.wa-status:before{content:"";background:#e25b73;border-radius:50%;width:7px;height:7px}.wa-status--connected{color:#9ee6bc;background:#25ab6324}.wa-status--connected:before{background:#39c878}.checkout-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;display:grid}.form-feedback{border:1px solid #0000;border-radius:12px;margin:-8px 0 20px;padding:13px 16px;font-size:14px;font-weight:700}.form-feedback--success{color:#17633b;background:#e7f7ee;border-color:#b9e9ce}.form-feedback--danger{color:#9d2940;background:#fff0f3;border-color:#f5c5cf}.form-feedback--warning{color:#7d530b;background:#fff8e7;border-color:#f3daa4}.field__textarea{resize:vertical;min-height:105px}.modal-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#120f1994;border:0;position:absolute;inset:0}.modal{background:#fff;border-radius:20px;flex-direction:column;width:min(100%,620px);max-height:min(90vh,850px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 90px #16112847}.modal--small{width:min(100%,430px)}.modal--large{width:min(100%,960px)}.modal__head,.modal__footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 23px;display:flex}.modal__head h2{margin:0 0 5px;font-size:20px}.modal__head p{color:var(--muted);margin:0;font-size:12px}.modal__body{padding:23px;overflow-y:auto}.modal__footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;align-items:center}.confirm-mark{color:#a95520;background:#fff0dc;border-radius:18px;place-items:center;width:58px;height:58px;margin:8px auto;font-size:28px;font-weight:850;display:grid}.table-wrap{width:100%;overflow-x:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid__full{grid-column:1/-1}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.filter-bar .field{flex:1;min-width:150px}.mini-list{gap:9px;display:grid}.mini-list__item{border:1px solid var(--line);background:#faf9fc;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.production-form-layout{align-items:flex-start;gap:24px;display:flex}.production-form-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.production-form-media{flex-direction:column;flex:0 0 320px;gap:16px;width:320px;display:flex}.episode-form-row{align-items:flex-start;gap:16px;margin-top:16px;display:flex}.player-loading{color:#c7c2cf;background:#000;place-content:center;place-items:center;width:100vw;height:100vh;display:grid}.player-loading p{margin-top:14px}.player-progress-warning{color:#fff;background:#845200e6;border-radius:10px;max-width:min(360px,100vw - 40px);margin:0;padding:10px 14px;font-size:13px;position:absolute;bottom:20px;right:20px}.attendance-grid{grid-template-columns:310px minmax(360px,1fr) 310px;height:calc(100vh - 66px);display:grid}.conversation-list,.customer-detail{background:#fff;min-width:0}.conversation-list{border-right:1px solid var(--line)}.customer-detail{border-left:1px solid var(--line);overflow-y:auto}.pane-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:13px 16px;display:flex}.pane-head h2{margin:0;font-size:15px}.pane-head small{color:var(--muted);font-size:10px}.search-box{padding:10px 13px;position:relative}.search-box svg{color:#8c8995;position:absolute;top:22px;left:25px}.search-box input{background:#f4f3f6;border:0;border-radius:9px;outline:0;width:100%;min-height:39px;padding:8px 10px 8px 35px;font-size:11px}.conversation-empty{place-items:center;height:calc(100% - 120px);padding:24px;display:grid}.chat-pane{background:#f8f7fa;flex-direction:column;min-width:0;display:flex}.chat-head{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:11px;min-height:68px;padding:10px 17px;display:flex}.chat-head>div{display:grid}.chat-head strong{font-size:13px}.chat-head small{color:var(--muted);font-size:10px}.mobile-back{display:none}.chat-canvas{flex:1;place-items:center;padding:25px;display:grid;overflow-y:auto}.chat-composer{border-top:1px solid var(--line);background:#fff;align-items:center;gap:7px;min-height:68px;padding:10px 14px;display:flex}.chat-composer input{color:#8b8894;background:#f1f0f4;border:0;border-radius:11px;flex:1;min-width:0;min-height:42px;padding:10px 13px}.chat-composer .button{min-width:44px;padding:10px}.detail-profile{text-align:center;border-bottom:1px solid var(--line);place-items:center;padding:23px 18px;display:grid}.detail-profile .avatar{border-radius:17px;width:55px;height:55px;margin-bottom:11px}.detail-profile h3{margin:0 0 4px;font-size:15px}.detail-profile p{color:var(--muted);margin:0 0 9px;font-size:11px}.detail-section{border-bottom:1px solid var(--line);padding:17px}.detail-section h4{color:#777481;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:10px}.detail-section p{color:var(--muted);font-size:11px;line-height:1.6}.stream-app{color:#f7f5fb;background:#100f16;min-height:100vh}.stream-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#100f16d9;border-bottom:1px solid #ffffff12;align-items:center;gap:20px;min-height:72px;padding:12px clamp(18px,5vw,68px);display:flex;position:sticky;top:0}.stream-nav{color:#92909b;gap:23px;margin-left:25px;font-size:12px;font-weight:650;display:flex}.stream-nav a.active,.stream-nav a:hover{color:#fff}.stream-profile{color:#b9b6c1;margin-left:auto}.stream-hero{background:radial-gradient(circle at 76% 42%,#7e5bf540,#0000 25%),linear-gradient(115deg,#191622,#100f16 65%);align-items:center;min-height:360px;padding:55px clamp(18px,6vw,86px);display:flex;position:relative;overflow:hidden}.stream-hero:after{aspect-ratio:1.3;filter:blur(1px);content:"";background:linear-gradient(135deg,#6d4aff30,#eb5c9214);border:1px solid #ffffff0f;border-radius:38% 62% 48% 52%;width:min(32vw,420px);position:absolute;right:8%;transform:rotate(-8deg)}.stream-hero__content{z-index:1;max-width:560px;position:relative}.stream-hero__content h1{letter-spacing:-2.8px;margin:12px 0 13px;font-size:clamp(36px,5vw,62px);line-height:1.02}.stream-hero__content p{color:#aaa6b2;max-width:500px;margin-bottom:22px;line-height:1.65}.stream-content{padding:32px clamp(18px,5vw,68px) 90px}.content-section{margin-bottom:38px}.content-section__head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.content-section__head h2{letter-spacing:-.6px;margin:0;font-size:20px}.content-section__head span{color:#77727e;font-size:11px}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.poster-card{background:#1b1922;border:1px solid #ffffff12;border-radius:15px;min-width:0;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.poster-card:hover{border-color:#9678ff73;transform:translateY(-3px)}.poster-card__art{aspect-ratio:2/2.7;color:#8c78e7;background:radial-gradient(circle at 60% 30%,#e75c9526,#0000 28%),linear-gradient(145deg,#282238,#17151f);place-items:center;display:grid}.poster-card__body{padding:13px}.poster-card__body h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:13px;overflow:hidden}.poster-card__body span{color:#88838f;font-size:10px}.stream-empty{color:#aaa6b2;background:#17151e;border:1px dashed #ffffff1c;border-radius:18px;place-items:center;min-height:240px;display:grid}.stream-empty .empty-state h3{color:#fff}.stream-empty .empty-state__icon{color:#a48cfb;background:#6d4aff29}.brand__mark img{object-fit:contain;border-radius:inherit;width:100%;height:100%}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{color:#777482;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#faf9fc;padding:12px 14px;font-size:10px}.data-table td{border-top:1px solid var(--line);vertical-align:middle;padding:13px 14px}.data-table td>strong,.data-table td>small{display:block}.data-table td>small,.mini-list__item small{color:var(--muted);margin-top:3px;font-size:10px}.table-select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:34px;padding:5px 8px}.muted-copy{color:var(--muted);font-size:12px;line-height:1.65}.loading-inline{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.management-stack{gap:16px;display:grid}.form-section{padding:18px}.form-section h3{align-items:center;gap:7px;display:flex}.field-actions{align-items:flex-end;gap:8px;display:flex}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metrics-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metrics-grid--compact>.card{min-height:90px;padding:16px;display:grid}.metrics-grid--compact>.card>svg{color:var(--purple)}.metrics-grid--compact>.card strong{align-self:end;font-size:21px}.metrics-grid--compact>.card small{color:var(--muted);font-size:10px}.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.operation-grid>div{border:1px solid var(--line);background:#faf9fc;border-radius:13px;align-items:center;gap:12px;min-height:86px;padding:15px;display:flex}.operation-grid svg{color:var(--purple)}.operation-grid span,.operation-grid strong,.operation-grid small{display:block}.operation-grid strong{font-size:19px}.operation-grid small{color:var(--muted);font-size:10px}.settings-tabs{background:#eeecf2;border-radius:12px;gap:5px;margin:18px 0;padding:5px;display:flex;overflow-x:auto}.settings-tabs button{color:#6c6875;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:12px;font-weight:750;display:flex}.settings-tabs button.active{color:#4f39c0;background:#fff;box-shadow:0 3px 10px #221c3514}.two-column,.customer-profile-grid,.whatsapp-layout,.link-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mini-list__item>div{min-width:0;display:grid}.mini-list__item>div strong,.mini-list__item>div small{text-overflow:ellipsis;overflow:hidden}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px;display:grid}.report-period-filter{align-items:flex-end;gap:9px;min-width:210px;display:flex}.report-period-filter .field{min-width:145px}.report-span-2{grid-column:span 2}.bar-chart{align-items:flex-end;gap:clamp(5px,1vw,13px);min-height:240px;padding-top:20px;display:flex;overflow-x:auto}.bar-chart__item{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;gap:7px;min-width:24px;height:205px;display:flex}.bar-chart__item>span{background:linear-gradient(#8b71fa,#5b40d5);border-radius:6px 6px 2px 2px;min-height:5px;display:block}.bar-chart__item small{color:var(--muted);font-size:9px}.funnel-list{gap:8px;display:grid}.funnel-list>div{background:linear-gradient(90deg,#f4f1ff,#faf9fc);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;display:flex}.funnel-list strong{color:var(--purple);font-size:17px}.whatsapp-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.whatsapp-status-card p{max-width:400px;color:var(--muted);font-size:12px;line-height:1.6}.connection-orb{color:#b96930;background:#fff0dc;border-radius:24px;place-items:center;width:78px;height:78px;display:grid}.connection-orb--connected{color:#168568;background:#e2f6f0}.connection-orb--error{color:#bd4966;background:#ffe9ef}.qr-wrap{place-items:center;gap:14px;display:grid}.qr-wrap svg{max-width:100%;height:auto}.account-card{background:#f4fbf8;border:1px solid #d7eee4;border-radius:16px;align-items:center;gap:16px;padding:22px;display:flex}.account-card p,.account-card small{color:var(--muted);margin:4px 0 0}.tag-picker,.tag-admin-grid{flex-wrap:wrap;gap:9px;display:flex}.tag-picker label{cursor:pointer}.tag-picker input{opacity:0;position:absolute}.tag-picker span{color:#67636e;border:1px solid var(--line);background:#f4f2f6;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700;display:block}.tag-picker input:checked+span{color:var(--tag-color);background:color-mix(in srgb, var(--tag-color) 10%, white);border-color:var(--tag-color)}.tag-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tag-admin-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-height:70px;padding:13px;display:flex}.tag-admin-card>span{border-radius:50%;width:12px;height:12px}.tag-admin-card>strong{flex:1}.selection-card,.summary-lines span,.checkout-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.selection-card{border:1px solid var(--line);background:#f7f5fa;border-radius:11px;padding:13px 15px}.selection-card>div,.selection-card small{display:block}.selection-card small{color:var(--muted)}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-card{color:#373440;border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;gap:5px;min-height:88px;padding:13px;display:grid;position:relative}.choice-card.active{color:#4f39c0;background:#f4f1ff;border-color:#7560dd}.choice-card:disabled{cursor:not-allowed;opacity:.5}.choice-card span{color:var(--purple);font-size:18px;font-weight:800}.choice-card small{color:var(--muted)}.clickable{cursor:pointer;text-align:left;width:100%}.checkout-summary{position:sticky;top:20px}.summary-lines{color:var(--muted);border-bottom:1px solid var(--line);gap:10px;padding:14px 0;font-size:12px;display:grid}.summary-lines strong{color:#302d38}.checkout-total{margin:18px 0}.checkout-total strong{color:var(--purple);font-size:25px}.check-row{align-items:center;gap:8px;margin:16px 0;font-size:12px;font-weight:700;display:flex}.conversation-scroll{height:calc(100% - 126px);overflow-y:auto}.conversation-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeaf1;align-items:center;gap:10px;width:100%;padding:12px 13px;display:flex}.conversation-row.active{background:#f1edff}.conversation-row__body{flex:1;gap:2px;min-width:0;display:grid}.conversation-row__body strong,.conversation-row__body small,.conversation-row__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-row__body strong{font-size:12px}.conversation-row__body small,.conversation-row__body span{color:#85818d;font-size:9px}.chat-head__actions{align-items:center;gap:6px;margin-left:auto;flex-direction:row!important;display:flex!important}.chat-head__actions .button{min-height:34px;padding:7px 10px;font-size:10px}.attendance-feedback{color:#17633b;background:#e7f7ee;padding:7px 14px;font-size:10px}.chat-canvas{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:18px;display:flex}.message-bubble{color:#34303e;background:#fff;border:1px solid #ebe7ef;border-radius:15px 15px 15px 4px;align-self:flex-start;max-width:min(76%,560px);padding:9px 12px;box-shadow:0 3px 10px #221c350a}.message-bubble--outbound{color:#fff;background:#6951dc;border-color:#6951dc;border-radius:15px 15px 4px;align-self:flex-end}.message-bubble--failed{background:#aa3e52}.message-bubble p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.message-bubble small{opacity:.72;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.message-bubble__type{text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800}.message-media{border-radius:10px;width:100%;margin:2px 0 7px}.message-media--image{background:#f1eff4;display:block;overflow:hidden}.message-media--image img,.message-media--video{object-fit:contain;width:min(100%,360px);max-height:320px;display:block}.message-media--audio{min-width:min(320px,60vw);height:42px;display:block}.message-media--document{min-width:min(280px,58vw);color:inherit;background:#6d4aff14;border:1px solid #6d4aff24;align-items:center;gap:8px;padding:10px;display:flex}.message-bubble--outbound .message-media--document{background:#ffffff1f;border-color:#ffffff38}.message-media--document span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.quick-reply-bar{background:#fff;gap:6px;padding:7px 13px 0;display:flex;overflow-x:auto}.quick-reply-bar button{color:#5f49c7;background:#f1edff;border:0;border-radius:15px;padding:5px 9px;font-size:9px;font-weight:800}.composer-wrap{background:#fff;position:relative}.pending-attachment{color:#4d465d;background:#f2effc;border:1px solid #e1daf9;border-radius:10px;align-items:center;gap:9px;margin:8px 13px 0;padding:9px 11px;display:flex}.pending-attachment>span{flex:1;min-width:0;display:grid}.pending-attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pending-attachment small{color:var(--muted);font-size:9px}.pending-attachment button{color:#6c6579;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.chat-composer textarea{resize:none;background:#f1f0f4;border:0;border-radius:11px;flex:1;min-width:0;min-height:42px;max-height:120px;padding:11px 13px}.reply-suggestions{z-index:4;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 4px);left:12px;right:12px;box-shadow:0 15px 38px #1c172b26}.reply-suggestions button{text-align:left;background:0 0;border:0;border-radius:8px;gap:12px;padding:9px;display:flex}.reply-suggestions button:hover{background:#f5f2ff}.reply-suggestions strong{color:var(--purple)}.composer-error{color:#9d2940;background:#fff0f3;margin:0;padding:6px 14px;font-size:10px}.detail-list{gap:7px;display:grid}.detail-list>div{background:#f7f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.sale-modal-grid{grid-template-columns:minmax(0,1fr) 230px;gap:20px;display:grid}.sale-modal-grid h3{justify-content:space-between;align-items:center;margin:6px 0 12px;font-size:14px;display:flex}.choice-grid--compact{max-height:330px;overflow-y:auto}.link-customer-grid>section{min-width:0}.poster-card__link{color:inherit;text-decoration:none}.poster-card__art img{object-fit:cover;width:100%;height:100%}.favorite-button{z-index:2;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a090ead;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:9px;right:9px}.favorite-button.active{color:#f079a5}.poster-progress{background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.poster-progress i{background:#8b71fa;height:100%;display:block}.continue-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.continue-card{color:#fff;background:#1b1922;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:120px minmax(0,1fr) 28px;align-items:center;gap:12px;min-width:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.continue-card>div{background:#282532;place-items:center;height:88px;display:grid}.continue-card img{object-fit:cover;width:100%;height:100%}.continue-card>span{min-width:0;display:grid}.continue-card small{color:#94909c;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 9px;font-size:10px;overflow:hidden}.continue-card i{background:#3a3742;border-radius:4px;height:3px;overflow:hidden}.continue-card b{background:#8b71fa;height:100%;display:block}.stream-favorite{color:#fff;background:#ffffff1f;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:7px;min-height:38px;margin-top:13px;padding:8px 12px;display:inline-flex}.stream-favorite.active{color:#f496b8}.player-page{color:#fff;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.player-page>video{object-fit:contain;width:100%;height:100%}.player-topbar{z-index:5;background:linear-gradient(#000000d1,#0000);align-items:center;gap:12px;padding:15px 18px;display:flex;position:absolute;top:0;left:0;right:0}.player-topbar button,.player-navigation button,.player-episodes button,.next-episode-card button,.player-error button{color:#fff;background:#ffffff1f;border:0;border-radius:10px}.player-topbar button{place-items:center;width:42px;height:42px;display:grid}.player-topbar>div{flex:1;display:grid}.player-topbar small{color:#b6b1bd}.player-navigation{z-index:4;justify-content:space-between;display:flex;position:absolute;bottom:70px;left:18px;right:18px}.player-navigation button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:5px;min-height:40px;padding:8px 11px;display:flex}.player-episodes{z-index:8;background:#121018f7;width:min(90vw,360px);height:100%;padding:18px;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #0006}.player-episodes>div{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.player-episodes button{text-align:left;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:10px;display:flex}.player-episodes button.active{background:#6d52e4}.player-episodes button span{background:#ffffff1a;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.next-episode-card{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18151ff0;border:1px solid #ffffff1f;border-radius:15px;width:min(360px,100vw - 44px);padding:18px;position:absolute;bottom:90px;right:22px}.next-episode-card p{margin:0 0 4px}.next-episode-card>span{color:#aaa5b1;font-size:12px}.next-episode-card>div{gap:8px;margin-top:13px;display:flex}.next-episode-card button,.player-error button{min-height:38px;padding:8px 12px}.player-error{color:#fff;text-align:center;background:#000;place-content:center;place-items:center;min-height:100vh;padding:20px;display:grid}.player-error p{color:#aaa5b1}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-grid{grid-template-columns:280px minmax(340px,1fr)}.customer-detail{display:none}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-grid,.continue-row,.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-story{min-height:290px;padding:30px}.login-story__content h1{letter-spacing:-1.8px;margin-top:50px;font-size:40px}.login-story__content p{display:none}.login-form-wrap{min-height:auto;padding:42px 24px 55px}.panel-layout{grid-template-columns:1fr}.sidebar{width:min(82vw,280px);transition:transform .2s;position:fixed;left:0;transform:translate(-102%)}.sidebar--open{transform:translate(0);box-shadow:15px 0 50px #00000040}.sidebar__close{display:grid}.sidebar-backdrop{z-index:25;background:#0c0a107a;border:0;display:block;position:fixed;inset:0}.topbar{min-height:74px}.topbar__menu{display:grid}.profile-chip>span:not(.avatar){display:none}.dashboard-grid,.checkout-layout{grid-template-columns:1fr}.production-form-layout{flex-direction:column}.production-form-media{flex-basis:auto;width:100%}.quick-actions,.attendance-grid{grid-template-columns:1fr}.chat-pane,.customer-detail,.attendance-page[data-mobile-pane=chat] .conversation-list{display:none}.attendance-page[data-mobile-pane=chat] .chat-pane{display:flex}.attendance-page[data-mobile-pane=detail] .conversation-list,.attendance-page[data-mobile-pane=detail] .chat-pane{display:none}.attendance-page[data-mobile-pane=detail] .customer-detail{border:0;display:block}.mobile-back{display:grid}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stream-nav{display:none}.two-column,.customer-profile-grid,.whatsapp-layout,.link-customer-grid,.report-grid{grid-template-columns:1fr}.report-span-2{grid-column:auto}.sale-modal-grid{grid-template-columns:1fr}.checkout-summary{position:static}}@media (width<=560px){.login-story{min-height:240px}.login-story__content h1{margin:35px 0 0;font-size:32px}.login-story>small,.login-kicker{display:none}.login-form-wrap{padding:34px 20px 50px}.login-form h2{font-size:28px}.topbar{padding:12px 15px}.topbar .eyebrow{display:none}.topbar h1{font-size:18px}.panel-content{padding:20px 15px 40px}.page-heading{flex-direction:column;align-items:flex-start}.page-actions{flex-wrap:wrap;width:100%}.page-actions .field,.report-period-filter,.report-period-filter .field{width:100%}.report-period-filter{flex-wrap:wrap}.page-actions .button{flex:1}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{flex-direction:column;min-height:118px;padding:15px}.metric-card strong{font-size:20px}.section-card{padding:16px}.section-card__head,.episode-form-row{flex-direction:column}.episode-form-row .field{width:100%!important}.attendance-topbar{height:60px;padding:0 13px}.attendance-grid{height:calc(100vh - 60px)}.wa-status{text-overflow:ellipsis;white-space:nowrap;max-width:125px;overflow:hidden}.stream-header{min-height:64px;padding:10px 15px}.stream-profile>span:not(.avatar){display:none}.stream-hero{min-height:305px;padding:42px 18px}.stream-hero:after{opacity:.65;width:85vw;right:-25%}.stream-hero__content h1{letter-spacing:-1.8px;font-size:38px}.stream-hero__content p{font-size:13px}.stream-content{padding:27px 15px 80px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.modal-layer{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.form-grid{grid-template-columns:1fr}.form-grid__full{grid-column:auto}.tag-admin-grid,.choice-grid,.continue-row,.permission-grid{grid-template-columns:1fr}.continue-card{grid-template-columns:96px minmax(0,1fr) 20px}.chat-head__actions .button span{display:none}.player-navigation{bottom:58px;left:10px;right:10px}.player-navigation button{max-width:46%;font-size:11px}}@media (width<=370px){.metrics-grid{grid-template-columns:1fr}.profile-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}