*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fa;color:#2d3748;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:20px}header{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:30px;border-top:4px solid #1a5276}h1{color:#1a5276;font-size:1.8em;margin-bottom:10px}.subtitle{color:#6e6f71;font-size:1.1em}.nav-buttons{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s ease;font-weight:500;font-family:inherit}.btn-primary{background:#1a5276;color:#fff}.btn-primary:hover{background:#134163;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,82,118,.4)}.btn-secondary{background:#6b8f71;color:#fff}.btn-secondary:hover{background:#567360;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:.9em}.btn-warning{background:#6b8f71;color:#fff}.btn-warning:hover{background:#567360;transform:translateY(-2px)}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.btn-info{background:#2874a6;color:#fff}.btn-info:hover{background:#1e5a96;transform:translateY(-2px)}.btn-success{background:#22863a;color:#fff}.btn-success:hover{background:#1a6729;transform:translateY(-2px)}.card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px}.search-box{flex:1 1;min-width:250px;padding:12px 20px;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .3s ease}.search-box:focus{outline:none;border-color:#1a5276}input,select,textarea{font-family:inherit;padding:12px 20px;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;background:#fff}select{cursor:pointer}textarea{min-height:100px;resize:vertical}.sop-table{width:100%;border-collapse:collapse;margin-top:20px}.sop-table th{background:#edf2f7;padding:15px;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #cbd5e0}.sop-table td{padding:15px;border-bottom:1px solid #e2e8f0}.sop-table tr:hover{background:#f7fafc}.status-badge{padding:6px 12px;border-radius:20px;font-size:.85em;font-weight:600;display:inline-block}.status-active{background:#c6f6d5;color:#22543d}.status-inactive{background:#fed7d7;color:#742a2a}.status-progress{background:#feebc8;color:#7c2d12}.status-pending{background:#fed7aa;color:#9a3412}.tag-chip{display:inline-block;padding:4px 10px;background:#1a5276;color:#fff;border-radius:12px;font-size:.8em;font-weight:500;cursor:pointer}.tag-chip:hover{background:#567360}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748}.form-group input,.form-group select,.form-group textarea{width:100%}.checklist-label{display:flex!important;flex-direction:row!important;align-items:center!important;margin-bottom:0!important;font-weight:400!important;gap:6px;padding:3px 4px;cursor:pointer;width:33.333%;box-sizing:border-box}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.hidden{display:none!important}.loading{text-align:center;padding:40px;color:#718096}.spinner{border:4px solid #e2e8f0;border-top-color:#1a5276;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-success{background:#c6f6d5;color:#22543d;border:1px solid #9ae6b4}.alert-error{background:#fed7d7;color:#742a2a;border:1px solid #fc8181}.alert-info{background:#bee3f8;color:#2c5282;border:1px solid #90cdf4}.badge{display:inline-block;padding:4px 10px;background:#1a5276;color:#fff;border-radius:12px;font-size:.75em;font-weight:600;margin-left:10px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;overflow-y:auto}.modal.active{display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.link-button{color:#1a5276;text-decoration:none;font-weight:500;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;padding:0}.link-button:hover{color:#134163;text-decoration:underline}.admin-indicator{background:#1a5276}.admin-indicator,.dept-head-indicator{color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.9em;display:inline-block}.dept-head-indicator{background:#6b8f71}.visibility-group-btn{background:#edf2f7;color:#2d3748;border:1px solid #cbd5e0;font-size:.8em!important;padding:4px 10px!important}.visibility-group-btn.active-group,.visibility-group-btn:hover{background:#1a5276;color:#fff;border-color:#1a5276}@media (max-width:768px){.form-row{grid-template-columns:1fr}.sop-table{font-size:.9em}.sop-table td,.sop-table th{padding:10px}}