/*
 * SERVER1 Cloud Static v2 — visual alignment layer
 * Reference: SERVER1 Cloud 32 visual system supplied by the project owner.
 * Structural markup remains the standalone HTML5/Vanilla JS application.
 */
@font-face{font-family:FiraGO;src:url("https://server1.ge/assets/fonts/FiraGO-Regular-Optimized.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:FiraGO;src:url("https://server1.ge/assets/fonts/FiraGO-Medium-Optimized.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:FiraGO;src:url("https://server1.ge/assets/fonts/FiraGO-SemiBold-Optimized.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:FiraGO;src:url("https://server1.ge/assets/fonts/FiraGO-Bold-Optimized.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --bg:#f5f8fb;--shell:#ffffff;--side:#ffffff;--side2:#fbfcfe;
  --panel:#ffffff;--panel2:#fbfcfe;--panel3:#f8fafc;
  --line:#dfe7ef;--line2:#edf2f7;--text:#33465a;--muted:#708197;--muted2:#98a2b3;
  --blue:#1686d9;--blue2:#0872c9;--blueSoft:#eaf5ff;--cyan:#287ac3;
  --green:#159a68;--greenSoft:#e9f7f1;--amber:#d98a0b;--amberSoft:#fff5df;
  --red:#d64949;--redSoft:#fff0f0;--white:#fff;
  --r:14px;--r2:10px;--sidew:258px;--top:72px;
  --shadow:0 12px 36px rgba(18,45,72,.08)
}
*{box-sizing:border-box}
html{font-family:FiraGO,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Georgian","Noto Sans",Arial,sans-serif;background:var(--bg);color:var(--text)}
body{background:var(--bg)!important;color:var(--text)!important;font-size:14px;line-height:1.5}
a{color:inherit}.muted{color:var(--muted)!important}.strong{color:#101828!important}.mono{color:#475467}.text-success{color:var(--green)!important}.text-danger{color:var(--red)!important}.text-warning{color:var(--amber)!important}

/* App chrome */
.sidebar{width:var(--sidew);background:#fff!important;border-right:1px solid var(--line)!important;box-shadow:none!important}
.brand{height:var(--top);padding:0 22px!important;border-bottom:1px solid var(--line2)!important;background:#fff!important}
.brand img{width:142px!important;height:auto;max-height:36px;object-fit:contain}
.brand-tag{margin-left:10px;padding-left:10px;border-left:1px solid var(--line)!important;color:#7b8596!important;font-size:10px!important;letter-spacing:.09em!important;font-weight:800!important}
.nav-scroll{padding:19px 13px 24px!important;scrollbar-width:thin}
.nav-label{margin:20px 10px 8px!important;color:#94a1af!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:800!important}
.nav-label:first-child{margin-top:0!important}
.nav-item{min-height:42px!important;margin:2px 0!important;padding:0 11px!important;border-radius:9px!important;color:#526478!important;font-size:12px!important;font-weight:650!important;transition:.16s ease!important}
.nav-item:hover{background:#f6f9fc!important;color:#33465a!important}
.nav-item.active{background:var(--blueSoft)!important;color:var(--blue2)!important}
.nav-item.active:before{display:none!important}
.nav-item .ico{width:18px;height:18px;color:#75879a!important}.nav-item.active .ico{color:var(--blue2)!important}
.nav-badge{margin-left:auto;min-width:20px;height:20px;border:0!important;border-radius:999px!important;background:#eef3f8!important;color:#526478!important;font-size:10px!important;font-weight:800}
.sidebar-foot{padding:13px!important;border-top:1px solid var(--line2)!important;background:#fff!important}
.infra-health{padding:10px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#fbfdff!important}
.infra-health-row{color:#42566b!important;font-size:11px!important}.infra-health-row strong{font-weight:650}.infra-health small{color:#8796a6!important;font-size:9.5px!important}
.pulse{background:#12b76a!important;box-shadow:0 0 0 4px #ecfdf3!important}
.main{margin-left:var(--sidew)!important;background:var(--bg)!important}
.topbar{height:var(--top)!important;padding:0 28px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(180%) blur(12px)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.crumb-kicker{color:var(--muted)!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:800!important}
.crumb-title{color:#102133!important;font-size:15px!important;font-weight:650!important}
.global-search{height:40px!important;width:250px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#f8fafc!important;color:#8b9bad!important;box-shadow:none!important}
.global-search:hover{border-color:#bdd7eb!important;background:#fff!important;color:#526478!important}
.global-search .key,.key{border:1px solid #d9e2eb!important;background:#fff!important;color:#8b99a8!important;box-shadow:none!important}
.top-btn{width:40px!important;height:40px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:#526478!important}
.top-btn:hover{border-color:#bdd7eb!important;background:#f7fbff!important;color:var(--blue2)!important}.top-dot{border-color:#fff!important;background:var(--red)!important}
.user-menu{height:44px!important;padding:4px 6px!important;border-radius:10px!important;color:var(--text)!important;background:transparent!important}.user-menu:hover{background:#f5f8fb!important}
.avatar{background:linear-gradient(145deg,#e5f3ff,#cde7fb)!important;color:var(--blue2)!important;border:0!important;border-radius:9px!important}
.user-copy strong{color:#102133!important;font-size:12px!important}.user-copy span{color:var(--muted)!important;font-size:10px!important}

/* Content */
.content{max-width:1480px!important;margin:0 auto!important;padding:26px 28px 52px!important}
.page-head{margin-bottom:20px!important;align-items:flex-end!important}
.eyebrow{color:var(--blue2)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.page-head h1{margin:5px 0 0!important;color:#101828!important;font-size:27px!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:650!important}
.page-head p{margin:6px 0 0!important;color:#667085!important;font-size:12.5px!important;line-height:1.55!important}
.actions{gap:9px!important}

/* Buttons */
.btn{min-height:39px!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:8px 13px!important;background:#fff!important;color:#42566b!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;transition:.15s ease!important}
.btn:hover{transform:translateY(-1px)!important;border-color:#aacde8!important;background:#f7fbff!important;color:var(--blue2)!important}
.btn-primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.btn-primary:hover{background:var(--blue2)!important;border-color:var(--blue2)!important;color:#fff!important}
.btn-danger{background:#fff!important;border-color:#f0caca!important;color:#b42318!important}.btn-danger:hover{background:#fff5f5!important;border-color:#e4aaaa!important;color:#9c1c12!important}
.btn-sm{min-height:32px!important;padding:6px 9px!important;font-size:11px!important}.icon-btn{background:#fff!important;border-color:var(--line)!important;color:#667085!important}.icon-btn:hover{color:var(--blue2)!important;border-color:#b8d5eb!important;background:#f7fbff!important}

/* Cards / panels / KPIs */
.kpi-grid{gap:12px!important;margin-bottom:20px!important}.kpi{min-height:132px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;color:var(--text)!important;transition:.18s ease!important;position:relative;overflow:hidden}
.kpi:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px rgba(18,45,72,.08)!important;border-color:#bed9ed!important}.kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);opacity:0;transition:.18s}.kpi:hover:after{opacity:1}
.kpi-top{color:var(--muted)!important;font-size:10px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.06em!important}.kpi-ico{width:40px!important;height:40px!important;border-radius:10px!important;background:var(--blueSoft)!important;color:var(--blue2)!important;border:0!important}.kpi-value{color:#102133!important;font-size:28px!important;font-weight:650!important;letter-spacing:-.035em!important}.kpi-foot{color:#8b99a8!important;font-size:10px!important}.kpi-trend{color:var(--green)!important}
.grid-2,.grid-even,.grid-3{gap:14px!important}
.panel{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.panel-head{min-height:56px!important;padding:10px 14px!important;border-bottom:1px solid var(--line2)!important;background:#fff!important}
.panel-title h2{color:#102133!important;font-size:13px!important;font-weight:650!important}.panel-title p{color:var(--muted)!important;font-size:10px!important}.panel-body{padding:15px!important}

/* Tables */
.table-wrap{border:0!important;background:#fff!important;border-radius:0!important;overflow:auto!important}
.table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:0!important;color:#344054!important}
.table th{height:42px!important;padding:11px 12px!important;background:#f8fafc!important;border-bottom:1px solid var(--line)!important;color:#667085!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-weight:700!important;white-space:nowrap!important}
.table td{padding:12px!important;border-bottom:1px solid var(--line2)!important;color:#344054!important;font-size:12px!important;vertical-align:middle!important}.table tbody tr:last-child td{border-bottom:0!important}.table tbody tr:hover td{background:#fbfcff!important}
.resource-icon{width:38px!important;height:38px!important;border:1px solid #e5ebf4!important;border-radius:10px!important;background:#fbfcfe!important;color:var(--blue)!important}.resource-name{color:#344054!important}.resource-name:hover .strong{color:var(--blue2)!important}.location{color:#667085!important}.flag{border-color:#dde4ee!important;background:linear-gradient(#fff 0 33%,#dcecf8 33% 66%,#1686d9 66%)!important}
.spark polyline{stroke:var(--blue)!important}.spark .area{fill:rgba(22,134,217,.08)!important}

/* Status / pills */
.status{min-height:22px!important;padding:3px 8px!important;border-radius:999px!important;border:0!important;font-size:10px!important;font-weight:700!important}.status.ok{background:#e9f7f1!important;color:#177550!important}.status.warn{background:#fff5df!important;color:#936316!important}.status.danger{background:#fff0f0!important;color:#a63b3b!important}
.tag{height:23px!important;padding:0 8px!important;border:1px solid #e2e8f0!important;border-radius:999px!important;background:#f8fafc!important;color:#667085!important}.tag.blue{background:#f2f6ff!important;border-color:#dde8ff!important;color:var(--blue2)!important}

/* Resource detail / metrics */
.hero-resource{padding:15px 16px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.hero-resource .resource-icon{width:42px!important;height:42px!important}.hero-main h2{color:#101828!important;font-size:15px!important;font-weight:650!important}.hero-main p{color:#7b8596!important;font-size:10px!important}.hero-meta span{color:#98a2b3!important;font-size:8.5px!important}.hero-meta strong{color:#475467!important;font-size:10.5px!important}
.metric-row{border-color:var(--line2)!important}.metric-row span{color:#667085!important}.metric-row strong{color:#101828!important}.progress{background:#eef2f6!important;border-radius:999px!important;overflow:hidden!important}.progress>span{background:var(--blue)!important;border-radius:999px!important}
.chart{border:1px solid var(--line)!important;background:#fbfcfe!important;border-radius:12px!important}.chart path,.chart polyline{stroke:var(--blue)!important}.chart-labels{color:#98a2b3!important}
.stat-strip{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important}.stat-strip>div{border-color:var(--line2)!important}.stat-strip span{color:#7b8596!important}.stat-strip strong{color:#101828!important}

/* Quick actions / activity */
.activity{border-bottom:1px solid var(--line2)!important}.activity:last-child{border-bottom:0!important}.activity-icon{background:#f4f7ff!important;border:1px solid #dde8ff!important;color:var(--blue)!important}.activity-copy strong{color:#344054!important}.activity-copy span{color:#98a2b3!important}
.quick{border:1px solid var(--line)!important;border-radius:12px!important;background:#fbfcfe!important;color:#344054!important}.quick:hover{border-color:#c9d8f8!important;background:#f6f9ff!important;color:var(--blue2)!important}.quick .ico{color:var(--blue)!important}.quick strong{color:#101828!important}.quick span{color:#7b8596!important}

/* Tabs */
.tabs{gap:6px!important;border-bottom:1px solid var(--line)!important}.tab{margin:0 0 -1px!important;padding:9px 12px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#667085!important;font-size:12px!important;font-weight:600!important}.tab:hover{color:#344054!important}.tab.active{border-bottom-color:var(--blue)!important;background:transparent!important;color:var(--blue)!important}

/* Forms and deployment */
.field label{color:#475467!important;font-size:11.5px!important;font-weight:600!important}.field small{color:#7b8596!important;font-size:10px!important}
.input,.select,.textarea{min-height:42px!important;border:1px solid #dde4ee!important;border-radius:9px!important;background:#fff!important;color:#101828!important;font-size:12px!important;box-shadow:none!important}.textarea{padding-top:10px!important}.input:focus,.select:focus,.textarea:focus{border-color:#9db7f7!important;box-shadow:0 0 0 3px rgba(22,134,217,.08)!important}.input::placeholder,.textarea::placeholder{color:#98a2b3!important}
.choice{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:#344054!important;box-shadow:none!important}.choice:hover{border-color:#bfd5e7!important;background:#fbfdff!important}.choice.selected,.choice:has(input:checked){border-color:#9bc7eb!important;background:#f5faff!important;box-shadow:0 0 0 2px rgba(22,134,217,.06)!important}.choice strong{color:#101828!important;font-size:11.5px!important}.choice span{color:#7b8596!important;font-size:9.5px!important}.choice-price{color:var(--blue2)!important;font-size:12px!important}
.step{color:#98a2b3!important}.step-num{border-color:#d8e1e9!important;background:#fff!important;color:#7b8596!important}.step.active{color:#344054!important}.step.active .step-num,.step.done .step-num{border-color:#9bc7eb!important;background:var(--blueSoft)!important;color:var(--blue2)!important}.step-line{background:#e7edf3!important}
.summary-row{border-color:var(--line2)!important}.summary-row span{color:#667085!important}.summary-row strong{color:#344054!important}.summary-total{color:#101828!important}
.callout{border:1px solid #cfe3f2!important;border-left:3px solid var(--blue)!important;border-radius:10px!important;background:#f7fbff!important;color:#526478!important}.code{border:1px solid var(--line)!important;border-radius:10px!important;background:#f8fafc!important;color:#245f87!important}.danger-zone{border-color:#f1d4d4!important}.danger-zone .panel-head{border-color:#f4e1e1!important;background:#fffafa!important}
.toggle{background:#e7edf3!important;border:1px solid #d5dee7!important}.toggle:after{background:#98a2b3!important}.toggle.on{background:#dceeff!important;border-color:#a7cfec!important}.toggle.on:after{background:var(--blue)!important}
.setting-row{border-color:var(--line2)!important}.setting-copy strong{color:#344054!important;font-size:11px!important}.setting-copy span{color:#7b8596!important;font-size:9.5px!important}

/* Empty states */
.empty-ico{border:1px solid #dde8ff!important;background:#f4f7ff!important;color:var(--blue)!important}.empty h3{color:#101828!important}.empty p{color:#7b8596!important}

/* Auth */
body.auth{background:#f5f8fb!important}
.auth-shell{min-height:100vh!important;grid-template-columns:minmax(480px,46%) 1fr!important;background:#f5f8fb!important}
.auth-side{position:relative!important;padding:96px max(7vw,60px) 54px!important;background:#f5f8fb!important;border-right:1px solid var(--line2)!important;display:flex!important;align-items:center!important}
.auth-brand{top:30px!important;left:max(7vw,60px)!important}.auth-brand img{width:150px!important;height:auto}
.auth-box{max-width:430px!important;width:100%!important;padding:26px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 46px rgba(16,24,40,.07)!important}
.auth-kicker{color:var(--blue2)!important;font-size:10px!important;letter-spacing:.1em!important;font-weight:800!important}.auth-box h1{margin:9px 0 0!important;color:#101828!important;font-size:28px!important;line-height:1.17!important;font-weight:650!important;letter-spacing:-.025em!important}.auth-box>p{margin:8px 0 24px!important;color:#667085!important;font-size:12.5px!important;line-height:1.55!important}.auth-links{color:#667085!important;font-size:10.5px!important}.auth-links a{color:var(--blue2)!important}.auth-note{color:#98a2b3!important;font-size:9.5px!important}
.auth-visual{background:radial-gradient(circle at 50% 48%,#eff8ff 0,#f6faff 38%,#f5f8fb 72%)!important}.orbit{border-color:rgba(22,134,217,.16)!important}.core{border:1px solid #b9d8ef!important;background:linear-gradient(145deg,#fff,#eaf5ff)!important;box-shadow:0 18px 60px rgba(22,134,217,.11)!important}.core .ico{color:var(--blue)!important}.node{border:1px solid #d8e7f2!important;background:#fff!important;box-shadow:0 8px 24px rgba(18,45,72,.06)!important}.node .ico{color:var(--blue)!important}.node strong{color:#344054!important}.node span{color:#7b8596!important}.auth-visual-label{color:#7b8596!important}

/* Overlay UI */
.command{background:rgba(16,24,40,.28)!important;backdrop-filter:blur(7px)!important}.command-box{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 28px 90px rgba(18,45,72,.18)!important}.command-input{border-bottom:1px solid var(--line2)!important}.command-input .ico{color:#98a2b3!important}.command-input input{color:#101828!important}.command-item{color:#667085!important}.command-item:hover,.command-item.active{background:#f5f8fb!important;color:#101828!important}.command-item small{color:#98a2b3!important}
.dropdown{top:64px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--shadow)!important}.dropdown a{color:#526478!important}.dropdown a:hover{background:#f5f8fb!important;color:var(--blue2)!important}.toast{border:1px solid #c6dff0!important;background:#fff!important;color:#526478!important;box-shadow:var(--shadow)!important}.toast strong{color:#101828!important}

/* Billing/support/domain visual normalization */
.info{color:#667085!important}.info strong{color:#344054!important}.invoice-total,.price,.amount{color:#101828!important}

@media(max-width:1100px){.global-search{width:210px!important}}
@media(max-width:840px){
  :root{--sidew:254px}.sidebar{transform:translateX(-100%)!important;transition:.2s!important;box-shadow:none!important}.sidebar.open{transform:none!important;box-shadow:20px 0 60px rgba(10,32,50,.16)!important}.main{margin-left:0!important}.content{padding:22px 16px 48px!important}.auth-shell{grid-template-columns:1fr!important}.auth-visual{display:none!important}.auth-side{border-right:0!important;padding:92px 24px 40px!important}.auth-brand{left:24px!important}.auth-box{margin:0 auto!important;max-width:460px!important}
}
@media(max-width:560px){.topbar{padding:0 14px!important}.content{padding:18px 12px 40px!important}.page-head h1{font-size:24px!important}.brand{padding:0 18px!important}}