
:root{--neo-bg:#070b14;--neo-panel:#101827;--neo-panel2:#162235;--neo-line:#26364b;--neo-text:#f4f8ff;--neo-muted:#a9b8cc;--neo-cyan:#22d3ee;--neo-blue:#60a5fa;--neo-green:#34d399;--neo-purple:#a78bfa;--neo-red:#fb7185;--neo-shadow:0 18px 55px rgba(0,0,0,.28)}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.10),transparent 30%),radial-gradient(circle at 100% 10%,rgba(167,139,250,.10),transparent 28%),var(--neo-bg)!important;color:var(--neo-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;z-index:-1}
a{color:var(--neo-cyan);transition:.25s ease}
a:hover{color:#fff}
.container,.container-fluid{position:relative}
.card,.cardx,.panel,.box,.stat-card,.service-card,.feature-card,.dashboard-card,.table-responsive{background:linear-gradient(145deg,rgba(16,24,39,.98),rgba(12,20,34,.96))!important;color:var(--neo-text)!important;border:1px solid var(--neo-line)!important;border-radius:18px!important;box-shadow:var(--neo-shadow)!important}
.card,.cardx,.panel,.box,.stat-card,.service-card,.feature-card,.dashboard-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card:hover,.cardx:hover,.panel:hover,.box:hover,.stat-card:hover,.service-card:hover,.feature-card:hover,.dashboard-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.65)!important;box-shadow:0 0 0 1px rgba(34,211,238,.12),0 20px 60px rgba(0,0,0,.35)!important}
.card-header,.card-footer{background:rgba(255,255,255,.03)!important;border-color:var(--neo-line)!important;color:var(--neo-text)!important}
h1,h2,h3,h4,h5,h6,label,.form-label,.card-title{color:var(--neo-text)!important}
p,small,.text-muted{color:var(--neo-muted)!important}
.form-control,.form-select,.form-check-input,textarea,input,select{background:#0b1321!important;color:var(--neo-text)!important;border:1px solid #30445d!important;border-radius:11px!important}
.form-control::placeholder,textarea::placeholder{color:#71839a!important}
.form-control:focus,.form-select:focus,textarea:focus,input:focus,select:focus{border-color:var(--neo-cyan)!important;box-shadow:0 0 0 .2rem rgba(34,211,238,.14)!important}
.btn{border-radius:11px!important;font-weight:700!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-primary,.btn-info{background:linear-gradient(135deg,#0891b2,#2563eb)!important;border:0!important;color:#fff!important;box-shadow:0 8px 22px rgba(37,99,235,.25)}
.btn-success{background:linear-gradient(135deg,#059669,#22c55e)!important;border:0!important;color:#04130d!important}
.btn-danger{background:linear-gradient(135deg,#e11d48,#fb7185)!important;border:0!important}
.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;color:#17100a!important;border:0!important}
.btn-outline-primary,.btn-outline-info{border-color:var(--neo-cyan)!important;color:var(--neo-cyan)!important}
.btn-outline-primary:hover,.btn-outline-info:hover{background:var(--neo-cyan)!important;color:#06111a!important}
table{color:var(--neo-text)!important;border-color:var(--neo-line)!important}
.table{--bs-table-bg:transparent!important;--bs-table-color:var(--neo-text)!important;--bs-table-border-color:var(--neo-line)!important}
.table thead th{background:#17263a!important;color:var(--neo-cyan)!important;border-bottom:1px solid #38516e!important}
.table tbody tr{transition:background .2s ease}
.table tbody tr:hover{background:rgba(34,211,238,.06)!important}
.badge{border-radius:999px;padding:.5em .75em}
.alert{background:#132238!important;color:var(--neo-text)!important;border:1px solid var(--neo-line)!important;border-radius:14px}
nav,.navbar,.top,.header,.site-header{background:rgba(7,11,20,.92)!important;border-bottom:1px solid var(--neo-line)!important;backdrop-filter:blur(16px)}
.navbar-brand{color:var(--neo-cyan)!important;font-weight:900;letter-spacing:.5px}
.nav-link{color:#cbd5e1!important;border-radius:9px;transition:.2s}
.nav-link:hover,.nav-link.active{background:rgba(34,211,238,.10)!important;color:var(--neo-cyan)!important}
.dropdown-menu{background:#101827!important;border:1px solid var(--neo-line)!important}
.dropdown-item{color:var(--neo-text)!important}
.dropdown-item:hover{background:#1c3048!important;color:var(--neo-cyan)!important}
hr{border-color:var(--neo-line)!important;opacity:1}
.progress{background:#253449!important;border-radius:99px}
.progress-bar{background:linear-gradient(90deg,var(--neo-cyan),var(--neo-blue))!important}
img{max-width:100%;height:auto}
@keyframes neoFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
main,.container>*,body>div{animation:neoFadeUp .45s ease both}
@media(max-width:768px){.container,.container-fluid{padding-left:14px!important;padding-right:14px!important}.card,.cardx,.panel,.box{border-radius:14px!important}.table-responsive{font-size:.86rem}.btn{width:auto;max-width:100%}h1{font-size:1.65rem!important}h2{font-size:1.35rem!important}}
