:root{
--bg-base:#090b10;
--panel-bg:rgba(18,22,31,0.85);
--border-clr:#2a3143;
--accent:#00d2ff;
--accent-hover:#00a3cc;
--text-pri:#f1f5f9;
--text-sec:#64748b;
--err-bg:rgba(239,68,68,0.1);
--err-txt:#ef4444;
}
body,html{height:100%;margin:0;font-family:'Manrope',sans-serif;background-color:var(--bg-base);color:var(--text-pri);}
body{background-image:url('bg.jpg');background-size:cover;background-position:center;}
.data-grid-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,11,16,0.7) 0%,rgba(9,11,16,0.95) 100%);backdrop-filter:blur(8px);z-index:1;}
.mono-font{font-family:'Space Mono',monospace!important;}
.auth-wrapper{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;}
.auth-card{background:var(--panel-bg);border:1px solid var(--border-clr);border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,0.8);width:100%;max-width:420px;backdrop-filter:blur(16px);overflow:hidden;}
.card-top{padding:2.5rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-clr);position:relative;}
.cluster-status{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:0.65rem;color:#10b981;background:rgba(16,185,129,0.1);padding:4px 10px;border-radius:20px;border:1px solid rgba(16,185,129,0.2);display:flex;align-items:center;gap:6px;}
.indicator{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;}
.blink{animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
.logo-box{font-size:2.8rem;color:var(--accent);margin-top:1.5rem;margin-bottom:0.5rem;}
.card-top h1{font-weight:800;font-size:1.4rem;letter-spacing:1.5px;margin:0;}
.subtitle{color:var(--text-sec);font-size:0.85rem;margin:0;}
.card-mid{padding:2rem;}
.form-label{font-size:0.75rem;color:var(--text-sec);text-transform:uppercase;letter-spacing:1px;font-weight:800;}
.input-group-text{background-color:rgba(0,0,0,0.4);border:1px solid var(--border-clr);color:var(--accent);}
.form-control{background-color:rgba(0,0,0,0.2);border:1px solid var(--border-clr);color:var(--text-pri);font-size:0.9rem;}
.form-control:focus{background-color:rgba(0,0,0,0.5);border-color:var(--accent);color:var(--text-pri);box-shadow:0 0 0 2px rgba(0,210,255,0.2);}
.form-control::placeholder{color:#475569;}
.btn-action{background-color:var(--accent);color:#000;font-weight:800;letter-spacing:1px;padding:0.8rem;margin-top:1rem;border:none;border-radius:6px;transition:all 0.2s;}
.btn-action:hover{background-color:var(--accent-hover);color:#000;box-shadow:0 0 20px rgba(0,210,255,0.3);}
.custom-alert{background-color:var(--err-bg);border:1px solid var(--err-txt);color:var(--err-txt);font-family:'Space Mono',monospace;font-size:0.75rem;border-radius:6px;}
.card-bot{padding:1.2rem 2rem;background:rgba(0,0,0,0.3);border-top:1px solid var(--border-clr);}
.metrics{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--text-sec);}