@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --ink:#17172b;--muted:#6f7286;--line:#e8e8f1;--paper:#fff;--canvas:#f6f6fb;
  --violet:#6a21f5;--violet-2:#8c2cff;--pink:#f21dbb;--blue:#1475ff;--cyan:#0ebbd4;
  --green:#15a66a;--amber:#ed9a16;--red:#e4475d;--navy:#090c20;
  --shadow:0 12px 38px rgba(30,24,72,.08);--radius:22px;
}

.f23-password-toggle-wrap{position:relative;display:block;width:100%}
.f23-password-toggle-wrap>input{width:100%;padding-right:48px!important}
.f23-password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#64748b;display:grid;place-items:center;cursor:pointer;z-index:3}
.f23-password-toggle:hover,.f23-password-toggle:focus-visible,.f23-password-toggle.is-visible{background:#f0eaff;color:#6d20ec;outline:none}
.f23-password-toggle svg{width:19px;height:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.is-hidden{display:none!important}
.ambient{position:fixed;z-index:-1;width:560px;height:560px;border-radius:50%;filter:blur(100px);opacity:.16}.ambient-a{top:-260px;right:-180px;background:#b62bff}.ambient-b{bottom:-300px;left:-200px;background:#0aaaf2}
.brand-mark{display:grid;grid-template-columns:repeat(3,11px);gap:5px}.brand-mark i{width:11px;height:11px;border-radius:50%;background:linear-gradient(145deg,#5e08ff,#fc25bd)}.brand-mark.small{grid-template-columns:repeat(3,7px);gap:3px}.brand-mark.small i{width:7px;height:7px}
.gate{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px;background:radial-gradient(circle at 72% 20%,rgba(129,28,247,.28),transparent 31%),radial-gradient(circle at 20% 85%,rgba(9,116,255,.22),transparent 30%),#080b1a;color:#fff}.gate:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}
.gate-brand{position:absolute;top:28px;left:36px;display:flex;align-items:center}.gate-brand img{display:block;width:210px;height:auto}.gate-card{position:relative;width:min(540px,100%);padding:52px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(15,18,42,.78);box-shadow:0 35px 100px rgba(0,0,0,.48);backdrop-filter:blur(22px)}.gate-orbit{position:absolute;right:-80px;top:-92px;width:190px;height:190px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.gate-orbit:before,.gate-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset:25px}.gate-orbit:after{inset:55px}.gate-orbit span{position:absolute;top:25px;left:32px;width:12px;height:12px;border-radius:50%;background:#f224c3;box-shadow:0 0 24px #f224c3}.eyebrow{margin:0 0 17px;color:#a9a8c9;font-size:11px;font-weight:800;letter-spacing:.18em}.gate h1{margin:0;font:800 clamp(33px,5vw,49px)/1.08 'Manrope';letter-spacing:-2.2px}.gate h1 em{font-style:normal;background:linear-gradient(110deg,#9c5dff,#ff29bf);-webkit-background-clip:text;color:transparent}.gate-copy{margin:20px 0 35px;color:#aaaec4;font-size:16px;line-height:1.65}.gate-form label{display:block;margin-bottom:9px;color:#dbdcec;font-size:12px;font-weight:700}.password-wrap{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #353858;border-radius:13px;background:#10142d;transition:.2s}.password-wrap:focus-within{border-color:#8a48ff;box-shadow:0 0 0 4px rgba(132,58,255,.13)}.password-wrap>span{display:flex;color:#8589a8}.password-wrap input{width:100%;height:52px;border:0;outline:0;background:transparent;color:#fff}.password-wrap .icon-button{display:flex;border:0;background:transparent;color:#8d90a9}.form-error{height:19px;margin:7px 0 4px;color:#ff7893;font-size:12px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(120deg,var(--violet),var(--pink));box-shadow:0 10px 24px rgba(113,26,243,.24);color:#fff;font-weight:800}.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary.wide{width:100%;min-height:52px}.demo-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;color:#777c9c;font-size:11px}.demo-hint code{padding:2px 5px;border-radius:4px;background:#242844;color:#bebfe0}.gate-footer{position:absolute;bottom:24px;display:flex;align-items:center;gap:8px;color:#6e738e;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#25d08b;box-shadow:0 0 12px #25d08b}
.app-shell{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 18px 18px;border-right:1px solid #ececf4;background:#fff;z-index:20}.logo{display:flex;align-items:center;min-height:58px;margin:0 10px 19px;text-decoration:none}.logo img{display:block;width:178px;max-height:52px;object-fit:contain;object-position:left center}.main-nav{overflow-y:auto;padding:0 1px}.main-nav p{margin:20px 12px 8px;color:#a2a4b2;font-size:9px;font-weight:800;letter-spacing:.15em}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;margin:3px 0;padding:0 12px;border-radius:11px;color:#707286;text-decoration:none;font-size:13px;transition:.18s}.nav-item svg{width:18px;height:18px}.nav-item b{font-weight:600}.nav-item:hover{background:#f5f2ff;color:#5f1be2}.nav-item.active{background:linear-gradient(100deg,#f2ecff,#fff0fb);color:#671dec;font-weight:700}.nav-item.active:before{content:"";position:absolute;left:-1px;width:3px;height:24px;border-radius:3px;background:linear-gradient(var(--violet),var(--pink))}.nav-count,.nav-alert,.nav-live{margin-left:auto;padding:2px 7px;border-radius:20px;background:#eeebf7;color:#79738b;font-size:9px}.nav-alert{background:#fff0f2;color:var(--red)}.nav-live{background:#e8fff5;color:#07845a}.sidebar-bottom{margin-top:auto}.help-card{position:relative;overflow:hidden;margin:16px 2px;padding:16px;border-radius:17px;background:linear-gradient(145deg,#16152d,#25204a);color:#fff}.app-shell.admin-mode .help-card{display:none}.help-card:after{content:"";position:absolute;right:-35px;top:-36px;width:100px;height:100px;border-radius:50%;background:linear-gradient(#8125ef,#f024bc);opacity:.5}.help-card>*{position:relative;z-index:1}.help-icon{display:flex;width:32px;height:32px;align-items:center;justify-content:center;margin-bottom:12px;border-radius:10px;background:rgba(255,255,255,.1);color:#dba6ff}.help-card strong,.help-card small{display:block}.help-card strong{font:700 13px 'Manrope'}.help-card small{margin-top:4px;color:#a8a7c0;font-size:10px;line-height:1.4}.help-card button{margin-top:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:700}.profile-mini{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--ink)}.profile-mini:hover{background:#f7f7fb}.profile-mini>span:nth-child(2){min-width:0;flex:1}.profile-mini strong,.profile-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mini strong{font-size:11px}.profile-mini small{margin-top:3px;color:#9496a5;font-size:9px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,#711af3,#f12aba);color:#fff;font-size:10px;font-weight:800}.main-area{min-width:0}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 33px;border-bottom:1px solid rgba(226,226,237,.85);background:rgba(246,246,251,.84);backdrop-filter:blur(18px)}.topbar-title span,.topbar-title strong{display:block}.topbar-title span{margin-bottom:3px;color:#a1a3b1;font-size:9px;font-weight:800;letter-spacing:.15em}.topbar-title strong{font:700 16px 'Manrope'}.topbar-actions{display:flex;align-items:center;gap:9px}.demo-switch{display:flex;padding:3px;border:1px solid #e4e4ee;border-radius:10px;background:#fff}.demo-switch button{padding:7px 11px;border:0;border-radius:7px;background:transparent;color:#858797;font-size:10px;font-weight:700}.demo-switch button.active{background:#211d3b;color:#fff}.icon-pill{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #e6e6ee;border-radius:11px;background:#fff;color:#77798a}.icon-pill svg{width:17px}.notification i{position:absolute;right:9px;top:8px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#f02274}.account-pill{display:flex;align-items:center;gap:9px;margin-left:4px;padding:4px 8px 4px 4px;border:1px solid #e6e6ee;border-radius:12px;background:#fff;text-align:left}.account-pill strong,.account-pill small{display:block}.account-pill strong{font-size:10px}.account-pill small{margin-top:2px;color:#9698a7;font-size:8px}.small-avatar{width:31px;height:31px;border-radius:9px}.account-pill>svg{width:14px;color:#a0a2af}.mobile-menu{display:none;border:0;background:transparent}
.content{max-width:1540px;margin:0 auto;padding:31px 34px 60px;outline:0}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome p{margin:0 0 5px;color:#777a8c;font-size:12px}.welcome h1{margin:0;font:800 28px 'Manrope';letter-spacing:-1.1px}.welcome h1 span{background:linear-gradient(110deg,#6820ee,#ee28ba);-webkit-background-clip:text;color:transparent}.welcome-actions{display:flex;gap:9px}.secondary,.ghost,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #e2e2ec;border-radius:11px;background:#fff;color:#444559;font-size:11px;font-weight:700}.secondary:hover,.ghost:hover{border-color:#c7b2fa;color:#6420df}.secondary svg,.ghost svg,.primary svg{width:16px}.ghost{background:transparent}.danger-button{border-color:#ffd7dd;background:#fff4f6;color:#c72f48}
.limit-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:0 0 22px;padding:16px 18px;border:1px solid #ffd5db;border-radius:16px;background:linear-gradient(100deg,#fff5f6,#fff);box-shadow:0 8px 22px rgba(203,47,71,.05)}.limit-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#ffe1e6;color:#d53852}.limit-icon svg{width:19px}.limit-banner strong,.limit-banner small{display:block}.limit-banner strong{font-size:12px}.limit-banner small{margin-top:4px;color:#9d5b65;font-size:10px}.limit-banner button{min-height:36px;padding:0 13px;border:0;border-radius:9px;background:#d83c56;color:#fff;font-size:10px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric-card{position:relative;overflow:hidden;padding:20px;border:1px solid #ececf3;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(36,31,77,.045)}.metric-card:after{content:"";position:absolute;right:-28px;top:-32px;width:90px;height:90px;border-radius:50%;background:var(--tint,#f3eeff)}.metric-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#888a99;font-size:10px;font-weight:700}.metric-head>span:last-child{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:10px;background:var(--soft,#f1ebff);color:var(--accent,#7021ed)}.metric-head svg{width:16px}.metric-value{position:relative;z-index:1;margin-top:12px;font:800 25px 'Manrope';letter-spacing:-1px}.metric-foot{position:relative;z-index:1;display:flex;align-items:center;gap:5px;margin-top:6px;color:#9b9caa;font-size:9px}.metric-foot b{color:var(--accent,#6f20ed)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:17px}.stack{display:grid;gap:17px}.panel{border:1px solid #e9e9f1;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 21px 14px}.panel-head h2{margin:0;font:700 14px 'Manrope'}.panel-head p{margin:4px 0 0;color:#9496a6;font-size:9px}.link-button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#6a22e6;font-size:10px;font-weight:800}.link-button svg{width:13px}.service-list{padding:0 10px 9px}.service-row{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(120px,.9fr) auto;align-items:center;gap:13px;padding:13px 11px;border-top:1px solid #f0f0f5}.service-icon{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:12px;background:var(--soft);color:var(--accent)}.service-icon svg{width:18px}.service-row strong,.service-row small{display:block}.service-row strong{font-size:11px}.service-row small{margin-top:4px;color:#9698a7;font-size:9px}.service-meta{font-size:9px;color:#858796}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;background:#e9fbf3;color:#0d8b5d;font-size:8px;font-weight:800}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.warning{background:#fff5df;color:#a86c0c}.status-badge.danger{background:#ffebee;color:#c5334b}.row-action{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #e7e7ef;border-radius:9px;background:#fff;color:#838593}.row-action svg{width:14px}.chart-wrap{padding:0 20px 18px}.chart-legend{display:flex;gap:16px;margin:0 0 12px;color:#888b9b;font-size:9px}.chart-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--legend)}.traffic-chart{width:100%;height:170px}.traffic-chart text{font:9px 'DM Sans';fill:#9a9caa}.traffic-chart .grid{stroke:#eeeef4;stroke-width:1}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0 18px 18px}.quick-action{min-height:88px;padding:14px;border:1px solid #ededf4;border-radius:14px;background:#fafafd;text-align:left;color:#343548}.quick-action:hover{border-color:#ceb9fa;background:#f8f4ff}.quick-action span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;margin-bottom:9px;border-radius:9px;background:var(--soft);color:var(--accent)}.quick-action svg{width:15px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:10px}.quick-action small{margin-top:3px;color:#a0a2b0;font-size:8px}.invoice-card{margin:0 18px 18px;padding:16px;border:1px solid #ffdce1;border-radius:15px;background:#fff8f9}.invoice-top{display:flex;justify-content:space-between}.invoice-top span{font-size:9px;color:#9b7980}.invoice-top b{font:800 19px 'Manrope';color:#c93650}.invoice-card strong{display:block;margin-top:11px;font-size:10px}.invoice-card small{display:block;margin-top:4px;color:#a0737b;font-size:8px}.invoice-card button{width:100%;min-height:35px;margin-top:12px;border:0;border-radius:9px;background:#d83d57;color:#fff;font-size:9px;font-weight:800}.activity-list{padding:0 18px 13px}.activity{position:relative;display:flex;gap:11px;padding:10px 0}.activity:not(:last-child):after{content:"";position:absolute;left:14px;top:40px;bottom:-1px;width:1px;background:#ececf2}.activity-icon{position:relative;z-index:1;display:flex;width:29px;height:29px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:9px;background:var(--soft);color:var(--accent)}.activity-icon svg{width:13px}.activity strong,.activity small{display:block}.activity strong{font-size:9px}.activity small{margin-top:4px;color:#9a9caa;font-size:8px}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header h1{margin:0;font:800 26px 'Manrope';letter-spacing:-1px}.page-header p{margin:7px 0 0;color:#7e8091;font-size:12px}.table-panel{overflow:hidden;border:1px solid #e8e8f0;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #eeeeF4}.search-box{display:flex;align-items:center;gap:8px;min-width:250px;padding:0 11px;border:1px solid #e5e5ed;border-radius:10px;background:#fafafd}.search-box input{height:38px;width:100%;border:0;outline:0;background:transparent;font-size:10px}.search-box svg{width:15px;color:#9b9dac}.filters{display:flex;gap:7px}.filter{min-height:37px;padding:0 12px;border:1px solid #e6e6ee;border-radius:9px;background:#fff;color:#686a7b;font-size:9px;font-weight:700}.filter.active{border-color:#d4bdfa;background:#f6f1ff;color:#661fdf}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 17px;background:#fbfbfd;color:#989aa8;font-size:8px;letter-spacing:.08em;text-align:left}.data-table td{padding:15px 17px;border-top:1px solid #efeff4;font-size:10px}.data-table td strong,.data-table td small{display:block}.data-table td small{margin-top:4px;color:#9a9caa;font-size:8px}.money{font:700 12px 'Manrope'}.table-actions{display:flex;gap:5px}.table-actions button{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border:1px solid #e5e5ed;border-radius:8px;background:#fff;color:#767889}.table-actions svg{width:13px}.table-actions button:hover{border-color:#ceb9fb;color:#6921e4}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{position:relative;overflow:hidden;padding:21px;border:1px solid #e9e9f1;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.feature-card .service-icon{margin-bottom:25px}.feature-card h3{margin:0;font:700 14px 'Manrope'}.feature-card p{min-height:36px;margin:7px 0;color:#858797;font-size:10px;line-height:1.55}.feature-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.feature-stats div{padding:10px;border-radius:10px;background:#f8f8fb}.feature-stats small,.feature-stats strong{display:block}.feature-stats small{color:#9b9dac;font-size:8px}.feature-stats strong{margin-top:4px;font-size:11px}.feature-card .secondary{width:100%}.big-chart{padding:20px}.big-chart .traffic-chart{height:280px}.network-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.network-metric{padding:18px;border:1px solid #e9e9f1;border-radius:16px;background:#fff}.network-metric small,.network-metric strong{display:block}.network-metric small{color:#8f91a1;font-size:9px}.network-metric strong{margin-top:7px;font:800 21px 'Manrope'}.progress{height:7px;margin-top:12px;border-radius:20px;background:#eeeef4;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--pink))}
.order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.order-card{display:flex;flex-direction:column;padding:23px;border:1px solid #e7e7ef;border-radius:21px;background:#fff;box-shadow:var(--shadow)}.order-card.popular{border-color:#bc8cff;box-shadow:0 15px 45px rgba(104,32,235,.13)}.popular-label{width:max-content;margin:-10px 0 13px;padding:5px 8px;border-radius:20px;background:#f0e7ff;color:#6d21e7;font-size:8px;font-weight:800}.order-card h3{margin:16px 0 3px;font:700 16px 'Manrope'}.order-card>p{min-height:42px;margin:4px 0;color:#878999;font-size:10px;line-height:1.5}.price{margin:13px 0;font:800 26px 'Manrope'}.price small{font:500 9px 'DM Sans';color:#9698a7}.order-card ul{margin:5px 0 20px;padding:0;list-style:none}.order-card li{display:flex;gap:8px;margin:9px 0;color:#666879;font-size:9px}.order-card li svg{width:13px;color:#159b68}.order-card button{margin-top:auto}
.empty-state{padding:55px 25px;text-align:center}.empty-state>span{display:flex;width:54px;height:54px;align-items:center;justify-content:center;margin:0 auto 15px;border-radius:17px;background:#f1ebff;color:#7021ed}.empty-state h3{margin:0;font:700 15px 'Manrope'}.empty-state p{max-width:430px;margin:8px auto 18px;color:#8b8d9c;font-size:10px;line-height:1.55}
.admin-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:25px 27px;border-radius:22px;background:linear-gradient(115deg,#17132e,#30235a);color:#fff}.admin-hero:after{content:"";position:absolute;right:-65px;top:-100px;width:280px;height:280px;border-radius:50%;background:linear-gradient(130deg,#7320f1,#ee27bc);opacity:.5}.admin-hero>*{position:relative;z-index:1}.admin-hero h1{margin:0;font:800 23px 'Manrope'}.admin-hero p{margin:7px 0 0;color:#b6b1cf;font-size:11px}.admin-hero .status-badge{background:rgba(39,211,147,.14);color:#77f3c1}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.client-control{padding:18px}.client-header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.client-header .avatar{width:43px;height:43px}.client-header>div:nth-child(2){flex:1}.client-header strong,.client-header small{display:block}.client-header strong{font-size:12px}.client-header small{margin-top:4px;color:#9294a4;font-size:9px}.client-state{padding:13px;border-radius:12px;background:#fff3f5;color:#af3147;font-size:9px;line-height:1.5}.client-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.client-buttons button{min-height:39px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e5e5ed;border-radius:9px;background:#fff;color:#525466;font-size:9px;font-weight:800}.client-buttons button svg{width:14px;height:14px;flex:0 0 auto}.client-buttons .unlock{border-color:#c9f0df;background:#edfff7;color:#118158}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(9,8,26,.66);backdrop-filter:blur(8px)}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;padding:29px;border-radius:22px;background:#fff;box-shadow:0 30px 100px rgba(6,4,20,.4)}.modal-close{position:absolute;right:16px;top:16px;display:flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #e5e5ed;border-radius:9px;background:#fff;color:#6f7181}.modal-close svg{width:14px}.modal-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:17px;border-radius:15px;background:#f1eaff;color:#6e21e9}.modal-icon svg{width:21px}.modal h2{margin:0;font:800 20px 'Manrope';letter-spacing:-.5px}.modal>div>p{margin:9px 0 20px;color:#7e8090;font-size:11px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:12px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:6px;color:#606273;font-size:9px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #dfdfe9;border-radius:9px;outline:0;background:#fbfbfd;color:#303143;font-size:10px}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b48afa;box-shadow:0 0 0 3px #f2ebff}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;gap:9px}.toast{display:flex;align-items:center;gap:10px;width:min(340px,calc(100vw - 40px));padding:13px 15px;border:1px solid #dedee8;border-radius:13px;background:#fff;box-shadow:0 15px 45px rgba(25,21,56,.16);font-size:10px;animation:toast-in .25s ease}.toast>span{display:flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:9px;background:#eafff5;color:#0f9863}.toast svg{width:14px}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.card-grid,.order-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:255px;transition:.25s;box-shadow:15px 0 50px rgba(30,25,67,.15)}.sidebar.open{left:0}.topbar{height:68px;padding:0 17px}.mobile-menu{display:flex}.topbar-title{display:none}.account-text,.account-pill>svg,.icon-pill:first-of-type{display:none}.content{padding:23px 17px 50px}.welcome,.page-header{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%}.welcome-actions>*{flex:1}.card-grid,.order-grid{grid-template-columns:1fr}.data-table{min-width:720px}.table-panel{overflow-x:auto}.toolbar{min-width:720px}.gate-brand{left:22px;top:20px}.gate-brand img{width:175px}.gate-card{padding:34px 25px}.gate-footer{display:none}}
@media(max-width:540px){.metric-grid,.network-metrics{grid-template-columns:1fr}.service-row{grid-template-columns:auto 1fr auto}.service-meta{display:none}.demo-switch{display:none}.limit-banner{grid-template-columns:auto 1fr}.limit-banner button{grid-column:1/-1}.quick-actions{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.gate h1{font-size:34px}.gate{padding:18px}.gate-brand{font-size:21px}.account-pill{border:0;background:transparent}.topbar-actions{gap:4px}}

/* Public website */
.public-site{min-height:100vh;background:#090b19;color:#fff;overflow:hidden}.public-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:210px 1fr 210px;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(9,11,25,.82);backdrop-filter:blur(20px)}.public-logo img{display:block;width:176px;height:auto}.public-header nav{display:flex;justify-content:center;gap:34px}.public-header nav a{color:#aeb1c5;text-decoration:none;font-size:12px;font-weight:600}.public-header nav a:hover{color:#fff}.public-actions{display:flex;justify-content:flex-end}.public-login{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:11px;font-weight:700}.public-login svg{width:14px}.public-menu{display:none}.public-hero{position:relative;min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:4vw;padding:85px clamp(28px,7vw,108px) 80px;background:radial-gradient(circle at 75% 50%,rgba(116,26,239,.24),transparent 32%),radial-gradient(circle at 12% 82%,rgba(0,125,255,.13),transparent 29%)}.public-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#a9acc0;font-size:10px;font-weight:800;letter-spacing:.15em}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#ef28bc;box-shadow:0 0 14px #ef28bc}.hero-copy h1{max-width:780px;margin:0;font:800 clamp(46px,6vw,82px)/1.02 'Manrope';letter-spacing:-4px}.hero-copy h1 em,.section-intro h2 em,.infra-section h2 em{font-style:normal;background:linear-gradient(105deg,#8b38ff,#f72aba);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:610px;margin:26px 0;color:#a9adc2;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:11px;margin-top:32px}.public-primary,.public-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:11px;font-size:11px;font-weight:800}.public-primary{border:0;background:linear-gradient(115deg,#6e1ef2,#ef25b9);box-shadow:0 13px 35px rgba(121,26,238,.28);color:#fff}.public-primary svg{width:16px}.public-secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff}.hero-trust{display:flex;gap:27px;margin-top:44px}.hero-trust span{color:#6f748d;font-size:9px}.hero-trust b{display:block;margin-bottom:4px;color:#d9d9e5;font:700 12px 'Manrope'}.hero-visual{height:500px}.network-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(163,75,255,.14);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:420px;height:420px}.orbit-two{width:300px;height:300px}.network-orbit:before,.network-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#a03bff;box-shadow:0 0 20px #a03bff}.orbit-one:before{left:34px;top:90px}.orbit-one:after{right:20px;bottom:120px;background:#ef28bb}.orbit-two:before{right:47px;top:15px;background:#1ac9e5}.orbit-two:after{left:10px;bottom:60px}.core-node{position:absolute;left:50%;top:50%;width:155px;height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle,#362268,#17152c);box-shadow:0 0 90px rgba(124,36,246,.38);transform:translate(-50%,-50%)}.core-node svg{width:33px;color:#d38bff}.core-node strong{margin-top:10px;font:700 12px 'Manrope'}.core-node small{margin-top:4px;color:#777c97;font-size:8px}.core-node i{position:absolute;right:17px;top:25px;width:7px;height:7px;border-radius:50%;background:#21d399;box-shadow:0 0 12px #21d399}.floating-node{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(18,20,42,.88);box-shadow:0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.floating-node>i{width:7px;height:7px;border-radius:50%;background:#8f39ff;box-shadow:0 0 10px currentColor}.floating-node b,.floating-node small{display:block}.floating-node b{font-size:10px}.floating-node small{margin-top:2px;color:#747990;font-size:7px}.node-a{left:2%;top:19%}.node-b{right:0;top:31%}.node-c{left:8%;bottom:14%}.latency-card{position:absolute;right:2%;bottom:7%;width:205px;padding:13px 15px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(18,20,42,.88)}.latency-card>span{color:#777c93;font-size:7px;font-weight:800;letter-spacing:.1em}.latency-card>strong{display:block;margin-top:6px;font:800 22px 'Manrope'}.latency-card strong small{font-size:9px;color:#81859a}.latency-card svg{width:100%;height:45px;margin-top:2px}.public-strip{padding:22px clamp(28px,7vw,108px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#0c0e20}.public-strip>span{display:block;margin-bottom:12px;color:#585d77;font-size:8px;font-weight:800;letter-spacing:.18em}.public-strip>div{display:flex;align-items:center;justify-content:space-between;color:#c9cad5}.public-strip b{font:600 clamp(11px,1.5vw,16px) 'Manrope'}.public-strip i{width:4px;height:4px;border-radius:50%;background:#932eff}.public-section{padding:105px clamp(28px,7vw,108px);background:#f7f7fb;color:#18182a}.section-intro{position:relative;max-width:720px;margin-bottom:46px}.section-intro>span,.section-tag{display:block;margin-bottom:15px;color:#7a28e8;font-size:9px;font-weight:800;letter-spacing:.17em}.section-intro h2,.infra-section h2{margin:0;font:800 clamp(36px,4.5vw,59px)/1.06 'Manrope';letter-spacing:-2.8px}.section-intro p{position:absolute;left:calc(100% + 80px);bottom:5px;width:370px;margin:0;color:#77798a;font-size:13px;line-height:1.65}.public-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.public-product{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;padding:27px;border:1px solid #e5e5ee;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(23,20,63,.06)}.public-product.featured{background:linear-gradient(145deg,#17132d,#24194a);color:#fff;border-color:#312357}.product-number{position:absolute;right:20px;top:17px;color:#e8e8f0;font:800 50px 'Manrope'}.featured .product-number{color:rgba(255,255,255,.07)}.product-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:#efe9ff;color:#6c20ec}.featured .product-icon{background:rgba(171,86,255,.14);color:#c88bff}.product-icon svg{width:20px}.public-product h3{margin:27px 0 10px;font:700 20px 'Manrope'}.public-product p{min-height:66px;margin:0;color:#7f8190;font-size:11px;line-height:1.65}.featured p{color:#aaa6bd}.public-product ul{margin:20px 0 25px;padding:17px 0;border-top:1px solid #ededf3;border-bottom:1px solid #ededf3;list-style:none}.featured ul{border-color:rgba(255,255,255,.1)}.public-product li{margin:8px 0;color:#696b7b;font-size:9px}.featured li{color:#b5b1c2}.public-product li:before{content:"✓";margin-right:8px;color:#7b25ed;font-weight:900}.public-product>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.public-product>div>strong{font:800 16px 'Manrope'}.public-product>div>strong small{font:500 8px 'DM Sans';color:#9294a3}.public-product>div>button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#6c20e8;font-size:10px;font-weight:800}.featured>div>button{color:#d39dff}.public-product button svg{width:14px}.infra-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;padding:110px clamp(28px,7vw,108px);background:#0b0d1d}.infra-section>div>p{max-width:490px;margin:24px 0;color:#8e93a9;font-size:13px;line-height:1.7}.infra-points{display:grid;gap:15px;margin-top:32px}.infra-points>span{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center}.infra-points i{grid-row:1/3;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:rgba(135,47,246,.12);color:#ae67ff}.infra-points svg{width:17px}.infra-points b,.infra-points small{display:block}.infra-points b{font-size:10px}.infra-points small{margin-top:3px;color:#777d96;font-size:8px}.infra-console{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,#15172f,#0d1023);box-shadow:0 30px 80px rgba(0,0,0,.3)}.console-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.console-top>span{display:flex;gap:5px}.console-top i{width:7px;height:7px;border-radius:50%;background:#433f59}.console-top i:first-child{background:#ec4f67}.console-top i:nth-child(2){background:#eaa329}.console-top i:last-child{background:#20bd84}.console-top b{color:#7f849b;font-size:8px;letter-spacing:.1em}.console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07)}.console-kpis span{padding:18px;background:#13162d}.console-kpis small,.console-kpis strong{display:block}.console-kpis small{color:#71768e;font-size:7px}.console-kpis strong{margin-top:7px;font:700 14px 'Manrope'}.infra-console>svg{display:block;width:100%;height:250px;padding:20px}.public-cta{padding:100px 30px;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(114,30,243,.34),transparent 42%),#0b0d1c}.public-cta>span{color:#9f55fb;font-size:9px;font-weight:800;letter-spacing:.18em}.public-cta h2{margin:18px auto 30px;font:800 clamp(36px,5vw,62px)/1.08 'Manrope';letter-spacing:-2.7px}.public-cta>div{display:flex;justify-content:center;gap:10px}.public-secondary.light{background:#fff;color:#18182a}.public-footer{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:24px;padding:32px clamp(28px,7vw,108px);border-top:1px solid rgba(255,255,255,.08);background:#090b19}.public-footer img{width:155px}.public-footer p{color:#6f748b;font-size:10px}.public-footer>div{display:flex;gap:20px}.public-footer a{color:#9a9db0;text-decoration:none;font-size:9px}.public-footer small{grid-column:1/-1;color:#4f5368;font-size:8px}

/* Role-separated admin and cloud management */
.admin-mode .client-nav{display:none!important}.admin-mode .admin-nav{display:block!important}.admin-mode .sidebar{padding-top:18px}.admin-mode .logo{min-height:46px;margin-bottom:8px}.admin-mode .logo img{width:160px;max-height:46px}.admin-mode .main-nav p{margin-top:14px}.admin-mode .nav-item{min-height:39px;font-size:11px}.admin-mode .nav-item svg{width:16px}.admin-mode .profile-mini{margin-top:8px}.admin-mode .sidebar-bottom{border-top:1px solid #ececf3}.site-return{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid #e3e3ec;border-radius:9px;background:#fff;color:#686a7a;font-size:9px;font-weight:700}.site-return svg{width:14px}.admin-breadcrumb{display:block;margin-bottom:8px;color:#8c48e8;font-size:8px;font-weight:800;letter-spacing:.13em}.admin-page-title{align-items:center}.node-label{display:inline-flex;align-items:center;gap:6px;font-weight:700}.node-label i{width:6px;height:6px;border-radius:50%;background:#19b87d;box-shadow:0 0 7px #19b87d}.node-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.node-card{padding:21px;border:1px solid #e5e5ee;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.node-card-head,.node-card-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.node-card-head>div{justify-content:flex-start}.node-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:13px;background:#eee8ff;color:#6a20e9}.node-icon svg{width:20px}.node-card-head small,.node-card-head h3,.node-card-head p{display:block;margin:0}.node-card-head small{color:#9698a7;font-size:7px;font-weight:800;letter-spacing:.1em}.node-card-head h3{margin-top:3px;font:800 15px 'Manrope'}.node-card-head p{margin-top:3px;color:#898b9b;font-size:8px}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:20px;background:#e9fbf4;color:#0a8a5d;font-size:8px;font-weight:800}.live-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.node-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.node-rings>div{--ring:calc(var(--value)*3.6deg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;margin:auto;border-radius:50%;background:radial-gradient(circle at center,#fff 60%,transparent 61%),conic-gradient(#7a26ed var(--ring),#eeeaf6 0)}.node-rings b,.node-rings small{display:block}.node-rings b{font:800 15px 'Manrope'}.node-rings small{margin-top:3px;color:#999baa;font-size:7px}.node-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.node-facts span{padding:10px;border-radius:10px;background:#f8f8fb}.node-facts small,.node-facts b{display:block}.node-facts small{color:#9a9cab;font-size:7px}.node-facts b{margin-top:4px;font-size:9px}.node-actions{display:flex;gap:7px;margin-top:15px}.node-actions button,.plan-admin-card>div:last-child button{flex:1;min-height:35px;border:1px solid #e4e4ec;border-radius:8px;background:#fff;color:#656778;font-size:8px;font-weight:800}.capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px 20px}.capacity-grid>span{padding:13px;border-radius:12px;background:#f8f8fb}.capacity-grid small,.capacity-grid strong,.capacity-grid i{display:block}.capacity-grid small{color:#8f91a0;font-size:8px}.capacity-grid strong{margin-top:6px;font-size:11px}.capacity-grid i{height:5px;margin-top:9px;border-radius:20px;background:#e8e8ef;overflow:hidden}.capacity-grid i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7022e9,#ed26b6)}.plan-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-admin-card{padding:20px;border:1px solid #e5e5ee;border-radius:19px;background:#fff;box-shadow:var(--shadow)}.plan-admin-card.featured{border-color:#b988fa}.plan-admin-card>div:first-child{display:flex;justify-content:space-between}.plan-admin-card>div:first-child>span{color:#898b9a;font-size:8px;font-weight:700}.plan-admin-card h3{margin:20px 0 8px;font:700 16px 'Manrope'}.plan-admin-card>strong{font:800 22px 'Manrope'}.plan-admin-card>strong small{font:500 8px 'DM Sans';color:#9698a7}.plan-admin-card ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0;padding:0;list-style:none}.plan-admin-card li{padding:9px 5px;border-radius:9px;background:#f7f7fb;text-align:center;color:#8b8d9c;font-size:7px}.plan-admin-card li b{display:block;margin-bottom:3px;color:#333447;font-size:10px}.plan-admin-card>div:last-child{display:flex;gap:7px}.os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}.os-grid>span{display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:10px;padding:12px;border:1px solid #e8e8ef;border-radius:12px}.os-grid i{grid-row:1/3;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#eee9ff;color:#6920e7;font-style:normal;font-weight:900}.os-grid b,.os-grid small{display:block}.os-grid b{font-size:9px}.os-grid small{margin-top:3px;color:#9799a8;font-size:7px}.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px;padding:22px 25px;border-radius:20px;background:linear-gradient(115deg,#17142e,#2c2054);color:#fff}.recovery-banner>div:first-child{display:flex;align-items:center;gap:15px}.recovery-banner>div:first-child>span{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:rgba(255,255,255,.09);color:#bc7cff}.recovery-banner small,.recovery-banner h2,.recovery-banner p{display:block;margin:0}.recovery-banner small{color:#9f9bb7;font-size:7px;font-weight:800}.recovery-banner h2{margin-top:3px;font:700 18px 'Manrope'}.recovery-banner p{margin-top:4px;color:#a9a6b9;font-size:8px}.recovery-banner>div:last-child{width:280px}.recovery-banner>div:last-child>strong{font:800 18px 'Manrope'}.recovery-banner>div:last-child>strong small{font-size:8px}.recovery-banner>div:last-child>i{display:block;height:7px;margin:8px 0;border-radius:20px;background:rgba(255,255,255,.1);overflow:hidden}.recovery-banner>div:last-child>i b{display:block;height:100%;background:linear-gradient(90deg,#8029ee,#ef28b9)}.recovery-banner>div:last-child>span{color:#9290a6;font-size:7px}.admin-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.admin-catalog-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid #e7e7ef;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.admin-catalog-grid h3,.admin-catalog-grid p,.admin-catalog-grid strong{display:block;margin:0}.admin-catalog-grid h3{font:700 12px 'Manrope'}.admin-catalog-grid p{margin-top:4px;color:#8c8e9e;font-size:8px}.admin-catalog-grid strong{margin-top:6px;color:#6b21e5;font-size:9px}.admin-catalog-grid>article>button{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #e4e4ec;border-radius:8px;background:#fff;color:#777989}.admin-catalog-grid>article>button svg{width:13px}.automation-list{display:grid;gap:10px}.automation-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:15px 17px;border:1px solid #e7e7ef;border-radius:14px;background:#fff}.automation-icon{display:flex;width:37px;height:37px;align-items:center;justify-content:center;border-radius:11px;background:#eee9ff;color:#6b20e8}.automation-icon svg{width:16px}.automation-list h3,.automation-list p{margin:0}.automation-list h3{font:700 11px 'Manrope'}.automation-list p{margin-top:4px;color:#8b8d9c;font-size:8px}.automation-list>article>button{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #e5e5ed;border-radius:8px;background:#fff;color:#777989}.automation-list>article>button svg{width:13px}.switch input{display:none}.switch i{position:relative;display:block;width:35px;height:20px;border-radius:20px;background:#dcdde5}.switch i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+i{background:#7324e8}.switch input:checked+i:after{left:18px}.report-bars{display:grid;gap:16px;padding:8px 20px 22px}.report-bars>span{display:grid;grid-template-columns:90px 1fr 32px;align-items:center;gap:9px}.report-bars b,.report-bars strong{font-size:8px}.report-bars i{height:7px;border-radius:20px;background:#ececf3;overflow:hidden}.report-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7022e9,#ef27b8)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-grid>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;border:1px solid #e6e6ee;border-radius:16px;background:#fff;text-align:left}.settings-grid>button:hover{border-color:#caaefa;background:#fcfaff}.settings-grid>button>span{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:11px;background:#eee9ff;color:#6920e8}.settings-grid svg{width:17px}.settings-grid>button>svg{width:14px;color:#9a9caa}.settings-grid strong,.settings-grid small{display:block}.settings-grid strong{font:700 11px 'Manrope'}.settings-grid small{margin-top:4px;color:#8c8e9e;font-size:8px}.vps-client-hero{margin-bottom:17px;padding:24px;border:1px solid #282746;border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(111,33,239,.22),transparent 32%),#111326;color:#fff;box-shadow:0 20px 60px rgba(30,24,75,.14)}.vps-client-head,.vps-client-head>div{display:flex;align-items:center;justify-content:space-between;gap:13px}.vps-client-head>div{justify-content:flex-start}.vps-cube{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#7021ee,#ed29b9);font:800 17px 'Manrope'}.vps-client-head small,.vps-client-head h2,.vps-client-head p{display:block;margin:0}.vps-client-head small{color:#8f90aa;font-size:7px;font-weight:800}.vps-client-head h2{margin-top:4px;font:700 16px 'Manrope'}.vps-client-head p{margin-top:4px;color:#82869f;font-size:8px}.vps-client-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:22px;background:#282a42;border-radius:13px;overflow:hidden}.vps-client-kpis article{position:relative;padding:15px;background:#181a31}.vps-client-kpis small,.vps-client-kpis strong,.vps-client-kpis span{display:block}.vps-client-kpis small{color:#737890;font-size:7px}.vps-client-kpis strong{margin-top:7px;font:700 13px 'Manrope'}.vps-client-kpis span{margin-top:3px;color:#8b8fa5;font-size:7px}.vps-client-kpis button{position:absolute;right:10px;top:12px;border:0;background:transparent;color:#8c56db}.vps-client-kpis button svg{width:13px}.vps-power-bar{display:flex;gap:8px;margin-top:14px}.vps-power-bar button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:0 12px;border:1px solid #30324c;border-radius:9px;background:#1a1c34;color:#b9bbca;font-size:8px;font-weight:800}.vps-power-bar button:first-child{border-color:#6736b4;background:#34205f;color:#fff}.vps-power-bar svg{width:13px}.vps-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.vps-modal-grid span{padding:12px;border-radius:10px;background:#f7f7fb}.vps-modal-grid small,.vps-modal-grid strong{display:block}.vps-modal-grid small{color:#9294a3;font-size:8px}.vps-modal-grid strong{margin-top:5px;font-size:10px}.vps-modal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.vps-modal-actions button{min-height:38px;border:1px solid #e1e1ea;border-radius:9px;background:#fff;color:#565869;font-size:8px;font-weight:800}.vps-modal-actions svg{width:13px;vertical-align:middle}.login-tabs{display:flex;margin-bottom:17px;padding:3px;border-radius:10px;background:#f2f2f7}.login-tabs button{flex:1;min-height:34px;border:0;border-radius:8px;background:transparent;color:#898b9b;font-size:9px;font-weight:700}.login-tabs button.active{background:#fff;color:#6820e5;box-shadow:0 3px 10px rgba(20,18,53,.08)}.login-divider{position:relative;margin:20px 0;text-align:center}.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e8e8ef}.login-divider span{position:relative;padding:0 10px;background:#fff;color:#a0a2b0;font-size:7px;font-weight:800;letter-spacing:.12em}.admin-preview-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9c6fb;border-radius:10px;background:#f8f4ff;color:#6720de;font-size:9px;font-weight:800}.admin-preview-button svg{width:15px}.login-note{margin:10px 0 0!important;text-align:center;font-size:8px!important;color:#9b9dac!important}

@media(max-width:1100px){.public-header{grid-template-columns:190px 1fr 170px}.public-header nav{gap:18px}.public-hero{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{display:none}.section-intro p{position:static;width:auto;margin-top:18px}.public-product-grid{grid-template-columns:1fr 1fr}.public-product:last-child{grid-column:1/-1}.infra-section{grid-template-columns:1fr}.node-grid{grid-template-columns:1fr}.admin-catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.public-header{grid-template-columns:1fr auto;height:72px;padding:0 20px}.public-header nav{display:none}.public-logo img{width:150px}.public-menu{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-left:7px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:transparent;color:#fff}.public-menu svg{width:18px}.public-login{padding:0 11px}.public-hero{min-height:auto;padding:80px 24px}.hero-copy h1{font-size:52px;letter-spacing:-2.5px}.hero-trust{flex-wrap:wrap}.public-product-grid{grid-template-columns:1fr}.public-product:last-child{grid-column:auto}.public-strip>div{flex-wrap:wrap;gap:16px}.public-strip i{display:none}.infra-section{padding:80px 24px}.public-section{padding:80px 24px}.public-footer{grid-template-columns:1fr}.public-footer>div{flex-wrap:wrap}.public-footer small{grid-column:auto}.capacity-grid,.os-grid{grid-template-columns:repeat(2,1fr)}.plan-admin-grid{grid-template-columns:1fr}.admin-catalog-grid,.settings-grid{grid-template-columns:1fr}.vps-client-kpis{grid-template-columns:repeat(2,1fr)}.vps-power-bar{flex-wrap:wrap}.vps-power-bar button{flex:1 1 30%}}
@media(max-width:540px){.public-login{font-size:0}.public-login svg{width:17px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-trust{gap:18px}.public-strip{display:none}.public-cta>div{flex-direction:column}.public-footer>div{display:grid;grid-template-columns:1fr 1fr}.node-rings{grid-template-columns:repeat(3,1fr)}.node-rings>div{width:70px;height:70px}.node-facts,.capacity-grid,.os-grid{grid-template-columns:1fr}.recovery-banner{align-items:flex-start;flex-direction:column}.recovery-banner>div:last-child{width:100%}.admin-catalog-grid{grid-template-columns:1fr}.vps-client-kpis{grid-template-columns:1fr}.vps-modal-actions{grid-template-columns:repeat(2,1fr)}}