*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1d26;-webkit-font-smoothing:antialiased;background:#f8f9fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-logo{text-align:center;margin-bottom:32px}.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;font-size:22px;font-weight:800;display:inline-flex}.logo-text{color:#0f172a;letter-spacing:-.5px;font-size:26px;font-weight:800}.login-subtitle{color:#64748b;margin-top:4px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#374151;font-size:13px;font-weight:600}.form-input{color:#1a1d26;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#94a3b8}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:15px;font-weight:600;transition:opacity .15s}.login-button:hover{opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:50;background:#0f172a;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:10px;padding:20px 20px 24px;text-decoration:none;display:flex}.sidebar-brand-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.sidebar-brand-text{color:#fff;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.sidebar-link{color:#94a3b8;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:#e2e8f0;background:#ffffff0f}.sidebar-link.active{color:#60a5fa;background:#3b82f626}.sidebar-link-icon{text-align:center;width:24px;font-size:18px}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.sidebar-logout{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-logout:hover{color:#f87171;background:#ffffff0f}.main-content{flex:1;min-height:100vh;margin-left:240px;padding:28px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#0f172a;letter-spacing:-.3px;font-size:26px;font-weight:700}.page-subtitle{color:#64748b;margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:20px;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 4px 12px #0000000a}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{letter-spacing:-1px;font-size:32px;font-weight:800}.card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;overflow:hidden}.card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:#0f172a;font-size:15px;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:10px 20px;font-size:11px;font-weight:700}.data-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.badge{border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-up,.badge-active,.badge-resolved{color:#15803d;background:#f0fdf4}.badge-up .badge-dot,.badge-active .badge-dot,.badge-resolved .badge-dot{background:#16a34a}.badge-down,.badge-expired,.badge-open,.badge-critical{color:#dc2626;background:#fef2f2}.badge-down .badge-dot,.badge-expired .badge-dot,.badge-open .badge-dot,.badge-critical .badge-dot{background:#dc2626}.badge-warning,.badge-investigating,.badge-expiring-soon,.badge-medium,.badge-high{color:#d97706;background:#fffbeb}.badge-warning .badge-dot,.badge-investigating .badge-dot,.badge-expiring-soon .badge-dot,.badge-medium .badge-dot,.badge-high .badge-dot{background:#f59e0b}.badge-unknown,.badge-paused,.badge-false-alarm,.badge-low{color:#64748b;background:#f1f5f9}.badge-unknown .badge-dot,.badge-paused .badge-dot,.badge-false-alarm .badge-dot,.badge-low .badge-dot{background:#94a3b8}.link{color:#3b82f6;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.filter-row{gap:6px;margin-bottom:20px;display:flex}.filter-chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.filter-chip:hover{color:#334155;border-color:#cbd5e1}.filter-chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detail-grid{flex-direction:column;display:flex}.detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:13px}.detail-value{color:#1e293b;font-size:13px;font-weight:600}.timeline{flex-direction:column;display:flex}.timeline-item{gap:14px;padding-bottom:20px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#e2e8f0;width:1px;position:absolute;top:16px;bottom:0;left:5px}.timeline-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:3px}.timeline-content{flex:1}.timeline-event{color:#1e293b;font-size:14px;font-weight:600}.timeline-message{color:#64748b;margin-top:3px;font-size:13px}.timeline-time{color:#94a3b8;margin-top:4px;font-size:11px}.empty-state{text-align:center;color:#94a3b8;padding:48px 24px}.empty-state-title{color:#64748b;margin-bottom:4px;font-size:16px;font-weight:600}.back-link{color:#64748b;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:#3b82f6}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}