@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400&display=swap";:root,[data-theme=neon]{--neon-green: #39FF14;--neon-green-bright: #00FF41;--neon-green-dark: #00CC33;--neon-green-glow: rgba(57, 255, 20, .3);--neon-pink: #39FF14;--neon-blue: #39FF14;--neon-purple: #39FF14;--chrome-silver: #39FF14;--bg-primary: #050505;--bg-secondary: #121212;--bg-glass: rgba(18, 18, 18, .7);--text-primary: #F8F9FA;--text-secondary: #A0A0A0;--text-muted: #666666;--btn-text: #000000;--font-head: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow:hidden;position:relative;width:100%;height:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(57,255,20,.05) 2px,rgba(57,255,20,.05) 4px);background-size:6px 6px;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.6) 100%);pointer-events:none}#root{width:100vw;height:100vh;min-width:100vw;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#12121280}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--neon-green-dark),var(--neon-green));border-radius:5px;box-shadow:0 0 10px var(--neon-green-glow)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--neon-green),var(--neon-green-bright));box-shadow:0 0 15px var(--neon-green-glow)}button{font-family:var(--font-head);font-weight:700;cursor:pointer;border:none;outline:none;transition:all .3s ease;letter-spacing:.5px}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);font-weight:400;background:linear-gradient(145deg,#1a1a1a,#141414);color:var(--text-primary);border:1px solid rgba(57,255,20,.2);border-radius:8px;outline:none;padding:10px 14px;box-shadow:inset 0 2px 4px #00000080;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:var(--neon-green);box-shadow:inset 0 2px 4px #00000080,0 0 15px var(--neon-green-glow)}html,body,*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;min-height:100vh;min-width:100vw;overflow:hidden;position:relative}.top-nav{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-secondary) 50%,var(--bg-secondary) 100%);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;min-height:100px;height:auto;position:relative;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d;gap:24px}.top-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);background-size:300% 100%;animation:iridescent-border 4s linear infinite;box-shadow:0 0 10px var(--neon-green-glow)}.app-branding{display:flex;align-items:center;justify-content:flex-start;height:100%;flex-shrink:0}.top-nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.top-nav-counters{display:flex;gap:16px;align-items:center;flex-shrink:0}.nav-counter-item{display:flex;flex-direction:column;align-items:center;gap:3px}.nav-counter-label{font-size:10px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.nav-counter-value{font-size:18px;font-weight:700;font-family:var(--font-head);padding:6px 12px;border-radius:6px;min-width:40px;text-align:center;box-shadow:0 2px 8px #0000004d}.nav-counter-new{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.nav-counter-open{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.nav-counter-critical{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);box-shadow:0 0 10px #f443364d}.nav-counter-high-risk{background:#ff98004d;color:#ff9800;border:1px solid rgba(255,152,0,.5);box-shadow:0 0 10px #ff98004d}.top-nav-profile{position:relative;flex-shrink:0}.profile-icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.profile-icon-btn:hover{background:#39ff141a;border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 10px var(--neon-green-glow)}.profile-icon-btn svg{width:24px;height:24px}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:200px;z-index:1000;overflow:hidden}.profile-menu-header{padding:16px;background:#ffffff08}.profile-menu-user{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-menu-role{font-size:12px;color:var(--text-secondary)}.profile-menu-divider{height:1px;background:#ffffff1a;margin:8px 0}.profile-menu-item{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.profile-menu-item:hover{background:#39ff141a;color:var(--neon-green)}.profile-menu-logout{color:#f44336}.profile-menu-logout:hover{background:#f443361a;color:#f44336}.app-logo{height:80px;width:auto;max-width:400px;object-fit:contain;display:block;background:none!important;background-color:transparent!important;padding:0;margin:0;border:none!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(57,255,20,.8)) drop-shadow(0 0 4px rgba(57,255,20,.6));opacity:1}@keyframes logo-glow{0%{filter:drop-shadow(0 0 15px var(--neon-green-glow))}to{filter:drop-shadow(0 0 25px var(--neon-green-glow))}}.app-branding h1{font-size:26px;font-weight:700;font-family:Comfortaa,cursive;background:linear-gradient(135deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--neon-green-glow));letter-spacing:.5px}.version{font-size:12px;font-weight:400;font-family:Roboto,sans-serif;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 8px;border-radius:6px}.main-content{flex:1;overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.status-bar{background:var(--bg-secondary);padding:8px 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;height:32px;position:relative}.status-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);background-size:300% 100%;animation:iridescent-border 4s linear infinite;box-shadow:0 0 10px var(--neon-green-glow)}.status-left{font-family:Roboto,sans-serif;font-weight:500;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green-glow)}.status-right{font-family:Roboto,sans-serif;font-weight:400;color:#666}.card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary));border-radius:12px;padding:24px;margin-bottom:24px;position:relative;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:all .3s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:linear-gradient(90deg,var(--neon-green-dark) 0%,var(--neon-green) 33%,var(--neon-green-bright) 66%,var(--neon-green) 100%);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:iridescent-border 6s linear infinite;pointer-events:none;box-shadow:0 0 15px var(--neon-green-glow)}.card:hover{transform:translateY(-2px);box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff14,0 0 30px var(--neon-green-glow)}.card-title{font-family:Roboto,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,var(--neon-green-dark),var(--neon-green),var(--neon-green-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px;filter:drop-shadow(0 0 10px var(--neon-green-glow))}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-size:14px;font-weight:500;font-family:Roboto,sans-serif}.btn-primary{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);color:var(--btn-text);padding:12px 28px;border-radius:16px;border:none;box-shadow:0 6px 20px var(--neon-green-glow),0 3px 10px #39ff144d,inset 0 1px #ffffff4d,inset 0 -2px 4px #0003;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px var(--neon-green-glow),0 5px 15px #39ff1466,inset 0 1px #fff6,inset 0 -2px 4px #0003}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 3px 10px var(--neon-green-glow),inset 0 2px 6px #0000004d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;background:linear-gradient(145deg,#2f2f2f,#252525);color:var(--text-primary);padding:12px 28px;border-radius:16px;border:none;box-shadow:0 6px 16px #0006,inset 0 1px #ffffff1a,inset 0 -2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-secondary:hover:not(:disabled){background:linear-gradient(145deg,#3a3a3a,#2a2a2a);transform:translateY(-2px);box-shadow:0 8px 24px #00000080,0 0 20px var(--neon-green-glow),inset 0 1px #ffffff26,inset 0 -2px 4px #0003}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 10px #0006,inset 0 2px 6px #0000004d}.btn-danger{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;background:linear-gradient(135deg,#ff5252,#f44336);color:#fff;padding:12px 28px;border-radius:16px;border:none;box-shadow:0 6px 20px #f4433666,inset 0 1px #ffffff4d,inset 0 -2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff3838,#d32f2f);transform:translateY(-3px);box-shadow:0 10px 30px #f4433699,inset 0 1px #fff6,inset 0 -2px 4px #0003}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 10px #f4433666,inset 0 2px 6px #0000004d}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.auth-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-dialog{background:var(--bg-primary, #1a1a1a);border:2px solid var(--accent-primary, #00ff88);border-radius:12px;padding:0;max-width:450px;width:90%;box-shadow:0 8px 32px #00ff884d;animation:authDialogSlideIn .3s ease-out}@keyframes authDialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #333)}.auth-dialog-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px;font-weight:600}.auth-dialog-close{background:none;border:none;color:var(--text-secondary, #999);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.auth-dialog-close:hover{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff)}.auth-dialog-body{padding:24px}.auth-dialog-instructions{color:var(--text-secondary, #ccc);margin:0 0 24px;font-size:14px;line-height:1.5}.auth-input-group{margin-bottom:20px}.auth-token-input{width:100%;padding:16px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;background:var(--bg-secondary, #2a2a2a);border:2px solid var(--border-color, #444);border-radius:8px;color:var(--text-primary, #fff);transition:all .2s;font-family:Courier New,monospace}.auth-token-input:focus{outline:none;border-color:var(--accent-primary, #00ff88);box-shadow:0 0 0 3px #00ff881a}.auth-token-input:disabled{opacity:.6;cursor:not-allowed}.auth-token-input::placeholder{color:var(--text-tertiary, #666);letter-spacing:8px}.auth-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.auth-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.auth-dialog-actions .btn-primary,.auth-dialog-actions .btn-secondary{flex:1;padding:12px 24px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.auth-dialog-actions .btn-primary{background:var(--accent-primary, #00ff88);color:#000}.auth-dialog-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover, #00cc6f);transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.auth-dialog-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-dialog-actions .btn-secondary{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444)}.auth-dialog-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary, #3a3a3a);border-color:var(--border-hover, #555)}.auth-dialog-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.setup-2fa-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.setup-2fa-dialog{background:var(--bg-primary, #1a1a1a);border:2px solid var(--accent-primary, #00ff88);border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00ff884d;animation:setup2FASlideIn .3s ease-out}@keyframes setup2FASlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.setup-2fa-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #333)}.setup-2fa-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px;font-weight:600}.setup-2fa-close{background:none;border:none;color:var(--text-secondary, #999);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.setup-2fa-close:hover{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff)}.setup-2fa-body{padding:24px}.setup-2fa-loading{text-align:center;padding:40px 20px;color:var(--text-secondary, #ccc)}.setup-2fa-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.3);color:#ff9800;padding:16px;border-radius:6px;margin-bottom:20px;font-size:14px;line-height:1.5}.setup-2fa-warning p{margin:0}.setup-2fa-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:16px;border-radius:6px;margin-bottom:20px;text-align:center}.btn-retry{margin-top:12px;padding:8px 16px;background:var(--accent-primary, #00ff88);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-retry:hover{background:var(--accent-hover, #00cc6f)}.setup-2fa-instructions{margin-bottom:24px;color:var(--text-secondary, #ccc);font-size:14px;line-height:1.6}.setup-2fa-instructions p{margin:0 0 12px}.setup-2fa-instructions ul{margin:12px 0;padding-left:24px}.setup-2fa-instructions li{margin:6px 0}.setup-2fa-qr-container{display:flex;justify-content:center;margin:24px 0;padding:20px;background:#fff;border-radius:8px}.setup-2fa-qr{width:250px;height:250px;display:block}.setup-2fa-secret-container{margin:24px 0;padding:16px;background:var(--bg-secondary, #2a2a2a);border-radius:8px;border:1px solid var(--border-color, #444)}.setup-2fa-secret-label{margin:0 0 12px;color:var(--text-secondary, #ccc);font-size:13px}.setup-2fa-secret{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary, #1a1a1a);border-radius:6px;border:1px solid var(--border-color, #444)}.setup-2fa-secret code{flex:1;font-family:Courier New,monospace;font-size:13px;color:var(--accent-primary, #00ff88);word-break:break-all;-webkit-user-select:all;user-select:all}.btn-copy-secret{background:var(--bg-tertiary, #3a3a3a);border:1px solid var(--border-color, #444);color:var(--text-primary, #fff);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;flex-shrink:0}.btn-copy-secret:hover{background:var(--bg-hover, #4a4a4a);border-color:var(--accent-primary, #00ff88)}.setup-2fa-actions{display:flex;gap:12px;margin-top:24px}.setup-2fa-actions .btn-primary,.setup-2fa-actions .btn-secondary{flex:1;padding:12px 24px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.setup-2fa-actions .btn-primary{background:var(--accent-primary, #00ff88);color:#000}.setup-2fa-actions .btn-primary:hover{background:var(--accent-hover, #00cc6f);transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.setup-2fa-actions .btn-secondary{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444)}.setup-2fa-actions .btn-secondary:hover{background:var(--bg-tertiary, #3a3a3a);border-color:var(--border-hover, #555)}.setup-2fa-success{text-align:center;padding:40px 20px}.setup-2fa-success-icon{width:64px;height:64px;margin:0 auto 20px;background:var(--accent-primary, #00ff88);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700}.setup-2fa-success p{color:var(--text-primary, #fff);font-size:16px;margin:0}.tab-navigation{display:flex;flex-direction:column;height:100%;width:100%}.tab-list{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1);position:relative;justify-content:space-between;align-items:center}.tab-list-spacer{flex:1}.tab-button{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-family:var(--font-head);font-size:14px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;position:relative;text-transform:none;min-width:100px;text-align:center}.tab-button:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tab-button.active{color:var(--neon-green);background:#39ff141a;border-color:var(--neon-green);font-weight:600}.tab-button.active:hover{background:#39ff1426;border-color:var(--neon-green)}.tab-button:active{transform:translateY(0)}.tab-button-authenticate{min-width:140px}.tab-button-authenticate.authenticated{background:#39ff1426!important;border-color:var(--neon-green)!important;color:var(--neon-green)!important;font-weight:600;box-shadow:0 0 10px #39ff144d}.tab-button-authenticate.authenticated:hover{background:#39ff1433!important;border-color:var(--neon-green)!important;color:var(--neon-green)!important;box-shadow:0 0 15px #39ff1466;transform:translateY(-1px)}.tab-button-authenticate:not(.authenticated){background:#f4433626!important;border-color:#f44336!important;color:#f44336!important;font-weight:600}.tab-button-authenticate:not(.authenticated):hover{background:#f4433633!important;border-color:#f44336!important;color:#f44336!important;box-shadow:0 0 10px #f443364d;transform:translateY(-1px)}.tab-content{flex:1;overflow:auto;padding:24px;background:var(--bg-primary)}.workflow-panel{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:20px;margin-top:20px}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.workflow-header h3{font-family:var(--font-head);font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.workflow-progress{font-size:14px;color:var(--text-secondary);font-weight:500}.workflow-steps-indicator{display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.workflow-step-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:8px;min-width:100px;cursor:pointer;transition:all .2s ease;opacity:.5}.workflow-step-indicator.current{opacity:1;background:#39ff141a;border:1px solid var(--neon-green)}.workflow-step-indicator.completed{opacity:1;background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.workflow-step-indicator.pending{opacity:.7}.step-indicator-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:#ffffff1a;color:var(--text-secondary)}.workflow-step-indicator.current .step-indicator-number{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green-glow)}.workflow-step-indicator.completed .step-indicator-number{background:#4caf50;color:#fff}.step-indicator-label{font-size:11px;text-align:center;color:var(--text-secondary);font-weight:500}.workflow-step-indicator.current .step-indicator-label{color:var(--neon-green);font-weight:600}.workflow-step-content{background:#ffffff05;border-radius:8px;padding:24px;border:1px solid rgba(255,255,255,.05)}.workflow-step-header{margin-bottom:24px}.workflow-step-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workflow-step-header h4{font-family:var(--font-head);font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.btn-video-play{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#39ff1426;border:1px solid var(--neon-green);border-radius:6px;color:var(--neon-green);font-family:var(--font-head);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-video-play:hover{background:#39ff1440;box-shadow:0 0 10px var(--neon-green-glow);transform:translateY(-1px)}.workflow-step-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.workflow-time-limit{display:inline-block;padding:4px 12px;background:#ff980033;color:#ff9800;border-radius:4px;font-size:12px;font-weight:600}.workflow-actions{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.workflow-action{display:flex;flex-direction:column;gap:8px}.workflow-action-label{font-size:14px;font-weight:600;color:var(--text-primary)}.workflow-action-label .required{color:#f44336;margin-left:4px}.workflow-input,.workflow-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .2s ease}.workflow-input:focus,.workflow-textarea:focus{outline:none;border-color:var(--neon-green);background:#ffffff14;box-shadow:0 0 8px #39ff1433}.workflow-textarea{resize:vertical;min-height:80px}.workflow-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.workflow-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--neon-green)}.workflow-checklist{display:flex;flex-direction:column;gap:12px;background:#ffffff08;border-radius:6px;padding:16px}.workflow-checklist-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary)}.workflow-checklist-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--neon-green)}.workflow-hint{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:-4px}.workflow-step-actions{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-workflow-primary,.btn-workflow-secondary{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-workflow-primary{background:var(--neon-green);color:#000;flex:1}.btn-workflow-primary:hover{background:var(--neon-green-dark);box-shadow:0 0 15px var(--neon-green-glow);transform:translateY(-1px)}.btn-workflow-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-workflow-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.workflow-escalation-warning{margin-top:20px;padding:16px;background:#ff980033;border:1px solid rgba(255,152,0,.5);border-radius:6px;color:#ff9800}.workflow-escalation-warning strong{display:block;margin-bottom:8px;font-size:14px}.workflow-escalation-warning p{margin:0;font-size:13px;opacity:.9}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirm-dialog-container{background:var(--bg-dark);border:1px solid var(--neon-green);border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 8px 32px #00000080,0 0 20px #00ff884d;animation:slideUp .3s ease-out;font-family:var(--font-body)}.confirm-dialog-icon{font-size:48px;text-align:center;margin-bottom:16px;display:block}.confirm-dialog-icon-warning{filter:drop-shadow(0 0 8px rgba(255,152,0,.6))}.confirm-dialog-icon-danger{filter:drop-shadow(0 0 8px rgba(244,67,54,.6))}.confirm-dialog-icon-info{filter:drop-shadow(0 0 8px rgba(33,150,243,.6))}.confirm-dialog-icon-success{filter:drop-shadow(0 0 8px rgba(76,175,80,.6))}.confirm-dialog-title{font-family:var(--font-head);font-size:24px;color:var(--neon-green);text-align:center;margin:0 0 16px;text-shadow:0 0 10px var(--neon-green-glow)}.confirm-dialog-message{font-family:var(--font-body);font-size:16px;color:var(--text-primary);text-align:center;margin:0 0 32px;line-height:1.6;white-space:pre-line}.confirm-dialog-actions{display:flex;gap:16px;justify-content:center}.confirm-dialog-btn{padding:12px 32px;border-radius:8px;font-family:var(--font-head);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid;min-width:120px}.confirm-dialog-btn-cancel{background:transparent;color:var(--text-secondary);border-color:#fff3}.confirm-dialog-btn-cancel:hover{background:#ffffff1a;border-color:#fff6;color:var(--text-primary)}.confirm-dialog-btn-confirm{color:var(--bg-dark);border-color:transparent}.confirm-dialog-btn-warning{background:#ff9800e6;box-shadow:0 0 15px #ff980066}.confirm-dialog-btn-warning:hover{background:#ff9800;box-shadow:0 0 20px #ff980099;transform:translateY(-2px)}.confirm-dialog-btn-danger{background:#f44336e6;box-shadow:0 0 15px #f4433666}.confirm-dialog-btn-danger:hover{background:#f44336;box-shadow:0 0 20px #f4433699;transform:translateY(-2px)}.confirm-dialog-btn-info{background:#2196f3e6;box-shadow:0 0 15px #2196f366}.confirm-dialog-btn-info:hover{background:#2196f3;box-shadow:0 0 20px #2196f399;transform:translateY(-2px)}.confirm-dialog-btn-success{background:#4caf50e6;box-shadow:0 0 15px #4caf5066}.confirm-dialog-btn-success:hover{background:#4caf50;box-shadow:0 0 20px #4caf5099;transform:translateY(-2px)}.confirm-dialog-btn:active{transform:translateY(0)}.alert-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-dialog-container{background:var(--bg-dark);border:1px solid var(--neon-green);border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 8px 32px #00000080,0 0 20px #00ff884d;animation:slideUp .3s ease-out;font-family:var(--font-body)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-dialog-icon{font-size:48px;text-align:center;margin-bottom:16px;display:block}.alert-dialog-icon-error{filter:drop-shadow(0 0 8px rgba(244,67,54,.6))}.alert-dialog-icon-warning{filter:drop-shadow(0 0 8px rgba(255,152,0,.6))}.alert-dialog-icon-info{filter:drop-shadow(0 0 8px rgba(33,150,243,.6))}.alert-dialog-icon-success{filter:drop-shadow(0 0 8px rgba(76,175,80,.6))}.alert-dialog-title{font-family:var(--font-head);font-size:24px;color:var(--neon-green);text-align:center;margin:0 0 16px;text-shadow:0 0 10px var(--neon-green-glow)}.alert-dialog-message{font-family:var(--font-body);font-size:16px;color:var(--text-primary);text-align:center;margin:0 0 32px;line-height:1.6;white-space:pre-line}.alert-dialog-actions{display:flex;justify-content:center}.alert-dialog-btn{padding:12px 32px;border-radius:8px;font-family:var(--font-head);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent;min-width:120px;color:var(--bg-dark)}.alert-dialog-btn-error{background:#f44336e6;box-shadow:0 0 15px #f4433666}.alert-dialog-btn-error:hover{background:#f44336;box-shadow:0 0 20px #f4433699;transform:translateY(-2px)}.alert-dialog-btn-warning{background:#ff9800e6;box-shadow:0 0 15px #ff980066}.alert-dialog-btn-warning:hover{background:#ff9800;box-shadow:0 0 20px #ff980099;transform:translateY(-2px)}.alert-dialog-btn-info{background:#2196f3e6;box-shadow:0 0 15px #2196f366}.alert-dialog-btn-info:hover{background:#2196f3;box-shadow:0 0 20px #2196f399;transform:translateY(-2px)}.alert-dialog-btn-success{background:#4caf50e6;box-shadow:0 0 15px #4caf5066}.alert-dialog-btn-success:hover{background:#4caf50;box-shadow:0 0 20px #4caf5099;transform:translateY(-2px)}.alert-dialog-btn:active{transform:translateY(0)}.monitor-container{display:flex;flex-direction:column;height:100%;width:100%;padding:0;overflow:hidden}.monitor-actions{display:flex;justify-content:flex-end;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.btn-clear-events{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:8px 16px;border-radius:6px;font-family:var(--font-head);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-events:hover{background:#f443364d;border-color:#f44336;box-shadow:0 0 10px #f443364d}.monitor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.monitor-header h2{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--neon-green);margin:0;text-shadow:0 0 10px var(--neon-green-glow)}.monitor-stats{display:flex;gap:24px}.stat-item{display:flex;align-items:center;gap:8px}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:18px;font-weight:700;padding:4px 12px;border-radius:12px;min-width:40px;text-align:center}.stat-new{background:#ff980033;color:#ff9800}.stat-open{background:#2196f333;color:#2196f3}.stat-closed{background:#4caf5033;color:#4caf50}.stat-critical{background:#f4433633;color:#f44336}.stat-high-risk{background:#ff98004d;color:#ff9800;border:1px solid rgba(255,152,0,.5)}.monitor-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;flex:1;overflow:hidden;padding:16px}.monitor-column{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.column-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.column-header h3{font-family:var(--font-head);font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.column-count{background:#39ff1433;color:var(--neon-green);padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;min-width:32px;text-align:center}.column-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.empty-column{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}.event-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.event-card:hover{background:#ffffff0f;border-color:#39ff144d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.event-card-no-click{cursor:default!important}.event-card-no-click:hover{background:#ffffff08;border-color:#ffffff1a;transform:none;box-shadow:none}.event-card.event-positive{border-left:4px solid #4caf50}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.event-card-time{font-size:12px;color:var(--text-secondary);font-weight:500}.event-card-priority{font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase}.event-card-body{margin-bottom:12px}.event-card-description{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.event-card-code{font-size:12px;font-weight:600;color:var(--neon-green);margin-bottom:8px;opacity:.8}.event-card-meta{display:flex;gap:8px;flex-wrap:wrap}.event-card-category,.event-card-site,.event-card-account,.event-card-group,.event-card-zone{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500}.event-card-category{background:#2196f333;color:#2196f3}.event-card-site{background:#9e9e9e33;color:#9e9e9e}.event-card-account{background:#39ff1433;color:var(--neon-green)}.event-card-group{background:#ff980033;color:#ff9800}.event-card-zone{background:#9c27b033;color:#9c27b0}.event-card-reaction-company{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.reaction-company-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.reaction-company-info{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px}.reaction-company-name{color:var(--neon-green);font-weight:600}.reaction-company-phone{color:var(--text-primary);font-weight:500}.reaction-company-code{color:var(--text-secondary)}.reaction-company-code code{background:#39ff1433;color:var(--neon-green);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:600}.event-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.event-card-countdown{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;transition:box-shadow .2s ease}.event-card-countdown.countdown-green{background:#4caf5033!important;border-color:#4caf504d!important;color:#4caf50!important;box-shadow:0 0 8px #4caf5033;transition:box-shadow .2s ease}.event-card-countdown.countdown-orange{background:#ff980033!important;border-color:#ff980066!important;color:#ff9800!important;box-shadow:0 0 10px #ff98004d;transition:box-shadow .2s ease}.event-card-countdown.countdown-red{background:#f4433633!important;border-color:#f4433666!important;color:#f44336!important;box-shadow:0 0 12px #f4433666;animation:pulse-red 1s ease-in-out infinite;transition:none}@keyframes pulse-red{0%,to{box-shadow:0 0 12px #f4433666}50%{box-shadow:0 0 20px #f4433699}}.countdown-icon{font-size:16px}.countdown-time{letter-spacing:1px}.event-card-assignment{margin-top:12px;padding:8px 12px;background:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:6px;font-size:12px;display:flex;align-items:center;gap:8px}.assignment-label{color:var(--text-secondary);font-weight:600}.assignment-user{color:#2196f3;font-weight:600}.assignment-time{color:var(--text-secondary);font-size:11px;margin-left:auto}.event-card-actions{display:flex;gap:8px;align-items:center}.btn-takeover{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3);padding:6px 16px;border-radius:6px;font-family:var(--font-head);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-takeover:hover{background:#ff98004d;border-color:#ff9800;box-shadow:0 0 10px #ff98004d}.btn-accept,.btn-close-event{padding:6px 16px;border-radius:6px;font-family:var(--font-head);font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-accept{background:var(--neon-green);color:#000}.btn-accept:hover{background:var(--neon-green-dark);box-shadow:0 0 10px var(--neon-green-glow)}.btn-close-event{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.btn-close-event:hover{background:#4caf504d;border-color:#4caf50}.event-closed-badge{font-size:11px;padding:6px 12px;background:#9e9e9e33;color:#9e9e9e;border-radius:4px;font-weight:600}.event-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;transition:all .3s ease}.event-details-modal.modal-shifted-left{justify-content:flex-start;padding-left:20px;padding-right:0}.event-details-modal.modal-shifted-left .event-details-content{max-width:50%;width:50%;margin-right:20px}.event-details-content{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.event-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.event-details-header h3{font-family:var(--font-head);font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.event-details-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.event-details-section{display:flex;flex-direction:column;gap:12px}.event-details-section h4{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--neon-green);margin:0;text-shadow:0 0 8px var(--neon-green-glow)}.details-grid{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;gap:12px;align-items:flex-start}.detail-row label{font-size:13px;font-weight:500;color:var(--text-secondary);min-width:120px}.detail-row span{font-size:13px;color:var(--text-primary);flex:1}.event-code-value{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--neon-green);text-shadow:0 0 8px var(--neon-green-glow)}.category-badge,.priority-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.category-badge.fire,.priority-badge.critical{background:#f4433633;color:#f44336}.category-badge.alarm,.priority-badge.warning{background:#ff980033;color:#ff9800}.category-badge.system,.priority-badge.info{background:#2196f333;color:#2196f3}.notes-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.note-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-author{font-size:12px;font-weight:600;color:var(--neon-green)}.note-time{font-size:11px;color:var(--text-secondary)}.note-text{font-size:13px;color:var(--text-primary);line-height:1.5}.add-note-section{display:flex;flex-direction:column;gap:8px}.note-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;resize:vertical}.note-input:focus{outline:none;border-color:var(--neon-green);background:#ffffff14}.btn-add-note{padding:8px 16px;background:var(--neon-green);color:#000;border:none;border-radius:6px;font-family:var(--font-head);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.btn-add-note:hover{background:var(--neon-green-dark);box-shadow:0 0 10px var(--neon-green-glow)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--neon-green)}.checkbox-label span{font-size:13px;color:var(--text-primary)}.empty-message{color:var(--text-secondary);font-size:13px;font-style:italic;margin:0}.media-links-container{display:flex;flex-direction:column;gap:12px}.media-link-item{display:flex;align-items:center;gap:10px;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .2s ease}.media-link-item:hover{background:#00000080;border-color:var(--neon-green);box-shadow:0 0 10px #0f83}.media-link-icon{font-size:20px;flex-shrink:0}.media-link{color:var(--neon-green);text-decoration:none;font-family:var(--font-body);font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;flex:1}.media-link:hover{color:var(--neon-green-bright);text-shadow:0 0 8px var(--neon-green-glow);text-decoration:underline}.raw-message{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.event-details-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.btn-primary,.btn-close-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-family:var(--font-head);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-close-primary{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.btn-close-primary:hover{background:#4caf504d;border-color:#4caf50}.column-content::-webkit-scrollbar,.event-details-body::-webkit-scrollbar{width:8px}.column-content::-webkit-scrollbar-track,.event-details-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.column-content::-webkit-scrollbar-thumb,.event-details-body::-webkit-scrollbar-thumb{background:#39ff144d;border-radius:4px}.column-content::-webkit-scrollbar-thumb:hover,.event-details-body::-webkit-scrollbar-thumb:hover{background:#39ff1480}.settings-tab-navigation{display:flex;flex-direction:column;height:100%;width:100%}.settings-tab-list{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.settings-tab-button{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-family:var(--font-head);font-size:14px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;position:relative;text-transform:none;min-width:100px;text-align:center}.settings-tab-button:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.settings-tab-button.active{color:var(--neon-green);background:#39ff141a;border-color:var(--neon-green);font-weight:600}.settings-tab-button.active:hover{background:#39ff1426;border-color:var(--neon-green)}.settings-tab-button:active{transform:translateY(0)}.settings-tab-content{flex:1;overflow:auto;padding:24px;background:var(--bg-primary)}.ajax-monitor-tab-navigation{display:flex;flex-direction:column;height:100%;width:100%}.ajax-monitor-tab-list{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.ajax-monitor-tab-button{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-family:var(--font-head);font-size:14px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;position:relative;text-transform:none;min-width:100px;text-align:center}.ajax-monitor-tab-button:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.ajax-monitor-tab-button.active{color:var(--neon-green);background:#39ff141a;border-color:var(--neon-green);font-weight:600}.ajax-monitor-tab-button.active:hover{background:#39ff1426;border-color:var(--neon-green)}.ajax-monitor-tab-button:active{transform:translateY(0)}.ajax-monitor-tab-content{flex:1;overflow:auto;padding:24px;background:var(--bg-primary)}@keyframes iridescent-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sia-listener-container{max-width:1400px}.config-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.config-left{display:flex;flex-direction:column;gap:12px}.config-right{display:flex;align-items:flex-start}.status-compact{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary));border-radius:8px;font-size:13px;font-family:Roboto,sans-serif;font-weight:400;position:relative;box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff0d}.status-compact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:iridescent-border 4s linear infinite;opacity:.5;pointer-events:none}.status-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary));border-radius:10px;font-size:14px;font-family:Roboto,sans-serif;font-weight:400;position:relative;box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff0d}.status-display:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;padding:2px;background:linear-gradient(90deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:iridescent-border 4s linear infinite;opacity:.5}.client-count{color:var(--neon-green);font-weight:700;font-family:Roboto,sans-serif;margin-left:4px}.button-group{display:flex;gap:12px;align-items:flex-end}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.messages-card{min-height:600px}.messages-card .message-list-container{min-height:500px}.message-list-container{overflow-y:auto;max-height:650px;padding:0}.message-list{display:flex;flex-direction:column;gap:12px}.message-item{background:linear-gradient(145deg,#2a2a2a,#252525);border-radius:10px;overflow:hidden;border:1px solid rgba(57,255,20,.2);transition:all .3s ease}.message-item:hover{border-color:#39ff1466;box-shadow:0 4px 16px #39ff1433}.message-item.expanded{border-color:#39ff1466;box-shadow:0 6px 24px #39ff144d}.message-summary{padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.message-summary:hover{background:#39ff140d}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.message-time{font-family:Roboto Mono,monospace;font-size:13px;color:var(--neon-green);font-weight:600}.message-priority{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.priority-critical,.priority-warning,.priority-info{background:linear-gradient(135deg,var(--neon-green-dark),var(--neon-green));color:#000;box-shadow:0 2px 8px var(--neon-green-glow)}.message-category{padding:4px 10px;background:#39ff1426;border-radius:6px;font-size:12px;color:var(--neon-green);font-weight:600}.media-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#39ff1433,#0c33);border:1px solid rgba(57,255,20,.4);border-radius:12px;font-size:14px;cursor:help;transition:all .2s ease}.media-indicator:hover{background:linear-gradient(135deg,#39ff144d,#00cc334d);border-color:#39ff1499;box-shadow:0 2px 8px #39ff144d}.media-count{font-size:10px;font-weight:700;color:var(--neon-green);background:#0000004d;padding:2px 6px;border-radius:8px;min-width:16px;text-align:center}.message-brief{font-size:14px;margin-bottom:8px;color:#e0e0e0;line-height:1.5;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.message-brief strong{color:var(--neon-green)}.btn-quick-media{padding:6px 12px;background:linear-gradient(135deg,var(--neon-green-dark),var(--neon-green));color:#000;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px var(--neon-green-glow);display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px}.btn-quick-media:hover{background:linear-gradient(135deg,var(--neon-green),var(--neon-green-bright));box-shadow:0 4px 12px var(--neon-green-glow);transform:translateY(-2px)}.btn-quick-media:active{transform:translateY(0);box-shadow:0 2px 6px var(--neon-green-glow)}.message-meta{display:flex;gap:16px;font-size:12px;color:#999;flex-wrap:wrap}.message-meta span{display:flex;align-items:center;gap:4px}.message-meta code{background:#39ff1426;padding:2px 6px;border-radius:4px;color:var(--neon-green);font-family:Roboto Mono,monospace}.expand-indicator{margin-left:auto;color:var(--neon-green);font-weight:600;display:inline-flex;align-items:center;gap:4px}.raw-sia-string{margin-top:12px;padding:10px 12px;background:#0006;border-radius:6px;border:1px solid rgba(57,255,20,.25);display:flex;align-items:flex-start;gap:10px;font-family:Roboto Mono,monospace}.raw-sia-label{color:var(--neon-green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding-top:2px}.raw-sia-content{flex:1;color:#d4f1f4;font-size:12px;line-height:1.6;word-break:break-all;white-space:pre-wrap;background:#39ff1414;padding:6px 10px;border-radius:4px;border:1px solid rgba(57,255,20,.15);font-family:Roboto Mono,monospace;text-shadow:0 0 10px var(--neon-green-glow)}.message-details{padding:20px;background:linear-gradient(145deg,#1f1f1f,#1a1a1a);border-top:2px solid rgba(57,255,20,.2)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.detail-section{background:#0000004d;padding:16px;border-radius:8px;border:1px solid rgba(57,255,20,.1)}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{color:var(--neon-green);font-size:14px;font-weight:700;margin-bottom:12px;font-family:Roboto,sans-serif}.detail-table{width:100%;font-size:13px;font-family:Roboto,sans-serif}.detail-table td{padding:6px 0;vertical-align:top}.detail-table td:first-child{width:140px;color:#999}.detail-table td:last-child{color:#e0e0e0}.detail-table code{background:#39ff1426;padding:2px 6px;border-radius:4px;color:var(--neon-green);font-family:Roboto Mono,monospace;font-size:12px}.alarm-data,.raw-message{background:#0a0a0a;padding:12px;border-radius:6px;font-family:Roboto Mono,monospace;font-size:12px;color:var(--neon-green);overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.6;border:1px solid rgba(57,255,20,.2)}.media-urls{display:flex;flex-direction:column;gap:10px}.media-url-item{display:flex;align-items:center;gap:12px;padding:12px;background:#39ff140d;border-radius:8px;border:1px solid rgba(57,255,20,.2)}.media-icon{font-size:24px;flex-shrink:0}.media-url{flex:1;font-family:Roboto Mono,monospace;font-size:12px;color:var(--neon-green);word-break:break-all}.btn-view-media{padding:8px 16px;background:linear-gradient(135deg,var(--neon-green-dark),var(--neon-green));color:#000;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px var(--neon-green-glow)}.btn-view-media:hover{background:linear-gradient(135deg,var(--neon-green),var(--neon-green-bright));box-shadow:0 4px 16px var(--neon-green-glow);transform:translateY(-2px)}.btn-view-media:active{transform:translateY(0)}.message-count{font-size:13px;color:#999;font-weight:400}.message-table-container{overflow-x:auto;max-height:600px;overflow-y:auto;position:relative}.message-table-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:iridescent-border 5s linear infinite;opacity:.3;pointer-events:none}.message-table{font-size:13px;font-family:Roboto,sans-serif}.message-table code{background:#2a2a2a;padding:2px 6px;border-radius:3px;font-family:Roboto Mono,monospace;font-size:12px;color:var(--neon-green)}.message-text{word-wrap:break-word;word-break:break-word;white-space:normal;max-width:400px}.message-row{cursor:pointer;transition:all .2s ease;position:relative}.message-row:hover{background:linear-gradient(90deg,#39ff140d,#00cc330d)}.message-row:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);animation:iridescent-border 2s linear infinite}.expanded-row{background:#252525!important}.expanded-content{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.expanded-section h4{color:var(--neon-green);font-family:Roboto,sans-serif;margin-bottom:12px;font-size:14px;font-weight:700}.expanded-section pre{background:#1a1a1a;padding:12px;border-radius:4px;font-size:12px;font-family:Roboto Mono,monospace;overflow-x:auto;color:#ccc;line-height:1.5}.field-table{font-size:12px;font-family:Roboto,sans-serif}.field-table td{padding:6px 12px}.field-table strong{color:var(--neon-green);font-weight:700}.crc-valid{color:#4caf50;font-weight:700;font-family:Roboto,sans-serif}.crc-invalid{color:#ff9800;font-weight:700;font-family:Roboto,sans-serif}.info-panel{background:linear-gradient(145deg,#252525,#1f1f1f);padding:24px;border-radius:12px;position:relative;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.info-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,var(--neon-green-dark) 0%,var(--neon-green) 50%,var(--neon-green-bright) 100%);background-size:100% 300%;animation:iridescent-border 6s linear infinite}.info-panel h3{color:var(--neon-green);font-family:Roboto,sans-serif;font-size:16px;font-weight:700;margin-bottom:16px}.info-panel ul{list-style:none;padding:0}.info-panel li{padding:8px 0;border-bottom:1px solid #2a2a2a;font-size:13px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.5}.info-panel li:last-child{border-bottom:none}.info-panel strong{color:var(--neon-green);font-weight:700;margin-right:8px}.event-manager-container{display:flex;flex-direction:column;height:100%;width:100%;padding:0}.event-manager-header{margin-bottom:24px}.event-manager-header h2{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--neon-green);margin:0 0 8px;text-shadow:0 0 10px var(--neon-green-glow)}.event-manager-header{display:flex;justify-content:space-between;align-items:flex-start}.event-manager-header .subtitle{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);margin:0}.btn-add-event{padding:10px 20px;background:var(--neon-green);color:#000;border:none;border-radius:6px;font-family:var(--font-head);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-event:hover{background:var(--neon-green-dark);box-shadow:0 0 10px var(--neon-green-glow);transform:translateY(-1px)}.event-manager-controls{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--neon-green);background:#ffffff14}.search-input::placeholder{color:var(--text-secondary)}.filter-group{display:flex;gap:12px}.filter-select{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--neon-green);background:#ffffff14}.event-stats{display:flex;gap:24px;margin-bottom:16px;padding:12px 16px;background:#ffffff08;border-radius:6px;font-size:13px;color:var(--text-secondary)}.event-stats strong{color:var(--neon-green);font-weight:600}.event-list-container{flex:1;overflow-y:auto;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:16px}.event-list{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .2s ease;position:relative}.event-item:hover{background:#ffffff0f;border-color:#39ff144d}.event-item.event-custom{border-left:3px solid var(--neon-green)}.event-code-section{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;position:relative}.event-custom-badge{font-size:10px;font-weight:600;padding:2px 6px;background:#39ff1433;color:var(--neon-green);border-radius:4px;text-transform:uppercase}.event-code{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--neon-green);text-shadow:0 0 8px var(--neon-green-glow)}.event-format{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase}.format-cid{background:#39ff1433;color:var(--neon-green)}.format-dcs{background:#2196f333;color:#2196f3}.event-details{flex:1;display:flex;flex-direction:column;gap:8px}.event-actions{display:flex;gap:8px;align-items:flex-start}.event-description{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4}.event-meta{display:flex;gap:12px;flex-wrap:wrap}.event-category,.event-priority{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase}.category-fire{background:#f4433633;color:#f44336}.category-alarm{background:#ff980033;color:#ff9800}.category-malfunction{background:#ffc10733;color:#ffc107}.category-system{background:#2196f333;color:#2196f3}.category-openclose{background:#4caf5033;color:#4caf50}.category-other{background:#9e9e9e33;color:#9e9e9e}.priority-critical{background:#f4433633;color:#f44336}.priority-warning{background:#ff980033;color:#ff9800}.priority-info{background:#2196f333;color:#2196f3}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);font-size:14px}.event-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.event-form-content{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.event-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.event-form-header h3{font-family:var(--font-head);font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.event-form-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.event-form-body .form-group{display:flex;flex-direction:column;gap:8px}.event-form-body .form-group label{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-secondary)}.event-form-body .form-group input,.event-form-body .form-group select{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .2s ease}.event-form-body .form-group input:focus,.event-form-body .form-group select:focus{outline:none;border-color:var(--neon-green);background:#ffffff14}.event-form-body .form-group input:disabled,.event-form-body .form-group select:disabled{opacity:.5;cursor:not-allowed}.event-form-body .form-group small{font-size:11px;color:var(--text-secondary);margin-top:-4px}.event-form-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.event-form-actions .btn-primary,.event-form-actions .btn-secondary{padding:10px 20px;border-radius:6px;font-family:var(--font-head);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.event-form-actions .btn-primary{background:var(--neon-green);color:#000}.event-form-actions .btn-primary:hover{background:var(--neon-green-dark);box-shadow:0 0 10px var(--neon-green-glow)}.event-form-actions .btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.event-form-actions .btn-secondary:hover{background:#ffffff14;border-color:#fff3}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label small{display:block;margin-top:4px;font-size:11px;color:var(--text-secondary);font-style:italic}.checkbox-label-inline{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label-inline input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--neon-green)}.checkbox-label-inline span{font-family:var(--font-body);font-size:12px;color:var(--text-secondary);font-weight:500}.event-stack-checkbox{display:flex;align-items:center;padding:4px 8px;border-radius:4px;transition:all .2s ease}.event-stack-checkbox:hover{background:#39ff141a}.event-stack-checkbox label{margin:0}.ajax-monitor-container{display:flex;flex-direction:column;height:100%;width:100%}.site-journal-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.site-journal-content{background:#1a1a1a;border:2px solid var(--neon-green);border-radius:8px;width:95%;max-width:1600px;height:90vh;display:flex;flex-direction:column;box-shadow:0 0 20px #00ff004d}.site-journal-header{padding:20px;border-bottom:1px solid var(--neon-green);display:flex;justify-content:space-between;align-items:center;position:relative;background:#1a1a1a}.site-journal-header h2{margin:0;color:var(--neon-green);font-family:var(--font-head);font-size:20px}.site-journal-header .account-number-inline{color:#999;font-size:16px;font-weight:400;margin-left:8px}.btn-close{position:absolute;top:20px;right:20px;background:transparent;border:1px solid var(--neon-green);color:var(--neon-green);width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:20px;line-height:1;transition:all .2s}.btn-close:hover{background:var(--neon-green);color:#000}.site-journal-layout{display:flex;flex:1;overflow:hidden;background:#1a1a1a}.site-journal-sidebar{width:250px;background:#252525;border-right:1px solid rgba(0,255,0,.3);padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:10px}.btn-reset{background:transparent;border:none;color:#f44;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .2s}.btn-reset:hover{background:#ff44441a}.btn-refresh{background:transparent;border:1px solid var(--neon-green);color:var(--neon-green);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-refresh:hover{background:#00ff001a}.refresh-icon{font-size:14px}.btn-sidebar{background:#333;border:1px solid #444;color:#ccc;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .2s}.btn-sidebar:hover{background:#3a3a3a;border-color:#555}.filter-label{color:var(--neon-green);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.date-filter-input{width:100%;padding:8px 12px;background:#1a1a1a;border:1px solid rgba(0,255,0,.3);border-radius:4px;color:#ccc;font-size:13px;font-family:var(--font-body);margin-bottom:8px;transition:all .2s}.date-filter-input:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 8px #0f03}.date-filter-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.toggle-label{display:flex;align-items:center;gap:8px;color:#ccc;font-size:13px;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--neon-green)}.event-type-filters{display:flex;flex-direction:column;gap:8px}.event-type-btn{background:#333;border:1px solid #444;color:#999;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .2s}.event-type-btn:hover{background:#3a3a3a}.event-type-btn.active{background:#2a2a2a;border-color:var(--neon-green);color:var(--neon-green)}.btn-export{background:var(--neon-green);color:#000;border:none;padding:10px 16px;border-radius:4px;font-family:var(--font-head);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-export:hover:not(:disabled){background:#0f0;box-shadow:0 0 10px #00ff0080}.btn-export:disabled{opacity:.5;cursor:not-allowed}.site-journal-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#1a1a1a}.journal-table-container{flex:1;overflow-y:auto;overflow-x:auto}.journal-table{width:100%;border-collapse:collapse;background:#1a1a1a}.journal-table thead{position:sticky;top:0;z-index:10;background:#252525}.journal-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--neon-green);border-bottom:2px solid var(--neon-green);white-space:nowrap}.journal-table tbody tr{border-bottom:1px solid rgba(0,255,0,.1);transition:background .2s}.journal-table tbody tr:hover{background:#00ff000d}.date-separator{background:#2a2a2a;border-bottom:2px solid var(--neon-green)}.date-separator td{padding:12px 16px;font-weight:600;color:var(--neon-green);font-size:14px}.journal-row{position:relative}.journal-row td{padding:10px 16px;font-size:13px;color:#ccc;vertical-align:middle}.notification-time{position:relative;padding-left:24px!important;font-family:var(--font-mono);white-space:nowrap}.age-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 2px 2px 0}.journal-row.age-green .age-indicator{background:#4caf50}.journal-row.age-orange .age-indicator{background:#ff9800}.journal-row.age-red .age-indicator{background:#f44336}.operator{min-width:120px}.operator-info{display:flex;flex-direction:column;gap:4px}.operator-name{color:var(--neon-green);font-weight:500;font-size:12px}.operator-action{font-size:11px;color:#4caf50;padding:2px 6px;background:#4caf501a;border-radius:3px;display:inline-block;width:fit-content}.operator-action.closed{color:#ff9800;background:#ff98001a}.operator-empty{color:#666;font-style:italic}.title{color:#fff;font-weight:500}.event{display:flex;align-items:center;gap:8px}.event-icon{font-size:16px}.address{color:#999;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{font-family:var(--font-mono);color:#999;white-space:nowrap}.loading,.no-entries{text-align:center;padding:40px;color:#999;font-size:16px;flex:1;display:flex;align-items:center;justify-content:center}.customers-container{display:flex;flex-direction:column;height:100%;width:100%}.customers-layout{display:grid;grid-template-columns:350px 1fr;gap:20px;height:100%}.customers-list-panel{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.customers-list{flex:1;overflow-y:auto;padding:8px}.customer-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.customer-item:hover{background:#ffffff0f;border-color:#39ff144d}.customer-item.selected{background:#39ff141a;border-color:var(--neon-green)}.customer-info{flex:1;display:flex;flex-direction:column;gap:4px}.customer-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.customer-name{font-family:var(--font-head);font-size:15px;font-weight:600;color:var(--text-primary)}.customer-code{font-size:12px;color:var(--neon-green);font-weight:600;font-family:monospace}.customer-email{font-size:13px;color:var(--text-secondary)}.customer-sites-count{font-size:11px;color:var(--text-secondary);font-style:italic}.customer-actions{display:flex;gap:8px}.btn-icon-edit,.btn-icon-delete{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon-edit:hover{background:#2196f333;border-color:#2196f3}.btn-icon-delete:hover{background:#f4433633;border-color:#f44336}.btn-monitoring-toggle{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.btn-monitoring-toggle.active{background:#4caf5033;border-color:#4caf50;color:#4caf50}.btn-monitoring-toggle.inactive{background:#9e9e9e33;border-color:#9e9e9e;color:#9e9e9e}.btn-monitoring-toggle:hover{opacity:.8;transform:scale(1.05)}.monitoring-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.monitoring-status.enabled{background:#4caf5033;color:#4caf50}.monitoring-status.disabled{background:#9e9e9e33;color:#9e9e9e}.reaction-company-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.reaction-company-section strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px}.reaction-company-detail{font-size:13px;color:var(--text-secondary);margin-left:12px;margin-top:4px}.reaction-company-detail code{background:#39ff1433;color:var(--neon-green);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:12px}.keyholders-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.keyholders-section strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px}.keyholder-detail{font-size:13px;color:var(--text-secondary);margin-left:12px;margin-top:4px}.form-section-title{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-primary);margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.customer-details-panel{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:24px;overflow-y:auto}.customer-details-content{display:flex;flex-direction:column;gap:24px}.details-section{display:flex;flex-direction:column;gap:16px}.details-section h4{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.detail-item span{font-size:14px;color:var(--text-primary)}.account-code{font-family:monospace;color:var(--neon-green);font-weight:600;font-size:16px}.sites-list{display:flex;flex-direction:column;gap:12px}.site-item{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.site-actions{display:flex;gap:8px;align-items:center}.site-name{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-primary)}.site-id{font-family:monospace;font-size:13px;color:var(--neon-green);font-weight:600}.site-details{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-secondary)}.site-details div{display:flex;gap:8px}.site-details strong{color:var(--text-primary);min-width:100px}.service-type-badge{display:inline-block;padding:4px 10px;background:#39ff1426;color:var(--neon-green);border:1px solid rgba(57,255,20,.3);border-radius:12px;font-size:12px;font-weight:600;font-family:var(--font-head)}.account-number-badge{display:inline-block;padding:4px 10px;background:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3);border-radius:12px;font-size:12px;font-weight:600;font-family:monospace}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;padding:20px}.empty-message{color:var(--text-secondary);font-size:13px;font-style:italic;padding:20px;text-align:center}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-modal-content{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:1200px;max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.form-modal-header h3{font-family:var(--font-head);font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.btn-close{background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.btn-close:hover{background:#ffffff1a;color:var(--text-primary)}.form-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-group input,.form-group textarea{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--neon-green);background:#ffffff14}.form-group textarea{resize:vertical;min-height:60px}.form-section-title{font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--neon-green);margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.info-box{padding:12px 16px;background:#39ff141a;border:1px solid rgba(57,255,20,.3);border-radius:6px;font-size:13px;color:var(--text-primary)}.info-box strong{color:var(--neon-green)}.form-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.core-monitor-container{display:flex;flex-direction:column;height:100%;width:100%}.core-monitor-header{margin-bottom:24px}.core-monitor-header h2{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--neon-green);margin:0 0 8px;text-shadow:0 0 10px var(--neon-green-glow)}.core-monitor-header .subtitle{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);margin:0}.core-monitor-content{flex:1;overflow:auto}.users-layout{display:grid;grid-template-columns:350px 1fr;gap:20px;height:100%}.users-list-panel{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h3{font-family:var(--font-head);font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.users-list{flex:1;overflow-y:auto;padding:8px}.user-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.user-item:hover{background:#ffffff0f;border-color:#39ff144d}.user-item.selected{background:#39ff141a;border-color:var(--neon-green)}.user-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.user-name{font-family:var(--font-head);font-size:15px;font-weight:600;color:var(--text-primary)}.user-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase}.status-active{background:#4caf5033;color:#4caf50}.status-inactive{background:#9e9e9e33;color:#9e9e9e}.user-email{font-size:13px;color:var(--text-secondary)}.user-role{font-size:12px;color:var(--neon-green);font-weight:500}.user-actions{display:flex;gap:8px}.btn-icon{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#ffffff0d;border-color:#fff3}.btn-icon.btn-danger:hover{background:#f4433633;border-color:#f44336}.user-details-panel{background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:24px;overflow-y:auto}.user-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h4{font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--neon-green);background:#ffffff14}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.access-rights{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:6px;transition:background .2s ease}.checkbox-label:hover{background:#ffffff08}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--neon-green)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label span{font-family:var(--font-body);font-size:14px;color:var(--text-primary)}.form-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-family:var(--font-head);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--neon-green);color:#000}.btn-primary:hover{background:var(--neon-green-dark);box-shadow:0 0 10px var(--neon-green-glow)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.empty-state p{color:var(--text-secondary);font-size:14px;text-align:center}.corelink-container{display:flex;flex-direction:column;height:100%;width:100%}.corelink-header{margin-bottom:24px}.corelink-header h2{font-family:var(--font-head);font-size:28px;font-weight:700;color:var(--neon-green);margin:0 0 8px;text-shadow:0 0 10px var(--neon-green-glow)}.corelink-header .subtitle{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);margin:0}.corelink-content{flex:1;overflow:auto}.settings{display:flex;flex-direction:column;height:100%;width:100%}.settings .btn-secondary{padding:10px 20px;border-radius:6px;font-family:var(--font-head);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.settings .btn-secondary:hover{background:#ffffff14;border-color:#fff3}