*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{--bg:#f5f7fb;--surface:#fff;--surface-2:#f8f9fd;--border:#e5e8f0;--text:#101426;--muted:#697086;--shadow:0 14px 38px #23264614;--sidebar:#fff;--glow:#6d41ff14;background:radial-gradient(circle at 80% 10%,#3ed0ff1a,transparent 24%),radial-gradient(circle at 35% 0%,#ff36be14,transparent 20%),var(--bg);min-height:100vh;color:var(--text);transition:all .2s;display:flex}.app-shell[data-theme=dark]{--bg:#060811;--surface:#0e1220;--surface-2:#0a0e19;--border:#20263b;--text:#f8f9ff;--muted:#9299ae;--shadow:0 18px 48px #00000047;--sidebar:#080b14;--glow:#7146ff2e}.sidebar{background:color-mix(in srgb,var(--sidebar) 95%,transparent);border-right:1px solid var(--border);z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;width:245px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-1.5px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;width:max-content;font-size:24px;font-weight:900;line-height:.82;display:grid}.brand span:first-child{background:linear-gradient(90deg,#ff3b80,#ff8a1d,#f2df2e,#36d674,#29c7f5,#8d55ff);color:#0000;-webkit-background-clip:text;grid-column:1}.brand span:nth-child(2){background:linear-gradient(90deg,#ff4aa9,#a84fff,#2789ff);color:#0000;-webkit-background-clip:text;grid-column:1}.brand b{letter-spacing:-6px;background:linear-gradient(#ff4aa9,#ffcc1b,#31dd78,#27b8ff);color:#0000;-webkit-background-clip:text;grid-area:1/2/3;margin-left:7px;font-size:15px}.sidebar nav{flex-direction:column;gap:6px;margin-top:34px;display:flex}.nav-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:11px 13px;transition:all .18s;display:flex}.nav-item:hover{background:var(--surface-2)}.nav-item.active{color:#6c46ff;background:linear-gradient(90deg,#7b48ff24,#ff41b314);box-shadow:inset 2px 0 #8b5cff}.app-shell[data-theme=dark] .nav-item.active{color:#e7dcff;box-shadow:inset 2px 0 #ff45bd,0 0 30px #6e44ff14}.nav-icon{text-align:center;width:20px}.company-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.company-avatar,.profile-avatar,.mini-avatar{border-radius:50%;place-items:center;font-weight:700;display:grid}.company-avatar{color:#fff;background:linear-gradient(135deg,#ff3fb5,#7448ff,#14cee8);width:36px;height:36px}.company-card strong,.company-card small,.profile strong,.profile small{display:block}.company-card strong,.profile strong{font-size:12px}.company-card small,.profile small{color:var(--muted);margin-top:2px;font-size:10px}.close-menu{display:none}.workspace{width:calc(100% - 245px);min-width:0;margin-left:245px}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;align-items:center;gap:20px;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.search{border:1px solid var(--border);background:var(--surface-2);max-width:520px;height:42px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;position:relative}.icon-button i{color:#fff;background:#ff3a67;border-radius:20px;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.profile{align-items:center;gap:9px;margin-left:5px;display:flex}.profile-avatar{color:#6138f6;background:linear-gradient(135deg,#ece8ff,#e5f8ff);border:1px solid #d6d1ff;width:38px;height:38px}.app-shell[data-theme=dark] .profile-avatar{color:#cbbcff;background:#17142b;border-color:#433477}.content{max-width:1500px;margin:auto;padding:30px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.12em;font-weight:800;color:#7e54ff!important;font-size:10px!important}.welcome-row h1{letter-spacing:-1.1px;margin:4px 0;font-size:30px}.welcome-row p{color:var(--muted);margin:0;font-size:13px}.welcome-actions{gap:10px;display:flex}.primary-action,.secondary-action{cursor:pointer;border-radius:11px;height:42px;padding:0 17px;font-weight:700}.primary-action{color:#fff;background:linear-gradient(90deg,#734bff,#e93cb8);border:0;box-shadow:0 9px 26px #7446ff33}.secondary-action{border:1px solid var(--border);background:var(--surface);color:var(--text)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 85%,transparent));box-shadow:var(--shadow);border-radius:14px;padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";filter:blur(22px);opacity:.3;border-radius:50%;width:80px;height:80px;position:absolute;top:-35px;right:-35px}.metric-card.pink:after{background:#ff45bd}.metric-card.blue:after{background:#2a88ff}.metric-card.green:after{background:#32d56f}.metric-card.purple:after{background:#7c55ff}.metric-card span,.metric-card small{color:var(--muted);font-size:12px;display:block}.metric-card strong{letter-spacing:-.6px;margin:9px 0 7px;font-size:22px;display:block}.metric-card.green small{color:#19a957}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:18px}.panel h2{margin:0;font-size:14px}.panel-heading,.panel-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading>div{flex-direction:column;display:flex}.panel-heading span{font-size:14px;font-weight:700}.panel-heading strong{margin-top:14px;font-size:25px}.panel-heading small{margin-top:3px;font-size:11px}.positive{color:#18b45d}.panel-heading button,.panel-title button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:9px;padding:8px 10px;font-size:11px}.panel-title button{color:#6450ff;background:0 0;border:0;padding:0}.chart-area{height:235px;margin-top:10px;padding:7px 0 26px;position:relative}.chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:10px 0 35px}.chart-lines i{border-top:1px solid var(--border)}.chart-area svg{z-index:2;width:100%;height:175px;color:var(--text);position:relative;overflow:visible}.chart-labels{color:var(--muted);justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:3px;left:0;right:0}.methods-panel h2{margin-bottom:24px}.methods-content{grid-template-columns:190px 1fr;align-items:center;gap:22px;display:grid}.donut{background:conic-gradient(#24cf74 0 60%,#337af6 60% 90%,#f59 90% 100%);width:170px;height:170px;box-shadow:0 0 30px var(--glow);border-radius:50%;place-items:center;margin:auto;display:grid;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:30px}.donut div{z-index:2;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:14px}.donut span{color:var(--muted);margin-top:3px;font-size:10px}.legend{flex-direction:column;gap:15px;display:flex}.legend-row{grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid}.legend-row i{border-radius:50%;width:9px;height:9px;margin-top:4px}.legend-row strong,.legend-row small{display:block}.legend-row strong{font-size:12px}.legend-row small{color:var(--muted);margin-top:4px;font-size:9px}.legend-row b{font-size:11px}.charge-list,.activity-list{margin-top:14px}.charge-row{border-top:1px solid var(--border);grid-template-columns:minmax(170px,1.6fr) minmax(80px,.75fr) minmax(60px,.55fr) auto;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:grid}.charge-row:first-child{border-top:0}.customer{align-items:center;gap:9px;min-width:0;display:flex}.customer strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-avatar{color:#7049f4;background:linear-gradient(135deg,#844eff38,#ff46b529);border:1px solid #7e4eff29;width:29px;height:29px;font-size:9px}.status{border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.status.paid{color:#17a956;background:#21c9641c}.status.pending{color:#c77a00;background:#ffad1f21}.activity-row{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.activity-row:first-child{border-top:0}.activity-icon{border:1px solid;border-radius:9px;place-items:center;width:30px;height:30px;font-size:8px;display:grid}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:11px}.activity-row small,.activity-row time{color:var(--muted);margin-top:3px;font-size:9px}.mobile-menu,.mobile-logo,.mobile-bottom-nav{display:none}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.methods-content{grid-template-columns:190px 1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:275px;transition:all .22s;transform:translate(-105%);box-shadow:20px 0 50px #00000029}.sidebar.open{transform:translate(0)}.close-menu{color:var(--text);background:0 0;border:0;font-size:28px;display:block}.workspace{width:100%;margin:0}.topbar{height:66px;padding:0 15px}.mobile-menu{color:var(--text);background:0 0;border:0;font-size:20px;display:block}.mobile-logo{display:block}.mobile-logo .brand{font-size:18px}.search,.profile{display:none}.top-actions{margin-left:auto}.content{padding:18px 14px 90px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:24px}.welcome-actions{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px}.metric-card strong{font-size:18px}.dashboard-grid{gap:9px;margin-top:9px}.panel{padding:14px}.methods-content{grid-template-columns:1fr 1fr}.donut{width:132px;height:132px}.donut:after{inset:24px}.charge-row{grid-template-columns:minmax(130px,1.4fr) .8fr auto}.charge-row>span:nth-child(3),.activity-row time{display:none}.mobile-bottom-nav{z-index:19;height:68px;padding:7px 6px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:17px;display:flex}.mobile-bottom-nav button span{font-size:9px}.mobile-bottom-nav .selected{color:#754cff}}@media (max-width:470px){.metric-grid{grid-template-columns:1fr}.metric-card:nth-child(4){display:none}.methods-content{grid-template-columns:1fr}.legend{grid-template-columns:1fr 1fr;display:grid}.chart-panel{overflow:hidden}.chart-area{height:205px}.charge-row{grid-template-columns:minmax(120px,1fr) auto auto}.charge-row>span:nth-child(3){display:none}.topbar .icon-button:first-of-type{display:block}}.brand{filter:drop-shadow(0 0 8px #ff28b433);letter-spacing:0;background:url(/color-pay-logo.svg) 50%/contain no-repeat;width:152px;height:76px;font-size:0;line-height:0;display:block}.brand>*{display:none!important}.app-shell[data-theme=light]{--bg:#f7f8fc;--surface:#fff;--surface-2:#f5f6fa;--border:#e7e9f0;--text:#111522;--muted:#6d7383;--sidebar:#fff;background:radial-gradient(circle at 84% 8%,#28b9ff14,transparent 24%),radial-gradient(circle at 30% 0%,#ff37b90e,transparent 20%),var(--bg)}.app-shell[data-theme=dark]{--bg:#050711;--surface:#0c101a;--surface-2:#090d16;--border:#1d2433;--text:#f7f8fb;--muted:#969dae;--sidebar:#070a12;background:radial-gradient(circle at 82% 8%,#1daeff14,transparent 25%),radial-gradient(circle at 28% 0%,#ff24b913,transparent 22%),var(--bg)}.app-shell[data-theme=dark] .panel,.app-shell[data-theme=dark] .metric-card{box-shadow:0 18px 50px #00000047,inset 0 1px #ffffff04}.app-shell[data-theme=light] .panel,.app-shell[data-theme=light] .metric-card{box-shadow:0 12px 34px #23264611}.icon-button:first-child{font-size:18px}.mobile-logo .brand{width:98px;height:46px}@media (max-width:760px){.sidebar .brand{width:138px;height:68px}.mobile-logo .brand{width:96px;height:44px}}
.brand-image{object-fit:contain;object-position:left center;filter:drop-shadow(0 0 9px #ff2ebc47);width:auto;max-width:180px;height:64px;display:block}.mobile-logo{flex:none;justify-content:flex-start;align-items:center;min-width:104px;height:48px;overflow:visible}.mobile-logo .brand-image{opacity:1;visibility:visible;object-fit:contain;width:auto!important;min-width:0!important;max-width:112px!important;height:42px!important;display:block!important}.company-card,.profile,.charge-row{font:inherit;color:inherit;cursor:pointer}.company-card{text-align:left;width:100%}.profile{background:0 0;border:0}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.search input::placeholder{color:var(--muted)}.notification-wrap{position:relative}.notification-popover{border:1px solid var(--border);background:var(--surface);width:290px;box-shadow:var(--shadow);z-index:60;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:48px;right:0}.notification-popover strong{font-size:13px}.notification-popover span{color:var(--muted);border-top:1px solid var(--border);padding-top:8px;font-size:11px}.charge-row{text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;width:100%}.charge-row:hover{background:var(--surface-2)}.quick-actions-mobile{display:none}.module-page h1{margin:4px 0;font-size:30px}.module-page>p,.module-heading p,.module-placeholder p{color:var(--muted)}.module-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.module-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-top:24px;display:flex}.module-placeholder>span{color:#8058ff;margin-bottom:16px;font-size:42px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#03050b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:16px;width:min(480px,100%);padding:22px;display:flex;box-shadow:0 26px 80px #00000057}.modal-title{justify-content:space-between;align-items:flex-start;display:flex}.modal-title small{letter-spacing:.12em;color:#8b5cff;font-size:9px;font-weight:800}.modal-title h2{margin:4px 0 0}.modal-title button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:27px}.modal-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.modal-card input,.modal-card select{border:1px solid var(--border);background:var(--surface-2);height:44px;color:var(--text);border-radius:10px;outline:0;padding:0 12px}.modal-card input:focus,.modal-card select:focus{border-color:#8356ff;box-shadow:0 0 0 3px #8356ff1f}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.modal-error{color:#dc3150;margin:0;font-size:11px}.toast{z-index:120;background:color-mix(in srgb,var(--surface) 94%,#16c765 6%);color:var(--text);box-shadow:var(--shadow);border:1px solid #41d67d47;border-radius:12px;padding:13px 16px;font-size:12px;font-weight:700;position:fixed;bottom:22px;right:22px}.primary-action:disabled{opacity:.6;cursor:wait}.app-shell[data-theme=light]{--bg:#f7f8fc;--surface:#fff;--surface-2:#f4f6fb;--border:#e5e8f0;--text:#111522;--muted:#6b7282;--sidebar:#fff;background:radial-gradient(circle at 86% 5%,#15c5ff14,transparent 25%),radial-gradient(circle at 26% 0%,#ff2eb90f,transparent 20%),var(--bg)}.app-shell[data-theme=dark]{--bg:#040712;--surface:#0b101b;--surface-2:#080d17;--border:#1d2638;--text:#f8f9fc;--muted:#929bad;--sidebar:#060a13;background:radial-gradient(circle at 86% 5%,#15c5ff12,transparent 25%),radial-gradient(circle at 26% 0%,#ff2eb914,transparent 20%),var(--bg)}.app-shell[data-theme=dark] .panel,.app-shell[data-theme=dark] .metric-card{box-shadow:0 18px 50px #00000052,inset 0 1px #ffffff04}.app-shell[data-theme=light] .brand-image{filter:drop-shadow(0 0 5px #ff2ebc33)}.app-shell[data-theme=dark] .brand-image{filter:drop-shadow(0 0 11px #ff2ebc61)}@media (max-width:760px){.quick-actions-mobile{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.quick-actions-mobile button{border:1px solid var(--border);background:var(--surface);height:64px;color:var(--text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:18px;display:flex}.quick-actions-mobile button span{color:var(--muted);font-size:9px}.notification-popover{width:270px;right:-44px}.module-heading{flex-direction:column;align-items:flex-start}.module-page h1{font-size:24px}.toast{text-align:center;bottom:84px;left:14px;right:14px}.modal-card{padding:18px}.brand-image{width:auto!important;max-width:160px!important;height:58px!important}.mobile-logo{display:flex!important}.mobile-logo .brand-image{width:auto!important;max-width:112px!important;height:42px!important}}
.brand-image{max-width:100%;display:block;object-fit:unset!important;aspect-ratio:auto!important;width:142px!important;height:auto!important;max-height:none!important}.mobile-logo .brand-image{width:86px!important;height:auto!important}.module-page{flex-direction:column;gap:18px;display:flex}.module-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.module-heading h1{margin:4px 0;font-size:30px}.module-heading p{color:var(--muted);margin:0}.connection-strip{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:12px 14px;display:grid}.connection-strip .dot{background:#f0a000;border-radius:50%;width:9px;height:9px}.connection-strip .dot.online{background:#1bc66b}.connection-strip strong{font-size:12px}.connection-strip small{color:var(--muted);font-size:11px}.module-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.module-toolbar input{border:1px solid var(--border);background:var(--surface);max-width:520px;height:42px;color:var(--text);border-radius:11px;outline:0;flex:1;padding:0 13px}.module-toolbar span{color:var(--muted);font-size:11px}.data-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.data-row{border-top:1px solid var(--border);grid-template-columns:1.5fr 1fr 1.4fr .7fr;align-items:center;gap:14px;padding:13px 16px;font-size:12px;display:grid}.data-row:first-child{border-top:0}.data-head{background:var(--surface-2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px;font-weight:800}.data-person{align-items:center;gap:10px;display:flex}.data-person i{color:#7a4fff;background:linear-gradient(135deg,#ff37b929,#4d67ff2e);border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-style:normal;font-weight:800;display:grid}.data-row span strong,.data-row span small{display:block}.data-row span small{color:var(--muted);margin-top:3px;font-size:10px}.pill{color:#7551e8;background:#7d50ff1f;border-radius:999px;justify-self:start;padding:5px 9px;font-size:10px;font-weight:800}.charge-data{grid-template-columns:1.6fr 1.2fr .8fr .7fr .8fr}.status-paid{color:#19a95b;background:#1fc6691f}.status-pending{color:#b87400;background:#f5a42326}.status-cancelled,.status-failed,.status-expired{color:#cf3850;background:#e040571f}.data-empty{text-align:center;color:var(--muted);padding:40px;font-size:13px}.module-error{color:#d13d58}.auth-screen{background:radial-gradient(circle at 20% 0,#ff2db91f,#0000 28%),radial-gradient(circle at 90% 10%,#16c1ff21,#0000 28%),#080b14;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{color:#f8f9fc;background:#0d1220;border:1px solid #222a3e;border-radius:20px;flex-direction:column;gap:14px;width:min(430px,100%);padding:28px;display:flex;box-shadow:0 30px 80px #0006}.auth-logo{align-self:center;width:190px;height:auto}.auth-card h1{margin:0}.auth-card>p{color:#9ba3b5;margin:0}.auth-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.auth-card input{color:#fff;background:#080d17;border:1px solid #28314a;border-radius:10px;outline:0;height:44px;padding:0 12px}.auth-message{color:#41d781!important}.auth-switch{color:#a68cff;cursor:pointer;background:0 0;border:0}.module-placeholder{margin-top:24px}.app-shell[data-theme=light] .brand-image{filter:drop-shadow(0 0 6px #ff23b538)}.app-shell[data-theme=dark] .brand-image{filter:drop-shadow(0 0 10px #ff23b55c)}@media (max-width:760px){.module-heading{flex-direction:column;align-items:flex-start}.module-heading .primary-action{width:100%}.connection-strip{grid-template-columns:auto 1fr}.connection-strip small{grid-column:1/3}.module-toolbar{flex-direction:column;align-items:stretch}.module-toolbar input{max-width:none}.data-card{overflow-x:auto}.data-row{min-width:680px}.brand-image{width:126px!important}.mobile-logo .brand-image{width:78px!important}.auth-card{padding:22px}}
.promo-carousel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;min-height:230px;margin:0 0 18px;position:relative;overflow:hidden}.promo-stage{justify-content:center;align-items:center;min-height:230px;padding:28px 86px;display:flex;position:relative;overflow:hidden}.promo-copy{z-index:5;text-align:center;max-width:560px;position:relative}.promo-copy>span{letter-spacing:.18em;font-size:10px;font-weight:900}.promo-copy h2{letter-spacing:-1.6px;margin:8px 0;font-size:34px;line-height:.95}.promo-copy p{max-width:430px;margin:0 auto 16px;font-size:13px;line-height:1.5}.promo-copy button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:10px;height:38px;padding:0 16px;font-weight:800}.promo-sell{color:#111;background:linear-gradient(90deg,#ff6a16 0 28%,#fff 28% 72%,#188bf6 72% 100%)}.promo-sell .promo-copy>span{color:#ff5a00}.promo-sell .promo-copy p{color:#5e6471}.promo-pix{color:#fff;background:radial-gradient(circle at 80%,#34dcff3d,#0000 30%),linear-gradient(135deg,#07101f,#101a38 58%,#281344)}.promo-pix .promo-copy>span{color:#31e5ff}.promo-pix .promo-copy p{color:#c5cce0}.promo-pix .promo-copy button{background:linear-gradient(90deg,#6d4dff,#e63ab5)}.promo-news{color:#131827;background:radial-gradient(circle at 13% 20%,#ff43be2e,#0000 25%),radial-gradient(circle at 84% 78%,#25cbff33,#0000 28%),linear-gradient(135deg,#faf8ff,#eef8ff)}.app-shell[data-theme=dark] .promo-news{color:#fff;background:radial-gradient(circle at 13% 20%,#ff43be29,#0000 25%),radial-gradient(circle at 84% 78%,#25cbff29,#0000 28%),#0a0f1b}.promo-news .promo-copy>span{color:#8a59ff}.promo-news .promo-copy p{color:var(--muted)}.promo-mark{opacity:.16;width:250px;position:absolute;bottom:-12%;right:7%;transform:rotate(-8deg)}.promo-mark img{width:100%;height:auto;display:block}.promo-terminal{z-index:2;background:linear-gradient(145deg,#111622,#05070c);border:3px solid #ffffff47;border-radius:27px;width:155px;height:205px;padding:15px 12px 20px;position:absolute;box-shadow:0 20px 45px #00000047}.promo-terminal:after{content:"";background:linear-gradient(90deg,#ff4dba,#27d5ff,#57e46d);border-radius:10px;width:55px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.terminal-left{left:8%;transform:rotate(-10deg)}.terminal-right{right:8%;transform:rotate(10deg)}.promo-terminal b{color:#fff;background:#ff4b19;border-radius:50%;place-items:center;width:49px;height:49px;font-size:17px;display:grid;position:absolute;top:-18px;right:-18px}.terminal-right b{background:#2399ff}.terminal-screen{background:#050911;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:125px;padding:14px;display:flex;box-shadow:inset 0 0 25px #583eff24}.terminal-screen img{object-fit:contain;width:auto;max-width:100%;height:54px;display:block}.terminal-screen span{color:#dce3ef;text-align:center;font-size:9px}.promo-arrow{z-index:10;background:color-mix(in srgb,var(--surface) 86%,transparent);width:35px;height:35px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #787d913d;border-radius:50%;font-size:25px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.promo-prev{left:13px}.promo-next{right:13px}.promo-dots{z-index:12;gap:6px;display:flex;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.promo-dots button{cursor:pointer;background:#787d9161;border:0;border-radius:50%;width:7px;height:7px;padding:0}.promo-dots button.active{background:#7a50ff;border-radius:8px;width:22px}@media (max-width:900px){.promo-stage{padding:24px 62px}.promo-terminal{width:120px;height:165px}.terminal-screen{height:98px}.promo-copy h2{font-size:29px}.terminal-left{left:5%}.terminal-right{right:5%}}@media (max-width:760px){.promo-carousel{min-height:210px;margin-bottom:12px}.promo-stage{min-height:210px;padding:24px 40px}.promo-copy{max-width:260px}.promo-copy h2{font-size:27px;line-height:1}.promo-copy p{font-size:11px}.promo-terminal{border-radius:19px;width:82px;height:125px;padding:9px 7px}.terminal-screen{border-radius:10px;height:78px;padding:8px}.terminal-screen img{width:auto;max-width:64px;height:34px}.terminal-screen span{display:none}.promo-terminal b{width:35px;height:35px;font-size:12px;top:-10px;right:-10px}.terminal-left{left:-18px;transform:rotate(-12deg)}.terminal-right{right:-18px;transform:rotate(12deg)}.promo-sell{background:linear-gradient(90deg,#ff6a16 0 20%,#fff 20% 80%,#188bf6 80%)}.promo-mark{width:170px;right:-25px}.promo-arrow{width:30px;height:30px;font-size:21px}.promo-prev{left:7px}.promo-next{right:7px}}
.sidebar-top{align-items:center;min-height:88px;display:flex;overflow:visible}.sidebar-top>.brand-image{filter:drop-shadow(0 0 12px #ff30b53d);flex:none;object-fit:contain!important;object-position:left center!important;visibility:visible!important;opacity:1!important;width:178px!important;min-width:0!important;max-width:178px!important;height:auto!important;max-height:none!important;display:block!important}.mobile-logo{overflow:visible!important}.mobile-logo>.brand-image{filter:drop-shadow(0 0 9px #ff30b538);object-fit:contain!important;object-position:left center!important;visibility:visible!important;opacity:1!important;width:118px!important;min-width:0!important;max-width:118px!important;height:auto!important;max-height:none!important;display:block!important}.auth-logo{object-fit:contain!important;width:190px!important;height:auto!important;max-height:none!important}.promo-sell{isolation:isolate;border-color:#7958ff52;min-height:330px;position:relative;box-shadow:0 24px 64px #00000052,inset 0 1px #ffffff0f;color:#fff!important;background:radial-gradient(circle at 8% 12%,#ff20b33d,#0000 27%),radial-gradient(circle at 50% 112%,#00d0ff2e,#0000 34%),radial-gradient(circle at 88% 10%,#7f43ff30,#0000 30%),linear-gradient(120deg,#020307 0%,#070812 51%,#020307 100%)!important}.promo-sell:before{content:"";z-index:0;pointer-events:none;filter:blur(26px);opacity:.8;background:linear-gradient(90deg,#0000,#ff29b457,#2bccff61,#3ee86f4d,#ffd22f40,#0000);height:84px;position:absolute;inset:auto 5% -34px 35%}.promo-sell:after{content:"";z-index:0;pointer-events:none;border:1px solid #57bcff21;border-radius:50%;width:320px;height:320px;position:absolute;top:-150px;right:18%;box-shadow:0 0 80px #7d3fff1f,inset 0 0 80px #ff2fb80f}.promo-sell .promo-stage{z-index:1;justify-content:flex-start;align-items:center;min-height:330px;padding:38px 56px 42px 68px;display:flex;position:relative;overflow:hidden}.promo-sell .promo-copy{z-index:5;text-align:left;width:min(46%,520px);max-width:520px;position:relative}.promo-sell .promo-copy>span{background:linear-gradient(90deg,#ff3dbd,#9b5cff,#28cfff,#39e477,#ffe23d);-webkit-text-fill-color:transparent;text-shadow:0 0 24px #ff38ba29;-webkit-background-clip:text;background-clip:text;color:#fff!important}.promo-sell .promo-copy h2{color:#fff;letter-spacing:-2px;text-shadow:0 4px 28px #0000009e,0 0 30px #7a4aff33;max-width:440px;margin-top:10px;font-size:42px;line-height:.94}.promo-sell .promo-copy p{max-width:410px;margin-left:0;margin-right:0;color:#f1f5ffc9!important}.promo-sell .promo-copy button{color:#fff;background:linear-gradient(100deg,#ff2fb2 0%,#8c55ff 26%,#1fbfff 51%,#31da78 74%,#ffb52e 100%);box-shadow:0 12px 32px #6940ff4d,inset 0 1px #ffffff3d}.promo-feature-pills{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.promo-feature-pills span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0e;border:1px solid #ffffff21;border-radius:999px;align-items:center;height:25px;padding:0 9px;display:inline-flex;color:#f5f8ffc7!important;-webkit-text-fill-color:currentColor!important;letter-spacing:.08em!important;font-size:9px!important;font-weight:800!important}.promo-exact-visual{z-index:2;pointer-events:none;width:64%;position:absolute;inset:0 0 0 auto;overflow:hidden}.promo-product-glow{z-index:0;filter:blur(30px);background:radial-gradient(circle at 36% 60%,#26c6ff47,#0000 33%),radial-gradient(circle at 68% 26%,#ff24b540,#0000 31%),radial-gradient(circle at 76% 78%,#35e46b2e,#0000 28%);border-radius:50%;position:absolute;inset:7% 2% 4% 15%}.promo-exact-visual img{z-index:1;object-fit:contain;object-position:center;filter:saturate(1.07)contrast(1.035)drop-shadow(0 28px 42px #0000007a);width:auto;max-width:72%;height:118%;display:block;position:absolute;top:50%;right:2.5%;transform:translateY(-50%)rotate(-1.5deg);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000080 11%,#000 27% 100%);mask-image:linear-gradient(90deg,#0000 0%,#00000080 11%,#000 27% 100%)}.promo-product-caption{z-index:3;color:#ffffffc7;letter-spacing:.03em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0608108a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:23px;right:6.5%;box-shadow:0 8px 26px #00000038}.promo-sell .promo-dots button.active{background:linear-gradient(90deg,#ff3dbd,#8d55ff,#27cfff,#40dc79)}@media (max-width:1100px){.promo-sell .promo-stage{padding-left:48px;padding-right:42px}.promo-sell .promo-copy{width:48%}.promo-sell .promo-copy h2{font-size:34px}.promo-exact-visual{width:62%}.promo-exact-visual img{max-width:76%;height:108%;right:1%}}@media (max-width:760px){.topbar{gap:9px;height:72px;min-height:72px;overflow:visible}.mobile-logo{z-index:4;position:relative;visibility:visible!important;opacity:1!important;flex:0 0 118px!important;justify-content:flex-start!important;align-items:center!important;width:118px!important;min-width:118px!important;height:58px!important;display:flex!important}.mobile-logo>.brand-image{width:118px!important;max-width:118px!important;height:auto!important}.sidebar-top{min-height:82px}.sidebar-top>.brand-image{width:166px!important;max-width:166px!important}.top-actions{margin-left:auto}.promo-sell{min-height:440px}.promo-sell .promo-stage{min-height:440px;padding:25px 32px 28px 25px;display:block}.promo-sell .promo-copy{text-align:left;width:100%;max-width:100%;padding-right:4px}.promo-sell .promo-copy h2{letter-spacing:-1.2px;max-width:305px;font-size:29px}.promo-sell .promo-copy p{max-width:315px;font-size:11px}.promo-sell .promo-copy button{height:36px;padding:0 13px;font-size:11px}.promo-feature-pills{margin-top:10px}.promo-feature-pills span{height:22px;padding:0 7px;font-size:8px!important}.promo-exact-visual{width:100%;height:245px;inset:auto 0 0}.promo-exact-visual:before{content:"";z-index:2;background:linear-gradient(#050710 5%,#050710b8 44%,#0000 100%);height:70px;position:absolute;inset:-10px 0 auto}.promo-exact-visual img{max-width:none;height:116%;top:54%;right:50%;transform:translate(50%,-50%)rotate(-1deg);-webkit-mask-image:linear-gradient(#0000 0%,#000000b3 8%,#000 20% 100%);mask-image:linear-gradient(#0000 0%,#000000b3 8%,#000 20% 100%)}.promo-product-caption{font-size:8px;bottom:15px;right:18px}}@media (max-width:390px){.mobile-logo{flex-basis:105px!important;width:105px!important;min-width:105px!important}.mobile-logo>.brand-image{width:105px!important;max-width:105px!important}.promo-sell,.promo-sell .promo-stage{min-height:425px}.promo-exact-visual{height:228px}.promo-product-caption{display:none}}
