*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#f5f7fa}.app-container{max-width:1000px;margin:0 auto;padding:16px}.navbar{display:flex;gap:16px;margin-bottom:24px}.navbar a{text-decoration:none;color:#333;font-weight:700}.navbar a:hover{text-decoration:underline}.main-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0000000d}h1{margin-bottom:20px}button{padding:10px 14px;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;font-family:Inter,sans-serif;box-shadow:0 1px 2px #0000000d}button:active{transform:scale(.98)}.center-button{display:block;margin:0 auto}.button-primary{background-color:#2563eb;color:#fff}.button-primary:hover{background-color:#1d4ed8}.button-secondary{background-color:#e5e7eb;color:#333}.button-secondary:hover{background-color:#d1d5db}@media(max-width:600px){.app-container{padding:10px}.navbar{flex-direction:column;gap:8px}h1{font-size:20px;margin-bottom:16px}.main-content{padding:16px}}.badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-low{background-color:#e5e7eb;color:#374151}.badge-medium{background-color:#fef3c7;color:#92400e}.badge-high{background-color:#fee2e2;color:#991b1b}.badge-critical{background-color:#dc2626;color:#fff}.table-wrapper{width:100%;overflow-x:auto}.incident-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}.incident-table th{font-weight:600}.incident-table td{vertical-align:middle}.incident-table th,.incident-table td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.incident-table th{background-color:#f1f5f9}.incident-table tr:hover{background-color:#f9fafb}@media(max-width:600px){.incident-table th,.incident-table td{padding:6px;font-size:12px}.incident-table select{padding:4px;font-size:12px}}.filter-group{display:flex;gap:12px}.control{display:flex;flex-direction:column;width:160px}.control label{font-size:14px;font-weight:500;margin-bottom:4px;color:#555}.control select{padding:8px;font-size:14px;border-radius:6px}@media(max-width:600px){.filter-group{display:flex;gap:8px;justify-content:flex-start}.control{width:130px}.control label{font-size:12px}.control select{padding:6px;font-size:13px}}.summary-card{flex:1;min-width:120px;padding:16px;background:#f9fafb;border-radius:10px;text-align:center;box-shadow:0 1px 4px #0000000d}.summary-neutral{background-color:#dbeafe;border:1px solid #93c5fd}.summary-warning{background-color:#fef3c7;border:1px solid #fde68a}.summary-danger{background-color:#fee2e2;border:1px solid #fecaca}.summary-title{font-size:13px;color:#6b7280}.summary-value{font-size:20px;font-weight:600}@media(max-width:600px){.summary-card{padding:10px;min-width:100px}.summary-title{font-size:11px}.summary-value{font-size:16px}}.dashboard-actions{margin-bottom:24px}.controls{display:flex;flex-direction:row;gap:16px;align-items:flex-end;margin-bottom:20px}.summary-cards{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}@media(max-width:600px){.summary-cards{gap:10px}.controls{flex-direction:column;align-items:flex-start;gap:12px}}input,select{margin-top:6px;padding:8px;border:1px solid #ccc;border-radius:6px;width:100%}label{font-weight:700;margin-bottom:4px;display:block}form>div{margin-bottom:16px}.incident-form{width:100%;padding:24px;border-radius:10px}.message-success{color:#16a34a;font-size:14px;font-weight:500;text-align:center;background-color:#ecfdf5;padding:8px;border-radius:6px;margin-bottom:16px}.message-error{color:#dc2626;font-size:14px;margin-top:4px}.form-page{display:flex;flex-direction:column;align-items:center}.form-header{margin-bottom:20px}.form-wrapper{width:100%;max-width:500px}