:root{--color-primary: #3b82f6;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-background: #f9f9f9;--color-card-background: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--border-radius: .5rem;--spacing-unit: 1rem;--breakpoint-tablet: 768px;--breakpoint-mobile: 480px}.page-container{box-sizing:border-box;margin:0;padding:20px;font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-background);line-height:1.5;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-unit)}.card{background-color:var(--color-card-background);border-radius:var(--border-radius);padding:var(--spacing-unit);margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:1px solid rgba(229,231,235,.7);position:relative;overflow:hidden;max-width:600px}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);opacity:.7}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-unit)}.title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem;line-height:1.4}.text-container{flex:1}.date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.75rem}.date-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;background-color:var(--color-background);color:var(--color-text-primary);font-weight:500;margin-bottom:.5rem}.date:before{content:"🕒";font-size:1rem}.header-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.description{font-size:1rem;color:var(--color-text-primary);line-height:1.6;margin-bottom:1rem}.card-image{width:150px;height:150px;object-fit:cover;border-radius:calc(var(--border-radius) - 2px);box-shadow:0 2px 4px #0000001a}.card-actions{display:flex;gap:.75rem;margin-top:auto}.button{padding:.625rem 1.25rem;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.button:active{transform:scale(.98)}.edit-button{background-color:var(--color-primary)}.edit-button:hover{background-color:#2563eb}.delete-button{background-color:var(--color-danger)}.delete-button:hover{background-color:#dc2626}.severity-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.severity-badge-high{background-color:#fee2e2;color:#dc2626}.severity-badge-medium{background-color:#fef3c7;color:#d97706}.severity-badge-low{background-color:#d1fae5;color:#059669}.field-container{margin-bottom:.8rem;margin-left:.5rem;margin-right:1rem}.field-label{font-size:1.1rem;display:block;margin-bottom:.1rem;font-weight:500;color:var(--color-text-primary)}.field-input{width:100%;padding:.5rem;border:1px solid rgba(229,231,235,.7);border-radius:var(--border-radius);font-size:1rem}.required{color:var(--color-danger);margin-left:.25rem}.card-high:before{background-color:var(--color-danger)}.card-medium:before{background-color:var(--color-warning)}.card-low:before{background-color:var(--color-success)}.image-container{flex-shrink:0;width:150px}.add-button-container{display:flex;justify-content:center;width:100%;margin:1rem 0}.add-incident-button{background-color:var(--color-primary);padding:.625rem 1.25rem;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;margin:0 auto;min-width:200px}.add-incident-button:hover{background-color:#2563eb}.event-type-select{font-weight:500}.title-input{font-size:1.1rem;font-weight:500;color:#000}.description-textarea{min-height:100px;resize:vertical}.image-file-input{color:#000}.event-date-input{color:#4a5568}.priority-input{width:100px;text-align:center}.gravity-select{background-color:#f9fafb}.centered-heading{text-align:center;color:#000}@media (max-width: 480px){.card{padding:.75rem}.title{font-size:1.125rem}}@media (max-width: 768px){.container{padding:0 .5rem}.card{margin-bottom:.75rem}.card-header{flex-direction:column}.card-image{width:100%;height:200px;margin-bottom:1rem}.button{flex:1;justify-content:center}.page-container{display:block;padding:0}.image-container{width:100%;order:-1;margin-bottom:1rem}.text-container{width:100%}.add-incident-button{width:auto;padding:.625rem 2rem}}