/* Unified visual system: Nebula Grid */
:root{--tech-bg:#060b16;--tech-surface:rgba(14,24,45,.78);--tech-surface-strong:rgba(16,29,54,.94);--tech-line:rgba(102,181,255,.18);--tech-blue:#54c7ff;--tech-cyan:#43f0dc;--tech-violet:#9277ff;--tech-text:#edf7ff;--tech-muted:#91a9c7;--tech-glow:0 0 0 1px rgba(92,198,255,.10),0 18px 55px rgba(0,0,0,.30)}
html{background:var(--tech-bg)}
body{background:radial-gradient(ellipse 80% 55% at 8% -12%,rgba(59,130,246,.20),transparent 60%),radial-gradient(ellipse 70% 50% at 94% 12%,rgba(109,40,217,.16),transparent 60%),var(--tech-bg)!important;color:var(--tech-text)!important;isolation:isolate}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{inset:0;background-image:linear-gradient(rgba(113,183,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(113,183,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}body:after{width:38rem;height:38rem;right:-18rem;bottom:-18rem;border-radius:50%;background:radial-gradient(circle,rgba(67,240,220,.14),transparent 67%);filter:blur(8px)}
::selection{background:rgba(67,240,220,.28);color:#fff}a{transition:color .2s ease,opacity .2s ease,transform .2s ease}a:hover{color:var(--tech-cyan)!important}
button,.btn,.submit-btn,.go-btn,.card-btn,.btn-copy,.input-send-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}button:hover,.btn:hover,.submit-btn:hover,.go-btn:hover,.card-btn:hover,.btn-copy:hover,.input-send-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px rgba(44,178,255,.18)}button:active,.btn:active,.submit-btn:active{transform:translateY(0)}
input,textarea,select{border-color:rgba(100,183,255,.27)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}input:focus,textarea:focus,select:focus{border-color:var(--tech-cyan)!important;box-shadow:0 0 0 3px rgba(67,240,220,.11),inset 0 1px 0 rgba(255,255,255,.04)!important}
.card,.integration-panel,.action-card,.login-card,.form-side,.brand-side,.container,.modal-card,.settings-modal,.stat-card,.key-card{border-color:var(--tech-line)!important;box-shadow:var(--tech-glow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card:hover,.action-card:hover,.stat-card:hover,.key-card:hover{border-color:rgba(84,199,255,.42)!important;box-shadow:0 0 0 1px rgba(84,199,255,.12),0 22px 48px rgba(0,0,0,.34),0 0 34px rgba(67,240,220,.06)}
.sidebar,.topbar,.chat-header,header{border-color:var(--tech-line)!important;background-color:rgba(8,16,32,.78)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-item.active,.nav-item:hover,.nav-link.active,.nav-link:hover{color:var(--tech-cyan)!important;text-shadow:0 0 16px rgba(67,240,220,.45)}
.btn-primary,.submit-btn,.input-send-btn{background:linear-gradient(135deg,#1689df,#5a5df1)!important;box-shadow:0 8px 22px rgba(30,126,232,.24)}
.badge-green,.status.approved{background:rgba(45,212,191,.16)!important;color:#83ffe9!important;border-color:rgba(67,240,220,.32)!important}.badge-blue{background:rgba(84,199,255,.14)!important;color:#8edcff!important}.badge-red,.status.rejected{background:rgba(248,113,113,.15)!important}
@keyframes techPulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.announcement-dot,.status-dot{animation:techPulse 2.4s ease-in-out infinite!important;box-shadow:0 0 16px currentColor}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
