@font-face{font-family:poppins;src:url(../media/poppins_400_latin-s.p.43zbiuwnnoiok.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_500_latin-s.p.2o7m9ogm38dql.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_600_latin-s.p.3o_v2fun1jzxk.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_700_latin-s.p.3bh2vc0w-r-ll.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_800_latin-s.p.2mm3nq9i83l-m.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.poppins_efca0cc1-module__ppVZXW__className{font-family:poppins,poppins Fallback}.poppins_efca0cc1-module__ppVZXW__variable{--font-poppins:"poppins", "poppins Fallback"}
@font-face{font-family:spaceGrotesk;src:url(../media/space_grotesk_latin-s.p.2cyn07wtgehh0.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:spaceGrotesk Fallback;src:local(Arial);ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.0%;size-adjust:110.84%}.spacegrotesk_af037388-module__5L6PkG__className{font-family:spaceGrotesk,spaceGrotesk Fallback}.spacegrotesk_af037388-module__5L6PkG__variable{--font-display:"spaceGrotesk", "spaceGrotesk Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-white:#fcfafa;--color-red:#fa0103;--color-red-500:#fb2c36;--color-red-hover:#e40103;--color-gray-100:#f4f0f0;--color-gray-300:#c9c2c2;--color-gray-500:#8e8585;--color-gray-700:#323232;--color-gray-800:#242424;--surface-app:#050506;--surface-sidebar:#0b0b0d;--surface-card:#111113;--surface-raised:#18181b;--surface-hover:#1f1f23;--surface-muted:#27272a;--surface-muted-hover:#303035;--text-primary:var(--color-white);--text-secondary:#e4e4e7;--text-muted:#a1a1aa;--text-dim:#71717a;--text-disabled:#52525b;--border-subtle:#ffffff0e;--border-default:#ffffff14;--border-strong:#ffffff1f;--border-hover:#ffffff29;--radius-pill:999px;--radius-modal:1.25rem;--radius-card:1rem;--radius-field:8px;--radius-chip:.85rem;--radius-micro:.55rem;--control-h:36px;--control-h-sm:36px;--field-h-lg:4rem;--icon-btn:36px;--paginator-btn:32px;--color-error:#ff6b6b;--color-error-border:#ff6b6bb3;--color-success:#22c55e;--color-warning:#f59e0b;--chart-primary:var(--color-red);--chart-secondary:var(--color-gray-300);--chart-tertiary:var(--text-dim);--font-sans:var(--font-poppins), "Poppins", Arial, Helvetica, sans-serif;--heading-tracking:-.02em;--t-fast:.18s ease;--t-base:.2s ease;--t-slow:.24s ease;--scrollbar-thumb:#d4d4d8b8;--scrollbar-thumb-hover:#fafafadb;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box;margin:0}*{font-family:var(--font-sans)}body{background-color:var(--surface-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-width:20rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--heading-tracking)}strong,b{font-variant-numeric:tabular-nums lining-nums}*{scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}input:-webkit-autofill{-webkit-text-fill-color:var(--color-white);box-shadow:0 0 0 1000px var(--surface-raised) inset;caret-color:var(--color-white)}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-white);box-shadow:0 0 0 1000px var(--surface-raised) inset;caret-color:var(--color-white)}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-white);box-shadow:0 0 0 1000px var(--surface-raised) inset;caret-color:var(--color-white)}form{flex-direction:column;gap:1.5rem;width:100%;display:flex}form .input-grid{flex-direction:column;gap:1.5rem;display:flex}form .input-field-group{justify-content:flex-start;gap:1.5rem;display:flex}@media (max-width:640px){form .input-field-group{flex-direction:column;gap:1rem}}form .input-field-group .input-field{width:100%}form .input-field{flex-direction:column;gap:.5rem;width:100%;display:flex}form .input-field label{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:500;line-height:normal}.input-group{align-items:stretch;width:100%;display:flex}.input-group .input-group-addon{align-items:center;display:flex;background:var(--surface-muted)!important;color:var(--text-muted)!important;height:var(--control-h)!important;border:1px solid #0000!important;padding:0 1rem!important}.input-group .input-group-addon:first-child{border-bottom-left-radius:var(--radius-field)!important;border-top-left-radius:var(--radius-field)!important;border-right:none!important}.input-group .input-group-addon:last-child{border-bottom-right-radius:var(--radius-field)!important;border-top-right-radius:var(--radius-field)!important;border-left:none!important}.input-group .input-group-addon:last-child .button{color:var(--color-white)!important}.input-group>.input-text,.input-group .input-mask,.input-group .input-number input,.input-group .password input{flex:auto;height:var(--control-h)!important}.input-group .input-group-addon:first-child~.input-text,.input-group .input-group-addon:first-child~.input-mask,.input-group .input-group-addon:first-child~.input-number input,.input-group .input-group-addon:first-child~.password input{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.input-group>.input-text:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.page-heading{flex-direction:column;gap:.4rem;display:flex}.page-heading .page-eyebrow{color:var(--color-red-500);font-size:.75rem;font-weight:800;font-family:var(--font-display),sans-serif;letter-spacing:.12em;text-transform:uppercase}.page-heading h1,.page-heading h1.title{color:var(--text-primary);font-size:2rem;font-weight:650;line-height:1.1}.page-heading .page-description{color:var(--text-muted);max-width:44rem;font-size:.9375rem;font-weight:400;line-height:1.55}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement){min-width:0}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement)>header,:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement)>.content>header{justify-content:space-between;align-items:flex-end;gap:1rem;min-width:0;margin-bottom:1.25rem;display:flex}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) .page-heading h1,:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) .page-heading h1.title{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:700;line-height:1.1}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) .page-heading .page-description{color:var(--text-muted);max-width:45rem;margin:0;line-height:1.6}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) header .actions{flex-flow:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.75rem;width:auto;display:flex}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) header .actions .button{width:auto}.component{font-family:var(--font-sans)}.card,.panel,.fieldset{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:none;color:var(--text-primary)}.tag{border-radius:var(--radius-pill);color:var(--color-white);background:#fa010324;border:1px solid #fa01033d;font-weight:600}.tooltip .tooltip-text{background:var(--surface-muted);border:1px solid var(--border-strong);border-radius:var(--radius-micro);color:var(--text-secondary)}.checkbox .checkbox-box{background:var(--surface-raised);border-color:var(--border-strong);transition:background-color var(--t-fast),border-color var(--t-fast);border-radius:.4rem}.checkbox .checkbox-box.is-active{background:var(--color-red);border-color:var(--color-red)}.checkbox .checkbox-box:not(.is-disabled):hover{border-color:var(--color-red-500)}.progressbar{background:var(--surface-muted);border-radius:var(--radius-pill)}.progressbar .progressbar-value{background:var(--color-red);border-radius:inherit}.toast .toast-message,.confirm-dialog,.image-preview-container,.image-mask{color:var(--text-primary)}.toast .toast-message{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:none}.menuitem-link:focus,.tab-view-nav-link:focus,.input-date:not(.is-disabled).is-focus>.input-text,.input-text:enabled:focus,.password.is-focus .input-text{border-color:var(--color-red)!important;box-shadow:none!important}.datepicker table td>span.is-active,.tab-view .tab-view-nav li.is-active .tab-view-nav-link{color:var(--color-white)!important;background:#fa010324!important}.dialog-mask{background:#000000b8}.toast .toast-message-content{align-items:center}.image-mask{background:#050506eb}.chart canvas{max-width:100%}:focus-visible{outline:2px solid var(--color-red-500);outline-offset:2px}@media (max-width:640px){.page-heading h1,.page-heading h1.title{font-size:1.75rem}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement)>header,:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement)>.content>header{flex-direction:column;align-items:stretch;margin-bottom:1rem}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) header .actions{flex-direction:column;align-items:stretch;width:100%}:is(#dashboard,#sales,#clients-page,#client-page,#banners-page,#push-notifications-page,#tutorials-page,#seller-achievements,#seller-achievement) header .actions .button{width:100%}}.alert{min-width:min(315px,100vw - 4rem);max-width:100%}.alert .icon{justify-content:center;align-items:center;display:flex}.alert .icon img{width:96px}.alert .message p{color:var(--color-white);text-align:center;margin-bottom:16px;font-size:16px;font-style:normal;font-weight:700;line-height:normal}:where(:root) .dialog-alert.dialog .dialog-header{display:none}#dialog-banner-management{flex-direction:column;display:flex}#dialog-banner-management .content{padding-bottom:1.5rem}#dialog-banner-management form{gap:1.25rem}#dialog-banner-management .input-field-group{align-items:flex-start}#dialog-banner-management .native-select{width:100%}#dialog-banner-management footer{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}#dialog-banner-management footer .button{flex:1 1 0}#dialog-confirm{flex-direction:column;gap:16px;display:flex}#dialog-confirm #content{flex-direction:column;align-items:center;gap:16px;display:flex}#dialog-confirm #content i{font-size:64px}#dialog-confirm #content .message{text-align:center;font-weight:500}#dialog-confirm footer{justify-content:space-between;align-items:center;display:flex}@media (min-width:641px){:where(:root) .dialog{max-width:448px!important}}:where(:root).dialog .dialog-header{display:none}.dialog-content-container{flex-direction:column;gap:24px;padding:10px 0;display:flex}.dialog-content-container .info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dialog-content-container .info-grid .info-item{flex-direction:column;gap:6px;display:flex}.dialog-content-container .info-grid .info-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dialog-content-container .info-grid .info-item .value{color:var(--color-white);font-size:16px;font-weight:500}.dialog-content-container .separator{border:none;border-top:1px solid #333;margin:0}.dialog-content-container .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;display:block}.dialog-content-container .message-section .message-bubble{background-color:var(--surface-raised);color:#eee;border:1px solid var(--border-default);border-radius:8px;max-height:200px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.dialog-content-container .metrics-section .metrics-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.dialog-content-container .metrics-section .metrics-cards .metric-card{border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.dialog-content-container .metrics-section .metrics-cards .metric-card .m-value{font-size:24px;font-weight:700}.dialog-content-container .metrics-section .metrics-cards .metric-card .m-label{font-size:12px;font-weight:500}.dialog-content-container .metrics-section .metrics-cards .metric-card.success{color:var(--color-success);background:#22c55e1a;border-color:#22c55e33}.dialog-content-container .metrics-section .metrics-cards .metric-card.failure{background:rgba(var(--color-red-rgb,244, 67, 54), .1);color:var(--color-red,#f44336);border-color:rgba(var(--color-red-rgb,244, 67, 54), .2)}.dialog-content-container .metrics-section .metrics-cards .metric-card.total{color:var(--color-white);background:#ffffff0d;border-color:#ffffff1a}.dialog-content-container .metrics-section .progress-container{flex-direction:column;gap:12px;display:flex}.dialog-content-container .metrics-section .progress-container .progress-info{color:var(--text-muted);justify-content:space-between;font-size:13px;font-weight:500;display:flex}.dialog-content-container .metrics-section .progress-container .progressbar{background-color:#333;border-radius:5px;height:10px}.dialog-content-container .metrics-section .progress-container .progressbar .progressbar-value{background-color:var(--color-red-500);border-radius:5px}.dialog-content-container .cancel-section{flex-direction:column;gap:16px;display:flex}.dialog-content-container .cancel-section .cancel-warning{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.dialog-content-container .cancel-section .cancel-warning i{flex-shrink:0;font-size:16px}.dialog-content-container .cancel-section .button{width:100%}:where(:root) .dialog-header{background-color:var(--surface-card)!important;border-bottom:1px solid #333!important;padding:24px!important}:where(:root) .dialog-header .dialog-title{color:var(--color-white);font-size:20px;font-weight:600}:where(:root) .dialog-footer{background-color:var(--surface-card)!important;border-top:1px solid #333!important;padding:16px 24px!important}.detail-row{justify-content:space-between;padding:12px 0;font-size:1rem;display:flex}.detail-row .label{font-size:14px;font-weight:600}.detail-row .value{color:var(--text-muted);font-size:14px;font-weight:400}.footer{justify-content:flex-end;display:flex}#dialog-tutorial-management footer{justify-content:space-between;align-items:center;display:flex}.hint{padding-left:16px}.hint small{font-size:12px}.hint small.error{color:var(--color-red)}.hint small:not(.error){color:var(--color-white)}#layout{background:var(--surface-app);color:var(--color-white);min-height:100dvh}#layout>.content{grid-template-columns:auto minmax(0,1fr);min-height:100dvh;display:grid}#layout>.content>.sidebar{min-width:0}#layout .main-content{min-width:0;padding:1.25rem 1.25rem 6rem;overflow:clip}#layout .main-content .route{width:100%;min-width:0;margin:0}@media (max-width:1024px){#layout>.content{grid-template-columns:1fr}#layout>.content>.sidebar{z-index:60;height:0;position:relative}#layout .main-content{padding:6.25rem 1rem 2rem}}@media (max-width:640px){#layout .main-content{padding:5.75rem .85rem calc(3rem + var(--safe-bottom))}}.progress-monitor{background-color:var(--surface-raised);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;display:flex}.progress-monitor .monitor-header{justify-content:space-between;align-items:center;display:flex}.progress-monitor .monitor-header span{font-size:14px}.progress-monitor .monitor-header span strong{color:var(--color-red-500)}.progress-monitor .monitor-header .status-info{align-items:center;gap:8px;display:flex}.progress-monitor .monitor-header .status-info .status-label{color:var(--text-muted)}.progress-monitor .monitor-header .status-info .status-value{color:var(--color-red-500);font-weight:700}.progress-monitor .monitor-footer{text-align:right;color:var(--text-muted);font-size:12px}.progress-monitor .progressbar{background-color:var(--surface-muted);border-radius:6px;height:12px}.progress-monitor .progressbar .progressbar-value{background-color:var(--color-red-500);border-radius:6px}.progress-monitor .progressbar .progressbar-label{display:none}.actions-card{background-color:var(--surface-card);border:1px solid #333;border-radius:12px;padding:24px}.form-container{grid-template-columns:1fr;gap:20px;display:grid}.form-container .toggle-field{background-color:var(--surface-raised);border-radius:8px;grid-column:1/-1;padding:12px 16px}.form-container .toggle-field>label{font-size:12px}.form-container .toggle-field>label>span:not(.input-switch-slider){font-size:12px;font-weight:500}.form-container .input-field{flex-direction:column;gap:8px;display:flex}.form-container .input-field label{color:#fff;font-size:12px;font-weight:500}.form-container .submit-action{grid-column:1/-1;justify-content:flex-end;margin-top:10px;display:flex}.form-container .submit-action .button{width:auto;min-width:170px}.form-container .platform-selection-in-form,.form-container .schedule-container{flex-direction:column;gap:20px;display:flex}.form-container .platform-selection-in-form .schedule-datepicker .hint-text,.form-container .schedule-container .schedule-datepicker .hint-text{color:var(--text-muted);margin-top:8px;font-size:12px;font-style:italic;display:block}.form-container .platform-selection-in-form .info-msg,.form-container .schedule-container .info-msg{border-left:3px solid var(--color-red);color:var(--text-muted);background-color:#ffd6001a;border-radius:4px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.form-container .platform-selection-in-form .info-msg i,.form-container .schedule-container .info-msg i{color:var(--color-red-500);font-size:16px}.form-container .platform-selection-in-form .info-msg strong,.form-container .schedule-container .info-msg strong{color:#fff}.recipients-section{margin-top:24px}.recipients-section .section-title{color:var(--color-red-500);margin-bottom:16px;font-size:20px;font-weight:600}.recipients-section .table-header .selected-count{color:var(--color-red-500);align-items:center;gap:8px;font-weight:600;display:flex}.recipients-section .table-header .platform-filter{flex-direction:column;gap:8px;display:flex}.recipients-section .table-header .platform-filter label{color:var(--text-muted);font-size:12px}.recipients-section .platforms-list{flex-wrap:wrap;gap:4px;display:flex}.recipients-section .platforms-list .platform-badge{background:var(--surface-raised);color:var(--color-red-500);border:1px solid var(--border-default);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.history-filters{gap:20px;margin-bottom:24px;display:flex}.history-filters .filter-item{flex-direction:column;flex:1;gap:8px;display:flex}.history-filters .filter-item label{color:#fff;font-size:12px;font-weight:500}.history-filters .filter-item input,.history-filters .filter-item .native-select{width:100%}:where(:root) .data-table .data-table-header{color:var(--color-white);background-color:#0000}:where(:root) .data-table .data-table-head>tr>th{color:var(--color-white);border-bottom:1px solid var(--border-default);background-color:#0000}:where(:root) .data-table .data-table-body>tr{color:var(--text-muted);background-color:#0000;border-bottom:1px solid #333}:where(:root) .data-table .data-table-body>tr.clickable-row{cursor:pointer}:where(:root) .data-table .data-table-body>tr:hover{background-color:#ffffff09}:where(:root) .progressbar{background-color:var(--surface-muted);height:10px}:where(:root) .progressbar .progressbar-value{background-color:var(--color-red)}#sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-default);color:var(--color-white);flex-direction:column;width:5.5rem;height:100dvh;padding:1rem;transition:width .24s,padding .24s,transform .26s;display:flex;position:sticky;top:0;overflow:hidden}#sidebar.is-open{width:17.5rem}#sidebar .header{flex-direction:column;flex:none;gap:1rem;display:flex}#sidebar .header>.image{justify-content:space-between;align-items:center;gap:.75rem;min-height:3rem;display:flex}#sidebar .brand{align-items:center;width:7rem;min-width:0;display:flex;overflow:hidden}#sidebar .bottz-wordmark{width:7rem;height:auto}#sidebar .sidebar-toggle{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:#d4d4d8;cursor:pointer;height:2.25rem;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast);flex:none;justify-content:center;align-items:center;width:2.25rem;padding:0;display:inline-flex}#sidebar .sidebar-toggle:hover{border-color:var(--border-hover);color:var(--color-white);background:#222226}#sidebar .sidebar-toggle svg{width:1.1rem;height:1.1rem}#sidebar .client{background:var(--surface-card);border:1px solid var(--border-default);border-radius:.85rem;align-items:center;gap:.65rem;padding:.55rem;display:flex;overflow:hidden}#sidebar .client>div:first-child{flex:none;width:2.35rem;height:2.35rem}#sidebar .client .image{border-radius:var(--radius-pill);object-fit:cover;background:#26262b;border:1px solid #ffffff1a;width:2.35rem;height:2.35rem;padding:.45rem}#sidebar .client .label{flex-direction:column;flex:1;min-width:0;display:flex}#sidebar .client .label span{color:var(--color-white);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}#sidebar .client .label:after{color:var(--text-dim);content:"Bottz Admin";font-size:.7rem}#sidebar .client>img:last-child{display:none}#sidebar>.content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:auto;gap:.25rem;min-height:0;margin:1rem -.35rem 0;padding:0 .35rem 1rem;display:flex;overflow:hidden auto}#sidebar .link{color:#d4d4d8;cursor:pointer;min-height:2.75rem;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast);background:0 0;border:1px solid #0000;border-radius:.75rem;flex:none;align-items:center;gap:.75rem;padding:0 .75rem;text-decoration:none;display:flex}#sidebar .link:hover{background:var(--surface-raised);color:var(--color-white)}#sidebar .link.active{color:var(--color-white);background:#fa01031f;border-color:#fa010338}#sidebar .link>svg:first-child{color:currentColor;flex:none;width:1.1rem;height:1.1rem}#sidebar .link p{flex:1;min-width:0;font-size:.875rem;font-weight:600}#sidebar .link .chevron{transition:transform var(--t-fast);font-size:1rem}#sidebar .link .chevron.rotated{transform:rotate(180deg)}#sidebar .expandable-menu{flex-direction:column;display:flex}#sidebar .expandable-menu .sub-menu{flex-direction:column;gap:.25rem;padding:.25rem 0 .25rem 1rem;display:flex}#sidebar .expandable-menu .sub-link{min-height:2.5rem}#sidebar .expandable-menu .sub-link p{font-size:.8rem}#sidebar .footer{border-top:1px solid var(--border-default);flex:none;padding-top:1rem}#sidebar .footer .link:hover{color:var(--color-red-500);background:#fa01031f}#sidebar .responsive-header{border-bottom:1px solid var(--border-default);padding-bottom:1rem}#sidebar .responsive-header .image{flex-direction:column;align-items:center;gap:.75rem;display:flex}#sidebar .responsive-header .bottz-wordmark{display:none}#sidebar .responsive-content{flex:1;min-height:0;padding:1rem 0;overflow-y:auto}#sidebar .responsive-content .items{flex-direction:column;align-items:center;gap:.4rem;display:flex}#sidebar .responsive-content .client{background:0 0;border:0;padding:.25rem}#sidebar .responsive-content .item{color:#d4d4d8;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;text-decoration:none;display:flex}#sidebar .responsive-content .item:hover{background:var(--surface-raised)}#sidebar .responsive-content .item.active{color:var(--color-white);background:#fa01031f;border-color:#fa010338}#sidebar .responsive-content .item svg{width:1.1rem;height:1.1rem}#sidebar .responsive-footer{border-top:1px solid var(--border-default);padding-top:1rem}#sidebar .responsive-footer .link{justify-content:center;padding:0}.sidebar-backdrop{display:none}@media (max-width:1024px){#sidebar,#sidebar.is-open{z-index:70;height:100dvh;position:fixed;top:0;left:0}#sidebar.is-open{width:min(20rem,86vw);transform:translate(0)}#sidebar:not(.is-open){border-bottom:1px solid var(--border-default);border-right:0;width:100%;height:5rem;padding:1rem}#sidebar:not(.is-open) .responsive-header{border:0;padding:0}#sidebar:not(.is-open) .responsive-header .image{flex-direction:row;justify-content:space-between}#sidebar:not(.is-open) .responsive-header .bottz-wordmark{width:6rem;display:block}#sidebar:not(.is-open) .responsive-header .sidebar-toggle{order:-1}#sidebar:not(.is-open) .responsive-content,#sidebar:not(.is-open) .responsive-footer{display:none}.sidebar-backdrop{opacity:0;pointer-events:none;transition:opacity var(--t-base);z-index:65;background:#000000a3;border:0;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){#sidebar,.sidebar-backdrop{transition:none}}.upload-files-component .drag-area{background-color:var(--surface-raised);border-radius:var(--radius-card);border:12px solid var(--surface-card);outline:1px dashed var(--color-red);gap:10px;width:100%;height:100%;padding:12px}.upload-files-component .drag-area .media-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.upload-files-component .drag-area span{color:#9d9d9d;font-size:14px}#banners-page{flex-direction:column;gap:32px;display:flex}#banners-page header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}@media (max-width:1024px){#banners-page header{flex-direction:column;align-items:flex-start}}#banners-page header>.button{flex:none;width:auto;min-width:10rem}#banners-page header div{flex-direction:column;gap:8px;display:flex}#banners-page header div h1{font-size:28px;font-weight:600}@media (max-width:1024px){#banners-page header div h1{font-size:28px}}#banners-page header div p{max-width:720px;font-size:15px;font-weight:300}@media (max-width:1024px){#banners-page header div p{max-width:320px}}#banners-page .content{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:24px;display:grid}@media (max-width:480px){#banners-page .content{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media (max-width:640px){#banners-page .content{gap:8px}}#banners-page .content .banner{background:var(--surface-card);transition:border-color var(--t-base),transform var(--t-base);border:1px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:1rem;display:flex}#banners-page .content .banner:hover{border-color:#ff2d2d47;transform:translateY(-3px)}#banners-page .content .banner img{object-fit:cover;cursor:pointer;border-radius:.75rem;width:100%;height:128px;transition:all .2s}#banners-page .content .banner img:hover{transition:all .2s;transform:scale(1.02)}#banners-page .content .banner .caption{justify-content:space-between;align-items:center;gap:24px;display:flex}#banners-page .content .banner .caption .situation{border-radius:var(--radius-card);color:#ff6961;background-color:#c42b2340;padding:4px 12px;font-size:14px;font-weight:600}#banners-page .content .banner .caption .active{color:#5fb66d!important;background-color:#348a4240!important}#banners-page .content .banner .caption span{color:var(--text-muted);text-align:end;font-size:14px}@media (max-width:640px){#banners-page .content .banner .caption span{font-size:12px}}#banners-page .content .banner .caption .aside{align-items:center;gap:8px;display:flex}#banners-page .content .banner .caption .aside menu{display:none}#banners-page .content .banner .caption .aside i{cursor:pointer;border-radius:50%;padding:8px;font-size:14px}#banners-page .content .banner .caption .aside i:hover{background-color:var(--surface-card)}#banners-page .empty-content{text-align:center;width:100%}@media (max-width:640px){#banners-page header>.button{width:100%}}#client-page{flex-direction:column;gap:24px;display:flex}#client-page header h1{font-size:28px;font-weight:600}@media (max-width:1024px){#client-page header h1{font-size:28px}#client-page header{flex-direction:column;align-items:flex-start}}#client-page .content{flex-direction:column;gap:24px;display:flex}#client-page .content form{background-color:var(--surface-card);border-radius:var(--radius-card);border:1px solid var(--border-default);padding:1.25rem}#client-page .content form .title{font-size:20px;font-weight:500}#client-page .content form .profile-picture{text-align:center;width:100%}#client-page .content form .profile-picture img{border-radius:999px;width:100px;height:100px}#client-page .content form .actions{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}#client-page .content section{gap:24px;width:100%;display:flex}@media (max-width:1024px){#client-page .content section{flex-direction:column;align-items:flex-start;gap:24px}#client-page .content section .sales,#client-page .content section aside{width:100%}}#client-page .content section .sales{border:1px solid var(--border-default);background-color:var(--surface-card);border-radius:var(--radius-card);flex-direction:column;flex:1;gap:34px;min-width:0;padding:1.25rem;display:flex}#client-page .content section .sales .header{justify-content:space-between;gap:32px;display:flex}@media (max-width:1024px){#client-page .content section .sales .header{flex-direction:column;align-items:flex-start;gap:24px}}#client-page .content section .sales .header .filters-container{flex-direction:column;gap:16px;display:flex}#client-page .content section .sales .header .filters-container .filters{align-items:center;gap:21px;display:flex}#client-page .content section .sales .header .filters-container .filters .filter{width:100%}#client-page .content section .sales .header .filters-container .label:first-child{font-size:20px;font-weight:600}#client-page .content section .sales .header .totals{gap:32px;display:flex}#client-page .content section .sales .header .totals .totals-item{flex-direction:column;display:flex}@media (max-width:1024px){#client-page .content section .sales .header .totals .totals-item{text-align:center}}#client-page .content section .sales .header .totals .totals-item .ammount-period,#client-page .content section .sales .header .totals .totals-item .sales-period{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:var(--heading-tracking);font-size:32px;font-weight:700}#client-page .content section .sales .header .totals .totals-item .ammount-period{color:var(--color-red-500)}#client-page .content section .sales .header .totals .totals-item .sales-period{color:var(--color-success)}:where(:root) #client-page .datepicker .input-text{background:var(--surface-raised);border-radius:var(--radius-field);font-size:.875rem}#clients-page{flex-direction:column;gap:16px;display:flex}#clients-page header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}@media (max-width:1024px){#clients-page header{flex-direction:column;align-items:flex-start}}#clients-page header .actions{flex-direction:row;justify-content:flex-end;gap:24px;width:auto;display:flex}#clients-page header .page-heading{flex-direction:column;gap:8px;display:flex}#clients-page header .page-heading h1{font-size:28px;font-weight:600}@media (max-width:1024px){#clients-page header .page-heading h1{font-size:28px}}#clients-page header .page-heading p{max-width:720px;font-size:15px;font-weight:300}@media (max-width:1024px){#clients-page header .page-heading p{max-width:320px}}#clients-page main .clients-filters{align-items:center;gap:1rem}#clients-page main .clients-filters .filter-heading{flex-direction:column;flex:none;gap:.2rem;min-width:7rem;display:flex}#clients-page main .clients-filters .filter-heading small{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}#clients-page main .clients-filters .inputs{flex-wrap:nowrap;flex:auto;width:auto;min-width:0}#clients-page main .clients-filters .inputs .icon-field{flex:28rem;min-width:min(20rem,100%);max-width:34rem}#clients-page main .clients-filters .inputs .icon-field input{width:100%!important;padding-right:3rem!important}#clients-page main .clients-filters .inputs .filters-toggle{height:var(--control-h);width:var(--control-h);flex:none;justify-content:center;align-items:center;display:inline-flex}#clients-page main .clients-filters .inputs .filters-toggle.is-active{color:var(--color-white)!important;background:#fa010324!important}#clients-page main .sortable-column-icon{flex:none;margin-left:.4rem}#clients-page main .client .profile-image{border-radius:999px}@media (max-width:640px){#clients-page main .clients-filters .inputs{flex-direction:row;align-items:stretch}#clients-page main .clients-filters .inputs .icon-field{flex:auto;min-width:0;width:100%!important}#clients-page main .clients-filters .inputs .filters-toggle{flex:0 0 var(--control-h)}}.clients-filter-dialog{overflow:visible}.clients-filter-dialog .dialog-content{overflow:visible;padding:1.25rem!important}.clients-filter-dialog .clients-filter-form{gap:1rem;display:grid}.clients-filter-dialog .filter-field{flex-direction:column;gap:.5rem;display:flex}.clients-filter-dialog .filter-field>span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.clients-filter-dialog .filter-field .native-select,.clients-filter-dialog .filter-field .input-date{width:100%!important}.clients-filter-dialog .filter-field .input-date.input-date-range .input-date-panel{z-index:140}.clients-filter-dialog .clients-filter-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.clients-filter-dialog .clients-filter-actions .button{width:auto}@media (max-width:640px){.clients-filter-dialog .clients-filter-actions{flex-direction:column-reverse}.clients-filter-dialog .clients-filter-actions .button{width:100%}}#dashboard{min-width:0}#dashboard>.content{flex-direction:column;gap:1.5rem;min-width:0;display:flex}#dashboard header{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}#dashboard .dashboard-value-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;min-width:0;display:grid}#dashboard .dashboard-value-content{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);min-width:0;min-height:9.75rem;padding:1.25rem;transition:border-color .22s,transform .22s cubic-bezier(.2,.7,.2,1);display:flex;position:relative}#dashboard .dashboard-value-content:hover{border-color:#ff2d2d47;transform:translateY(-3px)}#dashboard .dashboard-value-content:hover .values>svg{transform:scale(1.12)}#dashboard .dashboard-value-content .values{flex-direction:column;flex:1;justify-content:center;gap:.5rem;min-width:0;display:flex}#dashboard .dashboard-value-content .values>svg{color:var(--color-red-500);width:1.35rem;height:1.35rem;transition:transform .22s}#dashboard .dashboard-value-content .sales-amount-label,#dashboard .dashboard-value-content .sales-fee-amount-label,#dashboard .dashboard-value-content .sales-count-label,#dashboard .dashboard-value-content .users-count-label{color:var(--text-muted);font-size:.875rem;font-weight:500}#dashboard .dashboard-value-content .sales-amount-value,#dashboard .dashboard-value-content .sales-fee-amount-value,#dashboard .dashboard-value-content .sales-count-value,#dashboard .dashboard-value-content .users-count-value{color:var(--color-white);font-family:var(--font-display),sans-serif;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.75rem;font-weight:700;line-height:1;overflow:hidden}#dashboard .dashboard-value-content .actions{position:absolute;top:.65rem;right:.65rem}#dashboard .dashboard-value-content .actions .privacy-button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;transition:background-color .15s,color .15s;display:inline-flex}#dashboard .dashboard-value-content .actions .privacy-button:hover,#dashboard .dashboard-value-content .actions .privacy-button:focus-visible{color:var(--color-white);background:#ffffff0f;outline:none}#dashboard .dashboard-value-content .actions .privacy-button svg{width:1.15rem;height:1.15rem}#dashboard section{width:100%;min-width:0}#dashboard .sales{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;gap:1.25rem;min-width:0;padding:1.25rem;transition:border-color .22s;display:flex;overflow:hidden}#dashboard .sales:hover{border-color:var(--border-strong)}#dashboard .sales>.header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}#dashboard .sales>.header .filters-container{flex-direction:column;gap:.75rem;display:flex}#dashboard .sales>.header .filters-container .label span{color:var(--color-white);font-family:var(--font-display),sans-serif;font-size:1rem;font-weight:700}#dashboard .sales>.header .filters-container .filters{width:min(18.25rem,100%)}#dashboard .sales .totals{flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;display:flex}#dashboard .sales .totals .totals-item{flex-direction:column;gap:.25rem;display:flex}#dashboard .sales .totals .totals-item>span:first-child{color:var(--text-dim);font-size:.72rem;font-weight:700}#dashboard .sales .totals .totals-item>span:last-child{color:var(--color-white);font-family:var(--font-display),sans-serif;font-variant-numeric:tabular-nums lining-nums;font-size:1.15rem;font-weight:700}#dashboard .sales .totals .totals-item .ammount-period{color:var(--color-red-500)}#dashboard .sales .content-statistics,#dashboard .sales .statistics{width:100%;min-width:0}#dashboard .sales .statistics{flex-direction:column;gap:1rem;display:flex}#dashboard .sales .chart-metric-selector{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-pill);align-self:flex-end;padding:.2rem;display:inline-flex}#dashboard .sales .chart-metric-selector button{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:.55rem .85rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:background-color .15s,color .15s}#dashboard .sales .chart-metric-selector button:hover,#dashboard .sales .chart-metric-selector button:focus-visible{color:var(--color-white)}#dashboard .sales .chart-metric-selector button:focus-visible{outline:2px solid var(--color-red-500);outline-offset:1px}#dashboard .sales .chart-metric-selector button.active{background:var(--color-red-500);color:var(--color-white)}#dashboard .sales .chart-empty{color:var(--text-muted);min-height:12rem;margin:0;padding:2rem 0;line-height:1.7}:where(:root) #dashboard .input-date .input-text{background:var(--surface-raised);border-radius:var(--radius-field);font-size:.875rem}@media (max-width:1200px){#dashboard .dashboard-value-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){#dashboard .sales>.header{flex-direction:column}#dashboard .sales>.header .totals{justify-content:flex-start}}@media (max-width:640px){#dashboard>.content{gap:1rem}#dashboard .dashboard-value-container{grid-template-columns:1fr}#dashboard .dashboard-value-content{min-height:8.75rem}#dashboard .sales{padding:1rem}#dashboard .sales .chart-metric-selector{align-self:stretch}#dashboard .sales .chart-metric-selector button{flex:1}#dashboard .sales .totals{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}#push-notifications-page{background-color:var(--surface-app);min-height:0;color:var(--color-white);padding:0}#push-notifications-page header{margin-bottom:24px}#push-notifications-page header h1{color:var(--color-white);font-size:28px;font-weight:600}#push-notifications-page .tab-view .tab-view-nav{border-bottom:1px solid var(--border-default);background-color:#0000}#push-notifications-page .tab-view .tab-view-nav li .tab-view-nav-link{color:var(--text-muted);background-color:#0000;border:none;padding:1rem 1.5rem;font-weight:600;transition:color .3s}#push-notifications-page .tab-view .tab-view-nav li .tab-view-nav-link:not(.is-disabled):focus{box-shadow:none}#push-notifications-page .tab-view .tab-view-nav li.is-active .tab-view-nav-link{color:var(--color-red-500);border-bottom:2px solid var(--color-red);margin-bottom:-2px}#push-notifications-page .tab-view .tab-view-panels{color:var(--color-white);background-color:#0000}#push-notifications-page .content{flex-direction:column;gap:24px;display:flex}#sales{flex-direction:column;gap:1.25rem;display:flex}#sales header{justify-content:space-between;align-items:center;display:flex}#sales .content,#sales .table,#sales .data-table{width:100%}#sales .sales-filters .title{flex:none}#sales .sales-filters .inputs{flex:auto;justify-content:flex-end;width:auto}#sales .sales-filters .filters-toggle{flex:0 0 var(--control-h);height:var(--control-h);width:var(--control-h);justify-content:center;align-items:center;display:inline-flex}#sales .sales-filters .filters-toggle.is-active{color:var(--color-white)!important;background:#fa010324!important}#sales .sales-filter-dialog{overflow:visible}#sales .sales-filter-dialog .dialog-content{overflow:visible;padding:1.25rem!important}#sales .sales-filter-dialog .sales-filter-form{gap:1rem;display:grid}#sales .sales-filter-dialog .filter-field{flex-direction:column;gap:.5rem;display:flex}#sales .sales-filter-dialog .filter-field>span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}#sales .sales-filter-dialog .filter-field .native-select,#sales .sales-filter-dialog .filter-field .input-date{width:100%!important}#sales .sales-filter-dialog .sales-filter-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}#sales .sales-filter-dialog .sales-filter-actions .button{width:auto}@media (max-width:640px){#sales .sales-filter-dialog .sales-filter-actions{flex-direction:column-reverse}#sales .sales-filter-dialog .sales-filter-actions .button{width:100%}}#seller-achievement header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}#seller-achievement header .title{font-size:28px;font-weight:600}#seller-achievement main form{background-color:var(--surface-card);border-radius:var(--radius-card);border:1px solid var(--border-default);padding:1.25rem;gap:0!important}#seller-achievement main form .picture{text-align:center;width:100%}#seller-achievement main form .picture img{border-radius:999px;width:100px;height:100px}#seller-achievement main form .actions{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}#seller-achievements{flex-direction:column;gap:1.25rem;display:flex}#seller-achievements header{justify-content:space-between;align-items:center;display:flex}#seller-achievements header .title{font-size:28px;font-weight:600}#seller-achievements main,#seller-achievements .tab-view,#seller-achievements .tab-view-panels,#seller-achievements .data-table{width:100%}#signin{background:radial-gradient(circle at 12% 15%, #ff181c14, transparent 28rem),radial-gradient(circle at 88% 85%, #ff4c260e, transparent 30rem),var(--surface-app);color:var(--color-white);justify-content:center;align-items:center;min-height:100dvh;padding:clamp(1rem,4vw,3.5rem) 1.5rem;display:flex;position:relative;overflow:hidden}#signin:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}#signin .content{background:var(--surface-sidebar);border:1px solid #ffffff1c;border-radius:1.75rem;grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr);width:100%;max-width:70rem;min-height:42rem;animation:.8s cubic-bezier(.2,.8,.2,1) both signin-shell-in;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000094,inset 0 0 0 1px #ffffff05}#signin .banner{background:linear-gradient(145deg,#171719,#0d0d0f 72%);flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:relative;overflow:hidden}#signin .banner:after{background:linear-gradient(180deg, var(--color-red-500), #ff673a);content:"";width:2px;height:6rem;position:absolute;top:14%;left:0}#signin .glow{border-radius:var(--radius-pill);filter:blur(70px);background:#ff131729;width:18rem;height:18rem;animation:7s ease-in-out infinite alternate signin-glow;position:absolute;top:-6rem;left:-7rem}#signin .grid-pattern{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:2.75rem 2.75rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 72%);mask-image:linear-gradient(135deg,#000,#0000 72%)}#signin .logo{z-index:1;width:10rem;height:auto;position:relative}#signin .banner-content{max-width:31rem;margin:auto 0;position:relative}#signin .banner-content .badge{border-radius:var(--radius-pill);color:var(--color-red-500);letter-spacing:.04em;background:#fa01031a;border:1px solid #fa010333;margin-bottom:1rem;padding:.3rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}#signin .banner-content h1{color:var(--color-white);letter-spacing:-.055em;max-width:11ch;font-size:clamp(2.5rem,4.4vw,3.75rem);font-weight:700;line-height:1.02}#signin .banner-content>p{color:var(--text-muted);margin-top:1.25rem;font-size:1rem;line-height:1.75}#signin .benefits{flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;display:flex}#signin .benefits span{border-radius:var(--radius-pill);color:#d4d4d8;background:#ffffff0b;border:1px solid #fff1;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}#signin .benefits span:before{background:var(--color-red-500);border-radius:var(--radius-pill);content:"";width:.35rem;height:.35rem;box-shadow:0 0 0 3px #fa01031a}#signin .banner-foot{color:var(--text-disabled);letter-spacing:.14em;font-size:.65rem;font-weight:800;position:relative}#signin .card{background:#050506f5;flex-direction:column;justify-content:center;align-items:stretch;padding:clamp(2rem,5vw,4rem);display:flex}#signin .header{flex-direction:column;gap:.45rem;margin-bottom:1.75rem;display:flex}#signin .header .eyebrow{color:var(--color-red-500);font-family:var(--font-display),sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}#signin .header strong{color:var(--color-white);font-family:var(--font-display),sans-serif;letter-spacing:-.035em;font-size:1.8rem}#signin .header p{color:var(--text-dim);font-size:.82rem;line-height:1.5}#signin .content-form,#signin .form,#signin form{width:100%}#signin form{flex-direction:column;gap:1rem;display:flex}#signin form>*{animation:.52s cubic-bezier(.2,.8,.2,1) both signin-field-in}#signin form>:nth-child(2){animation-delay:70ms}#signin form>:nth-child(3){animation-delay:.12s}#signin .submit .button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}#signin .submit .button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #fa01033d}@keyframes signin-shell-in{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:none}}@keyframes signin-field-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes signin-glow{to{opacity:.65;transform:translate(5rem,4rem)scale(1.2)}}@media (max-width:900px){#signin .content{grid-template-columns:1fr;max-width:36rem}#signin .banner{min-height:20rem}#signin .banner-content{margin:2.5rem 0}#signin .banner-foot,#signin .benefits{display:none}}@media (max-width:640px){#signin{padding:0}#signin .content{border:0;border-radius:0;min-height:100dvh}#signin .banner{min-height:17rem;padding:1.5rem}#signin .banner-content h1{font-size:2.35rem}#signin .card{padding:2rem 1.5rem calc(2rem + var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){#signin .content,#signin form>*,#signin .glow{animation:none}#signin .submit .button:hover:not(:disabled){transform:none}}#tutorials-page{flex-direction:column;gap:16px;display:flex}#tutorials-page header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}@media (max-width:1024px){#tutorials-page header{flex-direction:column;align-items:flex-start}}#tutorials-page header .actions{flex-direction:row;justify-content:flex-end;gap:24px;width:auto;display:flex}#tutorials-page header .page-heading{flex-direction:column;gap:8px;display:flex}#tutorials-page header .page-heading h1{font-size:28px;font-weight:600}@media (max-width:1024px){#tutorials-page header .page-heading h1{font-size:28px}}#tutorials-page header .page-heading p{max-width:720px;font-size:15px;font-weight:300}@media (max-width:1024px){#tutorials-page header .page-heading p{max-width:320px}}.responsive-row{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;width:100%;margin:0 0 24px;display:grid}@media (min-width:1025px){.responsive-row{grid-template-columns:repeat(12,minmax(0,1fr))}}[class^=responsive-col-]{grid-column:span 1/span 1}@media (min-width:1025px){.responsive-col-2{grid-column:span 2/span 2}.responsive-col-3{grid-column:span 3/span 3}.responsive-col-4{grid-column:span 4/span 4}.responsive-col-5{grid-column:span 5/span 5}.responsive-col-6{grid-column:span 6/span 6}.responsive-col-7{grid-column:span 7/span 7}.responsive-col-8{grid-column:span 8/span 8}.responsive-col-9{grid-column:span 9/span 9}.responsive-col-10{grid-column:span 10/span 10}.responsive-col-11{grid-column:span 11/span 11}.responsive-col-12{grid-column:span 12/span 12}}