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

:root{--cyan:#04d9ef;--cyan2:#33bfff;--cyan-soft:rgba(4,217,239,.13);--blue:#2586ff;--green:#36df79;--red:#ff4f5f;--purple:#9c64ff;--bg:#020914;--bg2:#06111f;--panel:rgba(7,24,38,.84);--panel2:rgba(10,30,47,.92);--line:rgba(67,211,238,.20);--line-strong:rgba(4,217,239,.54);--text:#f5fbff;--muted:#7890a5;--shadow:0 22px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif}a{text-decoration:none}

/* Admin shell */
body.admin-shell{min-height:100vh;background:linear-gradient(145deg,#020812,#04101c 54%,#020811);color:var(--text);overflow-x:hidden}
.admin-ambient{position:fixed;inset:-25%;z-index:-5;background:radial-gradient(circle at 10% 20%,rgba(4,217,239,.12),transparent 25%),radial-gradient(circle at 78% 9%,rgba(38,130,255,.12),transparent 28%),radial-gradient(circle at 54% 80%,rgba(0,190,210,.06),transparent 26%);filter:blur(70px);animation:adminFloat 18s ease-in-out infinite alternate}.admin-grid-pattern{position:fixed;inset:0;z-index:-4;opacity:.14;background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 82%)}@keyframes adminFloat{to{transform:translate(2%,-2%) scale(1.06)}}
.admin-sidebar{position:fixed;z-index:50;right:14px;top:14px;bottom:14px;width:258px;display:flex;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(6,25,40,.96),rgba(3,13,25,.94));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px);overflow:auto}.admin-brand{display:flex;align-items:center;gap:11px;padding:4px 4px 18px;border-bottom:1px solid rgba(94,214,235,.10);color:#fff}.admin-brand-mark{width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(4,217,239,.75);border-radius:50%;color:var(--cyan);font-weight:900;box-shadow:0 0 28px rgba(4,217,239,.16),inset 0 0 20px rgba(4,217,239,.05)}.admin-brand strong{display:block;font-size:18px;color:#55eaf7}.admin-brand small{display:block;color:#83a1b6;font-size:10px;margin-top:3px}.admin-nav{display:flex;flex-direction:column;gap:6px;padding-top:14px}.admin-nav-group{padding:12px 10px 4px;color:#526d81;font-size:11px;font-weight:800}.admin-nav-link{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid rgba(102,190,220,.10);border-radius:10px;background:rgba(255,255,255,.015);color:#e8f5fb;font-weight:700;font-size:13px;transition:.18s ease}.admin-nav-link i{width:21px;text-align:center;color:#8eb9cc;font-size:18px}.admin-nav-link:hover{transform:translateX(-3px);border-color:rgba(4,217,239,.30);background:rgba(4,217,239,.07)}.admin-nav-link.active{border-color:rgba(4,217,239,.62);background:linear-gradient(90deg,rgba(4,217,239,.17),rgba(0,110,140,.06));box-shadow:inset 0 0 20px rgba(4,217,239,.045),0 0 18px rgba(4,217,239,.07)}.admin-nav-link.active i,.admin-nav-link.active span{color:#2defff}.admin-sidebar-status{margin-top:auto;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(4,217,239,.15);border-radius:12px;background:rgba(8,33,49,.55)}.admin-ready-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(4,217,239,.09);color:var(--cyan);font-size:20px}.admin-sidebar-status strong{display:block;color:#63eff7;font-size:12px}.admin-sidebar-status small{display:block;color:#678397;font-size:9px}.admin-live-dot,.status-light{width:8px;height:8px;border-radius:50%;display:inline-block;background:#6b7d89}.admin-live-dot{margin-inline-start:auto;background:var(--green);box-shadow:0 0 12px var(--green)}.admin-logout{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:9px;min-height:42px;border-radius:10px;color:#ff98a3;background:rgba(255,79,95,.055);border:1px solid rgba(255,79,95,.12);font-size:12px;font-weight:800}.admin-logout:hover{background:rgba(255,79,95,.11)}
.admin-main{min-height:100vh;margin-right:286px;padding:14px 20px 10px}.admin-topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:rgba(5,20,34,.82);box-shadow:0 12px 36px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.admin-heading{display:flex;align-items:center;gap:12px}.admin-heading-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(4,217,239,.07);color:var(--cyan);font-size:20px}.admin-heading h1{margin:0;color:#f6fbff;font-size:24px;font-weight:900;line-height:1.2}.admin-heading p{margin:5px 0 0;color:#71899c;font-size:11px}.admin-topbar-left{display:flex;align-items:center;gap:14px}.admin-system-pills{display:flex;gap:7px;direction:ltr}.admin-system-pills span{display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid rgba(4,217,239,.18);border-radius:9px;background:rgba(3,17,29,.72);color:#d9eef5;font-size:10px;font-weight:800}.admin-system-pills i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.admin-profile{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid rgba(255,255,255,.08)}.admin-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(4,217,239,.42);color:#5debf6;background:rgba(4,217,239,.07);font-weight:900}.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{font-size:11px}.admin-profile small{font-size:8px;color:#668195}.admin-page-content{min-height:calc(100vh - 170px)}.admin-footer{text-align:center;padding:24px 10px 12px;color:#668094}.admin-footer strong{display:block;font-size:22px;color:#fff}.admin-footer strong span{color:var(--cyan)}.admin-footer p{margin:5px 0 0;font-size:12px;font-weight:600}.admin-mobile-menu,.admin-menu-backdrop{display:none}

/* Dashboard */
.cyan-dashboard{display:grid;gap:13px}.cyan-hero-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,.9fr);gap:13px}.cyan-welcome-card,.cyan-control-card{position:relative;min-height:135px;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(135deg,rgba(7,31,47,.98),rgba(3,15,27,.94));box-shadow:inset 0 0 40px rgba(0,202,222,.025)}.cyan-welcome-card{display:flex;align-items:center;padding:24px}.cyan-welcome-card:after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:radial-gradient(ellipse at 63% 100%,rgba(4,217,239,.14),transparent 55%);pointer-events:none}.cyan-welcome-copy{position:relative;z-index:2}.cyan-kicker{display:flex;align-items:center;gap:8px;color:#38eaf5;font-size:12px;font-weight:800}.cyan-welcome-card h2,.cyan-control-card h2{margin:12px 0 5px;font-size:25px}.cyan-welcome-card p,.cyan-control-card p{margin:0;color:#91a7b8;font-size:12px}.cyan-hero-art{position:absolute;left:10%;top:16%;width:185px;height:105px;display:grid;place-items:center;color:#20ebf5;font-size:56px;filter:drop-shadow(0 0 18px rgba(4,217,239,.35))}.cyan-hero-art:before,.cyan-hero-art:after{content:"";position:absolute;border:1px solid rgba(4,217,239,.18);border-radius:50%;animation:cyanPulse 3.2s ease-in-out infinite}.cyan-hero-art:before{width:120px;height:70px}.cyan-hero-art:after{width:170px;height:100px;animation-delay:.6s}.cyan-hero-art span{position:absolute;width:240px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:rotate(-9deg);opacity:.55}@keyframes cyanPulse{50%{transform:scale(1.12);opacity:.25}}.cyan-control-card{display:flex;align-items:center;justify-content:space-between;padding:24px}.cyan-server-art{position:relative;width:82px;height:82px;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle,rgba(0,214,235,.15),transparent 68%);color:#30e3f1;font-size:46px}.cyan-server-art b{position:absolute;left:2px;bottom:6px;font-size:19px;color:#58eaf4}.cyan-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cyan-stat-card{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid rgba(74,187,220,.17);border-radius:13px;background:linear-gradient(145deg,rgba(8,29,44,.88),rgba(4,16,28,.89));color:#fff;transition:.18s ease}.cyan-stat-card:hover{transform:translateY(-2px);border-color:rgba(4,217,239,.36)}.cyan-stat-card>div{text-align:right}.cyan-stat-card small,.cyan-stat-card strong,.cyan-stat-card p{display:block}.cyan-stat-card small{color:#c0d1dc;font-size:11px;font-weight:800}.cyan-stat-card strong{font-size:27px;line-height:1.1;margin:4px 0}.cyan-stat-card p{margin:0;color:#6d879a;font-size:10px}.green-number{color:var(--green)}.cyan-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;font-size:24px}.cyan-stat-icon.purple{color:#b77aff;background:rgba(156,100,255,.10)}.cyan-stat-icon.green{color:#4ee688;background:rgba(54,223,121,.10)}.cyan-stat-icon.blue{color:#4ca5ff;background:rgba(37,134,255,.11)}.cyan-stat-icon.cyan{color:#29eaf5;background:rgba(4,217,239,.11)}.cyan-main-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(410px,1.7fr) minmax(330px,1.25fr);grid-template-areas:"servers agents map";gap:13px;align-items:stretch}.cyan-panel{border:1px solid rgba(67,211,238,.20);border-radius:14px;background:linear-gradient(155deg,rgba(7,27,41,.92),rgba(3,14,25,.90));box-shadow:inset 0 1px rgba(255,255,255,.015);overflow:hidden}.cyan-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 11px}.cyan-panel-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.cyan-panel-head h3 i{color:var(--cyan)}.cyan-panel-head>a{color:#21dce8;font-size:10px;font-weight:800}.cyan-servers-card{grid-area:servers;min-height:300px}.cyan-agents-card{grid-area:agents;min-height:300px}.cyan-notifications-card{grid-area:agents;min-height:300px;margin-right:50%;border-right-color:rgba(67,211,238,.10)}.cyan-agents-card>.cyan-panel-head,.cyan-agent-list{width:50%}.cyan-map-card{grid-area:map;min-height:300px}.cyan-server-list,.cyan-agent-list,.cyan-notification-list{padding:0 12px 12px}.cyan-server-item{display:block;padding:12px;border:1px solid rgba(84,181,210,.13);border-radius:10px;background:rgba(255,255,255,.017);color:#fff}.cyan-server-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.cyan-server-title>i{color:#22e5f0}.cyan-server-title span{flex:1}.cyan-server-title strong,.cyan-server-title small{display:block}.cyan-server-title strong{font-size:12px}.cyan-server-title small{color:#7891a4;font-size:9px}.status-light.on{background:var(--green);box-shadow:0 0 11px var(--green)}.status-light.off{background:var(--red);box-shadow:0 0 9px rgba(255,79,95,.55)}.status-light.unknown{background:#8493a0}.cyan-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;color:#758c9f;font-size:9px;border-bottom:1px solid rgba(255,255,255,.035)}.cyan-kv b{direction:ltr;color:#d5e5ed}.cyan-state{padding:3px 9px;border-radius:999px;font-style:normal;font-size:9px;font-weight:800}.cyan-state.on{color:#48e88c;border:1px solid rgba(54,223,121,.23);background:rgba(54,223,121,.07)}.cyan-state.off{color:#ff7784;border:1px solid rgba(255,79,95,.23);background:rgba(255,79,95,.07)}.cyan-agent-list{display:grid;gap:7px}.cyan-agent-item{min-height:50px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(84,181,210,.12);border-radius:9px;background:rgba(255,255,255,.017);color:#fff}.cyan-agent-item>span:nth-child(2){flex:1}.cyan-agent-item strong,.cyan-agent-item small{display:block}.cyan-agent-item strong{font-size:10px}.cyan-agent-item small{font-size:9px;color:#7d95a7;direction:ltr}.cyan-notification-list{display:grid;gap:6px}.cyan-notification-list>div{min-height:49px;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(84,181,210,.10);border-radius:8px;background:rgba(255,255,255,.013)}.cyan-notification-list p{flex:1;margin:0}.cyan-notification-list strong,.cyan-notification-list small{display:block}.cyan-notification-list strong{font-size:9px}.cyan-notification-list small{font-size:8px;color:#6e8799}.cyan-notification-list time{font-size:7px;color:#5c7588}.cyan-map{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px 17px}.cyan-map-node{min-width:125px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid rgba(4,217,239,.30);border-radius:9px;background:rgba(7,29,43,.82);color:#fff}.cyan-map-node.vps{margin-bottom:35px}.cyan-map-node strong{font-size:10px}.cyan-map-node small{font-size:8px;color:#7994a6}.cyan-map-node .status-light{position:absolute;right:13px;top:15px}.cyan-map-lines{position:absolute;top:104px;width:230px;height:70px}.cyan-map-lines i{position:absolute;top:0;width:125px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:right center}.cyan-map-lines i:first-child{right:50%;transform:rotate(25deg)}.cyan-map-lines i:last-child{left:50%;transform:rotate(155deg)}.cyan-map-bottom{display:flex;gap:52px}.cyan-map-legend{display:flex;gap:15px;margin-top:25px;font-size:8px;color:#7891a4}.cyan-map-legend span{display:flex;align-items:center;gap:5px}.cyan-bottom-grid{display:grid;grid-template-columns:.82fr 1.25fr 1.08fr;gap:13px}.cyan-bottom-grid>.cyan-panel{min-height:142px}.cyan-backup-body{text-align:center;padding:0 15px 15px}.cyan-backup-body>i{font-size:36px;color:#3bdfee}.cyan-backup-body p{font-size:9px;color:#7690a2;margin:4px 0 12px}.cyan-backup-body>div{display:flex;justify-content:center;gap:8px}.cyan-btn{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 13px;border:1px solid rgba(4,217,239,.22);border-radius:8px;color:#78ebf2;background:rgba(4,217,239,.04);font-size:9px;font-weight:800}.cyan-btn.primary{color:#fff;background:linear-gradient(135deg,rgba(4,217,239,.48),rgba(0,117,140,.60))}.cyan-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 14px}.cyan-health-grid>div{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid rgba(83,173,202,.10);border-radius:8px}.cyan-health-grid>div>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.cyan-health-grid strong,.cyan-health-grid small{display:block}.cyan-health-grid strong{font-size:9px}.cyan-health-grid small{font-size:8px;color:#7890a4}.cyan-system-body{display:flex;align-items:center;gap:10px;padding:0 14px 10px}.cyan-system-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;background:rgba(4,217,239,.08);color:#33e4f0;font-size:25px}.cyan-system-body strong,.cyan-system-body small{display:block}.cyan-system-body strong{font-size:11px;color:#46dfeb}.cyan-system-body small{font-size:9px;color:#8ba0af}.cyan-system-kv{display:flex;justify-content:space-between;padding:6px 14px;color:#6e8799;font-size:8px;border-top:1px solid rgba(255,255,255,.035)}.cyan-system-kv b{color:#ccdce4}.cyan-empty{display:grid;place-items:center;min-height:150px;color:#668094;font-size:11px}

/* Generic administrator pages */
body.admin-shell .panel,body.admin-shell .card,body.admin-shell .hero,body.admin-shell .vpn-panel,body.admin-shell .vpn-table-wrap{border:1px solid rgba(67,211,238,.18)!important;border-radius:14px!important;background:linear-gradient(155deg,rgba(7,27,41,.92),rgba(3,14,25,.91))!important;box-shadow:0 14px 40px rgba(0,0,0,.14)!important;color:#f4fbff!important}body.admin-shell .panel,body.admin-shell .card{padding:17px!important}body.admin-shell .two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}body.admin-shell h1,body.admin-shell h2,body.admin-shell h3{color:#f5fbff}body.admin-shell label{color:#dcebf2;font-size:12px;font-weight:800}body.admin-shell input,body.admin-shell select,body.admin-shell textarea{width:100%;min-height:46px;border:1px solid rgba(76,172,203,.16)!important;border-radius:9px!important;background:rgba(2,13,23,.78)!important;color:#f5fbff!important;padding:0 13px!important;outline:none!important}body.admin-shell textarea{min-height:135px;padding:12px 13px!important}body.admin-shell input:focus,body.admin-shell select:focus,body.admin-shell textarea:focus{border-color:rgba(4,217,239,.65)!important;box-shadow:0 0 0 3px rgba(4,217,239,.075)!important}body.admin-shell select option{color:#111;background:#fff}body.admin-shell form:not(.inline-form){width:min(100%,850px);margin-inline:auto}body.admin-shell table{width:100%;border-collapse:separate!important;border-spacing:0 8px!important}body.admin-shell th{padding:10px;color:#718b9e!important;font-size:11px;text-align:center!important;white-space:nowrap}body.admin-shell td{padding:12px!important;vertical-align:middle!important;text-align:center!important;background:rgba(255,255,255,.018)!important;border-top:1px solid rgba(73,163,193,.08)!important;border-bottom:1px solid rgba(73,163,193,.08)!important}body.admin-shell tr td:first-child{border-radius:0 9px 9px 0}body.admin-shell tr td:last-child{border-radius:9px 0 0 9px}body.admin-shell .btn,body.admin-shell button,body.admin-shell .green,body.admin-shell .orange,body.admin-shell .purple,body.admin-shell .red{border:0;border-radius:8px;min-height:39px;padding:0 14px;font-family:inherit;font-weight:800;cursor:pointer;transition:.18s ease}body.admin-shell .btn:hover,body.admin-shell button:hover{transform:translateY(-1px);filter:brightness(1.08)}body.admin-shell .btn-success,body.admin-shell .green{color:#fff;background:linear-gradient(135deg,#00ae7c,#20d998)}body.admin-shell .btn-purple,body.admin-shell .purple{color:#fff;background:linear-gradient(135deg,#187ec9,#21bde7)}body.admin-shell .orange{color:#fff;background:linear-gradient(135deg,#d68b13,#f0b439)}body.admin-shell .red{color:#fff;background:linear-gradient(135deg,#d63850,#f35869)}body.admin-shell pre{border:1px solid rgba(4,217,239,.14);border-radius:10px;background:#020b13;color:#c8e8ef;padding:14px;direction:ltr;text-align:left;overflow:auto}body.admin-shell .badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:800}body.admin-shell .badge.on{color:#43e88b;background:rgba(54,223,121,.08);border:1px solid rgba(54,223,121,.20)}body.admin-shell .badge.off{color:#ff7480;background:rgba(255,79,95,.08);border:1px solid rgba(255,79,95,.20)}body.admin-shell .amc-admin-card{margin-top:12px!important}body.admin-shell .amc-admin-table-wrap{overflow:auto}body.admin-shell .amc-admin-page-actions{margin:12px 0!important}

/* Admin login */
body.admin-login-page{min-height:100vh;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 20%,rgba(4,217,239,.10),transparent 28%),radial-gradient(circle at 15% 80%,rgba(31,104,255,.12),transparent 30%),linear-gradient(145deg,#01050c,#04101e 52%,#020817);font-family:'Cairo',Tahoma,Arial,sans-serif}.login-grid{position:fixed;inset:0;opacity:.15;background-image:linear-gradient(rgba(4,217,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(4,217,239,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000,transparent 80%)}.login-orb{position:fixed;border-radius:50%;filter:blur(18px);opacity:.18}.orb-one{width:440px;height:440px;right:-130px;bottom:-170px;background:#0ecfe7}.orb-two{width:340px;height:340px;left:-100px;top:-130px;background:#1b62ff}.login-world{position:fixed;right:3%;bottom:-9%;font-size:480px;color:rgba(4,217,239,.035);transform:rotate(-10deg)}.login-stage{position:relative;z-index:2;width:min(100% - 34px,1060px);min-height:100vh;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0}.login-identity{text-align:center;margin-bottom:16px}.login-logo{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 10px;border-radius:18px 18px 24px 24px;border:1px solid rgba(4,217,239,.7);background:linear-gradient(145deg,#072945,#04b9cf);font-weight:900;font-size:19px;box-shadow:0 0 35px rgba(4,217,239,.18)}.login-title{font-size:34px;font-weight:900;color:#55eaf6}.login-title span{color:#2f91ff}.login-subtitle{color:#9bb0bf;font-size:15px}.login-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:11px auto;width:250px}.login-line i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--cyan))}.login-line i:last-child{background:linear-gradient(90deg,var(--cyan),transparent)}.login-line b{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.login-identity p{margin:0;color:#7f97a8;font-size:12px}.login-card{position:relative;width:min(100%,470px);padding:33px 31px 25px;border:1px solid rgba(4,217,239,.58);border-radius:18px;background:linear-gradient(145deg,rgba(8,28,43,.88),rgba(3,13,23,.91));box-shadow:0 25px 80px rgba(0,0,0,.44),0 0 38px rgba(4,217,239,.08);backdrop-filter:blur(20px)}.login-card-shield{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(4,217,239,.75);border-radius:16px 16px 22px 22px;background:#061827;color:#37e4f1;font-size:23px;box-shadow:0 0 25px rgba(4,217,239,.18)}.login-card-head{text-align:center}.login-eyebrow{color:#28d9e8;font-size:9px;font-weight:900;letter-spacing:2px}.login-card h1{margin:5px 0 1px;font-size:25px}.login-card-head p{margin:0 0 19px;color:#718a9d;font-size:11px}.login-error{display:flex;align-items:center;gap:8px;margin-bottom:13px;padding:10px;border:1px solid rgba(255,79,95,.24);border-radius:9px;background:rgba(255,79,95,.07);color:#ff9ba4;font-size:11px}.login-field{display:block;margin-bottom:13px}.login-field>span{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#cfe0e8;font-size:11px;font-weight:800}.login-field>span i{color:#1be1ed}.login-field input{width:100%;height:47px;border:1px solid rgba(77,173,203,.22);border-radius:9px;background:rgba(2,12,22,.78);color:#fff;padding:0 13px;font-family:inherit;outline:none}.login-field input:focus{border-color:rgba(4,217,239,.76);box-shadow:0 0 0 3px rgba(4,217,239,.07)}.login-password-wrap{position:relative}.login-password-wrap input{padding-left:48px}.login-password-wrap button{position:absolute;left:5px;top:5px;width:37px;height:37px;border:0;background:transparent;color:#8aa4b5;font-size:17px;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 16px;font-size:10px;color:#8299aa}.login-options label{display:flex;align-items:center;gap:6px}.login-secure{display:flex;align-items:center;gap:5px;color:#42ddea}.login-submit{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:9px;background:linear-gradient(100deg,#0ad1e3,#2188ff);color:#fff;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(4,188,224,.16);transition:.18s}.login-submit:hover{transform:translateY(-2px);filter:brightness(1.08)}.login-trust-row{display:flex;justify-content:center;gap:17px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);color:#648093;font-size:8px}.login-trust-row span{display:flex;align-items:center;gap:5px}.login-trust-row i{color:#23dfe9}.login-footer{display:flex;align-items:center;gap:7px;margin-top:18px;color:#688194;font-size:10px}.login-footer i{color:#29dbe8}

@media(max-width:1380px){.admin-sidebar{width:235px}.admin-main{margin-right:263px}.cyan-main-grid{grid-template-columns:minmax(215px,.75fr) minmax(390px,1.55fr) minmax(300px,1.15fr)}.cyan-stat-card{padding:12px}.cyan-control-card,.cyan-welcome-card{min-height:125px}.cyan-dashboard{gap:10px}.cyan-hero-grid,.cyan-stat-grid,.cyan-main-grid,.cyan-bottom-grid{gap:10px}}
@media(max-width:1120px){.admin-sidebar{transform:translateX(120%);transition:.2s}.admin-menu-open .admin-sidebar{transform:translateX(0)}.admin-main{margin-right:0;padding-top:62px}.admin-mobile-menu{display:grid;position:fixed;z-index:70;right:16px;top:14px;width:43px;height:43px;place-items:center;border:1px solid rgba(4,217,239,.35);border-radius:11px;background:#061827;color:#33e2ed;font-size:23px}.admin-menu-backdrop{position:fixed;z-index:45;inset:0;border:0;background:rgba(0,0,0,.62)}.admin-menu-open .admin-menu-backdrop{display:block}.cyan-hero-grid{grid-template-columns:1fr}.cyan-stat-grid{grid-template-columns:repeat(2,1fr)}.cyan-main-grid{grid-template-columns:1fr 1fr;grid-template-areas:"servers map" "agents agents"}.cyan-notifications-card{margin-right:50%}.cyan-bottom-grid{grid-template-columns:1fr 1fr}.cyan-system-card{grid-column:1/-1}.admin-topbar{position:static}.admin-system-pills{display:none}}
@media(max-width:720px){.admin-main{padding:62px 10px 8px}.admin-topbar{align-items:flex-start}.admin-profile{display:none}.admin-heading h1{font-size:20px}.admin-heading p{font-size:9px}.cyan-stat-grid,.cyan-main-grid,.cyan-bottom-grid{grid-template-columns:1fr}.cyan-main-grid{grid-template-areas:"servers" "agents" "map"}.cyan-agents-card>.cyan-panel-head,.cyan-agent-list{width:100%}.cyan-notifications-card{grid-area:auto;margin:0}.cyan-agents-card{grid-area:auto}.cyan-notifications-card{display:none}.cyan-map-bottom{gap:18px}.cyan-map-lines{width:170px}.cyan-welcome-card h2,.cyan-control-card h2{font-size:19px}.cyan-hero-art{opacity:.45;left:0}.admin-footer strong{font-size:18px}body.admin-shell .two{grid-template-columns:1fr!important}body.admin-shell table{min-width:800px}.admin-page-content{overflow:hidden}.login-stage{justify-content:flex-start;padding-top:35px}.login-title{font-size:27px}.login-card{padding:31px 20px 22px}.login-options{align-items:flex-start;flex-direction:column}.login-trust-row{gap:8px;flex-wrap:wrap}.login-world{font-size:260px}}

/* =========================================================
   AMC exact desktop viewport layout — 2026-07-13
   Fills the visible browser height without dead space and
   scales dashboard cards, icons and typography proportionally.
   ========================================================= */
@media (min-width:1121px){
  body.admin-shell{height:100dvh;min-height:720px;overflow:hidden}
  .admin-sidebar{right:clamp(10px,.72vw,15px);top:clamp(10px,.72vw,15px);bottom:clamp(10px,.72vw,15px);width:clamp(248px,13.6vw,272px);padding:clamp(15px,.9vw,20px)}
  .admin-main{
    height:100dvh;min-height:720px;
    margin-right:clamp(274px,15vw,300px);
    padding:clamp(10px,.72vw,15px) clamp(14px,1vw,22px) clamp(6px,.45vw,10px);
    display:grid;grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
  }
  .admin-topbar{
    min-height:clamp(72px,7.6vh,88px);
    margin-bottom:clamp(9px,.75vh,14px);
    padding:clamp(11px,1.15vh,16px) clamp(15px,1vw,21px);
  }
  .admin-heading h1{font-size:clamp(24px,1.55vw,32px)}
  .admin-heading p{font-size:clamp(10px,.67vw,13px)}
  .admin-heading-icon{width:clamp(38px,2.4vw,48px);height:clamp(38px,2.4vw,48px);font-size:clamp(20px,1.28vw,26px)}
  .admin-system-pills span{height:clamp(34px,3.6vh,40px);font-size:clamp(10px,.59vw,12px);padding-inline:clamp(10px,.7vw,14px)}
  .admin-page-content{min-height:0;height:100%;overflow:hidden;display:flex}
  .cyan-dashboard{
    width:100%;height:100%;min-height:0;
    display:grid;
    grid-template-rows:minmax(132px,1.18fr) minmax(86px,.74fr) minmax(286px,2.45fr) minmax(145px,1.28fr);
    gap:clamp(9px,.72vh,14px);
  }
  .cyan-hero-grid,.cyan-stat-grid,.cyan-main-grid,.cyan-bottom-grid{height:100%;min-height:0;gap:clamp(9px,.68vw,14px)}
  .cyan-hero-grid{grid-template-columns:minmax(0,2.14fr) minmax(340px,.96fr)}
  .cyan-welcome-card,.cyan-control-card{min-height:0;height:100%;border-radius:clamp(13px,.8vw,17px)}
  .cyan-welcome-card,.cyan-control-card{padding:clamp(22px,1.55vw,34px)}
  .cyan-welcome-card h2,.cyan-control-card h2{font-size:clamp(25px,1.62vw,34px);margin-top:clamp(10px,1vh,15px)}
  .cyan-welcome-card p,.cyan-control-card p{font-size:clamp(12px,.74vw,15px)}
  .cyan-kicker{font-size:clamp(12px,.72vw,15px)}
  .cyan-hero-art{left:9%;top:10%;width:clamp(185px,13vw,270px);height:80%;font-size:clamp(58px,4.5vw,90px)}
  .cyan-hero-art:before{width:60%;height:55%}.cyan-hero-art:after{width:88%;height:78%}.cyan-hero-art span{width:125%}
  .cyan-server-art{width:clamp(84px,5.5vw,112px);height:clamp(84px,5.5vw,112px);font-size:clamp(46px,3.15vw,64px)}

  .cyan-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cyan-stat-card{height:100%;min-height:0;padding:clamp(15px,1.05vw,22px);border-radius:clamp(12px,.72vw,15px)}
  .cyan-stat-card small{font-size:clamp(11px,.68vw,14px)}
  .cyan-stat-card strong{font-size:clamp(28px,1.8vw,38px);margin:clamp(3px,.35vh,6px) 0}
  .cyan-stat-card p{font-size:clamp(10px,.6vw,12px)}
  .cyan-stat-icon{width:clamp(50px,3.25vw,66px);height:clamp(50px,3.25vw,66px);font-size:clamp(25px,1.7vw,34px);border-radius:clamp(10px,.7vw,14px)}

  .cyan-main-grid{
    display:grid;
    grid-template-columns:minmax(230px,.78fr) minmax(300px,1.08fr) minmax(260px,.88fr) minmax(350px,1.43fr);
    grid-template-areas:"servers agents notifications map";
    align-items:stretch;
  }
  .cyan-servers-card{grid-area:servers}.cyan-agents-card{grid-area:agents}.cyan-notifications-card{grid-area:notifications}.cyan-map-card{grid-area:map}
  .cyan-servers-card,.cyan-agents-card,.cyan-notifications-card,.cyan-map-card{height:100%;min-height:0;margin:0}
  .cyan-panel{display:flex;flex-direction:column;min-height:0;border-radius:clamp(13px,.76vw,16px)}
  .cyan-panel-head{flex:0 0 auto;padding:clamp(14px,1vh,19px) clamp(15px,1vw,20px) clamp(9px,.72vh,13px)}
  .cyan-panel-head h3{font-size:clamp(16px,1.04vw,22px);gap:clamp(7px,.55vw,11px)}
  .cyan-panel-head h3 i{font-size:1.04em}.cyan-panel-head>a{font-size:clamp(10px,.62vw,13px)}
  .cyan-server-list,.cyan-agent-list,.cyan-notification-list{flex:1;min-height:0;overflow:auto;padding:0 clamp(11px,.75vw,15px) clamp(11px,.8vh,15px)}
  .cyan-server-item{height:100%;min-height:0;padding:clamp(12px,.8vw,17px);display:flex;flex-direction:column;justify-content:space-between}
  .cyan-server-title strong{font-size:clamp(11px,.72vw,15px)}
  .cyan-server-title small{font-size:clamp(9px,.57vw,12px)}
  .cyan-kv{padding:clamp(7px,.75vh,11px) 0;font-size:clamp(9px,.6vw,12px)}
  .cyan-state{min-height:clamp(25px,2.75vh,32px);padding-inline:clamp(8px,.6vw,12px);font-size:clamp(9px,.56vw,11px)}
  .cyan-agents-card>.cyan-panel-head,.cyan-agent-list{width:100%}
  .cyan-agent-list{display:grid;grid-auto-rows:minmax(0,1fr);gap:clamp(7px,.7vh,11px)}
  .cyan-agent-item{height:100%;min-height:0;padding:clamp(9px,.65vw,13px);border-radius:clamp(9px,.6vw,12px)}
  .cyan-agent-item strong{font-size:clamp(10px,.67vw,14px)}.cyan-agent-item small{font-size:clamp(9px,.56vw,11px)}
  .cyan-notification-list{display:grid;grid-auto-rows:minmax(0,1fr);gap:clamp(6px,.62vh,9px)}
  .cyan-notification-list>div{height:100%;min-height:0;padding:clamp(8px,.58vw,12px);border-radius:clamp(8px,.55vw,11px)}
  .cyan-notification-list strong{font-size:clamp(9px,.62vw,13px)}.cyan-notification-list small{font-size:clamp(8px,.53vw,11px)}.cyan-notification-list time{font-size:clamp(7px,.47vw,10px)}
  .cyan-map{flex:1;min-height:0;height:100%;padding:clamp(8px,.65vw,14px) clamp(16px,1.15vw,24px) clamp(12px,1vh,18px)}
  .cyan-map-node{min-width:clamp(128px,8.5vw,172px);min-height:clamp(54px,5.4vh,70px);border-radius:clamp(9px,.58vw,12px)}
  .cyan-map-node strong{font-size:clamp(10px,.68vw,14px)}.cyan-map-node small{font-size:clamp(8px,.55vw,11px)}
  .cyan-map-node.vps{margin-bottom:clamp(30px,4.4vh,48px)}
  .cyan-map-lines{top:34%;width:clamp(230px,15vw,315px);height:clamp(65px,7vh,90px)}
  .cyan-map-lines i{width:54%}.cyan-map-bottom{gap:clamp(42px,4vw,78px)}
  .cyan-map-legend{margin-top:clamp(18px,2.5vh,30px);font-size:clamp(8px,.52vw,11px)}

  .cyan-bottom-grid{grid-template-columns:.84fr 1.28fr 1.12fr}
  .cyan-bottom-grid>.cyan-panel{height:100%;min-height:0}
  .cyan-backup-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(15px,1vw,20px) clamp(13px,1vh,18px)}
  .cyan-backup-body>i{font-size:clamp(38px,2.7vw,54px)}.cyan-backup-body p{font-size:clamp(9px,.6vw,12px);margin:clamp(4px,.45vh,7px) 0 clamp(10px,1vh,14px)}
  .cyan-btn{min-height:clamp(36px,3.8vh,44px);font-size:clamp(9px,.58vw,12px);padding-inline:clamp(12px,.8vw,17px)}
  .cyan-health-grid{flex:1;grid-auto-rows:minmax(0,1fr);gap:clamp(7px,.65vh,10px);padding:0 clamp(13px,.9vw,18px) clamp(13px,1vh,18px)}
  .cyan-health-grid>div{height:100%;padding:clamp(9px,.68vw,13px)}
  .cyan-health-grid strong{font-size:clamp(9px,.64vw,13px)}.cyan-health-grid small{font-size:clamp(8px,.54vw,11px)}
  .cyan-system-body{padding:0 clamp(14px,1vw,20px) clamp(9px,.8vh,13px)}
  .cyan-system-icon{width:clamp(44px,3vw,60px);height:clamp(44px,3vw,60px);font-size:clamp(25px,1.8vw,36px)}
  .cyan-system-body strong{font-size:clamp(11px,.74vw,15px)}.cyan-system-body small{font-size:clamp(9px,.6vw,12px)}
  .cyan-system-kv{padding:clamp(7px,.72vh,10px) clamp(14px,1vw,20px);font-size:clamp(8px,.56vw,11px)}

  .admin-footer{flex:0 0 auto;padding:clamp(7px,.65vh,11px) 10px clamp(4px,.42vh,7px)}
  .admin-footer strong{font-size:clamp(19px,1.34vw,27px)}
  .admin-footer p{font-size:clamp(10px,.66vw,13px);margin-top:2px}
}

/* A balanced fallback for laptop-height browser windows. */
@media (min-width:1121px) and (max-height:820px){
  .cyan-dashboard{grid-template-rows:minmax(112px,1.05fr) minmax(76px,.68fr) minmax(250px,2.25fr) minmax(128px,1.12fr);gap:8px}
  .admin-topbar{min-height:66px;margin-bottom:8px}.admin-footer{padding-block:4px}.admin-footer strong{font-size:18px}.admin-footer p{font-size:9px}
  .cyan-panel-head{padding-top:10px;padding-bottom:7px}.cyan-panel-head h3{font-size:15px}
}

/* =========================================================
   AMC dashboard backup containment + inner page restoration
   2026-07-13
   ========================================================= */

/* Keep the backup card contents completely inside the card. */
body.admin-shell[data-path="/"] .cyan-backup-card{
  overflow:hidden;
}
body.admin-shell[data-path="/"] .cyan-backup-body{
  flex:1;
  min-height:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(34px,auto);
  align-content:stretch;
  align-items:center;
  justify-items:center;
  gap:6px;
  padding:0 14px 12px;
}
body.admin-shell[data-path="/"] .cyan-backup-body>i{
  margin:0;
  line-height:1;
  font-size:clamp(30px,2vw,42px);
}
body.admin-shell[data-path="/"] .cyan-backup-body>p{
  margin:0;
  max-width:100%;
  text-align:center;
  line-height:1.45;
}
body.admin-shell[data-path="/"] .cyan-backup-body>div{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-self:end;
}
body.admin-shell[data-path="/"] .cyan-backup-body .cyan-btn{
  width:100%;
  min-width:0;
  min-height:34px;
  padding-inline:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* The exact-height dashboard rules must apply ONLY to the home dashboard.
   All other admin pages return to their former centered, natural document flow. */
@media (min-width:1121px){
  body.admin-shell:not([data-path="/"]){
    height:auto!important;
    min-height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.admin-shell:not([data-path="/"]) .admin-main{
    height:auto!important;
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  body.admin-shell:not([data-path="/"]) .admin-page-content{
    width:100%!important;
    height:auto!important;
    min-height:calc(100vh - 210px)!important;
    display:block!important;
    overflow:visible!important;
  }
  body.admin-shell:not([data-path="/"]) .admin-footer{
    margin-top:auto!important;
    flex:0 0 auto!important;
  }

  /* Restore the older, cleaner centered layout of all internal sections. */
  body.admin-shell:not([data-path="/"]) .amc-admin-page-actions,
  body.admin-shell:not([data-path="/"]) .vpn-page-actions,
  body.admin-shell:not([data-path="/"]) .vpn-head,
  body.admin-shell:not([data-path="/"]) .networks-head{
    width:min(100%,1320px)!important;
    margin:18px auto!important;
  }
  body.admin-shell:not([data-path="/"]) .admin-page-content>.panel,
  body.admin-shell:not([data-path="/"]) .admin-page-content>.card,
  body.admin-shell:not([data-path="/"]) .admin-page-content>.vpn-panel,
  body.admin-shell:not([data-path="/"]) .admin-page-content>.vpn-table-wrap{
    width:min(100%,1320px)!important;
    height:auto!important;
    min-height:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.admin-shell:not([data-path="/"]) .panel,
  body.admin-shell:not([data-path="/"]) .card{
    height:auto!important;
    min-height:0!important;
  }
  body.admin-shell:not([data-path="/"]) .amc-admin-table-wrap,
  body.admin-shell:not([data-path="/"]) .amc-clean-table-wrap{
    max-height:none!important;
    overflow:auto!important;
  }

  /* Preserve the original three-card VPN center. */
  body.admin-shell[data-path="/vpn"] .vpn-home-grid{
    width:100%!important;
    margin:20px auto 0!important;
    align-items:stretch!important;
  }
  body.admin-shell[data-path="/vpn"] .vpn-home-card{
    height:auto!important;
    min-height:190px!important;
  }
}

@media (min-width:1121px) and (max-height:820px){
  body.admin-shell[data-path="/"] .cyan-backup-body{
    gap:4px;
    padding-bottom:9px;
  }
  body.admin-shell[data-path="/"] .cyan-backup-body>i{
    font-size:30px;
  }
  body.admin-shell[data-path="/"] .cyan-backup-body>p{
    font-size:9px;
    line-height:1.3;
  }
  body.admin-shell[data-path="/"] .cyan-backup-body .cyan-btn{
    min-height:31px;
    font-size:9px;
  }
}