:root, .dark {
 color-scheme: dark;
 --background: 160 45% 3%; --foreground: 240 20% 97%;
 --card: 160 22% 7%; --card-foreground: 240 20% 97%;
 --popover: 160 22% 7%; --popover-foreground: 240 20% 97%;
 --primary: 274 95% 64%; --primary-foreground: 0 0% 100%;
 --secondary: 260 22% 14%; --secondary-foreground: 240 20% 97%;
 --muted: 160 15% 13%; --muted-foreground: 220 9% 64%;
 --accent: 274 40% 18%; --accent-foreground: 240 20% 97%;
 --border: 270 22% 20%; --input: 270 22% 20%; --ring: 274 95% 64%;
 --radius: 1.4rem;
}
html, body, #app { min-height:100%; background:#030d09!important; color:#f4f3f8!important; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body { background:radial-gradient(ellipse at 3% 0%,#6222a437,transparent 48%),radial-gradient(ellipse at 92% 5%,#006b4330,transparent 48%),#030d09!important; background-attachment:fixed!important; }
.dashboard-container { background:transparent!important; min-height:calc(100vh - 96px); }
.dashboard-container>.container { max-width:1180px; padding-top:56px; }
.dashboard-container h1 { color:#faf7ff; font-size:clamp(2rem,5vw,3.5rem); line-height:1.12; letter-spacing:-.045em; font-weight:800; }
.dashboard-container h1::before { content:"NIVORA / SERVICE STATUS"; display:block; color:#cb94ff; font-size:11px; font-weight:700; letter-spacing:.22em; margin-bottom:16px; }
.dashboard-container h1+p { color:#a6b2ad; max-width:640px; line-height:1.7; }
.endpoint-group { border:1px solid #a97be927!important; border-radius:26px!important; background:linear-gradient(145deg,#12261bba,#100c1bba)!important; box-shadow:0 18px 60px #0003; overflow:hidden; }
.endpoint-group-header { padding:22px 24px!important; background:#ffffff03!important; border-bottom:1px solid #ffffff0c!important; }
.endpoint-group-header:hover { background:#c478ff0a!important; }
.endpoint-group-header h2 { font-size:15px; letter-spacing:.01em; color:#eae7f1; }
.endpoint-group-content { padding:20px!important; }
.endpoint-card { border:1px solid #ffffff12!important; border-radius:19px!important; padding:20px!important; background:linear-gradient(145deg,#0c1914,#101018)!important; box-shadow:0 8px 24px #0002; transition:border-color .18s,transform .18s; }
.endpoint-card:hover { border-color:#be80ff55!important; transform:translateY(-2px); }
header, nav { background:#06100cdd!important; backdrop-filter:blur(22px); border-bottom:1px solid #ffffff0c!important; }
header a,nav a { color:#ede8f8!important; }
button { border-radius:12px!important; transition:background .18s,border-color .18s; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #c187ff!important; outline-offset:4px; }
input { background:#070f0c!important; color:#f4f3f8!important; border:1px solid #ffffff19!important; border-radius:14px!important; }
input::placeholder { color:#87978e!important; }
.bg-card { background-color:#0c1712!important; }
.text-muted-foreground { color:#a2ada7!important; }
footer { color:#a2ada7!important; background:transparent!important; border-color:#ffffff0c!important; }
@media(max-width:640px){.dashboard-container>.container{padding-top:30px}.endpoint-group-header{padding:17px!important}.endpoint-group-content{padding:12px!important}.endpoint-card{padding:16px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

#global { min-height:100vh; background:radial-gradient(ellipse at 3% 0%,#6222a437,transparent 48%),radial-gradient(ellipse at 92% 5%,#006b4330,transparent 48%),#030d09!important; color:#f4f3f8!important; background-attachment:fixed!important; }
#global .dashboard-container { background:transparent!important; }
#global select, #global [role="combobox"] { background:#101a15!important; color:#e9e7f1!important; border:1px solid #ffffff1c!important; border-radius:12px!important; }
#global option { color:#f4f3f8!important; background:#101a15!important; }
#global .fixed { background-color:#0b1712!important; color:#f4f3f8!important; border-color:#ffffff1a!important; }
#global header nav a { background:linear-gradient(110deg,#af18ee,#7131ed)!important; padding:10px 17px!important; border-radius:99px!important; font-weight:650; }
#global header p { display:none; }
#global button { color:#eeeaf7; }
#global .text-foreground { color:#f4f3f8!important; }

#global .endpoint { color:#eae7f1!important; border:1px solid #b689f026!important; border-radius:22px!important; background:linear-gradient(145deg,#102219cc,#130e1ccc)!important; box-shadow:0 10px 30px #0003; }
#global .endpoint h3, #global .text-card-foreground { color:#f4f3f8!important; }
#global .border { border-color:#b689f026!important; }
#global button.bg-background, #global .fixed button, #global .fixed > div { background:#101a15!important; color:#eae7f1!important; border-color:#ffffff1c!important; }
#global .fixed { border-radius:99px!important; }
#global .bg-muted { background-color:#26342f!important; }