:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;z-index:10001;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4;color:#333}.toast-close{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#333}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background-color:#d1fae5;color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background-color:#fee2e2;color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background-color:#fef3c7;color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background-color:#dbeafe;color:#3b82f6}@media(max-width:768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.login-card h1{text-align:center;color:#333;margin-bottom:.5rem;font-size:1.8rem}.login-card h2{text-align:center;color:#666;margin-bottom:1.5rem;font-size:1.2rem;font-weight:400}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{color:#e53e3e;background-color:#fff5f5;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #fc8181}.submit-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-btn{width:100%;margin-top:1rem;padding:.75rem;background:transparent;color:#667eea;border:none;font-size:.9rem;cursor:pointer;transition:color .2s}.toggle-btn:hover:not(:disabled){color:#764ba2;text-decoration:underline}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.org-tree-view{height:100%;background-color:#f8f9fa;border-right:1px solid #e0e0e0;overflow-y:auto}.org-tree-view h3{padding:1rem;margin:0;background-color:#667eea;color:#fff;font-size:1.1rem;font-weight:600;border-bottom:1px solid #5568d3}.tree-container{padding:.5rem 0}.tree-node{-webkit-user-select:none;user-select:none}.node-content{display:flex;align-items:center;padding:.6rem 1rem;cursor:pointer;transition:background-color .2s;gap:.5rem}.node-content:hover{background-color:#e8eaf6}.expand-icon{color:#666;font-size:.7rem;width:16px;display:inline-block;transition:transform .2s}.no-children-spacer{width:16px;display:inline-block}.node-name{flex:1;font-weight:500;color:#333}.node-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.node-badge.department{background-color:#e3f2fd;color:#1976d2}.node-badge.team{background-color:#f3e5f5;color:#7b1fa2}.node-badge.role{background-color:#e8f5e9;color:#388e3c}.node-children{border-left:2px solid #e0e0e0;margin-left:1rem}.team-selector{position:relative}.team-selector-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s;min-width:200px}.team-selector-button:hover{background-color:#ffffff40}.team-icon{font-size:1.2rem}.team-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.team-label{font-size:.7rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.team-name{font-size:.95rem;font-weight:600}.dropdown-arrow{font-size:.7rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{position:fixed;inset:0;z-index:999}.team-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:300px;max-width:400px;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.team-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;text-align:left;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.team-option:last-child{border-bottom:none}.team-option:hover{background-color:#f8f9fa}.team-option.selected{background-color:#e8eaf6}.team-path{color:#333;font-size:.9rem;flex:1}.check-icon{color:#667eea;font-weight:700;font-size:1.1rem}.sop-list-container{padding:2rem;max-width:1400px;margin:0 auto}.sop-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sop-list-header h2{margin:0;color:#333;font-size:1.75rem}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sop-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-bar{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5}.team-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f8f9fa;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.team-toggle input[type=checkbox]{cursor:pointer}.current-team-badge{padding:.25rem .75rem;background-color:#667eea;color:#fff;border-radius:12px;font-size:.85rem;font-weight:600;margin-left:.5rem}.sop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.sop-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.sop-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.sop-card-content{cursor:pointer}.btn-delete-sop{position:absolute;bottom:1rem;right:1rem;background:#fff;border:1px solid #e0e0e0;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;opacity:.6;transition:opacity .2s,background-color .2s;z-index:10}.sop-card:hover .btn-delete-sop{opacity:1}.btn-delete-sop:hover{background-color:#ffebee;border-color:#ef5350}.sop-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;gap:1rem}.sop-card-header h3{margin:0;color:#333;font-size:1.25rem;flex:1}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.badge-published{background-color:#e8f5e9;color:#388e3c}.badge-draft{background-color:#fff3e0;color:#f57c00}.sop-description{color:#666;font-size:.95rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sop-meta{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.9rem;color:#666}.sop-team,.sop-sections{display:flex;align-items:center;gap:.5rem}.meta-icon{font-size:1rem}.sop-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .75rem;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.8rem;font-weight:500}.sop-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-right:3rem;border-top:1px solid #f0f0f0;font-size:.85rem;color:#999}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#333;margin-bottom:.5rem}.empty-state p{color:#666;font-size:1rem}.loading{text-align:center;padding:4rem;color:#666;font-size:1.1rem}@media(max-width:768px){.sop-list-container{padding:1rem}.sop-list-header{flex-direction:column;align-items:stretch;gap:1rem}.sop-grid{grid-template-columns:1fr}.search-bar{min-width:unset}}.voice-input-btn{width:36px;height:36px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0}.voice-icon{width:18px;height:18px;color:#666;transition:color .2s}.voice-input-btn:hover{background-color:#667eea;border-color:#667eea}.voice-input-btn:hover .voice-icon{color:#fff}.voice-input-btn.listening{background-color:#dc3545;border-color:#dc3545;animation:pulse 1.5s infinite}.voice-input-btn.listening .voice-icon{color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.image-annotator{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:10000;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.annotator-header{display:flex;background-color:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap}.btn-back{padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;color:#333;white-space:nowrap}.btn-back:hover{background-color:#e9ecef;border-color:#667eea}.title-input{flex:1;padding:.5rem .75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-weight:600;transition:border-color .3s;min-width:0}.title-input:focus{outline:none;border-color:#667eea}.annotator-footer{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#fff;border-top:2px solid #e0e0e0;box-shadow:0 -2px 4px #0000000d}.annotator-footer .btn-save{padding:.75rem 2rem;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #667eea33;font-size:1rem;min-width:150px}.annotator-footer .btn-save:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.annotator-footer .btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-save{padding:.5rem 1rem;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #667eea33;white-space:nowrap;font-size:.9rem}.btn-save:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.annotator-content{display:flex;flex:1;gap:1rem;padding:1rem;overflow:hidden}.annotator-sidebar{width:280px;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.toolbar-card,.instructions-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;box-shadow:0 2px 4px #0000000d}.toolbar-card h3,.instructions-card h3{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#333}.color-picker{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.color-btn{width:36px;height:36px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.btn-clear{width:100%;padding:.75rem;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.btn-clear:hover:not(:disabled){background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.ai-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.ai-toggle:hover{background-color:#667eea;color:#fff;border-color:#667eea}.ai-tools{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.ai-btn{width:100%;padding:.75rem;background-color:#fff;border:1px solid #ddd;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s;font-size:.95rem}.ai-btn:hover:not(:disabled){background-color:#667eea;color:#fff;border-color:#667eea;transform:translate(4px)}.ai-btn:disabled{opacity:.5;cursor:not-allowed}.ai-status{text-align:center;color:#667eea;font-style:italic;margin:.5rem 0 0}.instructions-card{flex:1;overflow-y:auto}.empty-message{text-align:center;color:#999;font-style:italic;padding:2rem 1rem}.arrows-list{display:flex;flex-direction:column;gap:.75rem}.arrow-item{border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;background-color:#fafafa;display:flex;flex-direction:column;gap:.75rem}.arrow-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.arrow-font-controls{display:flex;gap:.5rem;align-items:center}.font-select-small,.size-select-small{padding:.4rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.font-select-small{flex:1;min-width:0}.size-select-small{width:70px}.font-select-small:focus,.size-select-small:focus{outline:none;border-color:#667eea}.arrow-number{font-weight:700;font-size:1.1rem;flex-shrink:0}.btn-delete{width:28px;height:28px;background-color:transparent;border:none;color:#dc3545;cursor:pointer;border-radius:4px;font-size:1.1rem;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background-color:#dc3545;color:#fff}.input-with-voice{display:flex;gap:.5rem;align-items:flex-start;width:100%}.description-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .3s;resize:vertical;overflow:auto;min-height:2.5rem;font-family:inherit}.description-input:focus{outline:none;border-color:#667eea}.title-input-container{flex:1;display:flex;gap:.5rem;align-items:center;min-width:0;overflow:hidden}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;overflow:hidden;position:relative}.annotation-canvas{max-width:100%;max-height:100%;display:block;cursor:crosshair;box-shadow:0 4px 12px #00000026;background-color:#fff}@media(max-width:1024px){.annotator-content{flex-direction:column;padding:.5rem;gap:.5rem;overflow:visible}.annotator-sidebar{width:100%;max-height:none;overflow:visible;gap:.5rem;display:flex;flex-direction:column}.toolbar-card,.instructions-card{padding:.5rem;overflow:visible;display:block}.instructions-card{max-height:none;overflow-y:visible}.canvas-container{min-height:400px;height:400px;order:-1}.annotator-header{padding:.5rem;gap:.5rem}.btn-back,.btn-save{padding:.4rem .75rem;font-size:.85rem}.title-input{font-size:.9rem;padding:.4rem .6rem}.color-picker{gap:.35rem;display:flex;flex-wrap:wrap}.color-btn{width:28px;height:28px;border-width:2px;display:inline-block}.btn-clear,.ai-toggle,.ai-btn{padding:.5rem;font-size:.85rem;display:inline-block}.ai-tools{display:flex;gap:.5rem;flex-wrap:wrap}.arrows-list{gap:.5rem;display:flex;flex-direction:column}.arrow-item{padding:.5rem;display:flex}.arrow-number{font-size:1rem}.description-input{font-size:.85rem;padding:.4rem}}@media(max-width:640px){.image-annotator{height:100dvh;height:100vh}.annotator-header{flex-direction:row;align-items:center;flex-wrap:nowrap;padding:.25rem .5rem;flex-shrink:0;min-height:40px;gap:.5rem}.title-input-container{order:0;flex:1;min-width:0}.title-input{font-size:.85rem;padding:.35rem .5rem}.btn-back{order:-1;padding:.35rem .5rem;font-size:.75rem;white-space:nowrap}.btn-save{padding:.35rem .5rem;font-size:.75rem}.annotator-content{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;gap:0}.canvas-container{flex:0 0 auto;height:55vh;min-height:300px;order:0;margin:0;overflow:hidden;touch-action:none;border-radius:0}.annotator-sidebar{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem}.toolbar-card,.instructions-card{padding:.5rem;border-radius:4px}.toolbar-card h3,.instructions-card h3{font-size:.8rem;margin-bottom:.4rem}.color-picker{gap:.4rem;margin-bottom:.5rem}.color-btn{width:28px;height:28px;border-width:2px}.btn-clear{padding:.5rem;font-size:.8rem}.ai-tools{gap:.4rem}.ai-btn{padding:.5rem;font-size:.8rem}.arrows-list{gap:.5rem}.arrow-item{padding:.5rem;gap:.5rem;overflow:hidden}.arrow-header{gap:.5rem}.arrow-number{font-size:.95rem}.btn-delete{width:28px;height:28px;font-size:1rem}.input-with-voice{gap:.5rem;display:flex;align-items:flex-start;width:100%}.description-input{font-size:.85rem;padding:.5rem;flex:1;min-width:0;max-width:calc(100% - 42px)}.voice-input-btn{width:36px;height:36px;flex-shrink:0}.annotator-footer{display:none}.annotation-canvas{touch-action:none}}.voice-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.voice-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:300px;width:67%;text-align:center;box-shadow:0 8px 24px #0000004d}.voice-modal h3{margin:0 0 .75rem;color:#333;font-size:1.125rem}.voice-modal p{margin:0 0 1.125rem;color:#666;font-size:.875rem}.voice-modal-controls{display:flex;gap:.75rem;justify-content:center;align-items:center}.voice-modal-controls .voice-input-btn{width:45px;height:45px}.btn-modal-skip{padding:.5625rem 1.125rem;background-color:#f0f0f0;color:#333;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.btn-modal-skip:hover{background-color:#e0e0e0}.text-editor-modal{position:fixed;inset:0;width:100%;height:100vh;background-color:#2d3748;z-index:10000;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.text-editor-modal-header{position:sticky;top:0;z-index:10001;background-color:#2d3748fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.text-editor-modal .btn-back{padding:.5rem 1rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.text-editor-modal .btn-back:hover{background-color:#ffffff1a;border-color:#ffffff4d}.text-editor-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.text-editor-a4-container{width:100%;max-width:210mm;display:flex;justify-content:center}.text-editor-a4-page{width:100%;aspect-ratio:210 / 297;background-color:#fff;box-shadow:0 10px 40px #0000004d;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.text-editor-a4-page .ck-editor{display:flex;flex-direction:column;height:100%}.text-editor-a4-page .ck-toolbar{border:none!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px 8px 0 0!important;background-color:#f8f9fa!important}.text-editor-a4-page .ck-editor__main{flex:1;overflow:hidden}.text-editor-a4-page .ck-content{height:100%;padding:2rem!important;font-family:Arial,sans-serif!important;font-size:12pt!important;line-height:1.6!important;overflow-y:auto;border:none!important;border-radius:0!important}.text-editor-a4-page .ck-content:focus{box-shadow:none!important;border:none!important}.text-editor-a4-page .ck-content ol{list-style-type:decimal;list-style-position:outside;padding-left:2rem;margin:1rem 0}.text-editor-a4-page .ck-content ol li{display:list-item;margin-bottom:.5rem}.text-editor-a4-page .ck-content ul{list-style-type:disc;list-style-position:outside;padding-left:2rem;margin:1rem 0}.text-editor-a4-page .ck-content ul li{display:list-item;margin-bottom:.5rem}@media(max-width:640px){.text-editor-modal{height:100dvh}.text-editor-modal-header{padding:.25rem .5rem;min-height:40px}.text-editor-modal-content{padding:0;overflow:hidden}.text-editor-a4-container{max-width:100%;padding:0}.text-editor-a4-page{aspect-ratio:auto;min-height:calc(100dvh - 50px);border-radius:0;box-shadow:none;border:none}.text-editor-a4-page .ck-content{padding:.5rem!important;min-height:calc(100dvh - 50px)}}@media(max-width:1024px)and (min-width:641px){.text-editor-a4-container{max-width:85%}}.camera-capture{position:fixed;inset:0;background-color:#000;display:flex;flex-direction:column;z-index:1000}.camera-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#000c}.btn-close-camera{padding:.5rem 1rem;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s;font-size:1rem}.btn-close-camera:hover{background-color:#fff3}.camera-select{padding:.5rem 1rem;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:.95rem}.camera-select option{background-color:#333;color:#fff}.camera-error{padding:1rem;background-color:#dc3545;color:#fff;text-align:center;font-weight:500}.camera-viewport{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-video{max-width:100%;max-height:100%;display:block}.camera-controls{padding:2rem;background-color:#000c;display:flex;justify-content:center;align-items:center}.btn-shutter{background:none;border:none;cursor:pointer;padding:0;transition:transform .1s}.btn-shutter:active{transform:scale(.95)}.shutter-ring{width:80px;height:80px;border:4px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-shutter:hover .shutter-ring{border-color:#667eea;box-shadow:0 0 20px #667eea80}.shutter-button{width:60px;height:60px;background-color:#fff;border-radius:50%;transition:all .2s}.btn-shutter:hover .shutter-button{background-color:#667eea}.btn-shutter:active .shutter-button{transform:scale(.9)}@media(max-width:640px){.camera-header{padding:.75rem 1rem}.btn-close-camera{padding:.4rem .8rem;font-size:.9rem}.camera-select{padding:.4rem .8rem;font-size:.85rem}.camera-controls{padding:1.5rem}.shutter-ring{width:70px;height:70px}.shutter-button{width:52px;height:52px}}.drive-image-picker{display:inline-flex;gap:8px;align-items:center}.btn-drive{padding:8px 16px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-drive:hover:not(:disabled){background-color:#357ae8}.btn-drive:disabled{background-color:#a8c7fa;cursor:not-allowed}.btn-clear-auth{padding:6px 10px;background-color:#f1f3f4;color:#5f6368;border:1px solid #dadce0;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.btn-clear-auth:hover{background-color:#e8eaed}.drive-picker-error{margin-top:8px;padding:8px 12px;background-color:#fce8e6;color:#c5221f;border-radius:4px;font-size:13px}.video-editor-modal{position:fixed;inset:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.video-editor-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #00000080}.video-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.video-editor-header h2{margin:0;font-size:1.5rem}.btn-close{background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#ffffff4d}.video-editor-content{padding:1.5rem}.video-preview-container{background:#000;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.video-editor-preview{width:100%;display:block}.video-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#f7fafc;border-radius:8px;position:relative;z-index:1;flex-wrap:wrap;justify-content:center}.btn-seek{background:#4299e1;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-seek:hover{background:#3182ce}.btn-play-pause{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;position:static;float:none;flex-shrink:0}.btn-play-pause:hover{background:#5568d3}.time-display{font-size:1.1rem;font-weight:600;color:#2d3748}.timeline-container{margin-bottom:2rem}.timeline-label{font-size:.9rem;color:#4a5568;margin-bottom:.5rem;font-weight:600}.timeline-slider{width:100%;height:8px;border-radius:4px;outline:none;background:linear-gradient(to right,#667eea 0%,#667eea var(--progress, 0%),#e2e8f0 var(--progress, 0%),#e2e8f0 100%);-webkit-appearance:none;appearance:none}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 4px #0003}.timeline-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.trim-controls{background:#f7fafc;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.trim-section{margin-bottom:1.5rem}.trim-section:last-child{margin-bottom:0}.trim-section label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem}.trim-slider{width:100%;height:8px;border-radius:4px;outline:none;margin-bottom:.5rem;-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:pointer}.trim-slider:disabled{opacity:.5;cursor:not-allowed}.trim-slider.start{background:linear-gradient(to right,transparent 0%,transparent var(--value, 0%),#48bb78 var(--value, 0%),#48bb78 100%)}.trim-slider.end{background:linear-gradient(to right,#f56565 0%,#f56565 var(--value, 0%),transparent var(--value, 0%),transparent 100%)}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.trim-slider.start::-webkit-slider-thumb{background:#48bb78}.trim-slider.end::-webkit-slider-thumb{background:#f56565}.trim-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.trim-slider.start::-moz-range-thumb{background:#48bb78}.trim-slider.end::-moz-range-thumb{background:#f56565}.btn-set-time{background:#4299e1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-set-time:hover{background:#3182ce}.trim-info{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#edf2f7;border-radius:8px}.trim-info p{margin:.5rem 0;color:#2d3748;font-weight:600}.trim-info .hint{font-size:.9rem;color:#4a5568;font-weight:400}.video-editor-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-trim{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;border:none;transition:all .2s;font-weight:600}.btn-cancel{background:#e2e8f0;color:#2d3748}.btn-cancel:hover:not(:disabled){background:#cbd5e0}.btn-trim{background:#48bb78;color:#fff}.btn-trim:hover:not(:disabled){background:#38a169}.btn-trim:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.video-editor-modal{padding:0}.video-editor-container{max-height:100vh;border-radius:0}.video-editor-header{border-radius:0}.video-editor-content{padding:1rem}.video-editor-actions{flex-direction:column}.btn-cancel,.btn-trim{width:100%}}.editor-section{margin-bottom:1.5rem;padding:1rem;background:#f7fafc;border-radius:8px;border-left:4px solid #667eea}.editor-section h3{margin:0 0 .5rem;color:#2d3748;font-size:1.1rem}.section-hint{margin:0 0 1rem;font-size:.9rem;color:#718096;font-style:italic}.section-action{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;text-align:center}.action-hint{margin:.5rem 0 0;font-size:.9rem;color:#4a5568;font-weight:600}.btn-trim-only,.btn-apply-cuts{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;border:none;transition:all .2s;font-weight:600}.btn-trim-only{background:#48bb78;color:#fff}.btn-trim-only:hover:not(:disabled){background:#38a169}.btn-apply-cuts{background:#f56565;color:#fff}.btn-apply-cuts:hover:not(:disabled){background:#e53e3e}.btn-trim-only:disabled,.btn-apply-cuts:disabled{opacity:.5;cursor:not-allowed}.cut-controls{display:flex;flex-direction:column;gap:1rem}.cut-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cut-input-group{display:flex;flex-direction:column;gap:.5rem}.cut-input-group label{font-size:.9rem;font-weight:600;color:#4a5568}.btn-add-cut{background:#ed8936;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:600}.btn-add-cut:hover{background:#dd6b20}.cut-segments-list{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:2px dashed #cbd5e0}.cut-segments-list h4{margin:0 0 .75rem;color:#2d3748;font-size:.95rem}.cut-segment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fed7d7;border-radius:6px;margin-bottom:.5rem;border-left:4px solid #f56565}.cut-segment-item:last-child{margin-bottom:0}.cut-segment-item span{color:#742a2a;font-weight:500}.cut-segment-item small{color:#9b2c2c;font-size:.85rem;margin-left:.5rem}.btn-remove-cut{background:#f56565;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-cut:hover{background:#e53e3e}@media(max-width:768px){.cut-inputs{grid-template-columns:1fr}}.video-recorder{position:fixed;inset:0;width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);z-index:10000;overflow:hidden}.video-recorder-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background-color:#2d3748fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;min-height:60px}.video-recorder-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.btn-back{padding:.5rem 1rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-back:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff4d}.btn-back:disabled{opacity:.5;cursor:not-allowed}.video-recorder-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.video-container{background:#000;border-radius:8px;overflow:hidden;position:relative;width:100%;height:70vh;display:flex;align-items:center;justify-content:center}.video-preview,.video-playback{width:100%;height:100%;object-fit:contain;display:block}.video-controls{position:static;padding:1rem;background:#f7fafc;border-radius:8px;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.btn-control{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-start-camera{background:#4caf50;color:#fff}.btn-start-camera:hover{background:#45a049}.btn-record{background:#f44336;color:#fff}.btn-record:hover{background:#da190b}.btn-pause{background:#ff9800;color:#fff}.btn-pause:hover{background:#e68900}.btn-resume{background:#4caf50;color:#fff}.btn-resume:hover{background:#45a049}.btn-stop{background:#333;color:#fff}.btn-stop:hover{background:#222}.btn-switch-camera{background:#9c27b0;color:#fff}.btn-switch-camera:hover{background:#7b1fa2}.btn-discard{background:#f44336;color:#fff}.btn-discard:hover{background:#da190b}.recording-indicator{display:flex;align-items:center;gap:.5rem;background:#f44336e6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:500}.recording-dot{width:12px;height:12px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-time{font-variant-numeric:tabular-nums;min-width:3rem}.video-metadata{display:flex;flex-direction:column;gap:1rem}.video-title-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-weight:500}.video-title-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.video-description-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical}.video-description-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.video-info{display:flex;gap:1rem;padding:.75rem;background:#f5f5f5;border-radius:6px;font-size:.875rem;color:#666}@media(max-width:640px){.video-recorder-header{padding:.5rem;min-height:50px;gap:.5rem}.video-recorder-header h2{font-size:1rem}.btn-back{padding:.5rem .75rem;font-size:.75rem}.video-recorder-content{padding:0;gap:.5rem}.video-container{height:60vh;border-radius:0}.video-controls{padding:.5rem;gap:.5rem}.btn-control{padding:.5rem 1rem;font-size:.75rem}.recording-indicator{padding:.375rem .75rem;font-size:.75rem}.recording-dot{width:8px;height:8px}.video-metadata{padding:.5rem}.video-title-input,.video-description-input{padding:.5rem;font-size:.875rem}}@media(max-width:480px){.video-controls{flex-direction:column}.btn-control{width:100%}.recording-indicator{width:100%;justify-content:center}}.section-editor{background-color:#fff;border-radius:8px;padding:1.5rem}.input-with-voice-horizontal input,.input-with-voice-horizontal textarea{flex:1}.section-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-editor-header h4{margin:0;color:#333;font-size:1.1rem}.btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;color:#999;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1.2rem}.btn-close:hover{background-color:#f8f9fa;color:#333}.btn-cancel{padding:.5rem 1rem;background-color:#fff;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background-color:#f8f9fa}.btn-save{padding:.5rem 1rem;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-save:hover{background-color:#5568d3}.section-editor-body{display:flex;flex-direction:column;gap:1rem}.text-editor{display:flex;flex-direction:column;gap:.75rem}.text-editor ol{list-style-type:decimal;list-style-position:outside;padding-left:2rem;margin:1rem 0}.text-editor ol li{display:list-item;margin-bottom:.5rem}.text-editor ul{list-style-type:disc;list-style-position:outside;padding-left:2rem;margin:1rem 0}.text-editor ul li{display:list-item;margin-bottom:.5rem}.font-select,.font-size-select,.align-select,.line-spacing-select{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;cursor:pointer;background-color:#fff}.font-select:hover,.font-size-select:hover,.align-select:hover,.line-spacing-select:hover{border-color:#667eea}.text-editor-toolbar{display:flex;gap:.5rem;padding:.75rem;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;flex-wrap:wrap}.toolbar-group{display:flex;gap:.25rem;padding-right:.5rem;border-right:1px solid #ddd}.toolbar-group:last-child{border-right:none}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600;color:#333}.toolbar-btn:hover{background-color:#667eea;border-color:#667eea;color:#fff}.toolbar-btn svg{width:16px;height:16px}.toolbar-select{padding:.25rem .5rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;cursor:pointer;transition:border-color .2s}.toolbar-select:hover{border-color:#667eea}.toolbar-select:focus{outline:none;border-color:#667eea}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.text-editor-textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:200px}.editor-hint{font-size:.85rem;color:#999;margin:0}.image-preview,.video-preview{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px}.image-preview img{max-width:100%;height:auto;border-radius:6px}.video-preview video{max-width:100%;border-radius:6px}.image-upload-options{display:flex;gap:1rem;margin-bottom:1rem}.btn-upload-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background-color:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#667eea;font-weight:600;cursor:pointer;transition:all .2s}.btn-upload-option:hover{background-color:#667eea;border-color:#667eea;color:#fff}.btn-upload-option .icon{width:24px;height:24px}.upload-hint{text-align:center;color:#999;font-size:.9rem;padding:1rem}@media(max-width:640px){.image-upload-options{flex-direction:column;gap:.75rem}.btn-upload-option{padding:1rem}.btn-upload-option .icon{width:20px;height:20px}.rsw-toolbar{flex-wrap:wrap!important;gap:.25rem!important;padding:.5rem!important}.font-select,.font-size-select,.align-select,.line-spacing-select{font-size:.75rem;padding:.2rem .3rem;max-width:80px}.rsw-toolbar button{min-width:28px!important;height:28px!important;padding:.2rem!important}.rsw-separator{margin:0 .15rem!important}}.annotated-image-preview{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px}.annotated-image-preview img{max-width:100%;height:auto;border-radius:6px}.annotations-list{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px}.annotations-list h5{margin:0 0 .5rem;color:#333}.arrows-descriptions{display:flex;flex-direction:column;gap:.5rem}.arrow-description-item{color:#666;line-height:1.5}.btn-edit-annotation{width:100%;padding:.75rem;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-edit-annotation:hover{background-color:#5568d3}@media(max-width:768px){.section-editor-header{flex-direction:column;align-items:stretch;gap:1rem}.editor-actions{width:100%;display:flex;gap:.5rem}.editor-actions button{flex:1}}.arrow-style-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.slider-group{display:flex;flex-direction:column;gap:.5rem}.slider-group label{font-size:.9rem;font-weight:500;color:#555}.slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none}@media(max-width:768px){.arrow-style-controls{padding:.75rem;gap:.75rem}.slider-group{gap:.25rem}.slider-group label{font-size:.8rem}}.sop-editor-container{padding:2rem;max-width:1200px;margin:0 auto}.input-with-voice-horizontal{display:flex;gap:.5rem;align-items:flex-start}.input-with-voice-horizontal .sop-title-input,.input-with-voice-horizontal .sop-description-input{flex:1}.sop-editor-header{position:sticky;top:0;z-index:100;background-color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-back{padding:.75rem 1.5rem;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-back:hover{background-color:#e9ecef}.editor-actions{display:flex;gap:1rem}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-btn:disabled{opacity:.5;cursor:not-allowed;background:#ccc;transform:none}.btn-secondary{padding:.75rem 1.5rem;background-color:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:#667eea;color:#fff}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-export:hover:not(:disabled){background-color:#059669}.btn-export:disabled{opacity:.6;cursor:not-allowed}.status-dropdown{padding:.75rem 1.5rem;background-color:#fff;color:#333;border:2px solid #667eea;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:150px}.status-dropdown:hover{background-color:#f8f9fa}.status-dropdown:focus{outline:none;border-color:#5568d3;box-shadow:0 0 0 3px #667eea1a}.status-dropdown option{padding:.5rem}.icon-export{width:20px;height:20px}.sop-editor-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.sop-metadata{margin-bottom:2rem}.sop-title-input{width:100%;padding:1rem;font-size:1.75rem;font-weight:600;border:2px solid transparent;border-radius:8px;margin-bottom:1rem;transition:border-color .3s}.sop-title-input:focus{outline:none;border-color:#667eea;background-color:#f8f9fa}.sop-description-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:8px;resize:vertical;transition:border-color .3s}.sop-description-input:focus{outline:none;border-color:#667eea}.add-section-toolbar{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap}.toolbar-label{font-weight:600;color:#666}.btn-add-section{padding:.5rem 1rem;background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}.btn-add-section:hover{background-color:#667eea;color:#fff;border-color:#667eea}.empty-sections{text-align:center;padding:3rem;color:#999;background-color:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.sections-list{display:flex;flex-direction:column;gap:1.5rem}.section-item{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background-color:#fafafa}.section-preview{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-type-badge{padding:.25rem .75rem;background-color:#667eea;color:#fff;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.section-controls{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon:hover:not(:disabled){background-color:#667eea;color:#fff;border-color:#667eea}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-delete:hover{background-color:#dc3545;border-color:#dc3545}.section-content{padding:1rem;background-color:#fff;border-radius:6px;min-height:50px}.text-content{line-height:1.6;color:#333;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.text-content ul,.text-content ol{margin-bottom:1rem;padding-left:2rem;list-style-position:outside}.text-content ul{list-style-type:disc}.text-content ol{list-style-type:decimal}.text-content li{display:list-item;margin-bottom:.5rem}.text-content strong{font-weight:600}.text-content em{font-style:italic}.text-content p{margin-bottom:1rem}.text-content table{border-collapse:collapse;width:100%;margin:1rem 0;border:1px solid #ddd}.text-content table td,.text-content table th{border:1px solid #ddd;padding:.5rem .75rem;text-align:left}.text-content table th{background-color:#f8f9fa;font-weight:600}.text-content table tr:nth-child(2n){background-color:#fafafa}.image-content{text-align:center}.image-content img{max-width:100%;height:auto;border-radius:6px}.resizable-image-container{position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;background-color:#667eea4d;opacity:0;transition:opacity .2s;z-index:10}.resize-handle:hover,.resizable-image-container:hover .resize-handle{opacity:1;background-color:#667eea99}.resize-handle-right{right:-4px}.resize-handle-left{left:-4px}.resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:30px;background-color:#fff;border-radius:2px}.image-caption{margin-top:.5rem;color:#666;font-size:.9rem;font-style:italic}.link-content a{color:#667eea;text-decoration:none;font-weight:600}.link-content a:hover{text-decoration:underline}.link-content p{margin-top:.5rem;color:#666}.video-content video{max-width:100%;border-radius:6px}.video-content p{margin-top:.5rem;color:#666}.section-annotations{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px;text-align:left}.section-annotations h5{margin:0 0 .5rem;color:#333;font-size:1rem}.section-annotations ol{margin:0;padding-left:1.5rem}.section-annotations li{margin-bottom:.5rem;color:#666;line-height:1.5}.empty-section{color:#999;font-style:italic;text-align:center;padding:1rem}.view-mode-tabs{display:flex;gap:.5rem;border-radius:8px;background-color:#f8f9fa;padding:.25rem}.tab-button{padding:.75rem 1.5rem;background-color:transparent;color:#666;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-button:hover{background-color:#667eea1a;color:#667eea}.tab-button.active{background-color:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.sop-preview{max-width:900px;margin:0 auto}.preview-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e9ecef}.preview-title{font-size:2.5rem;color:#333;margin:0 0 1rem;font-weight:700}.preview-description{font-size:1.125rem;color:#666;margin:0;line-height:1.6}.preview-export-section{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.metadata-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s}.metadata-toggle:hover{background-color:#fff;box-shadow:0 2px 4px #0000001a}.metadata-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.preview-header{position:relative;text-align:center;margin-bottom:1.5rem}.preview-header:hover .copy-section-btn{opacity:1}.preview-metadata{position:relative;font-size:.95rem;color:#666;font-style:italic;line-height:1.8;margin-bottom:1.5rem;text-align:center}.preview-metadata:hover .copy-section-btn{opacity:1}.preview-metadata p{margin:.25rem 0}.preview-separator{text-align:center;color:#ccc;margin:2rem 0;font-family:monospace;letter-spacing:-1px}.preview-empty{text-align:center;padding:4rem 2rem;color:#999;font-size:1.125rem}.preview-sections{display:flex;flex-direction:column;gap:2rem}.preview-section{position:relative;background-color:#fff;border-radius:8px;overflow:hidden}.copy-section-btn{position:absolute;top:.5rem;right:.5rem;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem .75rem;font-size:1.25rem;cursor:pointer;opacity:0;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10}.preview-section:hover .copy-section-btn{opacity:1}.copy-section-btn:hover{background-color:#f8f9fa;border-color:#667eea;transform:scale(1.05)}.copy-section-btn:active{transform:scale(.95)}.preview-text{font-size:1rem;line-height:1.8;color:#333}.preview-text h1,.preview-text h2,.preview-text h3,.preview-text h4,.preview-text h5,.preview-text h6{margin-top:1.5rem;margin-bottom:.75rem;color:#222;font-weight:600}.preview-text p{margin-bottom:1rem}.preview-text ul,.preview-text ol{margin-bottom:1rem;padding-left:2rem;list-style-position:outside}.preview-text ul{list-style-type:disc}.preview-text ol{list-style-type:decimal}.preview-text li{display:list-item;margin-bottom:.5rem}.preview-text strong{font-weight:600;color:#222}.preview-text em{font-style:italic}.preview-text a{color:#667eea;text-decoration:underline}.preview-text a:hover{color:#5568d3}.preview-text table{border-collapse:collapse;width:100%;margin:1rem 0;border:1px solid #ddd}.preview-text table td,.preview-text table th{border:1px solid #ddd;padding:.5rem .75rem;text-align:left}.preview-text table th{background-color:#f8f9fa;font-weight:600}.preview-text table tr:nth-child(2n){background-color:#fafafa}.preview-image{margin:2rem 0;text-align:center}.preview-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-arrows{position:relative;margin-top:1.5rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.preview-arrows:hover .copy-section-btn{opacity:1}.preview-arrows h4{margin:0 0 1rem;color:#333;font-size:1.125rem;font-weight:600}.preview-arrows ol{margin:0;padding-left:1.5rem}.preview-arrows li{margin-bottom:.75rem;color:#444;line-height:1.6;font-size:1rem}.preview-arrows li:last-child{margin-bottom:0}.preview-caption{margin-top:.75rem;color:#666;font-style:italic;text-align:center}.preview-link{padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #10b981}.preview-link a{font-size:1.125rem;color:#10b981;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.preview-link a:hover{text-decoration:underline}.preview-link-desc{margin-top:.75rem;margin-bottom:0;color:#666;line-height:1.6}.preview-video{margin:2rem 0}.preview-video video{width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-video-desc{margin-top:.75rem;color:#666;font-style:italic;text-align:center}@media(max-width:768px){.sop-editor-container{padding:0}.sop-editor-header{position:static;flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.sop-editor-content{padding:.5rem;border-radius:0;box-shadow:none}.view-mode-tabs{order:-1}.tab-button{padding:.5rem 1rem;font-size:.9rem}.editor-actions{width:100%;flex-wrap:wrap;gap:.5rem}.editor-actions button,.status-dropdown{flex:1;min-width:120px;padding:.5rem .75rem;font-size:.9rem}.save-btn{width:100%}.sop-metadata{gap:.5rem;margin-bottom:1rem}.sop-title-input,.sop-description-input{padding:.5rem .75rem;font-size:.95rem}.sections-list{gap:.75rem}.section-item{padding:.75rem;border-radius:4px}.add-section-toolbar{flex-wrap:wrap;padding:.5rem;gap:.5rem}.toolbar-label{width:100%;font-size:.85rem}.btn-add-section{flex:1;min-width:calc(50% - .25rem);padding:.5rem;font-size:.85rem}.preview-title{font-size:2rem}.preview-export-section{flex-direction:column}.preview-export-section button{width:100%}}.main-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.main-header h1{margin:0;font-size:1.5rem;font-weight:600}.burger-menu{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.burger-menu span{display:block;width:25px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s}.user-info{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.main-header{padding:1rem}.main-header h1{font-size:1.25rem}.burger-menu{display:flex}.user-info{position:absolute;top:60px;right:0;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;box-shadow:0 4px 12px #0003;display:none;min-width:200px;z-index:1000}.user-info.open{display:flex}.user-name{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.sign-out-btn{width:100%}}.user-name{font-size:.95rem}.sign-out-btn{padding:.5rem 1rem;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.sign-out-btn:hover{background-color:#ffffff4d}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:300px;min-width:250px;max-width:400px;overflow-y:auto;resize:horizontal}.content-area{flex:1;overflow-y:auto;background-color:#fff;padding:2rem}@media(max-width:640px){.content-area{padding:0}}.welcome-message{text-align:center;margin-top:3rem}.welcome-message h2{color:#333;margin-bottom:1rem}.welcome-message p{color:#666;font-size:1.1rem}.team-context{color:#667eea!important;font-size:1rem!important;margin-bottom:.5rem}.team-context strong{color:#764ba2}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;overflow:hidden}