.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:32px}.auth-panel{width:100%;max-width:500px;margin:0 auto}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:2.5rem;margin-bottom:8px}.auth-subtitle{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);letter-spacing:2px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--accent-orange);text-transform:uppercase}.form-help{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin-top:4px}.btn-primary{width:100%;margin-top:16px}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-warning{text-align:center;max-width:600px}.auth-warning p{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin:8px 0}.auth-clearance{color:var(--accent-orange);opacity:.6}.qr-container{display:flex;flex-direction:column;align-items:center;gap:24px;margin:32px 0}.qr-code{padding:16px;background:#fff;border:4px solid var(--accent-orange);box-shadow:0 0 30px var(--accent-orange-glow),0 4px 24px #00000080,inset 0 2px 4px #ffffff4d}.qr-code img{display:block;width:256px;height:256px}.totp-secret{font-family:var(--font-mono);font-size:18px;letter-spacing:2px;color:var(--accent-orange);padding:12px 24px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,#1a1a1a 100%);border:1px solid rgba(255,107,53,.3);-webkit-user-select:all;user-select:all;box-shadow:0 2px 12px #0006,inset 0 1px #ff6b351a}.setup-instructions{background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border-left:4px solid var(--accent-orange);padding:16px;margin:24px 0;box-shadow:0 2px 12px #0000004d,inset 0 1px #ff6b3526;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.setup-instructions h3{font-size:16px;margin-bottom:12px;color:var(--accent-orange)}.setup-instructions ol{margin-left:20px;font-family:var(--font-mono);font-size:13px;line-height:1.8}.setup-instructions li{margin:8px 0}.dashboard-container{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,#151515 100%);border-bottom:1px solid rgba(255,107,53,.2);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{font-size:1.8rem;margin:0}.header-subtitle{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:2px}.header-right{display:flex;align-items:center;gap:16px}.user-email{font-family:var(--font-mono);font-size:13px;color:var(--accent-orange)}.btn-secondary{background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,transparent 100%);border:1px solid var(--text-tertiary);color:var(--text-tertiary);padding:8px 16px;font-size:12px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d;transition:all .3s ease}.btn-secondary:hover{border-color:var(--error);color:var(--error);background:linear-gradient(135deg,rgba(244,67,54,.1) 0%,transparent 100%);box-shadow:0 4px 12px #f443364d,inset 0 1px #f443361a;transform:translateY(-1px)}.dashboard-main{flex:1;padding:32px;display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;width:100%}.dashboard-panel{width:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,107,53,.2);box-shadow:0 1px #ff6b351a}.panel-header h2,.panel-header h3{font-size:1.2rem;margin:0}.panel-content{font-family:var(--font-mono);line-height:1.8}.status-message{color:var(--text-primary);font-size:14px}.feature-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.feature-list li{font-size:14px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid rgba(255,107,53,.1);transition:all .3s ease}.feature-list li:hover{color:var(--text-primary);padding-left:8px;border-bottom-color:#ff6b354d}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--accent-orange: #ff6b35;--accent-orange-dim: #cc5529;--accent-orange-glow: rgba(255, 107, 53, .3);--text-primary: #e0e0e0;--text-secondary: #888888;--text-tertiary: #555555;--success: #4caf50;--error: #f44336;--warning: #ff9800;--border-color: #333333;--border-glow: rgba(255, 107, 53, .5);--font-primary: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse at top,#0d0d0d 0%,var(--bg-primary) 50%);color:var(--text-primary);font-family:var(--font-primary);font-size:16px;line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.3}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9998}#root{min-height:100vh;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:1px;text-transform:uppercase}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}.glitch{position:relative;color:var(--accent-orange);animation:glitch-skew 8s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--error);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--success);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,82px,0)}5%{clip:rect(70px,9999px,71px,0)}10%{clip:rect(44px,9999px,1px,0)}15%{clip:rect(3px,9999px,99px,0)}20%{clip:rect(28px,9999px,38px,0)}25%{clip:rect(92px,9999px,15px,0)}30%{clip:rect(55px,9999px,73px,0)}35%{clip:rect(18px,9999px,46px,0)}40%{clip:rect(64px,9999px,8px,0)}45%{clip:rect(35px,9999px,91px,0)}50%{clip:rect(77px,9999px,22px,0)}55%{clip:rect(5px,9999px,67px,0)}60%{clip:rect(88px,9999px,49px,0)}65%{clip:rect(12px,9999px,84px,0)}70%{clip:rect(41px,9999px,31px,0)}75%{clip:rect(96px,9999px,17px,0)}80%{clip:rect(23px,9999px,76px,0)}85%{clip:rect(59px,9999px,54px,0)}90%{clip:rect(81px,9999px,6px,0)}95%{clip:rect(32px,9999px,88px,0)}to{clip:rect(47px,9999px,39px,0)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-2deg)}20%{transform:skew(0)}30%{transform:skew(2deg)}40%{transform:skew(0)}50%{transform:skew(-1deg)}60%{transform:skew(0)}70%{transform:skew(1deg)}80%{transform:skew(0)}90%{transform:skew(-2deg)}to{transform:skew(0)}}input,textarea{background:linear-gradient(135deg,#0d0d0d 0%,var(--bg-secondary) 100%);border:1px solid rgba(255,107,53,.15);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;padding:12px 16px;width:100%;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000004d,0 0 0 1px #ff6b351a}input:focus,textarea:focus{outline:none;border-color:var(--accent-orange);background:linear-gradient(135deg,#0f0f0f,#1c1c1c);box-shadow:0 0 20px var(--accent-orange-glow),inset 0 2px 4px #0006,0 0 0 2px #ff6b354d}input::placeholder{color:var(--text-tertiary);font-family:var(--font-mono)}button{background:linear-gradient(135deg,var(--bg-secondary) 0%,#0f0f0f 100%);border:1px solid var(--accent-orange);color:var(--accent-orange);font-family:var(--font-primary);font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 32px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006,0 0 0 1px #ff6b354d,inset 0 1px #ff6b3533}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-orange) 0%,#cc5529 100%);transition:left .3s ease;z-index:-1}button:hover:before{left:0}button:hover{color:var(--bg-primary);border-color:var(--accent-orange);box-shadow:0 6px 24px #ff6b3566,0 0 30px var(--accent-orange-glow),inset 0 1px #fff3;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{color:var(--accent-orange);box-shadow:none}button:disabled:hover:before{left:-100%}.panel{background:linear-gradient(135deg,var(--bg-secondary) 0%,#151515 100%);border:1px solid rgba(255,107,53,.2);padding:24px;position:relative;box-shadow:0 4px 24px #0006,0 0 1px #ff6b354d,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,transparent,var(--accent-orange-glow),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.panel:hover:before{opacity:1}.panel:hover{box-shadow:0 8px 32px #0009,0 0 20px #ff6b3566,inset 0 1px #ffffff1a}.status{display:inline-block;padding:4px 12px;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.status-operational{background:linear-gradient(135deg,var(--success) 0%,#3d8c40 100%);color:var(--bg-primary)}.status-compromised{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-orange-dim) 100%);color:var(--bg-primary)}.status-offline{background:linear-gradient(135deg,var(--error) 0%,#c62828 100%);color:var(--text-primary)}.spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-orange);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:12px 16px;margin:16px 0;border-left:4px solid;font-family:var(--font-mono);font-size:14px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.alert-error{background:#f443361a;border-color:var(--error);color:var(--error)}.alert-success{background:#4caf501a;border-color:var(--success);color:var(--success)}.alert-warning{background:#ff98001a;border-color:var(--warning);color:var(--warning)}a{color:var(--accent-orange);text-decoration:none;transition:all .3s ease}a:hover{color:var(--text-primary);text-shadow:0 0 8px var(--accent-orange-glow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-orange)}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange-dim)}