*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}a:hover{background-color:#00bd7e33}.sop-list[data-v-df7bcd90]{padding:2rem;margin:0 auto}h1[data-v-df7bcd90]{font-size:2.5rem;margin-bottom:2rem;color:#333}.loading[data-v-df7bcd90]{text-align:center;font-size:1.2rem;color:#666;margin:2rem 0}.error[data-v-df7bcd90]{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem}.sop-cards[data-v-df7bcd90]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sop-card[data-v-df7bcd90]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s ease}.sop-card[data-v-df7bcd90]:hover{box-shadow:0 6px 12px #00000026}.sop-card h2[data-v-df7bcd90]{font-size:1.5rem;margin-bottom:.5rem;color:#333}.version-info[data-v-df7bcd90],.last-updated[data-v-df7bcd90]{font-size:.9rem;color:#666;margin-bottom:.5rem}.sop-actions[data-v-df7bcd90]{display:flex;justify-content:flex-end;margin-top:1rem}.btn[data-v-df7bcd90]{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.btn-primary[data-v-df7bcd90]{background-color:#3498db;color:#fff;margin-right:.5rem}.btn-primary[data-v-df7bcd90]:hover{background-color:#2980b9}.btn-danger[data-v-df7bcd90]{background-color:#e74c3c;color:#fff}.btn-danger[data-v-df7bcd90]:hover{background-color:#c0392b}.btn-secondary[data-v-df7bcd90]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-df7bcd90]:hover{background-color:#7f8c8d}.create-btn[data-v-df7bcd90]{margin-bottom:1rem}.btn-success[data-v-df7bcd90]{background-color:#2ecc71;color:#fff}.btn-success[data-v-df7bcd90]:hover{background-color:#27ae60}.sop-input[data-v-df7bcd90]{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.modal-overlay[data-v-df7bcd90]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.confirmation-modal[data-v-df7bcd90]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%}.confirmation-modal h2[data-v-df7bcd90]{font-size:1.5rem;margin-bottom:1rem;color:#333}.confirmation-modal p[data-v-df7bcd90]{margin-bottom:1.5rem;color:#666}.modal-actions[data-v-df7bcd90]{display:flex;justify-content:flex-end}.modal-actions button[data-v-df7bcd90]{margin-left:.5rem}.sop-detail[data-v-3fcbc4e1]{margin:0 auto;padding:2rem;width:100%;font-family:Arial,sans-serif}h1[data-v-3fcbc4e1]{font-size:2.5rem;color:#333;margin-bottom:1rem}.toggle-button[data-v-3fcbc4e1],.save-button[data-v-3fcbc4e1],.back-button[data-v-3fcbc4e1]{padding:.5rem 1rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s ease}.toggle-button[data-v-3fcbc4e1]{background-color:#3498db;color:#fff}.toggle-button[data-v-3fcbc4e1]:hover{background-color:#2980b9}.save-button[data-v-3fcbc4e1]{background-color:#2ecc71;color:#fff}.save-button[data-v-3fcbc4e1]:hover{background-color:#27ae60}.back-button[data-v-3fcbc4e1]{background-color:#95a5a6;color:#fff}.back-button[data-v-3fcbc4e1]:hover{background-color:#7f8c8d}.sop-editor[data-v-3fcbc4e1],.sop-preview[data-v-3fcbc4e1]{margin-top:1rem}.title-input[data-v-3fcbc4e1]{width:100%;padding:.5rem;font-size:1.2rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem}.editor-content[data-v-3fcbc4e1]{width:100%;min-height:300px;padding:1rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit}.sop-preview[data-v-3fcbc4e1]{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:1rem;line-height:1.6}.version-info[data-v-3fcbc4e1],.last-updated[data-v-3fcbc4e1]{font-size:.9rem;color:#666;margin-bottom:.5rem}.button-container[data-v-3fcbc4e1]{display:flex;align-items:center;gap:1rem}