/* CerberHost v67 — Premium GUI 2026 */
:root{--v67-bg-0:#020912;--v67-bg-1:#061625;--v67-bg-2:#0a2034;--v67-card:rgba(7,22,38,.82);--v67-card-2:rgba(10,31,50,.74);--v67-border:rgba(43,213,255,.20);--v67-border-strong:rgba(43,213,255,.46);--v67-cyan:#2bdcff;--v67-blue:#138bff;--v67-text:#edf8ff;--v67-muted:#9fb6c8;--v67-good:#2dffb2;--v67-warn:#ffd166;--v67-bad:#ff5f8f;--v67-shadow:0 24px 90px rgba(0,0,0,.36);--v67-radius:24px}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 0%,rgba(43,220,255,.13),transparent 34%),radial-gradient(circle at 88% 0%,rgba(19,139,255,.18),transparent 33%),linear-gradient(180deg,var(--v67-bg-1),var(--v67-bg-0) 54%,#01060d);color:var(--v67-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(43,220,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,220,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.16))}
.site-header,.topbar,header.site-header,body>header{position:sticky;top:0;z-index:8000;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(2,9,18,.92),rgba(4,16,28,.78))!important;border-bottom:1px solid rgba(43,220,255,.18)!important;box-shadow:0 18px 65px rgba(0,0,0,.32)}
.site-header .container,header .container{min-height:72px}.site-header nav a,.topbar nav a,header nav a,.nav-dd>summary{min-height:44px;display:inline-flex;align-items:center;border-radius:16px!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.site-header nav a:hover,.topbar nav a:hover,header nav a:hover,.nav-dd>summary:hover{transform:translateY(-1px);background:rgba(43,220,255,.12)!important;border-color:rgba(43,220,255,.34)!important;color:#eaffff!important}.nav-dd-menu{border-radius:22px!important;padding:12px!important;background:linear-gradient(180deg,rgba(5,18,32,.98),rgba(2,9,18,.98))!important;border:1px solid rgba(43,220,255,.25)!important;box-shadow:0 28px 110px rgba(0,0,0,.54)!important}
.card,.hero-card,.panel-card,.admin-card,.service-card,.order-titan-product,.v643-package,.v65-cs-panel,.v65-cs-summary,.shared-v66-card{border:1px solid var(--v67-border)!important;background:linear-gradient(180deg,rgba(12,35,56,.84),rgba(4,15,27,.88))!important;border-radius:var(--v67-radius)!important;box-shadow:var(--v67-shadow);position:relative}.card:where(:not(.no-v67-glow)):before,.hero-card:before,.panel-card:before,.admin-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 14% 0%,rgba(43,220,255,.12),transparent 35%),radial-gradient(circle at 90% 10%,rgba(19,139,255,.10),transparent 32%);opacity:.85}.card>*,.hero-card>*,.panel-card>*,.admin-card>*{position:relative}.hero-card h1,.card h1,.admin-content h1,.maincol h1{letter-spacing:-.05em;text-shadow:0 16px 50px rgba(0,0,0,.42)}.eyebrow,.eyebrow.blue,.v643-eyebrow,.v65-eyebrow{color:var(--v67-cyan)!important;letter-spacing:.38em!important;text-shadow:0 0 18px rgba(43,220,255,.36)}
.btn,button,input[type=submit],.v643-btn,.v65-btn{border-radius:16px!important;font-weight:1000!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn:hover,button:hover,input[type=submit]:hover,.v643-btn:hover,.v65-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.28)}.btn.primary,button.primary,.v643-btn-primary,.v65-btn-primary,.blue-btn{background:linear-gradient(135deg,var(--v67-cyan),var(--v67-blue))!important;color:#00121d!important;border-color:transparent!important;box-shadow:0 16px 45px rgba(43,220,255,.20)}
input,select,textarea{background:rgba(1,10,20,.70)!important;border:1px solid rgba(43,220,255,.20)!important;border-radius:16px!important;color:var(--v67-text)!important;outline:none!important;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:rgba(43,220,255,.58)!important;box-shadow:0 0 0 4px rgba(43,220,255,.08)!important}table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden}table th{color:#9fbcd0!important;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;background:rgba(4,16,30,.72)!important}table td,table th{border-bottom:1px solid rgba(255,255,255,.07)!important}.table-wrap,.amp-table-scroll{border-radius:20px;border:1px solid rgba(43,220,255,.12);background:rgba(2,10,20,.42)}
.panel .sidebar,.sidebar,.client-sidebar,.card.sidebar{background:linear-gradient(180deg,rgba(7,24,40,.92),rgba(2,10,20,.94))!important;border:1px solid rgba(43,220,255,.22)!important;border-radius:30px!important;box-shadow:0 24px 80px rgba(0,0,0,.36)}.sidebar a,.client-sidebar a,.panel .sidebar a{border-radius:18px!important;border:1px solid rgba(43,220,255,.12)!important;background:rgba(255,255,255,.035)!important;margin:7px 0;transition:transform .15s ease,background .15s ease,border-color .15s ease}.sidebar a:hover,.sidebar a.active,.client-sidebar a:hover,.client-sidebar a.active,.panel .sidebar a:hover,.panel .sidebar a.active{transform:translateX(4px);border-color:rgba(43,220,255,.55)!important;background:linear-gradient(135deg,rgba(43,220,255,.20),rgba(19,139,255,.12))!important;box-shadow:0 12px 35px rgba(43,220,255,.10)}
.v24-admin-group,.v19-admin-nav details,.v24-admin-nav details{border-radius:18px!important;overflow:hidden}.v24-admin-group-title,.v19-admin-nav summary,.v24-admin-nav summary{min-height:58px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(43,220,255,.13)!important;border-radius:18px!important;transition:background .16s ease,border-color .16s ease,transform .16s ease}.v24-admin-group-title:hover,.v19-admin-nav summary:hover,.v24-admin-nav summary:hover,.v24-admin-group-title.active{transform:translateX(3px);border-color:rgba(43,220,255,.48)!important;background:linear-gradient(135deg,rgba(43,220,255,.20),rgba(19,139,255,.12))!important}.v24-admin-subnav a,.v19-admin-nav a{border-radius:16px!important;background:rgba(2,13,25,.52)!important;border:1px solid rgba(43,220,255,.10)!important}.v24-admin-subnav a:hover,.v24-admin-subnav a.active,.v19-admin-nav a:hover,.v19-admin-nav a.active{background:linear-gradient(135deg,rgba(43,220,255,.22),rgba(19,139,255,.14))!important;border-color:rgba(43,220,255,.48)!important}
.panel,.admin-layout{gap:24px!important}.maincol,.admin-content{min-width:0}.badge,.status,.pill,.shared-v66-mode{border-radius:999px!important;font-weight:1000!important;border:1px solid rgba(43,220,255,.18)!important;background:rgba(43,220,255,.10)!important}.order-titan-product,.v643-package,.v65-feature-card,.shared-v66-card{overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.order-titan-product:hover,.v643-package:hover,.v65-feature-card:hover,.shared-v66-card:hover{transform:translateY(-5px);border-color:rgba(43,220,255,.58)!important;box-shadow:0 28px 95px rgba(0,0,0,.42),0 0 0 1px rgba(43,220,255,.08)}.alert,.notice{border-radius:18px!important;border:1px solid rgba(43,220,255,.20)!important;background:rgba(7,22,38,.72)!important}.alert.ok{border-color:rgba(45,255,178,.32)!important;background:rgba(5,60,48,.38)!important}.alert.bad{border-color:rgba(255,95,143,.35)!important;background:rgba(66,13,38,.38)!important}
@media(max-width:980px){.panel,.admin-layout{grid-template-columns:1fr!important}.sidebar,.card.sidebar{position:relative!important;top:auto!important}}@media(max-width:680px){:root{--v67-radius:20px}.container,.v643-shell,.v65-shell{width:calc(100vw - 24px)!important}}