
:root{
  --bg-primary:#070f1e;--bg-secondary:#0d1b33;--bg-card:rgba(17,37,71,.88);
  --bg-card-hover:#17325f;--border-color:rgba(147,197,253,.18);--border-color-hover:rgba(147,197,253,.36);
  --text-primary:#f8fbff;--text-secondary:#bae6fd;--accent-white:#fff;--accent-black:#070f1e;
  --success:#34d399;--error:#f87171;--accent-cyan:#38bdf8;color-scheme:dark
}
body{background:radial-gradient(ellipse at 80% 0%,rgba(37,99,235,.14),transparent 35%),var(--bg-primary)}
#particle-canvas{opacity:.38}
.admin-sidebar{width:252px;padding:30px 18px;background:rgba(8,20,40,.93);border-right-color:var(--border-color);box-shadow:14px 0 42px rgba(0,0,0,.2)}
.sidebar-logo{padding:0 10px}.logo-text{font-size:20px;letter-spacing:1.3px}.logo-dot{background:var(--accent-cyan);box-shadow:0 0 13px rgba(56,189,248,.8)}
.sidebar-nav{gap:6px}.nav-btn{min-height:45px;padding:0 13px;border-radius:10px;font:600 12px var(--font-body);letter-spacing:.25px;text-transform:none}.nav-btn i{width:18px;text-align:center;color:#8fa8c9}.nav-btn:hover{background:rgba(56,189,248,.08);color:white}.nav-btn.active{color:white;background:linear-gradient(100deg,rgba(37,99,235,.24),rgba(56,189,248,.08));border-color:rgba(56,189,248,.24)}.nav-btn.active i{color:var(--accent-cyan)}
.admin-main{margin-left:252px;padding:28px clamp(22px,3.5vw,54px) 50px;max-width:1800px}
.admin-main:before{content:"KADASTR VPN     /     ЦЕНТР УПРАВЛЕНИЯ";display:block;padding:4px 0 21px;margin-bottom:24px;border-bottom:1px solid var(--border-color);color:#91aac8;font-size:10px;letter-spacing:1.5px;font-weight:700}
.home-hero{min-height:0;max-width:none;padding:29px 32px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:17px;background:linear-gradient(115deg,rgba(14,38,76,.96),rgba(13,27,51,.95) 55%,rgba(16,45,78,.82));position:relative;overflow:hidden}
.home-hero:after{content:"";position:absolute;right:9%;top:50%;width:170px;height:170px;border:1px solid rgba(56,189,248,.2);border-radius:50%;box-shadow:0 0 0 23px rgba(56,189,248,.035),0 0 0 51px rgba(56,189,248,.025);transform:translateY(-50%);pointer-events:none}
.hero-title{color:var(--accent-cyan);font-size:10px;letter-spacing:2px;margin-bottom:10px}.hero-subtitle{font-size:clamp(29px,3.7vw,43px);letter-spacing:.5px;margin-bottom:10px}.hero-description{max-width:600px;margin:0;font-size:13px}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:13px;margin-bottom:24px}.stat-card{min-height:112px;padding:20px 21px;border-radius:14px;text-align:left;background:linear-gradient(145deg,rgba(17,37,71,.96),rgba(12,28,53,.92));box-shadow:0 9px 26px rgba(0,0,0,.14)}.stat-num{font-size:30px;letter-spacing:-.5px;margin-bottom:7px}.stat-label{font-size:10px;letter-spacing:.65px;line-height:1.45}
.panel-section{padding:24px;border-radius:15px;background:rgba(13,27,51,.92);box-shadow:0 10px 28px rgba(0,0,0,.12)}.section-title{font-size:16px;letter-spacing:.2px;text-transform:none;border-bottom-color:rgba(147,197,253,.14)}.section-title i{color:var(--accent-cyan)}.section-caption{color:#91aac8;font-size:13px;margin:-8px 0 20px}
label{font-size:11px;letter-spacing:.2px;text-transform:none}textarea,input[type=text],input[type=number],input[type=password],select{border-radius:9px;border-color:var(--border-color);background:#09162a;font-size:13px}textarea:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus{border-color:rgba(56,189,248,.7);box-shadow:0 0 0 3px rgba(56,189,248,.1)}
.btn{border-radius:9px;font:600 13px var(--font-body);text-transform:none}.btn-primary{background:linear-gradient(100deg,#2563eb,#168acb);color:white;border-color:rgba(56,189,248,.5);box-shadow:0 5px 18px rgba(37,99,235,.23)}.btn-primary:hover{background:linear-gradient(100deg,#3475f2,#20a1de)}.btn-sm{border-radius:7px;font-family:var(--font-body);text-transform:none}
.table-container{border:1px solid rgba(147,197,253,.12);border-radius:10px;overflow-x:auto}table{font-size:12px}th{padding:12px 14px;border-bottom:1px solid var(--border-color);font-size:10px;letter-spacing:.65px}td{padding:13px 14px;border-bottom-color:rgba(147,197,253,.09)}tr:hover td{background:rgba(56,189,248,.035)}
.promo-create-grid{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.7fr) minmax(160px,.9fr) auto;gap:13px;align-items:end;margin:22px 0 25px}.promo-create-grid .form-group{margin:0}.promo-create-button{min-height:46px;white-space:nowrap}.field-hint{font-size:11px;color:#7690b0;margin-top:-3px}.promo-code-chip{display:inline-block;padding:5px 9px;border:1px solid rgba(56,189,248,.25);border-radius:7px;background:rgba(56,189,248,.08);color:#8bdcff;font:700 11px var(--font-title);letter-spacing:.7px}.table-empty{text-align:center;color:var(--text-secondary);padding:24px}.spend-link{padding:0;border:0;background:none;color:#7dd3fc;font:600 12px var(--font-body);cursor:pointer}.spend-link:hover{color:white;text-decoration:underline}
.transactions-modal-content{max-width:760px;width:calc(100% - 32px);max-height:82vh;overflow:auto}.transactions-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.transactions-modal-heading .modal-header{border:0;padding:4px 0 0;text-transform:none;font-size:18px}.eyebrow{color:var(--accent-cyan);font-size:9px;font-weight:700;letter-spacing:1.6px}.icon-close{width:36px;height:36px;border:1px solid var(--border-color);border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-close:hover{background:rgba(56,189,248,.1);color:white}.spend-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spend-summary>div{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid var(--border-color);border-radius:10px;background:rgba(56,189,248,.045)}.spend-summary span{font-size:11px;color:var(--text-secondary)}.spend-summary strong{font-size:20px}.amount-negative{color:#fca5a5}.amount-positive{color:#6ee7b7}
.modal-content,.login-card{background:rgba(10,24,45,.98);border-color:var(--border-color-hover);border-radius:16px}.login-card{box-shadow:0 24px 80px rgba(0,0,0,.45)}.login-logo .logo-dot{background:var(--accent-cyan)}.login-header-text{text-transform:none;font-size:16px}
@media(max-width:1000px){.admin-sidebar{width:220px;padding-left:12px;padding-right:12px}.admin-main{margin-left:220px;padding-left:21px;padding-right:21px}.promo-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero:after{right:-35px}}
@media(max-width:680px){.admin-wrapper{display:block}.admin-sidebar{position:sticky;top:0;width:100%;height:auto;min-height:0;padding:12px 13px 9px;gap:12px;border-right:0;border-bottom:1px solid var(--border-color);backdrop-filter:blur(18px)}.sidebar-logo{padding:0 3px}.logo-text{font-size:16px}.sidebar-subtext{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:2px;scrollbar-width:thin}.nav-btn{flex:0 0 auto;width:auto;min-height:38px;padding:0 10px;font-size:11px}.nav-btn i{width:auto}.admin-main{margin:0;padding:15px 13px 30px}.admin-main:before{padding-bottom:14px;margin-bottom:14px;font-size:9px}.home-hero{padding:21px 18px;margin-bottom:13px}.hero-subtitle{font-size:28px}.hero-description{max-width:86%;font-size:12px}.home-hero:after{width:105px;height:105px;right:-33px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.stat-card{min-height:92px;padding:14px}.stat-num{font-size:23px}.stat-label{font-size:9px}.panel-section{padding:16px 13px;margin-bottom:13px}.promo-create-grid{grid-template-columns:1fr;gap:4px}.promo-create-button{width:100%;margin-top:5px}.search-wrapper{flex-direction:column}.login-card{width:calc(100% - 28px);padding:27px 21px}th,td{padding:11px 10px}}
