@charset "UTF-8";

.fexar-portal{
  --portal-bg:#020713;
  --portal-panel:rgba(9,20,42,.86);
  --portal-panel-strong:#0a1730;
  --portal-line:#1f3d69;
  --portal-line-soft:rgba(72,124,191,.28);
  --portal-text:#f5f8ff;
  --portal-muted:#9aacc9;
  --portal-cyan:#15dcff;
  --portal-blue:#4c84ff;
  --portal-violet:#b957ff;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--portal-text);
  background:
    radial-gradient(ellipse at 84% 20%,rgba(31,81,255,.18),transparent 31%),
    radial-gradient(ellipse at 10% 68%,rgba(9,143,255,.12),transparent 27%),
    linear-gradient(180deg,#020610,#020713 55%,#040b1d);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.fexar-portal::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(116deg,transparent 40%,rgba(5,159,255,.045) 45%,transparent 50%),
    linear-gradient(67deg,transparent 60%,rgba(151,62,255,.05) 64%,transparent 68%);
}
.fexar-portal>header,.fexar-portal>main,.fexar-portal>footer{position:relative;z-index:1}
.fexar-portal .site-header.portal-header{
  border:0;
  background:linear-gradient(180deg,rgba(1,6,17,.95),rgba(1,6,17,.62),transparent);
}
.portal-header-inner{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.fexar-portal .brand{gap:12px}
.fexar-portal .brand img{filter:drop-shadow(0 0 15px rgba(12,198,255,.35))}
.fexar-portal .brand>span{font-weight:800;letter-spacing:.01em}
.fexar-portal .brand-vpn{color:#d5e1f5}
.portal-back,.portal-header .text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#b9c8de;
  font-size:13px;
}
.portal-back:hover,.portal-header .text-link:hover{color:#fff}
.portal-main{position:relative}
.portal-main::before{
  content:"";
  position:absolute;
  width:560px;
  height:420px;
  top:4%;
  right:6%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,143,255,.12),transparent 68%);
  filter:blur(15px);
  pointer-events:none;
}
.fexar-portal .button{
  border-radius:13px;
  border-color:#345b91;
  transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;
}
.fexar-portal .button:hover:not(:disabled){transform:translateY(-2px)}
.fexar-portal .button-primary{
  border-color:#73ebff;
  background:linear-gradient(110deg,#11dff1,#1ca9f5 58%,#4f7cff);
  color:#041426;
  box-shadow:0 0 18px rgba(20,215,255,.34),inset 0 2px rgba(255,255,255,.4);
}
.fexar-portal .button-primary:hover:not(:disabled){background:linear-gradient(110deg,#6af7ff,#2ccfff 58%,#76a0ff);box-shadow:0 0 30px rgba(20,215,255,.55)}
.fexar-portal .button-quiet{
  border-color:#436b9f;
  background:rgba(7,19,42,.62);
  color:#edf4ff;
}
.fexar-portal .button-quiet:hover:not(:disabled){border-color:#98c4ff;background:rgba(16,45,84,.7)}
.fexar-portal input,.fexar-portal select,.fexar-portal textarea{
  border-color:#2b4a78;
  background:#07152c;
  color:#f0f6ff;
}
.fexar-portal input:focus,.fexar-portal select:focus,.fexar-portal textarea:focus{
  border-color:var(--portal-cyan);
  box-shadow:0 0 0 3px rgba(21,220,255,.12),0 0 22px rgba(0,151,255,.1);
}
.fexar-portal .muted{color:var(--portal-muted)}
.fexar-portal .form-message{
  border-color:#2f5c91;
  background:rgba(18,53,97,.3);
  color:#c4dcff;
}
.fexar-portal .form-message.success{border-color:#38cfae66;background:#0c5b4c2b;color:#a9f0d9}
.fexar-portal .form-message.error{border-color:#d8758b66;background:#641a302b;color:#ffc4cd}

/* Login */
.fexar-login-page .auth-layout{
  position:relative;
  max-width:1240px;
  min-height:calc(100vh - 150px);
  padding-top:70px;
  padding-bottom:70px;
  grid-template-columns:minmax(0,1fr) 470px;
  align-items:center;
  gap:92px;
}
.fexar-login-page .auth-intro{position:relative;z-index:1;padding-top:0}
.fexar-login-page .auth-intro .eyebrow{color:#b9d7fa}
.fexar-login-page .auth-intro h1{
  max-width:650px;
  margin:25px 0 24px;
  font-size:clamp(52px,5.6vw,82px);
  line-height:.95;
  letter-spacing:-.07em;
}
.fexar-login-page .auth-intro h1 .gradient-text{
  background:linear-gradient(96deg,#0fe4ff,#5d88ff 55%,#bd58ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fexar-login-page .auth-intro>p:not(.eyebrow){max-width:450px;color:#b0c0d9;font-size:16px;line-height:1.75}
.fexar-login-page .auth-art{
  height:230px;
  max-width:460px;
  margin-top:40px;
  opacity:.95;
}
.fexar-login-page .auth-art::before{
  content:"";
  position:absolute;
  inset:35px 15px 5px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,176,255,.13),transparent 68%);
  filter:blur(10px);
}
.fexar-login-page .auth-art img{width:104px;height:104px;filter:drop-shadow(0 0 26px rgba(0,202,255,.55)) drop-shadow(0 0 30px rgba(164,65,255,.3))}
.fexar-login-page .auth-art-ring{border-color:#3daeff80;box-shadow:0 0 22px rgba(0,151,255,.2)}
.fexar-login-page .auth-art>span{color:#5d84b6}
.fexar-login-page .auth-card{
  position:relative;
  z-index:2;
  width:100%;
  padding:34px;
  border:1px solid #3974b8;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(14,33,66,.96),rgba(4,12,28,.94));
  box-shadow:0 28px 80px rgba(0,0,0,.4),0 0 46px rgba(0,100,255,.12),inset 0 1px rgba(170,217,255,.12);
}
.fexar-login-page .auth-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(21,220,255,.32),transparent 38%,rgba(170,69,255,.18));
  opacity:.75;
  filter:blur(12px);
}
.fexar-login-page .card-kicker{
  color:#86bdf1;
  letter-spacing:.18em;
}
.fexar-login-page .auth-card h2{margin-bottom:11px;font-size:31px}
.fexar-login-page .auth-card>.muted{font-size:12px;line-height:1.7}
.fexar-login-page .auth-card label{color:#b7c8e0}
.fexar-login-page .auth-card form .button-primary{margin-top:20px}
.fexar-login-page #telegram-login{margin-top:22px;min-height:55px}
.fexar-login-page #email-form{border-top:1px solid rgba(82,129,190,.35);margin-top:23px;padding-top:18px}
.fexar-login-page #email-form label{margin-top:0}
.fexar-login-page #email-form .button{margin-top:13px}
.fexar-login-page #auth-description{color:#aabbd4}
.fexar-login-page .auth-footnote{color:#8398b8;border-top:1px solid rgba(82,129,190,.25);padding-top:18px}
.fexar-login-page .minimal-footer{
  border-top-color:rgba(72,124,191,.3);
  color:#7890b3;
}

/* Account */
.fexar-account-page .dashboard{
  position:relative;
  max-width:1240px;
  padding-top:55px;
  padding-bottom:80px;
}
.fexar-account-page .dashboard-heading{
  align-items:flex-end;
  margin-bottom:30px;
}
.fexar-account-page .dashboard-heading h1{
  margin-bottom:8px;
  font-size:clamp(38px,4vw,58px);
  letter-spacing:-.065em;
}
.fexar-account-page .dashboard-heading .gradient-text{
  background:linear-gradient(96deg,#16e2ff,#6990ff 55%,#c45bff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fexar-account-page .panel{
  border-color:#254a7b;
  border-radius:21px;
  background:linear-gradient(145deg,rgba(11,29,60,.9),rgba(5,14,30,.94));
  box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px rgba(157,210,255,.08);
}
.fexar-account-page .subscription-card{
  background:
    radial-gradient(ellipse at 92% 0,rgba(0,185,255,.18),transparent 48%),
    linear-gradient(145deg,rgba(12,38,77,.95),rgba(5,14,30,.96));
}
.fexar-account-page .subscription-title h2{font-size:31px}
.fexar-account-page .subscription-symbol{
  border-color:#3aaeff;
  background:rgba(7,53,105,.35);
  box-shadow:0 0 24px rgba(0,180,255,.23);
}
.fexar-account-page .subscription-symbol img{filter:drop-shadow(0 0 15px rgba(0,208,255,.55))}
.fexar-account-page .status-badge{border-color:#34659b;background:#0a1c38;color:#bad4f5}
.fexar-account-page .status-badge.active{border-color:#42d9b366;background:#0c4f4226;color:#9bf0d2}
.fexar-account-page .subscription-metrics strong{color:#f4f8ff}
.fexar-account-page .progress-track{background:#142e52}
.fexar-account-page .progress-track span{background:linear-gradient(90deg,#14ddff,#527eff);box-shadow:0 0 13px rgba(22,211,255,.52)}
.fexar-account-page .telegram-card{background:linear-gradient(145deg,rgba(20,32,76,.9),rgba(7,13,32,.94))}
.fexar-account-page .telegram-glyph{color:#28d8ff;text-shadow:0 0 16px rgba(32,219,255,.55)}
.fexar-account-page .section-title-row h2,.fexar-account-page .devices-panel h2{letter-spacing:-.05em}
.fexar-account-page .device-row,.fexar-account-page .subscription-link{border-color:rgba(64,113,175,.34)}
.fexar-account-page .device-icon{border-color:#3e6fa5;color:#5bdfff;background:#0a2441}
.fexar-account-page .account-plans{padding-top:90px}
.fexar-account-page .account-plans .plan-card{
  border-color:#285385;
  border-radius:19px;
  background:linear-gradient(145deg,rgba(12,31,65,.95),rgba(5,14,30,.96));
}
.fexar-account-page .account-plans .plan-card:nth-child(2){
  border-color:#5c70df;
  background:linear-gradient(145deg,rgba(40,39,106,.92),rgba(12,14,48,.96));
}
.fexar-account-page .minimal-footer{
  border-top-color:rgba(72,124,191,.3);
}

/* Unified admin shell */
.fexar-admin-page{
  background:
    radial-gradient(ellipse at 84% -10%,rgba(23,86,255,.18),transparent 38%),
    linear-gradient(180deg,#020610,#040b1b);
}
.fexar-admin-page .admin-v2-sidebar{
  background:rgba(3,11,25,.94);
  border-right-color:#1a3a67;
  box-shadow:8px 0 40px rgba(0,0,0,.16);
}
.fexar-admin-page .admin-sidebar-top{border-bottom:1px solid rgba(64,117,182,.22);padding-bottom:22px}
.fexar-admin-page .admin-sidebar-label{color:#6b8db7}
.fexar-admin-page .admin-v2-nav{gap:6px;margin-top:20px}
.fexar-admin-page .admin-nav-group-label{
  margin:18px 9px 5px;
  color:#5e82ad;
  font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.16em;
}
.fexar-admin-page .admin-nav-group-label:first-child{margin-top:0}
.fexar-admin-page .admin-v2-nav button{border-color:transparent;color:#9eb4d4;border-radius:11px}
.fexar-admin-page .admin-v2-nav button:hover{background:rgba(28,76,130,.28);color:#fff}
.fexar-admin-page .admin-v2-nav button.active{
  border-color:#4d92e0;
  background:linear-gradient(100deg,rgba(45,99,169,.72),rgba(29,57,117,.72));
  color:#fff;
  box-shadow:inset 3px 0 #65cfff,0 0 25px rgba(0,131,255,.14);
}
.fexar-admin-page .admin-v2-nav button.active span:first-child{color:#8ceeff}
.fexar-admin-page .admin-v2-main{background:transparent}
.fexar-admin-page .admin-v2-header{border-bottom-color:rgba(68,121,183,.3)}
.fexar-admin-page .admin-v2-header h1{letter-spacing:-.06em}
.fexar-admin-page .panel,.fexar-admin-page .mail-layout{
  border-color:#254b7d;
  background:linear-gradient(145deg,rgba(10,28,59,.88),rgba(4,13,29,.94));
  box-shadow:0 18px 50px rgba(0,0,0,.16),inset 0 1px rgba(150,212,255,.06);
}
.fexar-admin-page .metric-card,.fexar-admin-page .tariff-card{background:linear-gradient(145deg,rgba(13,36,73,.88),rgba(5,14,31,.94))}
.fexar-admin-page .mail-folder.active{
  border-color:#4d92e0;
  background:linear-gradient(100deg,rgba(42,97,165,.72),rgba(25,54,113,.7));
  box-shadow:inset 3px 0 #6bdfff,0 0 20px rgba(0,136,255,.1);
}
.fexar-admin-page .admin-module-frame{border-color:#2b5a91;box-shadow:0 0 24px rgba(0,113,255,.1)}
.fexar-admin-page .operational-panel{padding:0;border:0;background:transparent;box-shadow:none}
.fexar-admin-page .operational-panel .admin-module-frame{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.fexar-admin-page .admin-v2-sidebar-bottom{border-top-color:rgba(64,117,182,.3)}
.fexar-admin-page .admin-v2-sidebar-bottom a:hover{color:#fff}

/* Legacy admin modules loaded inside the unified sidebar */
body.workspace,body.console-page{
  color:#eef5ff!important;
  background:#030916!important;
}
.workspace .sidebar{
  background:#050e1f!important;
  border-right:1px solid #1c416f!important;
}
.workspace main,body.console-page .shell{background:transparent!important}
.workspace .top,body.console-page .top{border-bottom-color:#214875!important}
.workspace .panel,body.console-page .panel{
  background:linear-gradient(145deg,rgba(11,31,64,.9),rgba(4,13,29,.95))!important;
  border-color:#285484!important;
  box-shadow:0 14px 40px rgba(0,0,0,.16)!important;
}
.workspace .btn,body.console-page .btn{
  border-color:#35679b!important;
  background:#0a1d3b!important;
  color:#dbeaff!important;
}
.workspace .btn.primary,body.console-page .btn.primary{
  border-color:#6ceaff!important;
  background:linear-gradient(110deg,#10dff0,#267cff)!important;
  color:#041426!important;
  box-shadow:0 0 18px rgba(20,215,255,.3)!important;
}
.workspace input,.workspace select,.workspace textarea,body.console-page input,body.console-page select,body.console-page textarea{
  background:#07152c!important;
  border-color:#2b4e7e!important;
  color:#eef6ff!important;
}
body.console-page .tabs{
  border-color:#234b7d!important;
  background:#07152c!important;
}
body.console-page .tab.active{
  background:#203e70!important;
  color:#fff!important;
  border-color:#5da5ed!important;
}
html.embedded-admin body.console-page .tabs,
html.embedded body.console-page .tabs{display:none!important}
html.embedded-admin body.console-page .top,
html.embedded body.console-page .top,
html.embedded-admin body.console-page .bot-status-strip,
html.embedded body.console-page .bot-status-strip,
html.embedded-admin body.console-page .metrics,
html.embedded body.console-page .metrics,
html.embedded-admin body.console-page .console-local-nav,
html.embedded body.console-page .console-local-nav{display:none!important}
html.embedded-admin body.console-page .shell,
html.embedded body.console-page .shell{max-width:none!important;padding:0!important}
html.embedded-admin body.console-page .layout,
html.embedded body.console-page .layout{display:block!important;margin:0!important}
html.embedded-admin body.console-page .layout>aside,
html.embedded body.console-page .layout>aside{display:none!important}
html.embedded-admin body.console-page .layout>section,
html.embedded body.console-page .layout>section{width:100%!important;min-width:0!important}
html.embedded-admin body.console-page .view,
html.embedded body.console-page .view{margin:0!important}
html.embedded-admin body.console-page .view.active>.panel:first-child,
html.embedded body.console-page .view.active>.panel:first-child{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
html.embedded-admin body.workspace .sidebar,
html.embedded body.workspace .sidebar{display:none!important}
html.embedded-admin body.workspace main,
html.embedded body.workspace main{margin:0!important;width:100%!important}
html.embedded-admin body.workspace .top,
html.embedded body.workspace .top,
html.embedded-admin body.workspace .metrics,
html.embedded body.workspace .metrics,
html.embedded-admin body.workspace .console-local-nav,
html.embedded body.workspace .console-local-nav{display:none!important}
html.embedded-admin body.workspace .workspace,
html.embedded body.workspace .workspace{display:block!important}
@media(max-width:900px){
  .portal-header-inner{height:76px}
  .fexar-login-page .auth-layout{grid-template-columns:1fr;gap:36px;padding-top:42px}
  .fexar-login-page .auth-intro h1{font-size:48px}
  .fexar-login-page .auth-art{display:none}
  .fexar-login-page .auth-card{max-width:520px;margin-inline:auto}
}
@media(max-width:620px){
  .portal-header-inner{gap:12px}
  .portal-back{font-size:11px}
  .fexar-login-page .auth-card{padding:25px 20px;border-radius:19px}
  .fexar-login-page .auth-intro h1{font-size:43px}
  .fexar-account-page .dashboard{padding-top:32px}
  .fexar-account-page .dashboard-heading{display:block}
  .fexar-account-page .dashboard-heading .button{margin-top:17px}
}


.fexar-admin-page .admin-v2-shell{grid-template-columns:280px minmax(0,1fr)}
.fexar-admin-page .admin-v2-nav button{font-size:11px;padding:11px 10px;gap:10px}
.fexar-admin-page .admin-v2-nav button span:first-child{width:18px;flex:none}
.fexar-admin-page .admin-module-frame{height:calc(100vh - 250px);min-height:650px}
@media(max-width:1100px){.fexar-admin-page .admin-v2-shell{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:780px){.fexar-admin-page .admin-v2-shell{display:block}.fexar-admin-page .admin-module-frame{height:620px;min-height:620px}}


html.embedded-admin body.workspace .sidebar{display:flex!important}
html.embedded-admin body.workspace main{margin-left:0!important}