:root{--bg: #0b1220;--bg-soft: #0f172a;--card: #0f172a;--stroke: #1e293b;--fg: #e2e8f0;--muted: #94a3b8;--brand: #3b82f6;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}a{color:inherit}input,button{font-family:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100dvh;align-items:stretch;background:radial-gradient(1200px 600px at -10% -10%,#0f172a 20%,transparent 60%),#0b1220;color:#fff;overflow-x:hidden}.sidebar{background:linear-gradient(180deg,#0f172a,#0b1326);padding:16px;position:sticky;left:0;top:0;height:100dvh;display:flex;flex-direction:column;gap:12px;border-right:1px solid #1e293b;box-shadow:0 0 0 1px #ffffff05 inset;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-logout{margin-top:auto;padding-top:16px;border-top:1px solid #1e293b}.sidebar-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.sidebar-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.sidebar-logout-btn:active{transform:translateY(0)}.sidebar-logout-btn i{font-size:16px}.sidebar::-webkit-scrollbar{display:none}.logo-area{display:flex;align-items:center;gap:10px;padding:8px 6px 12px;border-bottom:1px solid #1e293b}.logo-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#172033;color:#e2e8f0}.logo-img{width:34px;height:34px;object-fit:contain;border-radius:6px;background:#0b1220}.logo-text{font-weight:800;letter-spacing:.3px}.brand{font-weight:800;font-size:22px;letter-spacing:.3px}.nav{display:flex;flex-direction:column;gap:6px;margin-top:8px;flex:1}.link{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:10px;transition:background .16s ease,color .16s ease,transform .14s ease;display:flex;align-items:center}.link i{opacity:.85}.link.active,.link:hover{background:#172033;color:#e2e8f0;transform:translate(2px)}.link.active:after{content:"";margin-left:auto;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#3b82f6,#2563eb)}.main{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);background:linear-gradient(135deg,#0f172af2,#0b1220fa);border-bottom:1px solid rgba(255,255,255,.1);padding:12px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.header:hover{background:linear-gradient(135deg,#0f172afa,#0b1220fc);border-bottom-color:#3b82f633}.header-title{font-weight:700;font-size:18px;color:#e2e8f0;display:flex;align-items:center;gap:8px;transition:all .3s ease}.header-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:2px;box-shadow:0 0 8px #3b82f64d}.clock{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;padding:6px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.clock:hover{background:#0f172acc;border-color:#3b82f64d;color:#e2e8f0}.menu{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#172033,#0f172a);color:#e2e8f0;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003}.menu:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.grow{flex:1}.user{display:flex;align-items:center;gap:12px;color:#94a3b8;padding:8px 16px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .3s ease}.user:hover{background:#0f172acc;border-color:#3b82f64d;color:#e2e8f0}.user-info{display:flex;flex-direction:column;gap:2px}.user-email{font-size:14px;font-weight:500;color:#e2e8f0}.user-role{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:4px}.user-role i{font-size:10px;color:#3b82f6}.logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #ef44444d;font-weight:600;font-size:13px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.logout:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.logout:active{transform:translateY(0)}.content{padding:20px}.footer{background:#0f172a99;border-top:1px solid #1e293b;padding:12px 16px;color:#94a3b8}.backdrop{display:none;position:fixed;inset:0;background:#02061799;z-index:15}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;transform:translate(-100%);width:85%;max-width:320px;transition:transform .22s ease;z-index:20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar.open{transform:translate(0)}.backdrop.show{display:block}.menu{display:inline-flex}.content{padding:10px}.header{padding:10px 16px;flex-wrap:wrap;gap:12px;min-height:65px;background:linear-gradient(135deg,#0f172afa,#0b1220fc)}.header-title{font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title:before{width:3px;height:16px}.user{flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;padding:6px 12px}.user-email{font-size:12px}.user-role{font-size:10px}.user-role i{font-size:8px}.logout{padding:6px 12px;font-size:12px;gap:4px}.clock{font-size:12px;padding:4px 8px}.menu{width:36px;height:36px}.sidebar-logout-btn{padding:10px 12px;font-size:13px}.sidebar-logout-btn i{font-size:14px}}@media (max-width: 480px){.header{padding:6px 8px;min-height:50px;gap:6px;background:linear-gradient(135deg,#0f172afc,#0b1220fc);flex-wrap:nowrap;overflow:hidden}.header-title{font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title:before{width:2px;height:12px;flex-shrink:0}.header-title i{font-size:12px;margin-right:4px}.user{display:none}.clock{font-size:9px;padding:2px 4px;white-space:nowrap;flex-shrink:0}.clock i{font-size:8px;margin-right:2px}.menu{width:30px;height:30px;font-size:12px;flex-shrink:0}.content{padding:6px}}@media (max-width: 430px){.header{padding:4px 6px;min-height:45px;gap:4px}.header-title{font-size:12px}.clock{font-size:8px;padding:1px 3px}.menu{width:28px;height:28px;font-size:10px}.sidebar-logout-btn{padding:8px 10px;font-size:12px}.sidebar-logout-btn i{font-size:12px}}.modern-login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(1200px 600px at 20% -10%,#1e3a8a 0%,transparent 50%),radial-gradient(1000px 500px at 80% 120%,#7c3aed 0%,transparent 50%),radial-gradient(800px 400px at 50% 50%,#0f172a 0%,transparent 70%),linear-gradient(135deg,#0b1220,#1e293b);overflow:hidden;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{background:radial-gradient(1200px 600px at 20% -10%,#1e3a8a 0%,transparent 50%),radial-gradient(1000px 500px at 80% 120%,#7c3aed 0%,transparent 50%),radial-gradient(800px 400px at 50% 50%,#0f172a 0%,transparent 70%),linear-gradient(135deg,#0b1220,#1e293b)}50%{background:radial-gradient(1200px 600px at 80% 20%,#7c3aed 0%,transparent 50%),radial-gradient(1000px 500px at 20% 80%,#1e3a8a 0%,transparent 50%),radial-gradient(800px 400px at 50% 50%,#0f172a 0%,transparent 70%),linear-gradient(135deg,#1e293b,#0b1220)}}.login-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#3b82f61a,#9333ea1a);animation:float 20s infinite linear}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:-5s}.shape-3{width:60px;height:60px;top:80%;left:20%;animation-delay:-10s}.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:-15s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translateY(-20px) rotate(270deg)}}.login-container{position:relative;z-index:2;width:100%;max-width:450px;padding:20px}.login-card{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;color:#fff;position:relative;overflow:hidden;animation:cardEntrance .8s ease-out;transition:all .3s ease}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:hover{transform:translateY(-5px);box-shadow:0 35px 70px #0009,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.login-header{text-align:center;margin-bottom:40px}.logo-container{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;box-shadow:0 10px 30px #3b82f64d;position:relative;overflow:hidden;padding:8px}.logo-image{width:100%;height:100%;object-fit:contain;border-radius:12px;transition:all .3s ease}.logo-icon:hover .logo-image{transform:scale(1.05)}.logo-icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:22px;z-index:-1;opacity:.3;filter:blur(10px)}.logo-text h1{font-size:32px;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text p{font-size:16px;color:#94a3b8;margin:4px 0 0;font-weight:500}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0}.form-label i{color:#3b82f6;font-size:16px}.form-input,.input{padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0f172acc;color:#fff;font-size:14px;transition:all .3s ease;outline:none;width:100%;box-sizing:border-box;animation:inputEntrance .6s ease-out;animation-fill-mode:both}.form-input:nth-child(1){animation-delay:.1s}.form-input:nth-child(2){animation-delay:.2s}@keyframes inputEntrance{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.form-input:focus,.input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#0f172ae6;transform:translateY(-2px)}.form-input:hover,.input:hover{border-color:#3b82f64d;background:#0f172ad9}.password-input-container .form-input{padding-right:50px}.form-input::placeholder,.input::placeholder{color:#64748b}select.input{cursor:pointer}select.input option{background:#0f172a;color:#fff}textarea.input{resize:vertical;min-height:60px}.password-input-container{position:relative;width:100%}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;z-index:10}.password-toggle:hover{color:#3b82f6;background:#3b82f61a}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;font-size:14px;font-weight:500}.lock-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#fbbf24;font-size:14px;font-weight:500}.login-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #3b82f64d;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #3b82f666}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button.loading{background:linear-gradient(135deg,#64748b,#475569)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.help-section{margin-top:32px;padding:24px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:16px;position:relative;overflow:hidden}.help-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.help-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#3b82f6;margin-bottom:20px}.help-header i{font-size:18px}.help-section .help-links{display:flex;flex-direction:column;gap:12px}.help-link{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;text-decoration:none;flex:1;min-width:0;justify-content:center;position:relative;overflow:hidden}.help-link:hover{background:#3b82f626;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.help-link i{font-size:16px;transition:all .3s ease}.help-link:hover i{transform:scale(1.1)}.help-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.help-link:hover:before{left:100%}.security-section{margin-top:32px;padding:24px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:16px;position:relative;overflow:hidden}.security-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.security-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#3b82f6;margin-bottom:20px}.security-header i{font-size:18px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.security-item{display:flex;align-items:center;gap:12px;padding:16px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.security-item:hover{background:#0f172acc;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f61a}.security-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;font-size:16px;box-shadow:0 4px 15px #3b82f64d}.security-content{display:flex;flex-direction:column;gap:2px}.security-title{font-size:14px;font-weight:600;color:#e2e8f0}.security-desc{font-size:12px;color:#94a3b8;font-weight:400}.field-error{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#f87171;animation:errorShake .3s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-input.error{border-color:#f87171;box-shadow:0 0 0 4px #f871711a}.password-strength{margin-top:8px;display:flex;align-items:center;gap:8px}.strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-fill.weak{background:linear-gradient(90deg,#ef4444,#dc2626)}.strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.strength-fill.strong{background:linear-gradient(90deg,#10b981,#059669)}.strength-text{font-size:12px;font-weight:600;color:#94a3b8;min-width:40px}.remember-me{margin:16px 0}.checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:#0f172acc;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.checkbox-container input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.checkbox-container input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-label{font-size:14px;color:#cbd5e1;font-weight:500}.checkbox-container:hover .checkmark{border-color:#3b82f6;background:#3b82f61a}@media (max-width: 768px){.login-container{padding:16px}.login-card{padding:32px 24px;margin:10px}.logo-text h1{font-size:28px}.security-info{flex-direction:column;gap:16px}.form-input,.input{padding:14px 16px;font-size:16px}.login-button{padding:18px 24px;font-size:16px}.password-strength{flex-direction:column;align-items:flex-start;gap:4px}.strength-text{font-size:11px}}@media (max-width: 480px){.login-card{padding:24px 20px;margin:5px}.logo-icon{width:60px;height:60px;font-size:24px;padding:6px}.logo-image{border-radius:8px}.logo-text h1{font-size:24px}.quick-actions{padding:16px;margin-top:24px}.action-buttons{gap:8px}.action-btn{padding:10px 12px;min-width:70px;font-size:11px}.help-section{padding:20px;margin-top:24px}.help-links{gap:10px}.help-link{padding:14px 16px;font-size:13px}.help-link i{font-size:14px}.security-section{padding:20px;margin-top:24px}.security-grid{grid-template-columns:1fr;gap:12px}.security-item{padding:14px}.security-icon{width:36px;height:36px;font-size:14px}.security-title{font-size:13px}.security-desc{font-size:11px}.security-info{padding:16px 0;gap:12px}.security-item{font-size:11px}.checkbox-container{gap:10px}.checkmark{width:18px;height:18px}.checkbox-label{font-size:13px}.status-item{padding:12px}.antennas-grid{grid-template-columns:1fr;gap:8px}.antenna-item{padding:10px}.antenna-name{font-size:12px}.antenna-location{font-size:10px}.antenna-status{font-size:11px}}.table th{text-align:left;padding:10px;border-bottom:1px solid #1e293b;color:#94a3b8;font-weight:700}.table td{padding:10px;border-bottom:1px solid #1e293b}.users-page{padding:20px}.card{background:linear-gradient(180deg,#0f172ae6,#0b1220f2);border-radius:12px;border:1px solid #1e293b;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #1e293b;background:#0f172a80}.card-header h3{margin:0;color:#e2e8f0}.card-body{padding:20px}.search-container{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 12px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:#fff;transition:all .3s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:#0f172ae6}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:800px}.table th{background:#172033;color:#e2e8f0;font-weight:600;padding:12px 8px;text-align:left;border-bottom:1px solid #1e293b;white-space:nowrap}.table td{padding:12px 8px;border-bottom:1px solid #1e293b;color:#cbd5e1;white-space:nowrap}.table tr:hover{background:#0f172a4d}.status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.active{background:#065f46;color:#10b981}.status-badge.inactive{background:#7f1d1d;color:#f87171}.btn{padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-size:14px;margin:0 2px}.btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.btn-edit{background:#f59e0b;color:#fff}.btn-delete{background:#ef4444;color:#fff}.btn-secondary{background:#6b7280;color:#fff}.error-message{background:#7f1d1d;color:#f87171;padding:12px;border-radius:8px;margin-bottom:16px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,#0f172afa,#0b1220fc);border-radius:20px;border:1px solid rgba(255,255,255,.1);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172a80;border-radius:20px 20px 0 0}.modal-header h3{display:flex;align-items:center;gap:10px;margin:0;color:#e2e8f0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;font-size:16px}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-body{padding:24px}.reset-step{text-align:center}.step-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px;box-shadow:0 10px 30px #3b82f64d}.reset-step h4{color:#e2e8f0;font-size:20px;font-weight:600;margin:0 0 8px}.reset-step p{color:#94a3b8;margin:0 0 24px;line-height:1.5}.reset-step .form-group{margin-bottom:20px}.reset-step .modal-button{margin:0 auto;max-width:200px}.countdown-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#fbbf24;font-size:14px;font-weight:500;margin-bottom:20px}.code-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:4px;font-family:Courier New,monospace}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.modal-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.modal-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.modal-button.secondary{background:#0f172acc;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.modal-button.secondary:hover{background:#0f172ae6;border-color:#fff3}.modal-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.documentation-modal{max-width:700px}.documentation-content{max-height:60vh;overflow-y:auto}.doc-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.doc-section:last-child{border-bottom:none;margin-bottom:0}.doc-section h4{display:flex;align-items:center;gap:10px;color:#3b82f6;font-size:16px;font-weight:600;margin:0 0 12px}.doc-section p{color:#cbd5e1;line-height:1.6;margin:0 0 12px}.doc-section ul{margin:0;padding-left:20px}.doc-section li{color:#cbd5e1;margin-bottom:8px;line-height:1.5}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.role-item{display:flex;align-items:center;gap:12px;padding:16px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px}.role-item i{font-size:24px;color:#3b82f6}.role-item strong{color:#e2e8f0;font-size:14px;display:block;margin-bottom:4px}.role-item p{color:#94a3b8;font-size:12px;margin:0}.status-item{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease}.status-item.offline-blink,.antenna-item.offline-blink{animation:offlineBlink 1.5s ease-in-out infinite;border-color:#ef44444d}@keyframes offlineBlink{0%,to{background:#0f172a99;border-color:#ef44444d;box-shadow:0 0 #ef444400}50%{background:#ef44441a;border-color:#ef444499;box-shadow:0 0 20px #ef44444d}}.status-item:hover{background:#0f172acc;border-color:#fff3;transform:translateY(-2px)}.status-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#e2e8f0;font-weight:600;font-size:14px}.status-header i{color:#3b82f6;font-size:16px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.online .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-indicator.offline .status-dot{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-indicator.online{color:#22c55e}.status-indicator.offline{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.antennas-status{grid-column:1 / -1}.antennas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.antenna-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.antenna-item:hover{background:#0f172a99;border-color:#fff3}.antenna-info{display:flex;flex-direction:column;gap:2px}.antenna-name{color:#e2e8f0;font-size:13px;font-weight:600}.antenna-location{color:#94a3b8;font-size:11px}.antenna-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.antenna-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.antenna-status.online .antenna-dot{background:#22c55e;box-shadow:0 0 6px #22c55e66}.antenna-status.offline .antenna-dot{background:#ef4444;box-shadow:0 0 6px #ef444466}.antenna-status.online{color:#22c55e}.antenna-status.offline{color:#ef4444}.modal-header h3{margin:0;color:#e2e8f0}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#e2e8f0;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #1e293b}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.table-container{font-size:14px}.table th,.table td{padding:8px 4px}.users-page{padding:5px}.card-header{flex-direction:column;gap:12px;align-items:stretch}.card-header h3{text-align:center}.search-input{max-width:100%}.table{font-size:12px;min-width:600px}.table th,.table td{padding:6px 2px}.btn{padding:6px 8px;font-size:12px}.modal{width:95%;margin:10px}.modal-header,.modal-body{padding:15px}.modal-footer{padding:15px;flex-direction:column}.modal-footer .btn{width:100%;margin:2px 0}}@media (max-width: 480px){.content,.users-page{padding:5px}.card-header,.card-body{padding:10px}.table{font-size:11px;min-width:500px}.table th,.table td{padding:4px 1px}.btn{padding:4px 6px;font-size:11px}.modal{width:98%;margin:5px}.modal-header,.modal-body,.modal-footer{padding:10px}}.btn{padding:6px 10px;border-radius:8px;border:none;cursor:pointer}.btn-blue{background:#3b82f6;color:#fff}.btn-red{background:#ef4444;color:#fff}@media (max-width: 900px){.table th,.table td{padding:8px}}.no-scroll{overflow:hidden}.card{background:#0f172a;border-radius:12px;border:1px solid #1e293b;box-shadow:0 1px #ffffff08 inset}.card-header{padding:12px 16px;border-bottom:1px solid #1e293b;display:flex;align-items:center;gap:10px;font-weight:700}.card-body{padding:16px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}.badge-success{background:#064e3b;color:#a7f3d0;border:1px solid #065f46}.badge-danger{background:#7f1d1d;color:#fecaca;border:1px solid #991b1b}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 1100px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.grid-3{grid-template-columns:1fr}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;border:1px solid;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:400px;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease}.toast:hover{transform:translate(-5px)}.toast-success{background:#064e3b;border-color:#065f46;color:#a7f3d0}.toast-error{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.toast-warning{background:#78350f;border-color:#92400e;color:#fde68a}.toast-info{background:#1e3a8a;border-color:#1e40af;color:#bfdbfe}.toast-icon{font-size:18px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:600;font-size:14px;margin-bottom:4px}.toast-message{font-size:13px;opacity:.9;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toast-close:hover{background-color:#ffffff1a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;border-radius:0 0 8px 8px;animation:progressBar linear}@keyframes progressBar{0%{width:100%}to{width:0%}}