:root{--color-bg-primary:#0f1419;--color-bg-secondary:#1a1f2e;--color-bg-tertiary:#242d3d;--color-text-primary:#e0e0e0;--color-text-secondary:#a0aac0;--color-red:#ef4444;--color-yellow:#f59e0b;--color-green:#10b981;--color-blue:#3b82f6;--color-border:#404860;--color-hover:#2a3445;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1419;background-color:var(--color-bg-primary);color:#e0e0e0;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,Arial,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1f2e;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#404860;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aac0;background:var(--color-text-secondary)}button{background:none;border:none;cursor:pointer;font-family:inherit}.btn,button{transition:all .2s ease}.btn{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px}.btn-primary{background:#3b82f6;background:var(--color-blue);color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.btn-danger{background:#ef4444;background:var(--color-red);color:#fff}.btn-danger:hover{background:#dc2626}.card{background:#1a1f2e;background:var(--color-bg-secondary);border:1px solid #404860;border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.card:hover{border-color:#3b82f6;border-color:var(--color-blue);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-red{background:#ef444433;border:1px solid #ef4444;border:1px solid var(--color-red);color:#ef4444;color:var(--color-red)}.badge-yellow{background:#f59e0b33;border:1px solid #f59e0b;border:1px solid var(--color-yellow);color:#f59e0b;color:var(--color-yellow)}.badge-green{background:#10b98133;border:1px solid #10b981;border:1px solid var(--color-green);color:#10b981;color:var(--color-green)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:2px solid #404860;border-top-color:#3b82f6;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-blue);display:inline-block;height:16px;width:16px}@media (max-width:1024px){:root{font-size:14px}}@media (max-width:768px){:root{font-size:13px}}.app{background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;height:100vh;width:100%}.main-container{display:flex;flex:1 1;overflow:hidden}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:30px;overflow-y:auto;padding:20px;width:280px}.nav-section h3{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.filter-btn,.nav-item{background:var(--color-bg-tertiary);border:1px solid #0000;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;margin-bottom:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.filter-btn:hover,.nav-item:hover{background:var(--color-hover);color:var(--color-text-primary)}.filter-btn.active,.nav-item.active{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.content{flex:1 1;overflow-y:auto;padding:30px}.section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:30px;padding:24px;transition:all .2s ease}.section:hover{border-color:var(--color-blue);box-shadow:var(--shadow-md)}.section-full{padding:24px}.section-header{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:16px}.section-header h2{font-size:20px;font-weight:600;margin-bottom:8px}.section-description{color:var(--color-text-secondary);font-size:13px}@media (max-width:1024px){.sidebar{padding:16px;width:240px}.content{padding:20px}.section{margin-bottom:20px;padding:16px}}@media (max-width:768px){.main-container{flex-direction:column}.sidebar{grid-gap:20px;border-bottom:1px solid var(--color-border);border-right:none;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px;width:100%}.nav-section{display:flex;flex-direction:column}.content{padding:16px}.section-header h2{font-size:18px}}@media (max-width:480px){.sidebar{grid-template-columns:1fr}.content,.section{padding:12px}.section{margin-bottom:16px}.section-header h2{font-size:16px}}.header{align-items:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border-bottom:2px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding:16px 24px}.header-left{flex:1 1;min-width:300px}.logo{align-items:center;display:flex;gap:16px}.logo-icon{animation:float 3s ease-in-out infinite;font-size:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}.logo-text p{color:var(--color-text-secondary);font-size:12px;letter-spacing:.5px;margin:4px 0 0}.header-center{flex-direction:column}.header-center,.system-status{align-items:center;display:flex;gap:8px}.system-status{color:var(--color-green);font-size:13px;font-weight:500}.status-indicator{animation:pulse 2s ease-in-out infinite;background:var(--color-green);border-radius:50%;height:10px;width:10px}.status-indicator.alive{box-shadow:0 0 10px #10b981cc}@keyframes pulse{0%,to{box-shadow:0 0 10px #10b981cc;opacity:1}50%{box-shadow:0 0 5px #10b98166;opacity:.6}}.current-time{color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:12px;letter-spacing:.5px}.header-right{flex:1 1;min-width:300px}.stats-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;min-width:100px;padding:12px 16px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--color-blue);box-shadow:var(--shadow-sm)}.stat-card.critical{background:#ef44440d;border-color:var(--color-red)}.stat-card.critical:hover{border-color:var(--color-red);box-shadow:0 0 10px #ef444433}.stat-card.warning{background:#f59e0b0d;border-color:var(--color-yellow)}.stat-card.warning:hover{border-color:var(--color-yellow);box-shadow:0 0 10px #f59e0b33}.stat-card.safe{background:#10b9810d;border-color:var(--color-green)}.stat-card.safe:hover{border-color:var(--color-green);box-shadow:0 0 10px #10b98133}.stat-value{font-size:20px;margin-bottom:4px}@media (max-width:1200px){.header{gap:16px;padding:12px 16px}.logo-text h1{font-size:20px}.stats-row{gap:8px}.stat-card{min-width:80px;padding:10px 12px}.stat-value{font-size:16px}}@media (max-width:768px){.header{align-items:stretch;flex-direction:column;gap:16px}.header-left,.header-right{min-width:auto}.header-right{order:3}.stats-row{justify-content:space-around}.logo{justify-content:center}.header-center{order:2}}@media (max-width:480px){.logo-icon{font-size:24px}.logo-text h1{font-size:18px}.stat-card{flex:1 1;min-width:60px}.stat-value{font-size:14px}.stat-label{font-size:10px}}.risk-triage-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px}.triage-list{display:flex;flex-direction:column}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.list-header h3{font-size:16px;font-weight:600;margin:0}.list-controls{display:flex;gap:8px}.sort-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.sort-btn:hover{background:var(--color-hover);border-color:var(--color-blue)}.events-table{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.table-header{grid-template-columns:80px 1fr 100px 140px 100px 90px}.col-objects,.col-oxd,.col-oxt,.col-poc,.col-status,.col-tca{overflow:hidden}.table-row{background:var(--color-bg-primary);cursor:pointer;grid-template-columns:80px 1fr 100px 140px 100px 90px}.table-row.selected{background:#3b82f61a;border-left:3px solid var(--color-blue);padding-left:13px}.status-badge{align-items:center;display:flex;font-size:13px;gap:8px}.badge-text{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-text.red{color:var(--color-red)}.badge-text.yellow{color:var(--color-yellow)}.badge-text.green{color:var(--color-green)}.objects-info{display:flex;flex-direction:column;gap:4px}.object-pair{align-items:center;display:flex;font-size:13px;gap:8px}.object-name{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{font-size:12px}.event-id,.separator{color:var(--color-text-secondary)}.event-id{font-family:Courier New,monospace;font-size:11px}.poc-display{align-items:center;background:var(--color-bg-tertiary);border-radius:4px;display:flex;height:24px;overflow:hidden;position:relative}.poc-bar{height:100%;left:0;opacity:.6;position:absolute;top:0;transition:width .3s ease}.poc-value{color:var(--color-text-primary);font-size:12px;font-weight:600;margin-left:8px;position:relative;z-index:1}.tca-time{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.oxd-value,.oxt-value,.tca-time{font-family:Courier New,monospace}.oxd-value,.oxt-value{color:var(--color-text-primary);font-size:13px;font-weight:600}.oxd-value.critical{color:var(--color-red);font-weight:700}.risk-summary{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.risk-summary h3{font-size:14px;font-weight:600;margin:0}.summary-grid{display:flex;flex-direction:column;gap:10px}.summary-card{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.summary-card:hover{background:var(--color-hover);border-color:var(--color-blue)}.summary-icon{font-size:24px;min-width:32px;text-align:center}.summary-content{flex:1 1}.summary-label{color:var(--color-text-secondary);font-size:11px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.summary-stat{color:var(--color-text-primary);font-size:16px;font-weight:700}.risk-distribution{border-top:1px solid var(--color-border);padding-top:12px}.risk-distribution h4{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.distribution-bars{display:flex;flex-direction:column;gap:10px}.bar-item{align-items:center;display:flex;font-size:11px;gap:8px}.bar-label{min-width:50px}.bar-container{background:var(--color-bg-tertiary);border-radius:2px;flex:1 1;height:16px;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.bar-fill.green{background:var(--color-green)}.bar-fill.yellow{background:var(--color-yellow)}.bar-fill.orange{background:#f97316}.bar-fill.red{background:var(--color-red)}.bar-count{color:var(--color-text-secondary);font-weight:500;min-width:20px;text-align:right}@media (max-width:1200px){.risk-triage-container{grid-template-columns:1fr}.table-header,.table-row{font-size:11px;grid-template-columns:70px 1fr 80px 100px 80px 70px}.object-pair{font-size:12px}}@media (max-width:768px){.table-header,.table-row{gap:8px;grid-template-columns:60px 1fr 70px 80px 60px 60px;padding:8px 12px}.poc-value{font-size:11px;margin-left:4px}}@media (max-width:480px){.table-header,.table-row{gap:4px;grid-template-columns:50px 1fr 50px 60px 50px 50px;padding:6px 8px}.summary-grid{display:grid;grid-template-columns:1fr 1fr}.summary-card{gap:8px;padding:8px}.summary-stat{font-size:14px}}.iframe-visualization{display:flex;flex-direction:column;gap:20px}.visualization-header{margin-bottom:8px}.visualization-header h3{color:var(--color-blue);font-size:18px;font-weight:700;margin:0 0 4px}.visualization-subtitle{color:var(--color-text-secondary);font-size:13px;font-style:italic;margin:0}.url-form{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:24px}.form-group{gap:8px}.form-group label{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group label,.url-input{color:var(--color-text-primary)}.url-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;font-family:Courier New,monospace;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.url-input:focus{border-color:var(--color-blue);box-shadow:0 0 8px #3b82f64d;outline:none}.form-hint{color:var(--color-text-secondary);font-size:12px;font-style:italic;margin:0}.submit-btn{align-self:flex-start;background:var(--color-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.submit-btn:hover{background:#2563eb;box-shadow:0 0 12px #3b82f666;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.iframe-container{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);height:700px;overflow:hidden;width:100%}.embed-iframe{border:none;display:block;height:100%;width:100%}.iframe-actions{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.edit-btn{background:var(--color-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.edit-btn:hover{background:#2563eb;box-shadow:0 0 8px #3b82f64d}.current-url{color:var(--color-text-secondary);flex:1 1;font-family:Courier New,monospace;font-size:12px;margin:0;word-break:break-all}@media (max-width:1200px){.iframe-container{height:600px}}@media (max-width:768px){.iframe-container{border-radius:6px;height:500px}.visualization-header h3{font-size:16px}.visualization-subtitle{font-size:12px}.url-form{padding:16px}.iframe-actions{align-items:stretch;flex-direction:column;text-align:center}.edit-btn{width:100%}.current-url{text-align:center}}@media (max-width:480px){.iframe-container{height:400px}.visualization-header h3{font-size:14px}.visualization-subtitle{display:none}.url-form{padding:12px}.url-input{font-size:13px;padding:10px 12px}.submit-btn{text-align:center;width:100%}.form-hint{font-size:11px}.edit-btn{font-size:12px;padding:8px 16px}.current-url{font-size:11px}}.event-details-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.event-header{align-items:flex-start;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:24px}.event-title h3{color:var(--color-blue);font-family:Courier New,monospace;font-size:18px;font-weight:700;margin:0 0 8px}.event-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.event-metrics{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.metric-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:12px;text-align:center}.metric-label{color:var(--color-text-secondary);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{color:var(--color-text-primary);font-family:Courier New,monospace;font-size:20px;font-weight:700}.metric-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.metric-badge.red{background:#ef444433;border:1px solid var(--color-red);color:var(--color-red)}.metric-badge.yellow{background:#f59e0b33;border:1px solid var(--color-yellow);color:var(--color-yellow)}.metric-badge.green{background:#10b98133;border:1px solid var(--color-green);color:var(--color-green)}.metric-trend{align-items:center;display:flex;font-size:14px;font-weight:600;gap:4px;justify-content:center}.metric-trend .increasing{color:var(--color-red)}.metric-trend .decreasing{color:var(--color-green)}.details-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex}.details-content{animation:fadeIn .2s ease;padding:24px}.tab-pane{display:flex;flex-direction:column;gap:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:16px;transition:all .2s ease}.info-card:hover{border-color:var(--color-blue);box-shadow:var(--shadow-sm)}.info-card h4{color:var(--color-blue);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.info-card h4,.info-row{border-bottom:1px solid var(--color-border)}.info-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.label{color:var(--color-text-secondary);flex:1 1;font-size:12px}.value{color:var(--color-text-primary);font-family:Courier New,monospace;font-size:13px;font-weight:500}.value.highlight{color:var(--color-blue);font-weight:700}.classification{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.classification.red{background:#ef444433;color:var(--color-red)}.classification.yellow{background:#f59e0b33;color:var(--color-yellow)}.classification.green{background:#10b98133;color:var(--color-green)}.confidence-bar{align-items:center;display:flex;flex:1 1;gap:8px}.bar-fill{background:linear-gradient(90deg,var(--color-yellow),var(--color-green));border-radius:3px;flex:1 1;height:6px}.bar-label{color:var(--color-text-secondary);font-size:11px;min-width:40px;text-align:right}.progress-bar{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;margin:12px 0;padding:12px}.progress-label{color:var(--color-text-secondary);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.progress-container{border:1px solid var(--color-border);border-radius:4px;display:flex;height:24px;overflow:hidden}.progress-segment{align-items:center;color:var(--color-text-primary);display:flex;font-size:9px;font-weight:600;justify-content:center;transition:opacity .2s ease}.info-text{color:var(--color-text-secondary);font-size:12px;font-style:italic;margin-top:8px}.timeline-chart{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;margin-bottom:16px;padding:16px}.timeline-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:12px;text-align:center}.stat-box:hover{border-color:var(--color-blue)}.stat-label{color:var(--color-text-secondary);font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:var(--color-text-primary);font-family:Courier New,monospace;font-size:16px;font-weight:700}.stat-value.increasing{color:var(--color-red)}.stat-value.decreasing{color:var(--color-green)}.objects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.object-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:16px}.object-card h4{border-bottom:1px solid var(--color-border);color:var(--color-blue);font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.object-details{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.detail-row .label{color:var(--color-text-secondary)}.detail-row .value{color:var(--color-text-primary);font-family:Courier New,monospace}.detail-section{background:var(--color-bg-primary);border-left:2px solid var(--color-blue);border-radius:4px;margin-top:8px;padding:10px 12px}.detail-title{color:var(--color-blue);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}@media (max-width:768px){.event-header{flex-direction:column}.event-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.details-tabs{overflow-x:auto}.tab-button{font-size:12px;padding:10px 12px;white-space:nowrap}.info-grid,.objects-grid{grid-template-columns:1fr}}@media (max-width:480px){.event-header{padding:16px}.event-metrics{gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{padding:10px}.metric-value{font-size:16px}.details-content{padding:16px}.progress-segment span{display:none}}.alert-management{display:flex;flex-direction:column;gap:20px}.alert-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-radius:8px 8px 0 0;display:flex;overflow:hidden}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;letter-spacing:.5px;padding:12px 16px;text-align:center;text-transform:uppercase;transition:all .2s ease}.tab-button:hover{background:var(--color-hover);color:var(--color-text-primary)}.tab-button.active{border-bottom-color:var(--color-blue);color:var(--color-blue)}.alert-content{animation:fadeIn .2s ease;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0 0 8px 8px;padding:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-pane h3{font-size:16px;font-weight:600;margin:0 0 16px}.subscriptions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subscription-form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:16px}.subscription-form h4{color:var(--color-blue);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label,.form-group select{color:var(--color-text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--color-blue);box-shadow:0 0 8px #3b82f633;outline:none}.form-checkboxes{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px}.form-checkboxes label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px}.form-checkboxes input[type=checkbox]{accent-color:var(--color-blue);cursor:pointer;height:16px;width:16px}.form-actions{display:flex;gap:10px}.subscriptions-list{display:flex;flex-direction:column;gap:12px}.empty-state{background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:8px;padding:40px 20px;text-align:center}.empty-state p{color:var(--color-text-secondary);font-size:14px;margin:0 0 16px}.subscription-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:16px;transition:all .2s ease}.subscription-card:hover{border-color:var(--color-blue);box-shadow:var(--shadow-sm)}.subscription-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.subscription-info h4{color:var(--color-text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.subscription-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{color:var(--color-text-secondary);font-size:11px}.btn-delete{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;transition:all .2s ease}.btn-delete:hover{opacity:1;transform:scale(1.1)}.subscription-alerts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.alert-setting{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;display:flex;font-size:12px;gap:8px;padding:8px 10px}.alert-setting.enabled{background:#10b9810d;border-color:var(--color-green)}.alert-setting.disabled{opacity:.5}.alert-setting .icon{font-size:14px}.alert-setting .label{color:var(--color-text-secondary);flex:1 1}.alert-setting .status{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.alert-setting .status.active{color:var(--color-green)}.alert-setting .status.inactive{color:var(--color-text-secondary)}.history-pane{display:flex;flex-direction:column;gap:16px}.alerts-table{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.table-header{grid-gap:12px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:grid;font-size:12px;font-weight:600;gap:12px;grid-template-columns:140px 120px 100px 1fr 100px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--color-border);display:grid;font-size:12px;gap:12px;grid-template-columns:140px 120px 100px 1fr 100px;padding:12px 16px;transition:all .2s ease}.table-row:hover{background:var(--color-hover)}.table-row:last-child{border-bottom:none}.col-date{color:var(--color-text-secondary)}.col-date,.col-event{font-family:Courier New,monospace}.col-event{color:var(--color-blue);font-weight:500}.col-severity{display:flex;justify-content:center}.severity-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-badge.red{background:#ef444433;border:1px solid var(--color-red);color:var(--color-red)}.severity-badge.yellow{background:#f59e0b33;border:1px solid var(--color-yellow);color:var(--color-yellow)}.severity-badge.orange{background:#f9731633;border:1px solid #f97316;color:#f97316}.severity-badge.green{background:#10b98133;border:1px solid var(--color-green);color:var(--color-green)}.recipient-list{display:flex;flex-wrap:wrap;gap:4px}.recipient{background:var(--color-bg-tertiary);border-radius:3px;color:var(--color-text-secondary);font-size:11px;padding:2px 6px}.col-status{display:flex;justify-content:center}.status-badge{background:#10b98133;border-radius:4px;color:var(--color-green);display:inline-block;font-size:10px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.failed{background:#ef444433;color:var(--color-red)}.status-badge.pending{background:#f59e0b33;color:var(--color-yellow)}.empty-message{color:var(--color-text-secondary);font-size:13px;padding:40px 20px;text-align:center}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.setting-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:16px}.setting-card h4{color:var(--color-blue);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.setting-card h4,.setting-item{border-bottom:1px solid var(--color-border)}.setting-item{margin-bottom:12px;padding-bottom:12px}.setting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-item label{color:var(--color-text-secondary);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.setting-item label input[type=checkbox]{accent-color:var(--color-blue);margin-right:6px}.input-group{align-items:center;display:flex;gap:8px}.input-group input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);flex:1 1;font-family:Courier New,monospace;font-size:12px;padding:6px 10px}.input-group input:focus{border-color:var(--color-blue);outline:none}.unit{color:var(--color-text-secondary);font-size:12px;min-width:30px}.setting-item input[type=number],.setting-item input[type=time]{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;padding:6px 10px;width:100%}.setting-info{background:#3b82f60d;border-left:2px solid var(--color-blue);border-radius:2px;color:var(--color-text-secondary);font-size:11px;margin-top:8px;padding:8px}.settings-actions{display:flex;gap:10px}.settings-actions .btn{flex:1 1}@media (max-width:768px){.form-grid,.settings-grid,.subscription-alerts{grid-template-columns:1fr}.table-header,.table-row{font-size:11px;gap:8px;grid-template-columns:100px 80px 70px 1fr 60px}.subscription-meta{gap:8px}.meta-item{font-size:10px}.col-date{font-size:11px}}@media (max-width:480px){.alert-tabs{overflow-x:auto}.tab-button{font-size:11px;padding:10px 12px;white-space:nowrap}.alert-content{padding:16px}.tab-pane h3{font-size:14px}.form-grid{grid-template-columns:1fr}.table-header,.table-row{font-size:10px;gap:4px;grid-template-columns:80px 60px 50px 1fr 50px;padding:8px 12px}.settings-actions{flex-direction:column}}
/*# sourceMappingURL=main.155d595a.css.map*/