*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:#f5f7fb}.auth-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth-card{text-align:center;background:#fff;border-radius:18px;width:420px;padding:40px;box-shadow:0 10px 30px #00000014}.logo{width:90px;margin-bottom:15px}.auth-card h1{color:#1e293b;margin-bottom:8px}.auth-card p{color:#64748b;margin-bottom:30px}.auth-input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:14px;font-size:15px;transition:all .2s}.auth-input:focus{border-color:#2563eb}.auth-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;transition:all .2s}.auth-button:hover{background:#1d4ed8}.auth-link{color:#64748b;margin-top:20px}.auth-link a{color:#2563eb;font-weight:600;text-decoration:none}.layout{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:100vh;padding:30px 20px;display:flex;position:sticky;top:0}.sidebar-menu{flex-direction:column;gap:12px;display:flex}.menu-item{color:#cbd5e1;border-radius:12px;align-items:center;gap:15px;padding:14px 18px;font-size:17px;text-decoration:none;transition:all .25s;display:flex}.menu-item.active{color:#fff;background:#2563eb}.menu-item:hover{background:#1e293b}.menu-icon{font-size:20px}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;width:100%;padding:15px;font-size:16px}.main{flex-direction:column;flex:1;display:flex}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:75px;padding:0 35px;display:flex}.navbar-left h2{color:#0f172a;font-size:28px;font-weight:700}.navbar-center{flex:1;justify-content:center;display:flex}.search-box{background:#f8fafc;border:1px solid #d1d5db;border-radius:25px;align-items:center;gap:12px;width:420px;height:45px;padding:0 18px;display:flex}.search-icon{color:#94a3b8}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:15px}.navbar-right{align-items:center;gap:30px;display:flex}.notification{cursor:pointer;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;transition:all .3s;display:flex}.notification:hover{background:#dbeafe}.user-info{color:#334155;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.user-icon{color:#2563eb;font-size:34px}.content{padding:30px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header h1{color:#0f172a;margin-bottom:6px;font-size:34px;font-weight:700}.dashboard-header p{color:#64748b;font-size:16px}.system-banner{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:12px;width:100%;margin-bottom:30px;padding:16px 22px;font-size:15px;font-weight:600}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-bottom:30px;display:grid}.summary-card{background:#fff;border-radius:18px;padding:22px;transition:all .3s;position:relative;box-shadow:0 8px 22px #00000014}.summary-card:hover{transform:translateY(-6px)}.summary-card h4{color:#64748b;margin-top:18px;font-size:15px;font-weight:500}.summary-card h2{color:#0f172a;margin-top:12px;font-size:32px}.card-icon{color:#2563eb;font-size:28px}.summary-card.up{border-left:6px solid #22c55e}.summary-card.down{border-left:6px solid #ef4444}.quick-actions{gap:18px;margin-bottom:35px;display:flex}.quick-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;transition:all .3s;display:flex}.quick-actions button:hover{background:#1d4ed8}.dashboard-grid{grid-template-columns:2fr 1fr;gap:25px;display:grid}.table-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px #00000014}.table-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.table-header h2{color:#0f172a;font-size:20px}.table-scroll{max-height:420px;overflow-y:auto}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;color:#475569;background:#f8fafc;padding:16px;font-size:14px;position:sticky;top:0}.dashboard-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:15px;font-size:15px}.dashboard-table tbody tr:hover{background:#f8fafc}.badge-up{color:#166534;background:#dcfce7;border-radius:50px;padding:6px 12px;font-size:13px;font-weight:600}.badge-down{color:#991b1b;background:#fee2e2;border-radius:50px;padding:6px 12px;font-size:13px;font-weight:600}.incident-box{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 20px #00000014}.incident-box h2{color:#0f172a;margin-bottom:18px}.incident-scroll{max-height:420px;overflow-y:auto}.incident-card{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:15px;padding:16px;transition:all .3s}.incident-card:hover{background:#f8fafc}.incident-card h4{color:#0f172a;margin-bottom:6px}.incident-card p{color:#64748b;margin-bottom:10px;font-size:14px}.incident-card small{color:#991b1b;background:#fee2e2;border-radius:50px;padding:5px 10px}.table-scroll::-webkit-scrollbar{width:8px}.incident-scroll::-webkit-scrollbar{width:8px}.table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.incident-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.quick-actions{flex-direction:column}.summary-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:0 8px 20px #00000014}.chart-card h2{color:#1e293b;margin-bottom:20px}.chart-container{width:100%;height:240px;position:relative}.charts-grid{grid-template-columns:2fr 1fr;gap:25px;margin-top:30px;display:grid}.chart-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 20px #00000014}.chart-card h2{color:#1e293b;margin-bottom:20px;font-size:20px}.api-page{padding:10px}.api-page h1{color:#0f172a;margin-bottom:8px;font-size:36px}.api-page p{color:#64748b;margin-bottom:25px}.success-message{color:#166534;background:#dcfce7;border-left:5px solid #22c55e;border-radius:10px;margin-bottom:20px;padding:14px;font-weight:600}.error-message{color:#991b1b;background:#fee2e2;border-left:5px solid #ef4444;border-radius:10px;margin-bottom:20px;padding:14px;font-weight:600}.api-form-card,.api-table-card{background:#fff;border-radius:16px;margin-bottom:30px;padding:25px;box-shadow:0 10px 25px #00000014}.api-form-card h2,.api-table-card h2{color:#1e293b;margin-bottom:20px}.api-form-card form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.api-form-card input,.api-form-card select{border:1px solid #d1d5db;border-radius:10px;outline:none;padding:14px;font-size:15px;transition:all .3s}.api-form-card input:focus,.api-form-card select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.api-form-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;transition:all .3s;display:flex}.api-form-card button:hover{background:#1d4ed8}.cancel-btn{background:#64748b!important}.cancel-btn:hover{background:#475569!important}.api-table-card table{border-collapse:collapse;width:100%}.api-table-card th{color:#334155;text-align:left;background:#f8fafc;padding:16px}.api-table-card td{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px}.api-table-card tr:hover{background:#f8fafc}.method{color:#1d4ed8;background:#dbeafe;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:38px;height:38px;margin-right:8px;transition:all .3s}.edit-btn:hover{background:#1d4ed8}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:38px;height:38px;transition:all .3s}.delete-btn:hover{background:#dc2626}.api-table-card td[colspan]{text-align:center;color:#64748b;padding:30px}@media (width<=768px){.api-page h1{font-size:28px}.api-form-card form{grid-template-columns:1fr}.api-table-card{overflow-x:auto}.api-table-card table{min-width:700px}}.incidents-page{padding:10px}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h1{color:#0f172a;margin-bottom:6px;font-size:34px}.page-header p{color:#64748b}.incident-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:25px;display:grid}.summary-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 20px #00000014}.summary-card h3{color:#64748b;margin-bottom:10px;font-size:15px}.summary-card span{color:#0f172a;font-size:34px;font-weight:700}.summary-card.open{border-left:5px solid #ef4444}.summary-card.resolved{border-left:5px solid #10b981}.filter-bar{background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px;padding:20px;display:flex;box-shadow:0 8px 20px #00000014}.search-box{border:1px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;padding:12px 15px;display:flex}.search-box input{border:none;outline:none;width:100%;font-size:15px}.date-box{border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;display:flex}.date-box input{background:0 0;border:none;outline:none;font-size:14px}.filter-bar select{cursor:pointer;border:1px solid #d1d5db;border-radius:10px;padding:12px 15px}.clear-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 18px;transition:all .3s}.clear-btn:hover{background:#1d4ed8}.table-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px #00000014}.table-card table{border-collapse:collapse;width:100%}.table-card th{text-align:left;background:#f8fafc;padding:16px}.table-card td{border-bottom:1px solid #e5e7eb;padding:16px}.table-card tr:hover{background:#f8fafc}.status{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.status.open{color:#dc2626;background:#fee2e2}.status.resolved{color:#16a34a;background:#dcfce7}.severity{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.severity.high{color:#dc2626;background:#fee2e2}.severity.medium{color:#d97706;background:#fef3c7}.severity.low{color:#2563eb;background:#dbeafe}.view-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;transition:all .3s;display:flex}.view-btn:hover{background:#1d4ed8}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:25px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:500px;max-width:95%;padding:30px;position:relative}.modal h2{color:#0f172a;margin-bottom:20px}.modal p{color:#475569;margin-bottom:12px;line-height:1.6}.close-btn{cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:18px;right:18px}@media (width<=768px){.filter-bar{flex-direction:column;align-items:stretch}.search-box,.date-box,.filter-bar select,.clear-btn{width:100%}.table-card{overflow-x:auto}}.settings-page{padding:10px}.settings-page h1{color:#0f172a;margin-bottom:8px;font-size:36px}.settings-page p{color:#64748b;margin-bottom:30px}.settings-card{background:#fff;border-radius:16px;margin-bottom:25px;padding:28px;box-shadow:0 8px 20px #00000014}.settings-card h2{color:#1e293b;align-items:center;gap:10px;margin-bottom:25px;font-size:22px;display:flex}.settings-card input{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-bottom:18px;padding:14px;font-size:15px;transition:all .3s}.settings-card input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.settings-card label{color:#475569;margin-bottom:8px;font-weight:500;display:block}.checkbox{align-items:center;gap:12px;margin:20px 0;display:flex}.checkbox input{cursor:pointer;width:18px;height:18px;margin:0}.checkbox span{color:#334155;font-size:15px}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.save-btn:hover{background:#1d4ed8}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.logout-btn:hover{background:#dc2626}@media (width<=768px){.settings-card{padding:20px}.settings-page h1{font-size:28px}.save-btn,.logout-btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}input,button{font-family:inherit}