/* =========================================================
   ORBIT-X 2035 — ORANGE × NEON GREEN FUTURISTIC OVERRIDE
   Visual-only layer: preserves PHP/application logic.
   ========================================================= */
:root{
  --fx-orange:#ff7a18;
  --fx-orange2:#ffb347;
  --fx-green:#20e38a;
  --fx-green2:#8cffc8;
  --fx-black:#050807;
  --fx-panel:rgba(10,18,14,.82);
  --fx-glass:rgba(255,255,255,.065);
  --fx-line:rgba(32,227,138,.18);
  --fx-text:#effff7;
  --fx-muted:#9fb5aa;
  --fx-shadow:0 25px 90px rgba(0,0,0,.42);
}
html{scroll-behavior:smooth}
body{
 background:
 radial-gradient(circle at 8% 10%,rgba(255,122,24,.18),transparent 25%),
 radial-gradient(circle at 90% 85%,rgba(32,227,138,.14),transparent 28%),
 linear-gradient(135deg,#030504,#07100b 48%,#030504)!important;
 color:var(--fx-text)!important;
}
body:before{
 opacity:.22!important;
 background-image:
 linear-gradient(rgba(32,227,138,.07) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,122,24,.055) 1px,transparent 1px)!important;
 background-size:38px 38px!important;
}
::selection{background:rgba(255,122,24,.35);color:#fff}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--fx-orange),var(--fx-green))!important}
.btn{
 border:1px solid rgba(255,255,255,.08)!important;
 transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important;
}
.btn:hover{transform:translateY(-4px) scale(1.01)!important;filter:brightness(1.1)}
.btn-primary,.btn-main,.btn-primary:hover{
 background:linear-gradient(135deg,var(--fx-orange),#ff9f1c 48%,var(--fx-green))!important;
 color:#061009!important;border:0!important;
 box-shadow:0 12px 34px rgba(255,122,24,.24),0 0 25px rgba(32,227,138,.12)!important;
}
.btn-success{background:linear-gradient(135deg,#12c978,var(--fx-green))!important;color:#041009!important}
.btn-warning{background:linear-gradient(135deg,var(--fx-orange),#ffb000)!important;color:#130900!important}
.btn-light{background:rgba(255,255,255,.9)!important;color:#07110b!important}
.form-control,.form-select,.input-group-text{
 background:rgba(5,12,8,.72)!important;color:#edfff5!important;
 border:1px solid rgba(32,227,138,.22)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 30px rgba(0,0,0,.18)!important;
}
.form-control::placeholder{color:#6f857a!important}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{
 border-color:var(--fx-orange)!important;
 box-shadow:0 0 0 4px rgba(255,122,24,.10),0 0 28px rgba(32,227,138,.12)!important;
}
.form-label,label{color:#c9ded4!important}
.card,.cardx,.section-card,.modal-content,.table-responsive,.alert,.accordion-item{
 background:linear-gradient(145deg,rgba(13,25,19,.90),rgba(5,12,8,.76))!important;
 color:var(--fx-text)!important;
 border:1px solid var(--fx-line)!important;
 box-shadow:var(--fx-shadow)!important;
 backdrop-filter:blur(18px)!important;
 -webkit-backdrop-filter:blur(18px)!important;
}
.card,.cardx{position:relative;overflow:hidden}
.card:before,.cardx:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 35%,rgba(32,227,138,.025));
}
.text-muted{color:var(--fx-muted)!important}
.text-dark{color:var(--fx-text)!important}
.text-primary{color:var(--fx-orange2)!important}
.text-success{color:var(--fx-green)!important}
.badge.text-bg-light,.badge.bg-light{
 background:rgba(32,227,138,.10)!important;color:var(--fx-green2)!important;
 border:1px solid rgba(32,227,138,.15)!important;
}
.table{color:var(--fx-text)!important}
.table thead th,th{
 background:rgba(255,122,24,.07)!important;color:#a9c0b5!important;
 border-color:var(--fx-line)!important;
}
.table tbody tr:hover{background:rgba(32,227,138,.055)!important}
.nav-pills .nav-link{color:#9fb5aa!important}
.nav-pills .nav-link.active{
 background:linear-gradient(135deg,var(--fx-orange),var(--fx-green))!important;
 color:#061009!important;box-shadow:0 10px 30px rgba(255,122,24,.22)!important;
}
.sidebar{
 background:
 radial-gradient(circle at 20% 10%,rgba(255,122,24,.13),transparent 25%),
 radial-gradient(circle at 80% 80%,rgba(32,227,138,.11),transparent 30%),
 linear-gradient(180deg,#030705,#07120c 52%,#020504)!important;
 border-right:1px solid rgba(32,227,138,.18)!important;
 box-shadow:18px 0 70px rgba(0,0,0,.42)!important;
}
.sidebar:after{
 background:radial-gradient(circle,rgba(255,122,24,.18),transparent 68%)!important;
 animation:fxPulse 5s ease-in-out infinite;
}
.sidebar .brand{color:#fff!important;text-shadow:0 0 18px rgba(32,227,138,.2)}
.sidebar .brand span{color:var(--fx-green)!important}
.side-link,.cat-toggle{
 color:#a9beb3!important;
 border:1px solid transparent!important;
 position:relative;
 overflow:hidden;
 transition:all .28s cubic-bezier(.2,.8,.2,1)!important;
}
.side-link:before,.cat-toggle:before{
 content:"";position:absolute;left:-100%;top:0;width:45%;height:100%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
 transform:skewX(-20deg);transition:left .45s ease;
}
.side-link:hover:before,.cat-toggle:hover:before{left:150%}
.side-link:hover,.cat-toggle:hover,.side-link.active{
 color:#fff!important;
 background:linear-gradient(90deg,rgba(255,122,24,.14),rgba(32,227,138,.10))!important;
 border-color:rgba(32,227,138,.16)!important;
 box-shadow:inset 3px 0 0 var(--fx-orange),0 8px 24px rgba(0,0,0,.18)!important;
 transform:translateX(5px)!important;
}
.side-link i,.cat-toggle i:first-child{color:var(--fx-green)!important;filter:drop-shadow(0 0 7px rgba(32,227,138,.28))}
.nav-title{color:#688176!important}
.topbar{
 background:rgba(4,10,7,.78)!important;
 border-bottom:1px solid rgba(32,227,138,.15)!important;
 box-shadow:0 12px 45px rgba(0,0,0,.25)!important;
 color:#dff7eb!important;
 backdrop-filter:blur(18px)!important;
}
.avatar{
 background:linear-gradient(135deg,var(--fx-orange),var(--fx-green))!important;
 color:#061009!important;
 box-shadow:0 0 25px rgba(32,227,138,.22)!important;
}
.hero{
 background:
 radial-gradient(circle at 85% 20%,rgba(32,227,138,.20),transparent 25%),
 linear-gradient(135deg,#11150f,#1c160b 45%,#072017)!important;
 border:1px solid rgba(255,122,24,.24)!important;
 box-shadow:0 25px 70px rgba(0,0,0,.35),0 0 45px rgba(255,122,24,.08)!important;
}
.hero:before{
 content:"";position:absolute;inset:-50%;
 background:conic-gradient(from 0deg,transparent,rgba(32,227,138,.08),transparent,rgba(255,122,24,.08),transparent);
 animation:fxSpin 14s linear infinite;pointer-events:none;
}
.icon{
 background:linear-gradient(135deg,rgba(255,122,24,.14),rgba(32,227,138,.12))!important;
 color:var(--fx-green)!important;border:1px solid rgba(32,227,138,.17);
 box-shadow:0 0 22px rgba(32,227,138,.09),inset 0 1px rgba(255,255,255,.08);
 transition:all .28s ease;
}
.service{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.service:hover{
 transform:translateY(-9px) scale(1.015)!important;
 border-color:rgba(255,122,24,.35)!important;
 box-shadow:0 25px 60px rgba(0,0,0,.42),0 0 28px rgba(32,227,138,.10)!important;
}
.service:hover .icon{transform:rotate(-5deg) scale(1.08);color:var(--fx-orange2)!important}
.service .bi-arrow-right{color:var(--fx-orange)!important;transition:.25s}
.service:hover .bi-arrow-right{transform:translateX(6px);color:var(--fx-green)!important}
.search{background:rgba(5,12,8,.72)!important;color:#fff!important}
@keyframes fxPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes fxSpin{to{transform:rotate(360deg)}}
@keyframes fxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fxScan{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@media(max-width:900px){.side-link:hover,.cat-toggle:hover,.side-link.active{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}