:root{--color-background:#1a1a1a;--color-surface:#2d3436;--color-primary:#4caf50;--color-primary-dark:#45a049;--color-text:#fff;--color-text-secondary:#aaa;--color-border:#333;--color-success:#4caf50;--color-danger:#d32f2f;--color-warning:orange;--color-info:#2196f3}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--color-background);width:100%;height:100%;color:var(--color-text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{font-family:inherit}input,select,textarea{color:var(--color-text);font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}[data-v-ff181f52]{box-sizing:border-box;margin:0;padding:0}#app[data-v-ff181f52]{color:#fff;background:#1a1a1a;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.sidebar[data-v-ff181f52]{background:linear-gradient(135deg,#2d3436 0%,#1a1a1a 100%);border-right:1px solid #333;flex-direction:column;width:250px;display:flex;box-shadow:2px 0 10px #0000004d}.sidebar-header[data-v-ff181f52]{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-bottom:1px solid #333;padding:25px}.sidebar-header h1[data-v-ff181f52]{color:#fff;font-size:1.5em;font-weight:700}.nav-menu[data-v-ff181f52]{flex-grow:1;padding:20px 0;list-style:none}.nav-menu li[data-v-ff181f52]{margin:0}.nav-menu a[data-v-ff181f52]{color:#aaa;border-left:4px solid #0000;padding:15px 20px;text-decoration:none;transition:all .3s;display:block}.nav-menu a[data-v-ff181f52]:hover{color:#4caf50;background:#4caf501a;border-left-color:#4caf50}.nav-menu a.active[data-v-ff181f52]{color:#4caf50;background:#4caf5033;border-left-color:#4caf50;font-weight:600}.sidebar-footer[data-v-ff181f52]{border-top:1px solid #333;padding:20px}.logout-btn[data-v-ff181f52]{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:4px;width:100%;padding:10px;font-size:1em;transition:background .3s}.logout-btn[data-v-ff181f52]:hover{background:#b71c1c}.main-content[data-v-ff181f52]{background:#1a1a1a;flex-grow:1;padding:30px;overflow:auto}@media (width<=768px){#app[data-v-ff181f52]{flex-direction:column}.sidebar[data-v-ff181f52]{width:100%;height:auto}.nav-menu[data-v-ff181f52]{flex-direction:row;padding:10px 0;display:flex}.nav-menu li[data-v-ff181f52]{flex-grow:1}.nav-menu a[data-v-ff181f52]{text-align:center;padding:10px}}.login-container[data-v-3c6761d3]{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);justify-content:center;align-items:center;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-box[data-v-3c6761d3]{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}h1[data-v-3c6761d3]{color:#4caf50;text-align:center;margin-bottom:5px;font-size:2em}.subtitle[data-v-3c6761d3]{text-align:center;color:#666;margin-bottom:30px;font-size:.9em}.form-group[data-v-3c6761d3]{margin-bottom:20px}label[data-v-3c6761d3]{color:#333;margin-bottom:8px;font-weight:600;display:block}input[data-v-3c6761d3]{color:#333;background-color:#fff;border:2px solid #ddd;border-radius:4px;width:100%;padding:12px;font-size:1em;transition:all .3s}input[data-v-3c6761d3]::placeholder{color:#999}input[data-v-3c6761d3]:focus{background-color:#fafafa;border-color:#4caf50;outline:none;box-shadow:0 0 8px #4caf5066}.login-btn[data-v-3c6761d3]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:4px;width:100%;padding:12px;font-size:1em;font-weight:600;transition:transform .2s}.login-btn[data-v-3c6761d3]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.login-btn[data-v-3c6761d3]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-3c6761d3]{color:#d32f2f;text-align:center;background:#ffebee;border-radius:4px;margin-top:15px;padding:10px}.demo-credentials[data-v-3c6761d3]{color:#666;background:#f5f5f5;border-top:1px solid #eee;border-radius:4px;margin-top:30px;padding:15px;font-size:.9em}.demo-credentials p[data-v-3c6761d3]{margin:5px 0}.dashboard-view[data-v-8e26ba91]{width:100%}.header h2[data-v-8e26ba91]{color:#fff;margin-bottom:10px;font-size:2em}.last-sync[data-v-8e26ba91]{color:#aaa;margin:0;font-size:.9em}.loading[data-v-8e26ba91],.error[data-v-8e26ba91]{text-align:center;color:#aaa;background:#ffffff0d;border-radius:8px;padding:30px}.dashboard-content[data-v-8e26ba91]{gap:30px;display:grid}.section-title[data-v-8e26ba91]{color:#fff;border-bottom:2px solid #444;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:1.3em}.critical-section[data-v-8e26ba91]{background:#ffffff05;border:1px solid #333;border-radius:8px;padding:20px}.empty-state[data-v-8e26ba91]{text-align:center;color:#4caf50;background:#4caf501a;border:1px solid #4caf50;border-radius:4px;padding:20px;font-weight:600}.alerts-list[data-v-8e26ba91]{gap:12px;display:grid}.alert-item[data-v-8e26ba91]{background:#ffffff08;border-left:5px solid #666;border-radius:4px;align-items:flex-start;gap:15px;padding:15px;display:flex}.alert-item.critical[data-v-8e26ba91]{background:#d32f2f14;border-left-color:#d32f2f}.alert-item.warning[data-v-8e26ba91]{background:#ff980014;border-left-color:orange}.alert-item.info[data-v-8e26ba91]{background:#2196f30d;border-left-color:#2196f3}.alert-icon[data-v-8e26ba91]{min-width:24px;font-size:1.5em}.alert-content[data-v-8e26ba91]{flex-grow:1}.alert-title[data-v-8e26ba91]{color:#fff;margin:0;font-weight:600}.alert-message[data-v-8e26ba91]{color:#aaa;margin:5px 0;font-size:.9em}.alert-source[data-v-8e26ba91]{color:#666;margin:0;font-size:.8em}.btn-acknowledge[data-v-8e26ba91]{color:#fff;cursor:pointer;white-space:nowrap;background:#4caf50;border:none;border-radius:4px;padding:8px 15px;font-size:.9em;transition:background .2s}.btn-acknowledge[data-v-8e26ba91]:hover{background:#45a049}.badge-acked[data-v-8e26ba91]{color:#fff;background:#4caf50;border-radius:4px;padding:6px 12px;font-size:.85em;font-weight:600}.offline-devices-grid[data-v-8e26ba91]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.device-card[data-v-8e26ba91]{background:#d32f2f14;border:1px solid #d32f2f;border-radius:6px;padding:15px}.device-card.offline[data-v-8e26ba91]{border-color:#d32f2f}.device-header[data-v-8e26ba91]{justify-content:space-between;margin-bottom:10px;display:flex}.device-status[data-v-8e26ba91]{color:#fff;background:#d32f2f;border-radius:3px;padding:4px 10px;font-size:.85em;font-weight:600}.device-source[data-v-8e26ba91]{color:#aaa;background:#ffffff1a;border-radius:3px;padding:4px 10px;font-size:.8em}.device-name[data-v-8e26ba91]{color:#fff;margin:8px 0 4px;font-weight:600}.device-site[data-v-8e26ba91]{color:#aaa;margin:4px 0;font-size:.9em}.device-time[data-v-8e26ba91]{color:#666;margin:4px 0 0;font-size:.85em}.summary-section[data-v-8e26ba91]{background:#ffffff05;border:1px solid #333;border-radius:8px;padding:20px}.kpi-grid[data-v-8e26ba91]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}.kpi-card[data-v-8e26ba91]{background:#ffffff08;border:1px solid #333;border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.kpi-icon[data-v-8e26ba91]{font-size:2em}.kpi-content[data-v-8e26ba91]{flex:1}.kpi-label[data-v-8e26ba91]{color:#aaa;margin:0;font-size:.85em}.kpi-value[data-v-8e26ba91]{color:#fff;margin:5px 0 0;font-size:1.6em;font-weight:700}.kpi-value.online[data-v-8e26ba91]{color:#4caf50}.kpi-value.offline[data-v-8e26ba91]{color:#d32f2f}.kpi-value.critical-count[data-v-8e26ba91]{color:orange}@media (width<=768px){.offline-devices-grid[data-v-8e26ba91]{grid-template-columns:1fr}.kpi-grid[data-v-8e26ba91]{grid-template-columns:repeat(2,1fr)}}.device-modal[data-v-fe2b48af]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-fe2b48af]{background:#2d3436;border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-header[data-v-fe2b48af]{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2[data-v-fe2b48af]{color:#fff;margin:0}.close-btn[data-v-fe2b48af]{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5em;display:flex}.close-btn[data-v-fe2b48af]:hover{background:#ffffff1a;border-radius:50%}.modal-body[data-v-fe2b48af]{flex-grow:1;padding:20px}.device-info[data-v-fe2b48af]{flex-direction:column;gap:20px;display:flex}.info-section[data-v-fe2b48af]{background:#ffffff05;border:1px solid #333;border-radius:6px;padding:15px}.info-section h4[data-v-fe2b48af]{color:#4caf50;margin:0 0 12px;font-size:1em}.info-row[data-v-fe2b48af]{color:#ccc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row.large[data-v-fe2b48af]{padding:12px 0}.info-row[data-v-fe2b48af]:last-child{border-bottom:none}.label[data-v-fe2b48af]{color:#4caf50;min-width:150px;font-weight:600}.status-badge[data-v-fe2b48af],.compliance-badge[data-v-fe2b48af]{text-align:right;border-radius:20px;padding:6px 14px;font-size:.9em;font-weight:600}.status-badge.online[data-v-fe2b48af]{color:#4caf50;background:#4caf5033;border:1px solid #4caf50}.status-badge.offline[data-v-fe2b48af]{color:#ff6b6b;background:#d32f2f33;border:1px solid #ff6b6b}.compliance-badge.success[data-v-fe2b48af]{color:#4caf50;background:#4caf5033;border:1px solid #4caf50}.compliance-badge.warning[data-v-fe2b48af]{color:orange;background:#ff980033;border:1px solid orange}.compliance-badge.danger[data-v-fe2b48af]{color:#ff6b6b;background:#d32f2f33;border:1px solid #ff6b6b}.compliance-badge.neutral[data-v-fe2b48af]{color:#aaa;background:#ffffff0d;border:1px solid #333}.compliance-section[data-v-fe2b48af]{background:#ff6b6b0d;border:1px solid #ff6b6b33}.compliance-section h4[data-v-fe2b48af]{color:#f99}.modal-footer[data-v-fe2b48af]{border-top:1px solid #333;justify-content:flex-end;gap:10px;padding:20px;display:flex}.btn-secondary[data-v-fe2b48af]{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #333;border-radius:4px;padding:10px 20px;transition:all .3s}.btn-secondary[data-v-fe2b48af]:hover{background:#fff3}@media (width<=600px){.modal-content[data-v-fe2b48af]{width:95%;max-height:95vh}.info-row[data-v-fe2b48af]{flex-direction:column;gap:5px}.label[data-v-fe2b48af]{min-width:auto}}.sites-view[data-v-c6cef8b1]{width:100%}.header h2[data-v-c6cef8b1]{color:#fff;margin-bottom:20px;font-size:2em}.loading[data-v-c6cef8b1],.error[data-v-c6cef8b1]{text-align:center;color:#aaa;background:#ffffff0d;border-radius:8px;padding:30px}.sites-container[data-v-c6cef8b1]{grid-template-columns:250px 1fr;gap:20px;display:grid}.sites-list[data-v-c6cef8b1]{gap:10px;height:fit-content;display:grid}.site-card[data-v-c6cef8b1]{cursor:pointer;background:#ffffff08;border:1px solid #333;border-left:4px solid #666;border-radius:6px;padding:15px;transition:all .3s}.site-card.active[data-v-c6cef8b1]{background:#4caf501a;border-color:#4caf50}.site-card.border-critical[data-v-c6cef8b1]{background:#ef44440d;border-left-color:#ef4444}.site-card.border-high[data-v-c6cef8b1]{background:#f973160d;border-left-color:#f97316}.site-card.border-moderate[data-v-c6cef8b1]{background:#eab3080d;border-left-color:#eab308}.site-card.border-low[data-v-c6cef8b1]{background:#6b72800d;border-left-color:#6b7280}.site-card.border-none[data-v-c6cef8b1]{border-left-color:#4b5563}.site-card[data-v-c6cef8b1]:hover{border-color:#4caf50}.site-header[data-v-c6cef8b1]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.site-card h3[data-v-c6cef8b1]{color:#fff;flex:1;margin:0;font-size:1.1em}.alert-count[data-v-c6cef8b1]{color:#94a3b8;white-space:nowrap;margin-left:10px;font-size:.85em}.site-meta[data-v-c6cef8b1]{color:#aaa;font-size:.9em}.site-meta p[data-v-c6cef8b1]{margin:5px 0}.site-details[data-v-c6cef8b1]{background:#ffffff05;border:1px solid #333;border-radius:8px;padding:20px}.site-details h2[data-v-c6cef8b1]{color:#4caf50;margin-bottom:20px}.devices-grid[data-v-c6cef8b1]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.device-card[data-v-c6cef8b1]{cursor:pointer;background:#ffffff08;border:1px solid #333;border-radius:6px;padding:15px;transition:all .3s}.device-card[data-v-c6cef8b1]:hover{background:#4caf501a;border-color:#4caf50}.device-header[data-v-c6cef8b1]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.device-card h4[data-v-c6cef8b1]{color:#fff;flex:1;margin:0}.status-badge[data-v-c6cef8b1]{border-radius:3px;padding:4px 8px;font-size:.8em;font-weight:600}.status-badge.connected[data-v-c6cef8b1],.status-badge.active[data-v-c6cef8b1]{color:#fff;background:#4caf50}.status-badge.offline[data-v-c6cef8b1]{color:#fff;background:#d32f2f}.status-badge.unknown[data-v-c6cef8b1]{color:#fff;background:#666}.device-metrics[data-v-c6cef8b1]{color:#aaa;font-size:.85em}.device-metrics p[data-v-c6cef8b1]{margin:5px 0}.click-hint[data-v-c6cef8b1]{color:#4caf50;margin-top:10px;font-size:.85em}@media (width<=1024px){.sites-container[data-v-c6cef8b1]{grid-template-columns:1fr}.sites-list[data-v-c6cef8b1]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}}.sites-view[data-v-2ddba67c]{width:100%}.header h2[data-v-2ddba67c]{color:#fff;margin-bottom:20px;font-size:2em}.loading[data-v-2ddba67c],.error[data-v-2ddba67c]{text-align:center;color:#aaa;background:#ffffff0d;border-radius:8px;padding:30px}.sites-container[data-v-2ddba67c]{grid-template-columns:250px 1fr;gap:20px;display:grid}.sites-list[data-v-2ddba67c]{gap:10px;height:fit-content;display:grid}.site-card[data-v-2ddba67c]{cursor:pointer;background:#ffffff08;border:1px solid #333;border-left:4px solid #666;border-radius:6px;padding:15px;transition:all .3s}.site-card.active[data-v-2ddba67c]{background:#4caf501a;border-color:#4caf50}.site-card.border-critical[data-v-2ddba67c]{background:#ef44440d;border-left-color:#ef4444}.site-card.border-high[data-v-2ddba67c]{background:#f973160d;border-left-color:#f97316}.site-card.border-moderate[data-v-2ddba67c]{background:#eab3080d;border-left-color:#eab308}.site-card.border-low[data-v-2ddba67c]{background:#6b72800d;border-left-color:#6b7280}.site-card.border-none[data-v-2ddba67c]{border-left-color:#4b5563}.site-card[data-v-2ddba67c]:hover{border-color:#4caf50}.site-header[data-v-2ddba67c]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.site-card h3[data-v-2ddba67c]{color:#fff;flex:1;margin:0;font-size:1.1em}.alert-count[data-v-2ddba67c]{color:#94a3b8;white-space:nowrap;margin-left:10px;font-size:.85em}.site-meta[data-v-2ddba67c]{color:#aaa;font-size:.9em}.site-meta p[data-v-2ddba67c]{margin:5px 0}.site-details[data-v-2ddba67c]{background:#ffffff05;border:1px solid #333;border-radius:8px;padding:20px}.site-details h2[data-v-2ddba67c]{color:#4caf50;margin-bottom:20px}.devices-grid[data-v-2ddba67c]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.device-card[data-v-2ddba67c]{cursor:pointer;background:#ffffff08;border:1px solid #333;border-radius:6px;padding:15px;transition:all .3s}.device-card[data-v-2ddba67c]:hover{background:#4caf501a;border-color:#4caf50}.device-header[data-v-2ddba67c]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.device-card h4[data-v-2ddba67c]{color:#fff;flex:1;margin:0}.status-badge[data-v-2ddba67c]{border-radius:3px;padding:4px 8px;font-size:.8em;font-weight:600}.status-badge.connected[data-v-2ddba67c],.status-badge.active[data-v-2ddba67c]{color:#fff;background:#4caf50}.status-badge.offline[data-v-2ddba67c]{color:#fff;background:#d32f2f}.status-badge.unknown[data-v-2ddba67c]{color:#fff;background:#666}.device-metrics[data-v-2ddba67c]{color:#aaa;font-size:.85em}.device-metrics p[data-v-2ddba67c]{margin:5px 0}.click-hint[data-v-2ddba67c]{color:#4caf50;margin-top:10px;font-size:.85em}@media (width<=1024px){.sites-container[data-v-2ddba67c]{grid-template-columns:1fr}.sites-list[data-v-2ddba67c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}}.sites-view[data-v-308301a5]{width:100%}.header h2[data-v-308301a5]{color:#fff;margin-bottom:20px;font-size:2em}.loading[data-v-308301a5],.error[data-v-308301a5]{text-align:center;color:#aaa;background:#ffffff0d;border-radius:8px;padding:30px}.sites-container[data-v-308301a5]{grid-template-columns:250px 1fr;gap:20px;display:grid}.sites-list[data-v-308301a5]{gap:10px;height:fit-content;display:grid}.site-card[data-v-308301a5]{cursor:pointer;background:#ffffff08;border:1px solid #333;border-left:4px solid #666;border-radius:6px;padding:15px;transition:all .3s}.site-card.active[data-v-308301a5]{background:#4caf501a;border-color:#4caf50}.site-card.border-critical[data-v-308301a5]{background:#ef44440d;border-left-color:#ef4444}.site-card.border-high[data-v-308301a5]{background:#f973160d;border-left-color:#f97316}.site-card.border-moderate[data-v-308301a5]{background:#eab3080d;border-left-color:#eab308}.site-card.border-low[data-v-308301a5]{background:#6b72800d;border-left-color:#6b7280}.site-card.border-none[data-v-308301a5]{border-left-color:#4b5563}.site-card[data-v-308301a5]:hover{border-color:#4caf50}.site-header[data-v-308301a5]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.site-card h3[data-v-308301a5]{color:#fff;flex:1;margin:0;font-size:1.1em}.alert-count[data-v-308301a5]{color:#94a3b8;white-space:nowrap;margin-left:10px;font-size:.85em}.site-meta[data-v-308301a5]{color:#aaa;font-size:.9em}.site-meta p[data-v-308301a5]{margin:5px 0}.site-details[data-v-308301a5]{background:#ffffff05;border:1px solid #333;border-radius:8px;padding:20px}.site-details h2[data-v-308301a5]{color:#4caf50;margin-bottom:20px}.devices-grid[data-v-308301a5]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.device-card[data-v-308301a5]{cursor:pointer;background:#ffffff08;border:1px solid #333;border-radius:6px;padding:15px;transition:all .3s}.device-card[data-v-308301a5]:hover{background:#4caf501a;border-color:#4caf50}.device-header[data-v-308301a5]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.device-card h4[data-v-308301a5]{color:#fff;flex:1;margin:0}.status-badge[data-v-308301a5]{border-radius:3px;padding:4px 8px;font-size:.8em;font-weight:600}.status-badge.connected[data-v-308301a5],.status-badge.active[data-v-308301a5]{color:#fff;background:#4caf50}.status-badge.offline[data-v-308301a5]{color:#fff;background:#d32f2f}.status-badge.unknown[data-v-308301a5]{color:#fff;background:#666}.device-metrics[data-v-308301a5]{color:#aaa;font-size:.85em}.device-metrics p[data-v-308301a5]{margin:5px 0}.click-hint[data-v-308301a5]{color:#4caf50;margin-top:10px;font-size:.85em}@media (width<=1024px){.sites-container[data-v-308301a5]{grid-template-columns:1fr}.sites-list[data-v-308301a5]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}}.alerts-view[data-v-c6b7104b]{width:100%}.header[data-v-c6b7104b]{margin-bottom:20px}.header h2[data-v-c6b7104b]{color:#fff;margin-bottom:15px;font-size:2em}.filter-controls[data-v-c6b7104b]{gap:15px;display:flex}.filter-select[data-v-c6b7104b]{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #333;border-radius:4px;padding:8px 12px}.filter-select option[data-v-c6b7104b]{color:#fff;background:#2d3436}.loading[data-v-c6b7104b],.error[data-v-c6b7104b]{text-align:center;color:#aaa;background:#ffffff0d;border-radius:8px;padding:30px}.alerts-container[data-v-c6b7104b]{gap:15px;display:grid}.no-alerts[data-v-c6b7104b]{text-align:center;color:#aaa;padding:30px}.alert-card[data-v-c6b7104b]{background:#ffffff08;border:1px solid #333;border-left:4px solid orange;border-radius:6px;padding:20px;transition:all .3s}.alert-card[data-v-c6b7104b]:hover{border-left-color:#4caf50;box-shadow:0 0 15px #4caf501a}.alert-card.critical[data-v-c6b7104b]{border-left-color:#d32f2f}.alert-card.warning[data-v-c6b7104b]{border-left-color:orange}.alert-card.info[data-v-c6b7104b]{border-left-color:#2196f3}.alert-header[data-v-c6b7104b]{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.alert-header h3[data-v-c6b7104b]{color:#fff;margin:0;font-size:1.2em}.alert-badges[data-v-c6b7104b]{gap:10px;display:flex}.badge[data-v-c6b7104b]{border-radius:3px;padding:4px 10px;font-size:.85em;font-weight:600}.badge.critical[data-v-c6b7104b]{color:#fff;background:#d32f2f}.badge.warning[data-v-c6b7104b]{color:#fff;background:orange}.badge.info[data-v-c6b7104b]{color:#fff;background:#2196f3}.badge.status.open[data-v-c6b7104b]{color:#fff;background:#4caf50}.badge.status.closed[data-v-c6b7104b]{color:#fff;background:#666}.alert-description[data-v-c6b7104b]{color:#ccc;margin:10px 0;line-height:1.5}.alert-meta[data-v-c6b7104b]{color:#aaa;border-top:1px solid #333;border-bottom:1px solid #333;margin:15px 0;padding:10px 0;font-size:.9em}.alert-meta p[data-v-c6b7104b]{margin:5px 0}.alert-actions[data-v-c6b7104b]{gap:10px;margin-top:15px;display:flex}.btn-primary[data-v-c6b7104b],.btn-secondary[data-v-c6b7104b]{cursor:pointer;border:none;border-radius:4px;padding:8px 15px;font-size:.9em;transition:all .3s}.btn-primary[data-v-c6b7104b]{color:#fff;background:#4caf50;text-decoration:none}.btn-primary[data-v-c6b7104b]:hover{background:#45a049}.btn-secondary[data-v-c6b7104b]{color:#fff;background:#ffffff1a;border:1px solid #333}.btn-secondary[data-v-c6b7104b]:hover{background:#fff3}.alert-details[data-v-c6b7104b]{background:#0000004d;border-radius:4px;margin-top:15px;padding:15px;overflow-x:auto}.alert-details pre[data-v-c6b7104b]{color:#aaa;margin:0;font-size:.85em}@media (width<=768px){.filter-controls[data-v-c6b7104b]{flex-direction:column}.alert-header[data-v-c6b7104b]{flex-direction:column;gap:10px}.alert-actions[data-v-c6b7104b]{flex-direction:column}.btn-primary[data-v-c6b7104b],.btn-secondary[data-v-c6b7104b]{width:100%}}