@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');@font-face{font-family:'KFGQPC Uthmanic Hafs';src:url('https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap') format('woff2'),url('https://fonts.gstatic.com/s/amiriquran/v13/5aU69_a8oxmIdGl4Bg-NkFnpnQeVnw.woff2') format('woff2');font-display:swap}:root{--primary:#038089;--primary-light:#05a3ad;--primary-dark:#026169;--success:#68d391;--danger:#fc8181;--warning:#f6ad55;--bg-main:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--text-primary:#2d3748;--text-secondary:#718096;--border:#e2e8f0;--shadow:rgba(0,0,0,.03);--shadow-md:rgba(0,0,0,.06);--shadow-lg:rgba(0,0,0,.1);--radius:12px;--radius-sm:8px;--spacing:1rem;--transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-svg{width:18px;height:18px;vertical-align:middle;display:inline-block;stroke:currentColor;fill:none;transition:var(--transition)}.btn .icon-svg,.toolbar-btn .icon-svg,.tree-add-btn .icon-svg{stroke:currentColor;fill:none}#btnNotifications .icon-svg{stroke:#fff !important;fill:none !important}.btn:hover .icon-svg,.toolbar-btn:hover .icon-svg{transform:scale(1.1)}#btnNotifications:hover .icon-svg{stroke:#fff !important}.icon-svg-sm{width:14px;height:14px}.icon-svg-md{width:18px;height:18px}.icon-svg-lg{width:24px;height:24px}#ioqs-app{direction:rtl}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.7;overflow-y:auto;overflow-x:hidden;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,label,.modal-title,.doc-info-section h3,.tree-header h3,.stat-label,.progress-label,.owner-name,.coauthor-name,.tree-item,.tree-item-content,.tree-add-btn,.btn,.phase-selector,.editor-tab{font-family:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important}input,button,select,textarea,.stat-value,.progress-dot,#statWordCount,#statStartDate,#statLastEdit,.coauthor-avatar,.attachment-name{font-family:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-variant-numeric:lining-nums}#contentEditor{font-family:'Amiri','Traditional Arabic','Arial',serif !important;font-size:1.5rem !important;line-height:2.2 !important;font-variant-numeric:lining-nums;font-weight:400}#contentEditor span[style*=color][data-ayah],#contentEditor span[data-source=quran],.ioqs-ayah-insertion{font-family:'KFGQPC Uthmanic Hafs','Amiri',serif !important;font-size:18px !important;line-height:1.8 !important;background:0 0 !important;box-shadow:none !important;text-shadow:none !important;border:none !important;padding:0 !important;margin:0 .25rem !important;display:inline !important}.stat-value,#statWordCount,#statStartDate,#statLastEdit{direction:ltr !important;display:inline-block;unicode-bidi:plaintext}.progress-dot{direction:ltr !important}input[type=text],input[type=date]{direction:rtl}.breadcrumb span{unicode-bidi:plaintext}#ioqs-app{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;border:none;border-radius:0;overflow:visible;box-shadow:none;position:relative}.ioqs-header{background:var(--bg-main);border-bottom:1px solid var(--border);padding:1rem var(--spacing);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px var(--shadow);backdrop-filter:blur(10px);flex-shrink:0;min-height:70px}.header-left{display:flex;align-items:center;gap:1rem}.breadcrumb{display:none}.phase-selector{padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-primary);font-size:.875rem;cursor:pointer;font-weight:500;transition:var(--transition);box-shadow:0 1px 2px var(--shadow);min-width:150px;height:auto;min-height:42px;display:flex;align-items:center;justify-content:center;line-height:1.4;white-space:normal;word-wrap:break-word;text-align:center}.phase-selector:hover{border-color:var(--primary-light);box-shadow:0 2px 4px var(--shadow-md)}.phase-selector:focus{outline:none;border-color:#038089;box-shadow:0 0 0 3px rgba(3,128,137,.1)}.doc-info-section .phase-selector{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:1rem;text-align:center;backdrop-filter:blur(10px);width:100%;padding:.75rem 1rem;line-height:1.5;height:auto;min-height:48px;white-space:normal;word-wrap:break-word;overflow:visible;text-overflow:clip}.doc-info-section .phase-selector:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);box-shadow:0 4px 12px rgba(0,0,0,.15)}.doc-info-section .phase-selector:focus{outline:none;border-color:rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(255,255,255,.2)}.doc-info-section .phase-selector option{background:#038089;color:#fff;font-weight:600;padding:.75rem 1rem;line-height:1.5}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn{padding:.75rem 1.25rem;border:none;border-radius:var(--radius-sm);background:#038089;color:#fff;font-size:.875rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;font-weight:600;box-shadow:0 2px 4px rgba(3,128,137,.15);position:relative;height:42px;white-space:nowrap}.btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,128,137,.25)}.btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(3,128,137,.15)}.btn-secondary{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 1px 2px var(--shadow)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-light);box-shadow:0 2px 6px var(--shadow-md)}.btn-icon{background:var(--bg-main);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem;width:42px;height:42px;font-size:1.2rem;border-radius:var(--radius-sm);transition:var(--transition);box-shadow:0 1px 2px var(--shadow);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-tertiary);color:#038089;border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 6px var(--shadow-md)}#btnNotifications,button#btnNotifications.btn.btn-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;border:none !important;color:#fff !important;box-shadow:0 2px 8px rgba(16,185,129,.3) !important}#btnNotifications .icon-svg,#btnNotifications>.icon-svg,button#btnNotifications .icon-svg,button#btnNotifications>.icon-svg{stroke:#fff !important;fill:none !important;stroke-width:2.5 !important;transition:all .3s ease !important;transform:scale(1) !important;color:#fff !important}#btnNotifications:hover,button#btnNotifications:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;border:none !important;transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(16,185,129,.4) !important;color:#fff !important}#btnNotifications:hover .icon-svg,#btnNotifications:hover>.icon-svg,button#btnNotifications:hover .icon-svg,button#btnNotifications:hover>.icon-svg{stroke:#fff !important;transform:scale(1.15) rotate(-15deg) !important;filter:drop-shadow(0 2px 4px rgba(255,255,255,.3)) !important;color:#fff !important}.btn-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;box-shadow:0 2px 6px rgba(102,126,234,.25);text-decoration:none}.btn-dashboard:hover{background:linear-gradient(135deg,#5568d3 0%,#63408b 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.35);color:#fff;text-decoration:none}.btn-dashboard:active{transform:translateY(0)}.btn-dashboard:visited{color:#fff}.btn-logout{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;box-shadow:0 2px 6px rgba(231,76,60,.25);text-decoration:none}.btn-logout:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.35);color:#fff;text-decoration:none}.btn-logout:active{transform:translateY(0)}.btn-logout:visited{color:#fff}.notification-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translate(50%,-50%);border:2px solid var(--bg-main);opacity:0;transition:opacity .2s}.notification-badge.visible{opacity:1;animation:notification-pulse 2s ease-in-out infinite}@keyframes notification-pulse{0%,100%{transform:translate(50%,-50%) scale(1);box-shadow:0 0 0 0 rgba(220,38,38,.7)}50%{transform:translate(50%,-50%) scale(1.05);box-shadow:0 0 0 4px rgba(220,38,38,0)}}#btnNotifications.has-notifications{background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;border:none !important;color:#fff !important;box-shadow:0 4px 16px rgba(16,185,129,.5) !important}#btnNotifications.has-notifications .icon-svg{animation:bell-ring 1s ease-in-out 3 !important;stroke:#fff !important}@keyframes bell-ring{0%,100%{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-panel{display:none;position:absolute;top:120%;right:0;width:350px;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px var(--shadow);z-index:1100;overflow:hidden}.notification-panel.visible{display:block}.notification-header{padding:.75rem 1rem;font-weight:600;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem}.notification-item:last-child{border-bottom:none}.notification-item p{margin-bottom:.75rem}.notification-actions{display:flex;gap:.5rem}.ioqs-main{display:flex;flex-direction:row-reverse;flex:1;overflow:hidden;gap:0;background:var(--bg-secondary);min-height:0;position:relative}.sidebar-right,.sidebar-left{background:var(--bg-main);width:20%;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(226,232,240,.3) transparent}.sidebar-right::-webkit-scrollbar,.sidebar-left::-webkit-scrollbar,.doc-tree::-webkit-scrollbar,.editor-content::-webkit-scrollbar{width:4px;height:4px}.sidebar-right::-webkit-scrollbar-track,.sidebar-left::-webkit-scrollbar-track,.doc-tree::-webkit-scrollbar-track,.editor-content::-webkit-scrollbar-track{background:0 0}.sidebar-right::-webkit-scrollbar-thumb,.sidebar-left::-webkit-scrollbar-thumb,.doc-tree::-webkit-scrollbar-thumb,.editor-content::-webkit-scrollbar-thumb{background-color:rgba(226,232,240,.4);border-radius:10px;transition:var(--transition);opacity:0}.sidebar-right:hover::-webkit-scrollbar-thumb,.sidebar-left:hover::-webkit-scrollbar-thumb,.doc-tree:hover::-webkit-scrollbar-thumb,.editor-content:hover::-webkit-scrollbar-thumb{opacity:1;background-color:rgba(226,232,240,.6)}.sidebar-right::-webkit-scrollbar-thumb:hover,.sidebar-left::-webkit-scrollbar-thumb:hover,.doc-tree::-webkit-scrollbar-thumb:hover,.editor-content::-webkit-scrollbar-thumb:hover{background-color:rgba(3,128,137,.5);opacity:1}.sidebar-left{border-left:1px solid var(--border);order:3;z-index:2;position:relative}.sidebar-right{border-right:1px solid var(--border);order:1;z-index:2;position:relative}.editor-container{width:60%;background:var(--bg-main);display:flex;flex-direction:column;overflow:hidden;order:2;z-index:1;position:relative}.doc-tree{padding:var(--spacing);overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:rgba(226,232,240,.3) transparent}.tree-header{margin-bottom:1rem;position:sticky;top:0;background:var(--bg-main);padding-bottom:.5rem;z-index:10}.tree-search{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-primary);font-size:.875rem;transition:var(--transition);box-shadow:0 1px 2px var(--shadow)}.tree-search:focus{outline:none;border-color:#038089;box-shadow:0 0 0 3px rgba(3,128,137,.1);background:#fff}.tree-item{padding:.75rem .875rem;margin:.35rem 0;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.9rem;display:flex;align-items:center;gap:.75rem;border:2px solid transparent;position:relative;background:var(--bg-secondary)}.tree-item-icon{font-size:1.2rem;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(3,128,137,.1);transition:var(--transition)}.tree-item-title{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);transition:var(--transition)}.tree-item-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0;opacity:0;transition:opacity .2s}.tree-item:hover .tree-item-actions{opacity:1}.tree-add-btn,.btn-edit-topic,.btn-delete-topic,.btn-delete-doc,.btn-add-subtopic,.btn-toggle-topic{background:0 0;border:none;cursor:pointer;padding:.375rem;border-radius:6px;transition:var(--transition);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.9rem}.tree-add-btn:hover,.btn-add-subtopic:hover{background:rgba(3,128,137,.15);color:var(--primary);transform:scale(1.1)}.btn-edit-topic:hover{background:rgba(3,128,137,.15);color:var(--primary);transform:scale(1.1)}.btn-delete-topic,.btn-delete-doc,.btn-copy-link{color:#e74c3c}.btn-copy-link{color:var(--primary) !important;font-size:1rem}.btn-delete-topic:hover,.btn-delete-doc:hover{background:rgba(231,76,60,.1);color:#c0392b;transform:scale(1.1)}.btn-copy-link:hover{background:rgba(3,128,137,.15);color:var(--primary-dark) !important;transform:scale(1.15) rotate(10deg)}.btn-copy-link:active{transform:scale(.95) rotate(-5deg)}.tree-item-topic-root{font-size:1rem;font-weight:800;padding:1rem;margin:.5rem 0;background:linear-gradient(135deg,#026169 0%,#038089 100%);color:#fff !important;border-left:5px solid #05a3ad;border-radius:var(--radius-sm);box-shadow:0 3px 10px rgba(3,128,137,.25);transition:var(--transition)}.tree-item-topic-root .tree-item-icon{width:38px;height:38px;font-size:1.3rem;background:rgba(255,255,255,.25);color:#fff;border:2px solid rgba(255,255,255,.4)}.tree-item-topic-root .tree-item-title{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tree-item-topic-root:hover{background:linear-gradient(135deg,#038089 0%,#05a3ad 100%);transform:translateX(-4px);box-shadow:0 5px 20px rgba(3,128,137,.35)}.tree-item-topic-root:hover .tree-item-icon{background:rgba(255,255,255,.35);transform:scale(1.15) rotate(5deg)}.tree-item-topic-sub{margin-right:1.5rem;padding:.85rem;background:linear-gradient(135deg,rgba(3,128,137,.12) 0%,rgba(5,163,173,.08) 100%);color:#026169 !important;border-left:4px solid var(--primary);border-radius:var(--radius-sm);font-weight:700;transition:var(--transition)}.tree-item-topic-sub .tree-item-icon{background:linear-gradient(135deg,var(--primary) 0%,#05a3ad 100%);color:#fff;font-size:1.1rem}.tree-item-topic-sub .tree-item-title{color:#026169 !important;font-weight:700}.tree-item-topic-sub:hover{background:linear-gradient(135deg,rgba(3,128,137,.18) 0%,rgba(5,163,173,.12) 100%);transform:translateX(-3px);box-shadow:0 4px 12px rgba(3,128,137,.15)}.tree-item-topic-sub:hover .tree-item-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 2px 8px rgba(3,128,137,.3)}.tree-item-document{margin-right:2rem;padding:.75rem;background:#fff;color:#2d3748 !important;border-left:3px solid #cbd5e0;border-radius:var(--radius-sm);font-weight:500;transition:var(--transition);box-shadow:0 1px 3px rgba(0,0,0,.05)}.tree-item-document .tree-item-icon{background:linear-gradient(135deg,#f7fafc 0%,#e2e8f0 100%);color:#4a5568;font-size:1rem;border:1px solid #e2e8f0}.tree-item-document .tree-item-title{color:#2d3748 !important;font-weight:500}.tree-item-document:hover{background:#f8f9fa;border-left-color:var(--primary);transform:translateX(-3px);box-shadow:0 3px 10px rgba(0,0,0,.1)}.tree-item-document:hover .tree-item-icon{background:linear-gradient(135deg,var(--primary) 0%,#05a3ad 100%);color:#fff;transform:scale(1.1);border-color:var(--primary)}.tree-item-document:hover .tree-item-title{color:var(--primary) !important}.tree-item-document.active{background:linear-gradient(135deg,var(--primary) 0%,#05a3ad 100%);border-left-color:transparent;color:#fff !important;box-shadow:0 4px 15px rgba(3,128,137,.3);transform:translateX(-3px)}.tree-item-document.active .tree-item-icon{background:rgba(255,255,255,.3);color:#fff;transform:scale(1.1);border-color:rgba(255,255,255,.4)}.tree-item-document.active .tree-item-title{color:#fff !important;font-weight:600}.tree-item-document.active .tree-item-actions{opacity:1}.tree-item-document.active .btn-delete-doc{color:#fff;background:rgba(255,255,255,.2)}.tree-item-document.active .btn-delete-doc:hover{background:rgba(231,76,60,.9);color:#fff}.tree-item-topic-root .tree-item-actions .tree-add-btn,.tree-item-topic-root .tree-item-actions .btn-delete-doc{color:#fff;background:rgba(255,255,255,.15)}.tree-item-topic-root .tree-item-actions .tree-add-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.tree-item-topic-root .tree-item-actions .btn-delete-doc:hover{background:rgba(231,76,60,.9);color:#fff;transform:scale(1.1)}.tree-item-topic-sub .tree-item-actions .tree-add-btn,.tree-item-topic-sub .tree-item-actions .btn-delete-doc{color:var(--primary);background:rgba(3,128,137,.1)}.tree-item-topic-sub .tree-item-actions .tree-add-btn:hover{background:rgba(3,128,137,.2);transform:scale(1.1)}.tree-item-topic-sub .tree-item-actions .btn-delete-doc:hover{background:rgba(231,76,60,.15);color:#c0392b;transform:scale(1.1)}.tree-item-topic-root,.tree-item-topic-sub,.tree-item-document{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.tree-item-document.active .btn-delete-doc:hover{background:rgba(255,255,255,.3);color:#fff}.docs-count-badge{background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 6px rgba(3,128,137,.3)}.view-only-badge{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 6px rgba(52,152,219,.3)}.view-only-badge svg{width:12px;height:12px}.tree-item-document.view-only{opacity:.85;border-left-color:#3498db}.tree-item.dragging{opacity:.5;transform:scale(.95)}.tree-item.drop-target{background:rgba(46,204,113,.1);border-color:#2ecc71;box-shadow:0 0 0 2px rgba(46,204,113,.3)}.tree-item.level-1{margin-right:1.5rem}.tree-item.level-2{margin-right:3rem}.tree-item.level-3{margin-right:4.5rem}.tree-item.level-4{margin-right:6rem}@keyframes treeItemPulse{0%{box-shadow:0 0 0 0 rgba(3,128,137,.4)}70%{box-shadow:0 0 0 6px rgba(3,128,137,0)}100%{box-shadow:0 0 0 0 rgba(3,128,137,0)}}.tree-item-document:active{animation:treeItemPulse .6s}.btn-add-subtopic{opacity:0;background:0 0;border:none;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-add-subtopic:hover{background:var(--bg-tertiary);transform:scale(1.1);color:var(--primary-dark)}.topic-container{margin-bottom:.5rem}.docs-container{transition:all .3s ease;overflow:hidden}.btn-toggle-topic{background:0 0;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;min-width:24px;height:24px}.btn-toggle-topic:hover{background:var(--bg-tertiary);color:var(--primary-dark);transform:scale(1.1)}.tree-item[draggable=true]{cursor:move}.tree-item.dragging{opacity:.5;transform:scale(.95)}.tree-item.drop-target{background:rgba(3,128,137,.1);border-color:#038089;border-style:dashed;border-width:2px}.tree-item.drop-target .tree-item-content{color:#038089;font-weight:700}.tree-actions{display:none;gap:.25rem;margin-top:.5rem}.tree-item:hover .tree-actions{display:flex}.tree-action-btn{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-main);color:var(--text-secondary);cursor:pointer;transition:all .2s}.tree-action-btn:hover{background:#038089;color:#fff;border-color:#038089}.tree-add-buttons{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.tree-add-btn{flex:1;min-width:0;padding:.625rem;font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-weight:600;box-shadow:0 1px 2px var(--shadow)}.tree-add-btn:hover{background:#038089;border-color:#038089;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px rgba(3,128,137,.2)}.editor-tabs{display:flex;gap:.5rem;padding:.75rem var(--spacing);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.editor-tab{padding:.625rem 1.25rem;border:none;background:0 0;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition);font-weight:600;font-size:.9rem;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.editor-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.editor-tab.active{color:#038089;border-bottom-color:#038089;background:rgba(3,128,137,.05)}.tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.tab-content.hidden{display:none}.papers-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing);max-width:100%;box-sizing:border-box}.papers-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border);flex-shrink:0}.papers-grid{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;padding:.5rem;max-width:100%;flex:1;position:relative}.paper-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);overflow:visible;animation:fadeInUp .4s ease-out backwards;width:100%;max-width:100%;box-sizing:border-box;isolation:isolate;will-change:transform}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paper-card:nth-child(1){animation-delay:.05s}.paper-card:nth-child(2){animation-delay:.1s}.paper-card:nth-child(3){animation-delay:.15s}.paper-card:nth-child(4){animation-delay:.2s}.paper-card:nth-child(5){animation-delay:.25s}.paper-card:nth-child(n+6){animation-delay:.3s}.paper-card:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#038089,#05a3ad,#038089);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s ease;z-index:1}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.paper-card:hover:before{opacity:1}.paper-card:hover{border-color:#038089;box-shadow:0 6px 20px rgba(3,128,137,.15),0 3px 10px rgba(3,128,137,.1);transform:translateY(-3px);background:linear-gradient(135deg,#fff 0%,#f0f9fa 100%);z-index:10}.paper-card-author-avatar{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#038089,#05a3ad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border:3px solid #fff;box-shadow:0 4px 12px rgba(3,128,137,.25);text-transform:uppercase;position:relative;z-index:2}.paper-card-author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.paper-card-author-avatar .avatar-loading{font-size:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.paper-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.paper-card-header{display:flex;align-items:center;gap:.875rem}.paper-card-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9fa,#e0f2f4);border-radius:10px;color:#038089;font-size:1.375rem;box-shadow:0 2px 6px rgba(3,128,137,.1);transition:all .3s ease}.paper-card:hover .paper-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 10px rgba(3,128,137,.2)}.paper-card-title-wrapper{flex:1;min-width:0;max-width:100%;overflow:hidden}.paper-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:3.1em;transition:color .2s ease;word-wrap:break-word;word-break:break-word}.paper-card:hover .paper-card-title{color:#038089}.paper-card-topic{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);background:rgba(3,128,137,.08);padding:.25rem .625rem;border-radius:12px;font-weight:600;max-width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper-card-meta{display:flex;align-items:center;gap:1.25rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.paper-card-meta-item{display:flex;align-items:center;gap:.375rem;font-weight:500;transition:color .2s ease}.paper-card-meta-item svg{flex-shrink:0;opacity:.7}.paper-card:hover .paper-card-meta-item{color:var(--text-primary)}.paper-card-coauthors{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;max-width:100%}.paper-card-coauthors-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-left:.25rem;flex-shrink:0}.paper-card-coauthors-list{display:flex;align-items:center;margin-right:-6px;flex-wrap:wrap;gap:2px}.paper-card-coauthor-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-right:-8px;text-transform:uppercase;transition:all .2s ease;position:relative;z-index:1;flex-shrink:0}.paper-card-coauthor-avatar:hover{transform:scale(1.15);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.25)}.paper-card-coauthor-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.paper-card-coauthors-more{width:32px;height:32px;border-radius:50%;background:#e9ecef;color:#495057;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-right:-6px}.paper-card-status{flex-shrink:0;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-align:center;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .2s ease}.paper-card:hover .paper-card-status{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.15)}.paper-card-status.proposal{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#6c5a11}.paper-card-status.analysis{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#003d66}.paper-card-status.development{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#2d1d66}.paper-card-status.conclusion{background:linear-gradient(135deg,#55efc4,#00b894);color:#00562b}.paper-card-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-right:1rem;padding-left:.5rem;border-right:2px solid rgba(3,128,137,.1);margin-right:.5rem}.paper-card-request-btn{padding:.625rem 1rem;background:linear-gradient(135deg,#038089,#05a3ad);color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 8px rgba(3,128,137,.3);flex-shrink:0}.paper-card-request-btn:hover{background:linear-gradient(135deg,#05a3ad,#038089);transform:translateY(-2px);box-shadow:0 4px 14px rgba(3,128,137,.4)}.paper-card-request-btn:active{transform:translateY(0)}.paper-card-request-btn svg{width:16px;height:16px;flex-shrink:0}@media (max-width:1024px){.paper-card{padding:1.25rem;gap:.875rem}.paper-card-title{font-size:1rem}.paper-card-request-btn{font-size:.75rem;padding:.5rem .875rem}}@media (max-width:768px){.papers-grid{padding:.25rem;gap:1rem}.paper-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.paper-card:hover{transform:translateY(-2px)}.paper-card-author-avatar{position:absolute;top:1rem;right:1rem;width:48px;height:48px;font-size:1.1rem}.paper-card-main{width:100%;padding-left:0;margin-top:0}.paper-card-header{flex-wrap:wrap}.paper-card-title{font-size:1rem;-webkit-line-clamp:3;max-height:4.2em}.paper-card-meta{gap:.875rem}.paper-card-coauthors{flex-wrap:wrap}.paper-card-actions{width:100%;flex-direction:row;justify-content:flex-end;border-right:none;border-top:2px solid rgba(3,128,137,.1);padding-right:0;padding-top:1rem;padding-left:0;margin-right:0;margin-top:.5rem}.paper-card-request-btn{width:100%;justify-content:center}.paper-card-status{position:absolute;top:1rem;left:1rem;font-size:.7rem;padding:.4rem .75rem}}@media (max-width:480px){.paper-card{padding:1rem}.paper-card-author-avatar{width:44px;height:44px;font-size:1rem}.paper-card-icon{width:36px;height:36px;font-size:1.2rem}.paper-card-title{font-size:.95rem}.paper-card-meta-item{font-size:.75rem}.paper-card-coauthor-avatar{width:28px;height:28px;font-size:.65rem}.paper-card-request-btn{font-size:.75rem;padding:.5rem .75rem}}.search-results-list{max-width:800px;margin:0 auto}.search-result-item{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toolbar{display:flex;gap:.5rem;padding:.75rem var(--spacing);background:#f8f9fa;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center}.toolbar-group{display:inline-flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2px;transition:all .15s ease}.toolbar-group:hover{border-color:#038089;box-shadow:0 2px 4px rgba(0,0,0,.08)}.toolbar-select{height:34px;padding:0 .5rem;border:none;border-radius:4px;background:#fff;color:#374151;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;outline:none;min-width:80px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.toolbar-select:hover{background:#f3f4f6;color:#038089}.toolbar-select:focus{background:#f3f4f6;box-shadow:0 0 0 2px rgba(3,128,137,.2)}.toolbar-color-picker{width:34px;height:34px;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;outline:none;padding:2px;background:#fff}.toolbar-color-picker:hover{transform:scale(1.05);box-shadow:0 2px 4px rgba(0,0,0,.15)}.toolbar-color-picker::-webkit-color-swatch-wrapper{padding:0}.toolbar-color-picker::-webkit-color-swatch{border:2px solid #e5e7eb;border-radius:3px}.toolbar-group .toolbar-btn{margin:0;box-shadow:none;border:none}.frame-btn,.bracket-btn,.table-btn{width:24px;height:24px;background:rgba(255,255,255,.95);border:1px solid rgba(229,231,235,.8);border-radius:50%;padding:0;cursor:pointer;font-size:1rem;font-weight:300;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;user-select:none;pointer-events:auto;color:#6b7280;backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.frame-btn:hover,.bracket-btn:hover,.table-btn:hover{transform:scale(1.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.frame-delete:hover,.bracket-delete:hover,.table-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.frame-color:hover,.bracket-color:hover{background:#f0fdfa;border-color:#5eead4;color:#0d9488}.frame-controls,.bracket-controls,.table-controls{user-select:none;pointer-events:auto}.text-frame,.text-bracket{position:relative}.frame-controls,.bracket-controls{display:none;position:absolute;top:-25px;right:0;gap:4px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}.text-frame:hover .frame-controls,.text-bracket:hover .bracket-controls{display:flex}.toolbar-btn{min-width:36px;width:36px;height:36px;padding:0;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:1.125rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.toolbar-btn.toolbar-icon-btn{padding:0;min-width:36px;width:36px;height:36px}.toolbar-btn.toolbar-icon-btn svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .2s ease}.toolbar-btn:hover{background:#f3f4f6;border-color:#038089;color:#038089;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08)}.toolbar-btn:hover svg{transform:scale(1.1)}.toolbar-btn:active{transform:translateY(0);box-shadow:none}.toolbar-btn.active{background:#038089;color:#fff;border-color:#026169}.toolbar-btn.active svg{stroke:#fff}.toolbar-btn-highlight{background:#fef3c7;border-color:#fbbf24;color:#92400e}.toolbar-btn-highlight svg{stroke:#92400e}.toolbar-btn-highlight:hover{background:#fde68a;border-color:#f59e0b;color:#78350f}.toolbar-btn-highlight:hover svg{stroke:#78350f;transform:scale(1.15)}.toolbar-btn-special{background:#dbeafe;border-color:#60a5fa;color:#1e40af}.toolbar-btn-special svg{stroke:#1e40af}.toolbar-btn-special:hover{background:#bfdbfe;border-color:#3b82f6;color:#1e3a8a}.toolbar-btn-special:hover svg{stroke:#1e3a8a;transform:scale(1.15)}.toolbar-btn-rtl{background:linear-gradient(135deg,#f3e8ff 0%,#e879f9 100%);border-color:#d8b4fe;color:#7c2d12;font-weight:700;position:relative;overflow:hidden}.toolbar-btn-rtl svg{stroke:#7c2d12}.toolbar-btn-rtl:hover{background:linear-gradient(135deg,#e879f9 0%,#c084fc 100%);border-color:#a855f7;color:#581c87;transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px rgba(168,85,247,.3)}.toolbar-btn-rtl:hover svg{stroke:#581c87;transform:scale(1.15)}.toolbar-btn-rtl:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.toolbar-btn-rtl:hover:before{left:100%}#contentEditor [style*="direction: ltr"]{direction:ltr !important;text-align:left !important;border-right:3px solid #e879f9;padding-right:12px;margin:.5em 0;background:rgba(232,121,249,.05);border-radius:4px}#contentEditor [style*="direction: rtl"]{direction:rtl !important;text-align:right !important;border-left:3px solid #038089;padding-left:12px;margin:.5em 0;background:rgba(3,128,137,.05);border-radius:4px}.toolbar-divider{width:1px;height:24px;background:#e5e7eb;margin:0}.toolbar-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,#d1d5db 20%,#d1d5db 80%,transparent);margin:0 .5rem;align-self:center}.toolbar-btn[title]:after{content:attr(title);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) scale(.9);background:rgba(17,24,39,.95);color:#fff;padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);backdrop-filter:blur(8px)}.toolbar-btn[title]:before{content:'';position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%) scale(.9);border:6px solid transparent;border-top-color:rgba(17,24,39,.95);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:999}.toolbar-btn:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.toolbar-btn:hover:before{opacity:1;transform:translateX(-50%) scale(1)}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 8px rgba(3,128,137,.15)}50%{box-shadow:0 4px 16px rgba(3,128,137,.3)}}.toolbar-btn-highlight:hover,.toolbar-btn-special:hover{animation:pulse-glow 2s ease-in-out infinite}.toolbar-btn:focus{outline:none;border-color:#038089;box-shadow:0 0 0 3px rgba(3,128,137,.15)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.toolbar-btn:disabled:hover{transform:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}.editor-content{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden;background:var(--bg-main);position:relative;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.editor-content::-webkit-scrollbar{width:6px}.editor-content::-webkit-scrollbar-track{background:0 0}.editor-content::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px;transition:var(--transition)}.editor-content::-webkit-scrollbar-thumb:hover{background-color:var(--primary-light)}#contentEditor{min-height:calc(100vh - 400px);max-height:none;outline:none;line-height:1.8;white-space:pre-wrap;font-size:1rem;word-wrap:break-word;overflow-y:visible;padding-bottom:2rem;direction:rtl;text-align:right}#contentEditor:empty:before{content:'ابدأ الكتابة بخط Traditional Arabic الجميل...';color:var(--text-secondary);font-style:italic;font-size:.875rem}#editor-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1.2rem;text-align:center}#contentEditor [data-author-id]{padding:1px 2px !important;border-radius:2px !important;transition:all .2s ease !important;position:relative !important;display:inline !important;cursor:default;box-shadow:none !important;font-weight:inherit !important;color:inherit !important;line-height:inherit !important}#contentEditor [data-author-id]:hover{filter:brightness(.92);z-index:1000}#contentEditor [data-author-id]:hover:after{content:attr(data-author-name);position:absolute;bottom:auto;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--author-color,rgba(0,0,0,.9));color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:10000;pointer-events:none;animation:tooltipFadeInBottom .2s ease;box-shadow:0 4px 16px rgba(0,0,0,.4);text-shadow:0 1px 2px rgba(0,0,0,.3)}#contentEditor [data-author-id]:hover:before{content:'';position:absolute;bottom:auto;top:calc(100% - 2px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--author-color,rgba(0,0,0,.9));z-index:9999;pointer-events:none;animation:tooltipFadeInBottom .2s ease}@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltipFadeInBottom{from{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}#contentEditor [data-author]{padding:1px 3px;border-radius:3px;transition:background .2s;position:relative;display:inline-block}#contentEditor [data-author]:hover{box-shadow:0 0 0 2px var(--primary-light)}#contentEditor [data-author]:after{content:attr(data-author-name);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.3)}#contentEditor [data-author]:hover:after{opacity:1}.attachments-section{padding:var(--spacing);border-top:1px solid var(--border);background:var(--bg-secondary);max-height:250px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.attachments-section::-webkit-scrollbar{width:6px;height:6px}.attachments-section::-webkit-scrollbar-track{background:0 0}.attachments-section::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px;transition:var(--transition)}.attachments-section::-webkit-scrollbar-thumb:hover{background-color:var(--primary-light)}.attachments-section h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.attachments-section-sidebar{padding:.75rem;margin:.75rem 0;border-bottom:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-sm)}.attachments-section-sidebar h4{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:.5rem 0;text-transform:uppercase;letter-spacing:.5px}.dropzone{padding:1.5rem 1rem;border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-secondary);background:var(--bg-main);cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:600;margin:.75rem 0}.dropzone:hover{border-color:var(--primary);background:rgba(3,128,137,.05);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,128,137,.15)}.dropzone.dragover{border-color:var(--primary);background:rgba(3,128,137,.1);color:var(--primary);border-style:solid;transform:scale(1.02)}.attachments-section-sidebar .attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px, 1fr));gap:.75rem;max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:.5rem 0}.attachments-section-sidebar .attachments-grid::-webkit-scrollbar{width:4px}.attachments-section-sidebar .attachments-grid::-webkit-scrollbar-track{background:0 0}.attachments-section-sidebar .attachments-grid::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px;transition:var(--transition)}.attachments-section-sidebar .attachments-grid::-webkit-scrollbar-thumb:hover{background-color:var(--primary-light)}.attachment-card{position:relative;padding:.875rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-main);text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow:hidden}.attachment-card:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(3,128,137,.2);transform:translateY(-4px)}.attachment-card:hover .attachment-delete{opacity:1;transform:scale(1)}.attachment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--bg-secondary);border-radius:var(--radius-sm);transition:all .3s ease}.attachment-card:hover .attachment-icon{transform:scale(1.1)}.attachment-icon.pdf{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff}.attachment-icon.docx{background:linear-gradient(135deg,#4dabf7 0%,#339af0 100%);color:#fff}.attachment-icon.image{background:linear-gradient(135deg,#51cf66 0%,#37b24d 100%);color:#fff;padding:0;overflow:hidden}.attachment-icon.image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.attachment-name{font-size:.7rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:600;transition:color .3s ease}.attachment-card:hover .attachment-name{color:var(--primary)}.attachment-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.95);color:#9ca3af;border:1px solid rgba(229,231,235,.7);cursor:pointer;font-size:1.25rem;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 1px 3px rgba(0,0,0,.08);backdrop-filter:blur(8px);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.attachment-delete:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:scale(1);box-shadow:0 2px 6px rgba(239,68,68,.2)}.file-viewer-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(8px);animation:fadeIn .3s ease}.file-viewer-modal.show{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.file-viewer-content{position:relative;max-width:95%;max-height:95%;width:auto;height:auto;background:#fff;border-radius:calc(var(--radius) * 2);box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .3s ease}@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.file-viewer-header{padding:1rem 1.5rem;background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:calc(var(--radius) * 2) calc(var(--radius) * 2) 0 0}.file-viewer-title{font-size:1.125rem;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-viewer-close{background:rgba(255,255,255,.2);border:none;width:36px;height:36px;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin-left:1rem}.file-viewer-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.file-viewer-body{flex:1;overflow:auto;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;min-height:400px;max-height:calc(95vh - 80px)}.file-viewer-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius)}.file-viewer-body iframe{width:100%;height:100%;border:none;min-height:600px}.file-viewer-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.file-viewer-loading:before{content:'⏳';display:block;font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.file-viewer-actions{padding:1rem 1.5rem;background:var(--bg-main);border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.file-viewer-btn{padding:.625rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.file-viewer-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,128,137,.3)}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px, 1fr));gap:.75rem;margin-top:.5rem}.attachment-card{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-main);text-align:center;position:relative;cursor:pointer;transition:all .2s}.attachment-card:hover{border-color:#038089;box-shadow:0 2px 8px var(--shadow)}.attachment-icon{width:48px;height:48px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;font-size:2rem}.attachment-name{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-info{overflow-y:auto;overflow-x:hidden;background:var(--bg-main);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.doc-info::-webkit-scrollbar{width:6px}.doc-info::-webkit-scrollbar-track{background:0 0}.doc-info::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px;transition:var(--transition)}.doc-info::-webkit-scrollbar-thumb:hover{background-color:var(--primary-light)}.doc-info-section{padding:1.5rem;border-bottom:1px solid var(--border)}.doc-info-section:first-child{background:#038089 !important;padding:2rem 1.5rem 1.5rem;box-shadow:0 4px 6px rgba(3,128,137,.1)}.doc-info-section h3{font-size:.75rem;font-weight:800;margin-bottom:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.doc-info-section:first-child h3{color:rgba(255,255,255,.9)}.doc-title-display{width:100%;padding:1rem 1.25rem;background:0 0;color:#fff;font-size:1.5rem;font-weight:800;text-align:center;line-height:1.4;word-wrap:break-word;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition);cursor:pointer;position:relative;font-family:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important}.doc-title-display:hover{background:rgba(255,255,255,.1);transform:scale(1.01)}.doc-title-display:hover:after{content:'✏️ Doble clic para editar';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.7rem;font-weight:500;color:rgba(255,255,255,.7);white-space:nowrap;pointer-events:none}.doc-title-input{display:none;width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius);background:rgba(255,255,255,.15);color:#fff;font-size:1.125rem;font-weight:700;backdrop-filter:blur(10px);text-align:center;transition:var(--transition)}.doc-title-input::placeholder{color:rgba(255,255,255,.6)}.doc-title-input:focus{outline:none;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.25);box-shadow:0 0 0 4px rgba(255,255,255,.15)}.owner-info{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;margin-top:2rem}.avatar{width:83px;height:83px;border-radius:50%;background:var(--primary-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.95rem;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 16px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 24px rgba(0,0,0,.3)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.owner-details{flex:1}.owner-name{font-weight:800;font-size:1rem;margin-bottom:.25rem;color:#fff;transition:color .2s ease}.owner-name:hover{color:var(--primary-light);text-decoration:underline}.owner-role{font-size:.875rem;color:rgba(255,255,255,.8);font-weight:500}.progress-bar-container{margin:1.5rem 0;padding:.75rem .5rem;background:0 0 !important;border-radius:0;backdrop-filter:none}.progress-bar-container h4{color:#fff;font-size:.7rem;font-weight:600;margin-bottom:.75rem;text-align:center;opacity:.95}.progress-bar{position:relative;display:flex;flex-direction:column !important;gap:.5rem;align-items:stretch;background:0 0 !important}.progress-steps-row{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:relative;z-index:2;background:0 0 !important;padding:.5rem;border-radius:8px}.progress-labels-row{display:flex;flex-direction:row;justify-content:space-around;align-items:center;background:0 0 !important;padding:.25rem .5rem}.progress-line{position:relative;width:100%;height:3px;background:rgba(255,255,255,.2);border-radius:2px;margin-top:.25rem}.progress-line-fill{position:absolute;top:0;right:0;height:100%;background:rgba(255,255,255,.75);border-radius:2px;transition:width .5s ease}.progress-step{display:flex;flex-direction:column;align-items:center;gap:0;flex:1}.progress-dot{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:rgba(255,255,255,.85);font-weight:700;transition:all .3s ease;flex-shrink:0}.progress-step.active .progress-dot{background:#fff;border-color:#fff;color:#038089;transform:scale(1.15);box-shadow:0 2px 8px rgba(255,255,255,.3)}.progress-step.completed .progress-dot{background:rgba(255,255,255,.85);border-color:rgba(255,255,255,.9);color:#038089}.progress-labels-row .progress-label{flex:1;font-size:.7rem;color:rgba(255,255,255,.75);font-weight:600;text-align:center;white-space:nowrap;line-height:1.2;transition:all .3s ease}.progress-labels-row .progress-label.active{color:#fff;font-weight:700;font-size:.75rem}.progress-labels-row .progress-label.completed{color:rgba(255,255,255,.9)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.stat-value{font-weight:800;font-size:.925rem;color:var(--primary-dark)}.coauthors-section{padding:1.5rem}.coauthors-section-inline{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.coauthors-section-inline .coauthors-list{margin-bottom:.75rem;justify-content:center}.coauthors-section-inline .coauthor-avatar{border-color:rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(0,0,0,.2)}.coauthors-section-inline .coauthor-avatar:hover{border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.coauthors-section-inline .btn{backdrop-filter:blur(10px);transition:all .3s ease}.coauthors-section-inline .btn:hover{background:rgba(255,255,255,.3) !important;border-color:rgba(255,255,255,.5) !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.coauthors-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;justify-content:flex-start}.coauthor-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 .25rem}.coauthor-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-light);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;cursor:pointer;position:relative;border:3px solid #fff;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}.coauthor-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.coauthor-avatar:hover{transform:scale(1.15) translateY(-2px);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.25)}.coauthor-name{font-size:.75rem;color:rgba(255,255,255,.9);font-weight:600;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-legend{margin-top:1rem}.color-item{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;font-size:.875rem;padding:.625rem .75rem;border-radius:8px;background:var(--bg-tertiary);transition:all .2s ease;border:1px solid transparent}.color-item:hover{background:var(--border);border-color:rgba(3,128,137,.1)}.color-swatch{width:28px;height:28px;border-radius:8px;border:2px solid rgba(0,0,0,.05)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.modal.show{display:flex}.modal-content{background:var(--bg-main);border-radius:calc(var(--radius) * 2);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow)}.modal-header{padding:1.5rem var(--spacing);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--danger)}.modal-body{padding:var(--spacing);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing) 1.5rem;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-start}.user-search-results{margin-top:1rem;max-height:300px;overflow-y:auto}.user-result{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;cursor:pointer;transition:all .2s}.user-result:hover{background:var(--bg-tertiary);border-color:var(--primary-light)}.user-result.selected{background:#038089;color:#fff;border-color:#038089}.user-result.selected .user-result-avatar{border-color:#fff}.user-result-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--border)}.user-result-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{background:var(--bg-main);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--shadow-lg);border:1px solid var(--border);border-left:4px solid var(--primary);pointer-events:all;animation:toastSlideUp .4s cubic-bezier(.4,0,.2,1);min-width:300px;backdrop-filter:blur(10px)}.toast.success{border-left-color:var(--success);background:rgba(104,211,145,.05)}.toast.error{border-left-color:var(--danger);background:rgba(252,129,129,.05)}.toast.warning{border-left-color:var(--warning);background:rgba(246,173,85,.05)}@keyframes toastSlideUp{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.ioqs-main{flex-direction:column;height:auto}.sidebar-left,.sidebar-right{width:100%;max-height:300px;min-height:250px;border:none;border-bottom:1px solid var(--border);order:initial}.sidebar-right{order:1}.editor-container{border:none;width:100%;order:2;min-height:500px;flex:1}.sidebar-left{order:3}.editor-content{min-height:400px}#contentEditor{min-height:350px}.toolbar{gap:.625rem;padding:.625rem}.toolbar-btn{width:36px;height:36px}}@media (max-width:768px){#ioqs-app{height:auto;min-height:100vh}.ioqs-header{flex-wrap:wrap;padding:1rem .75rem;gap:.75rem;min-height:auto}.header-left{order:1;width:100%}.phase-selector{width:100%;min-width:auto;height:42px}.header-actions{order:2;width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.btn{font-size:.75rem;padding:.625rem .875rem;height:38px}.btn-icon{width:38px;height:38px}.toolbar{justify-content:center;gap:.5rem;padding:.5rem}.toolbar-btn{width:32px;height:32px}.ioqs-main{flex-direction:column}.sidebar-left,.sidebar-right{width:100%;max-height:250px;min-height:200px;border-left:none;border-right:none}.editor-container{width:100%;min-height:400px;flex:1}.editor-content{padding:1rem;min-height:350px;flex:1}#contentEditor{min-height:300px;font-size:.95rem}.editor-tabs{padding:.5rem;overflow-x:auto}.editor-tab{padding:.5rem 1rem;font-size:.85rem;white-space:nowrap}.attachments-section{max-height:200px;padding:.75rem}.doc-info-section{padding:1rem}.doc-title-input{font-size:1rem;padding:.75rem}.tree-search{padding:.625rem;font-size:.813rem}.tree-item{padding:.75rem .5rem;font-size:.875rem}.modal-content{width:95%;max-height:90vh}.modal-body{padding:.75rem}.notification-panel{width:95%;right:2.5%}}@media (max-width:480px){.ioqs-header{padding:.5rem}.header-left{width:100%}.phase-selector{font-size:.813rem;padding:.5rem 1rem}.header-actions{gap:.25rem;width:100%}.btn{padding:.4rem .6rem;font-size:.7rem}.btn-icon{width:36px;height:36px}.toolbar{padding:.5rem .25rem}.toolbar-btn{width:30px;height:30px;font-size:.875rem}.editor-content{padding:.75rem}#contentEditor{font-size:.9rem;line-height:1.6}.doc-info-section{padding:.75rem}.stat-row{padding:.5rem 0;font-size:.813rem}.progress-bar-container{padding:.5rem .25rem}.progress-dot{width:32px;height:32px;font-size:.75rem}.progress-labels-row .progress-label{font-size:.65rem}.progress-line{height:2px}.coauthor-avatar{width:36px;height:36px;font-size:.7rem}.tree-add-btn{padding:.5rem;font-size:.75rem}}.hidden{display:none !important}.loading{opacity:.6;pointer-events:none}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:1.5rem;text-align:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition);margin:.75rem 0;background:var(--bg-tertiary)}.dropzone:hover,.dropzone.dragover{border-color:#038089;background:rgba(3,128,137,.1);color:#038089;border-style:solid}.collaborator-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition);justify-content:space-between}.collaborator-item:hover{background-color:var(--bg-tertiary)}.collaborator-item span{flex-grow:1}.btn-delete-collaborator{padding:.2rem;font-size:1rem;width:30px;height:30px;border-color:transparent;color:var(--text-secondary)}.btn-delete-collaborator:hover{background-color:var(--danger);color:#fff;border-color:transparent}#colorLegend{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.color-item{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;font-size:.875rem;padding:.5rem;border-radius:8px;background:var(--bg-tertiary);transition:background .2s}.color-item:hover{background:var(--border)}.color-swatch{width:28px;height:28px;border-radius:8px;border:2px solid rgba(0,0,0,.05)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(45,55,72,.7);z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal.show{display:flex}.modal-content{background:var(--bg-main);border-radius:var(--radius);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-lg);animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem var(--spacing);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-close{background:var(--bg-tertiary);border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modal-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.modal-body{padding:var(--spacing);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing) 1.5rem;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-start}.user-search-results{margin-top:1rem;max-height:300px;overflow-y:auto}.user-result{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;cursor:pointer;transition:all .2s}.user-result:hover{background:var(--bg-tertiary);border-color:var(--primary-light)}.user-result.selected{background:#038089;color:#fff;border-color:#038089}.user-result.selected .user-result-avatar{border-color:#fff}.user-result-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--border)}.user-result-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--bg-main);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--radius);box-shadow:0 8px 24px var(--shadow);border:1px solid var(--border);pointer-events:all;animation:slideUp .3s ease;min-width:300px}.toast.success{border-right:4px solid var(--success)}.toast.error{border-right:4px solid var(--danger)}.toast.warning{border-right:4px solid var(--warning)}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.ioqs-main{flex-direction:column}.sidebar-left,.sidebar-right{width:100%;max-height:350px;border:none;border-bottom:1px solid var(--border)}.editor-container{border:none}}@media (max-width:768px){.ioqs-header{flex-direction:column;align-items:stretch}.breadcrumb{order:1}.phase-selector{order:2}.header-actions{order:3;justify-content:center}.toolbar{justify-content:center}}.hidden{display:none !important}.loading{opacity:.6;pointer-events:none}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin:.75rem 0}.dropzone:hover,.dropzone.dragover{border-color:#038089;background:var(--bg-tertiary);color:#038089}.btn-remove-collaborator{margin-left:auto;width:22px;height:22px;background:rgba(255,255,255,.9);border:1px solid rgba(229,231,235,.7);cursor:pointer;font-size:1.1rem;font-weight:300;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:50%;flex-shrink:0;backdrop-filter:blur(4px);box-shadow:0 1px 2px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.color-item:hover .btn-remove-collaborator{opacity:1}.btn-remove-collaborator:hover{opacity:1;color:#ef4444;background:#fee2e2;border-color:#fca5a5;transform:scale(1.1);box-shadow:0 2px 4px rgba(239,68,68,.2)}.text-frame{display:inline-block;border:2px solid #038089;padding:8px 12px;margin:4px;border-radius:8px;background:rgba(3,128,137,.05);position:relative;cursor:move;user-select:none;transition:all .2s ease}.text-frame:hover{box-shadow:0 4px 12px rgba(3,128,137,.25);transform:translateY(-2px)}.frame-controls{position:absolute;top:-25px;right:0;display:none;gap:4px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}.text-frame:hover .frame-controls{display:flex}#svg-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}#svg-connectors path{pointer-events:stroke;cursor:pointer;transition:stroke-width .2s ease}#svg-connectors path:hover{stroke-width:3;stroke:var(--primary-light)}.text-bracket{display:inline-block;position:relative;padding:12px;margin:8px;user-select:none;transition:all .2s ease}.text-bracket:hover{transform:scale(1.02)}.bracket-controls{position:absolute;top:-25px;right:0;display:none;gap:4px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}.text-bracket:hover .bracket-controls{display:flex}.text-frame.selecting{animation:pulse 1s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,128,137,.7)}50%{box-shadow:0 0 0 8px rgba(3,128,137,0)}}#contentEditor{position:relative;overflow:visible}.frame-controls,.bracket-controls{animation:fadeInDown .2s ease}@keyframes fadeInDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.toolbar-btn[title]:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000}.toolbar-btn:hover:after{opacity:1;transform:translateX(-50%) scale(1)}@media (max-width:768px){.text-frame{padding:6px 10px;margin:3px}.frame-controls,.bracket-controls{top:-22px;font-size:12px}.frame-btn,.bracket-btn{padding:3px 6px;font-size:12px}.text-bracket{padding:8px;margin:6px}.file-viewer-content{max-width:98%;max-height:98%}.file-viewer-header{padding:.875rem 1rem}.file-viewer-title{font-size:.95rem}.file-viewer-body{min-height:300px;max-height:calc(95vh - 60px)}.file-viewer-body iframe{min-height:400px}.file-viewer-actions{padding:.75rem 1rem;gap:.5rem}.file-viewer-btn{padding:.5rem 1rem;font-size:.8125rem}.attachments-section-sidebar .attachments-grid{grid-template-columns:repeat(auto-fill,minmax(75px, 1fr));gap:.5rem}.attachment-card{padding:.625rem}.attachment-icon{width:40px;height:40px;font-size:1.5rem}.attachment-name{font-size:.65rem}.dropzone{padding:1.25rem .75rem;font-size:.8125rem}}.modern-table-wrapper{position:relative;display:block;margin:1em 0;padding:4px;border:2px solid transparent;border-radius:8px;transition:all .2s ease;background:#f8f9fa;user-select:none}.modern-table-wrapper:hover{border-color:#038089;background:#f0f9ff;box-shadow:0 2px 8px rgba(3,128,137,.15)}.modern-table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;background:#fff;font-family:inherit}.modern-table td{border:1px solid #e5e7eb;padding:12px;min-width:100px;min-height:40px;background:#fff;transition:all .2s;vertical-align:top;position:relative}.modern-table td:focus{outline:none;background:#f0f9ff !important;border-color:#038089 !important;box-shadow:inset 0 0 0 1px #038089}.modern-table tr:hover td{background:#f9fafb}.modern-table td:hover{border-color:#6b7280}.modern-table td:hover:after{content:'';position:absolute;top:0;right:-2px;width:4px;height:100%;background:0 0;cursor:col-resize}#table-context-menu{animation:contextMenuFadeIn .2s ease}@keyframes contextMenuFadeIn{from{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quran-reader-modal .modal-content{width:95vw;max-width:1600px;height:90vh;max-height:900px;padding:0;overflow:hidden}.quran-reader-modal select{width:100% !important;max-width:100% !important;box-sizing:border-box !important}.quran-reader-modal select option{padding:8px 12px;white-space:normal !important;word-wrap:break-word;overflow-wrap:break-word;min-height:2em}.quran-reader-modal .modal-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#038089,#05a3ad);color:#fff;border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.quran-reader-modal .modal-header h2{color:#fff;font-size:1.5rem;font-weight:800}.quran-reader-modal .modal-close{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);font-size:2rem;width:45px;height:45px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.quran-reader-modal .modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.quran-reader-modal-content{display:flex;flex-direction:column}.quran-reader-body{flex:1;overflow:hidden;padding:0;background:var(--bg-secondary)}#quranReaderIframe{width:100%;height:100%;border:none;background:#fff}.toolbar-btn-quran{padding:.625rem 1.25rem !important;font-size:.9rem !important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toolbar-btn-quran:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.toolbar-btn-quran:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,128,137,.4) !important}.toolbar-btn-quran:hover:before{left:100%}.toolbar-btn-quran:active{transform:translateY(0)}.quran-text{position:relative;transition:all .2s}.quran-text:hover{filter:brightness(.95)}.quran-reader-modal-content{background:#fff;border-radius:var(--radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid var(--border);overflow:hidden}.quran-reader-body{background:#f8f9fa}.quran-sidebar{width:420px;background:#fff;border-left:1px solid var(--border);padding:1.5rem;overflow-y:auto;overflow-x:hidden;flex-shrink:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.quran-sidebar .control-group{margin-bottom:1.5rem;box-sizing:border-box}.quran-sidebar .control-group *{box-sizing:border-box}.quran-sidebar .control-group h3{color:var(--primary);margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.quran-sidebar select,.quran-sidebar input[type=text],.quran-sidebar input[type=number]{width:100%;max-width:100%;padding:.875rem .75rem;height:3.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:'Amiri',serif;font-size:.95rem;line-height:normal;background:#fff;transition:var(--transition);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;direction:rtl;text-align:right;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quran-sidebar select option{padding:.75rem .5rem;font-size:.95rem;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;min-height:2.5em;direction:rtl;text-align:right}.quran-sidebar select{min-width:100%}.quran-sidebar select[size],.quran-sidebar select[multiple]{height:auto}.quran-sidebar select{display:flex;align-items:center;padding-top:.875rem !important;padding-bottom:.875rem !important}.quran-sidebar select::-ms-value{padding:0;margin:0;line-height:normal}.quran-sidebar select:focus,.quran-sidebar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(3,128,137,.1)}.quran-sidebar select:disabled{background:#f7fafc;color:var(--text-secondary);cursor:not-allowed}.quran-sidebar button{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition)}.quran-sidebar button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(3,128,137,.3)}.quran-sidebar button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.quran-viewer{background:#fffef7;padding:2rem;overflow-y:auto;position:relative}#quran-viewer{width:100%;height:100%;line-height:2.2;font-family:'KFGQPC Uthmanic Hafs','Amiri','Scheherazade New',serif;font-size:22px;direction:rtl;text-align:justify;color:var(--text-primary)}.verse{cursor:pointer;display:inline;padding:2px 4px;border-radius:3px;transition:all .2s ease;position:relative}.verse:hover{background:rgba(3,128,137,.1)}.verse.highlight{background:rgba(255,208,0,.35) !important;outline:2px solid rgba(255,208,0,.6);border-radius:.35rem;box-shadow:0 2px 8px rgba(255,208,0,.3)}.sura-header{text-align:center;margin:2rem 0 1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(3,128,137,.1),rgba(3,128,137,.05));border:1px solid rgba(3,128,137,.2);border-radius:var(--radius);color:var(--primary);font-weight:700;box-shadow:0 2px 8px rgba(3,128,137,.1)}.sura-header div:first-child{font-size:1.4rem;margin-bottom:.5rem}.sura-header div:last-child{font-size:1rem;opacity:.8;font-weight:500}.ayah-separator{display:inline;color:var(--primary);font-weight:700;font-size:.9rem;font-family:'Cairo',sans-serif;margin:0 .2rem;direction:ltr}.ayah-separator:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.color-btn{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;position:relative}.color-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.color-btn.active{border-color:#000 !important;transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #000}#selectionPreview{background:#f8f9fa;padding:1rem;border-radius:var(--radius-sm);min-height:80px;font-family:'Amiri',serif;direction:rtl;text-align:right;border:1px solid var(--border);transition:all .2s ease}#selectionPreview:not(:empty){background:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(3,128,137,.1)}#searchResults{margin-top:.5rem;max-height:200px;overflow-y:auto;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.1)}#searchResults::-webkit-scrollbar{width:6px}#searchResults::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#searchResults::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.search-result-item{transition:all .2s ease;cursor:pointer}.search-result-item:hover{background:#f0f9ff !important;border-color:var(--primary) !important;transform:translateX(-2px);box-shadow:0 4px 12px rgba(3,128,137,.15)}.search-result-item:active{transform:translateX(0)}.search-results-list mark{background:gold;padding:.125rem .25rem;border-radius:2px;font-weight:600;color:#2d3748}.quran-reader-modal.show .quran-reader-modal-content{animation:quranModalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes quranModalSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.quran-reader-modal-content{max-width:90vw !important;width:90vw !important}.quran-sidebar{width:280px}}@media (max-width:768px){.quran-reader-modal .modal-content{width:100vw !important;height:100vh !important;max-width:100vw !important;max-height:100vh !important;border-radius:0}#quranReaderContainer{flex-direction:column !important;direction:ltr !important}.quran-sidebar{width:100% !important;order:2;max-height:300px;border-left:none;border-top:1px solid var(--border);box-sizing:border-box;padding:1rem}.quran-sidebar .control-group{margin-bottom:1rem}.quran-sidebar select,.quran-sidebar input[type=text],.quran-sidebar input[type=number]{width:100%;max-width:100%;padding:.875rem .625rem;height:3.25rem;font-size:.9rem;line-height:normal;box-sizing:border-box}.quran-viewer{order:1;padding:1rem}#quran-viewer{font-size:18px;line-height:1.8}.sura-header{margin:1rem 0;padding:1rem}.quran-reader-modal .modal-header{border-radius:0;padding:1rem}.quran-reader-modal .modal-header h2{font-size:1.2rem}.quran-reader-modal .modal-close{width:40px;height:40px;font-size:1.75rem}}@media (min-width:769px) and (max-width:1024px){.quran-sidebar{width:350px !important;padding:1.25rem}.quran-sidebar select,.quran-sidebar input[type=text],.quran-sidebar input[type=number]{width:100%;max-width:100%;padding:.875rem .65rem;height:3.25rem;font-size:.9rem;line-height:normal;box-sizing:border-box}.quran-sidebar .control-group h3{font-size:.85rem}}@media (max-width:480px){.quran-sidebar{padding:.75rem}.quran-sidebar .control-group{margin-bottom:.75rem}.quran-sidebar select,.quran-sidebar input[type=text],.quran-sidebar input[type=number]{padding:.75rem .5rem;height:3rem;font-size:.875rem;line-height:normal}.quran-sidebar .control-group h3{font-size:.75rem;margin-bottom:.5rem}.quran-reader-modal .modal-header h2{font-size:1rem}}.tutorial-container{height:100%;overflow-y:auto;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);direction:rtl;font-family:'Cairo',sans-serif;scrollbar-width:thin;scrollbar-color:rgba(3,128,137,.2) transparent}.tutorial-container::-webkit-scrollbar{width:8px}.tutorial-container::-webkit-scrollbar-track{background:0 0}.tutorial-container::-webkit-scrollbar-thumb{background:rgba(3,128,137,.2);border-radius:4px}.tutorial-container::-webkit-scrollbar-thumb:hover{background:rgba(3,128,137,.4)}.tutorial-header{background:linear-gradient(135deg,#038089 0%,#05a3ad 100%);color:#fff;padding:3rem 2rem;text-align:center;box-shadow:0 4px 20px rgba(3,128,137,.3);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.tutorial-welcome h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.1);animation:slideDown .6s ease}.tutorial-welcome p{font-size:1.125rem;line-height:1.8;max-width:800px;margin:0 auto;opacity:.95;animation:fadeIn .8s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.tutorial-content{max-width:1000px;margin:0 auto;padding:2rem}.tutorial-section{margin-bottom:3rem;animation:fadeInUp .5s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary)}.tutorial-section-icon{font-size:3rem;line-height:1;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-section-header h2{font-size:2rem;font-weight:800;color:var(--primary-dark);margin:0}.tutorial-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(3,128,137,.15);border-color:var(--primary-light)}.tutorial-card-header{background:linear-gradient(135deg,#038089 0%,#05a3ad 100%);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem}.tutorial-step-number{background:rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;flex-shrink:0;border:2px solid rgba(255,255,255,.4)}.tutorial-card-header h3{font-size:1.5rem;font-weight:700;margin:0}.tutorial-card-body{padding:2rem;line-height:1.8}.tutorial-card-body p{margin-bottom:1rem;font-size:1.125rem;color:var(--text-primary)}.tutorial-steps{list-style:none;padding:0;margin:1.5rem 0}.tutorial-steps li{padding:1rem;margin-bottom:.75rem;background:var(--bg-secondary);border-right:4px solid var(--primary);border-radius:8px;position:relative;transition:all .3s ease;font-size:1.0625rem;line-height:1.7}.tutorial-steps li:hover{background:rgba(3,128,137,.05);transform:translateX(-4px)}.tutorial-steps li:before{content:'◀';position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:800;font-size:1.25rem}.tutorial-button-example{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:6px;font-weight:600;font-size:.875rem;box-shadow:0 2px 6px rgba(3,128,137,.2);vertical-align:middle}.tutorial-inline-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:2px solid var(--primary);border-radius:4px;font-weight:700;color:var(--primary);vertical-align:middle;margin:0 .25rem}.tutorial-tip,.tutorial-success,.tutorial-warning{padding:1rem 1.5rem;border-radius:8px;margin-top:1.5rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.6}.tutorial-tip{background:rgba(3,128,137,.1);border-right:4px solid var(--primary);color:var(--text-primary)}.tutorial-success{background:rgba(104,211,145,.1);border-right:4px solid var(--success);color:var(--text-primary)}.tutorial-warning{background:rgba(252,129,129,.1);border-right:4px solid var(--danger);color:var(--text-primary)}.tutorial-toolbar-demo{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.toolbar-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.demo-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 1rem;background:#fff;border:2px solid var(--border);border-radius:6px;font-weight:700;color:var(--text-primary);flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.toolbar-item p{margin:0;font-size:1rem}.tutorial-demo-box{padding:2rem;background:#fff;border:2px dashed var(--primary);border-radius:12px;text-align:center;margin:1.5rem 0}.tutorial-alignment-demo{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;padding:1rem;background:var(--bg-secondary);border-radius:8px}.tutorial-alignment-demo .demo-btn{margin-left:.75rem}.tutorial-frame-demo{margin:1.5rem 0}.tutorial-quran-demo{background:#fff;padding:2rem;border-radius:12px;text-align:center;margin:1.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,.08)}.quran-verse-example{font-family:'KFGQPC Uthmanic Hafs','Amiri',serif;font-size:2rem;color:var(--primary);font-weight:700;line-height:1.8;margin-bottom:.5rem}.tutorial-colors-demo{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.color-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px}.color-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.15);border:2px solid #fff}.tutorial-status-demo{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.status-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.15)}.tutorial-export-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.export-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;transition:all .3s ease}.export-option:hover{background:rgba(3,128,137,.05);transform:translateX(-4px)}.export-option .demo-btn{min-width:60px}.export-option strong{display:block;font-size:1.125rem;margin-bottom:.25rem;color:var(--primary)}.export-option p{margin:0;font-size:.875rem;color:var(--text-secondary)}.tutorial-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px, 1fr));gap:1rem;margin:1.5rem 0}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:all .3s ease}.shortcut-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,128,137,.15)}.shortcut-item kbd{background:var(--bg-tertiary);padding:.375rem .75rem;border-radius:4px;font-weight:700;font-size:.875rem;border:1px solid var(--border);box-shadow:0 2px 0 var(--border);font-family:'Cairo',monospace}.shortcut-item span{font-size:.875rem;color:var(--text-secondary)}.tutorial-best-practices{list-style:none;padding:0;margin:1.5rem 0}.tutorial-best-practices li{padding:1.25rem;margin-bottom:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);border-right:4px solid var(--success);transition:all .3s ease}.tutorial-best-practices li:hover{transform:translateX(-4px);box-shadow:0 4px 12px rgba(104,211,145,.2)}.tutorial-faq{margin:1.5rem 0}.faq-item{padding:1.25rem;margin-bottom:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.faq-item strong{display:block;font-size:1.125rem;margin-bottom:.75rem;color:var(--primary)}.faq-item p{margin:0;color:var(--text-secondary);line-height:1.6}.tutorial-final{background:linear-gradient(135deg,#038089 0%,#05a3ad 100%);color:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;margin:3rem 0 2rem;box-shadow:0 8px 24px rgba(3,128,137,.3);animation:fadeInUp .6s ease}.tutorial-final-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.tutorial-final-content p{font-size:1.25rem;line-height:1.8;margin-bottom:1rem;opacity:.95}.tutorial-final-actions{margin:2rem 0}.tutorial-final-actions .btn{background:#fff;color:var(--primary);font-size:1.125rem;padding:1rem 2rem;box-shadow:0 4px 12px rgba(0,0,0,.2);font-weight:700}.tutorial-final-actions .btn:hover{background:var(--bg-secondary);transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.3)}@media (max-width:768px){.tutorial-header{padding:2rem 1rem}.tutorial-welcome h1{font-size:1.75rem}.tutorial-welcome p{font-size:1rem}.tutorial-content{padding:1rem}.tutorial-section-header h2{font-size:1.5rem}.tutorial-section-icon{font-size:2rem}.tutorial-card-header h3{font-size:1.25rem}.tutorial-card-body{padding:1.5rem}.tutorial-shortcuts{grid-template-columns:1fr}.tutorial-final{padding:2rem 1rem}.tutorial-final-content h2{font-size:1.75rem}.tutorial-final-content p{font-size:1rem}}.dashboard-container{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);overflow:hidden}.dashboard-filters{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-bottom:2px solid var(--border);box-shadow:0 2px 8px var(--shadow);flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.filter-select,.filter-input{padding:.625rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:var(--transition);cursor:pointer}.filter-select:hover,.filter-input:hover{border-color:var(--primary)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(3,128,137,.1)}.documents-grid{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.documents-grid::-webkit-scrollbar{width:8px}.documents-grid::-webkit-scrollbar-track{background:0 0}.documents-grid::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}.documents-grid::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.document-card{background:#fff;border-radius:var(--radius);padding:1.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;box-shadow:0 2px 12px var(--shadow);transition:var(--transition);border:1px solid transparent;position:relative;overflow:hidden;min-height:160px}.document-card:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);opacity:0;transition:var(--transition)}.document-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-md);border-color:var(--primary)}.document-card:hover:before{opacity:1}.document-card-author{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.document-card-avatar-large{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid var(--primary);box-shadow:0 4px 12px rgba(3,128,137,.3);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:700;font-size:1.5rem;transition:var(--transition)}.document-card-avatar-large img{width:100%;height:100%;object-fit:cover}.document-card-avatar-large:hover{transform:scale(1.1)}.document-card-author-name{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.document-card-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;cursor:pointer;transition:var(--transition)}.document-card-title:hover{color:var(--primary)}.document-card-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:.25rem}.breadcrumb-separator{color:var(--border);font-weight:300}.document-card-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-item .icon-svg{width:14px;height:14px;opacity:.7}.document-card-progress{display:flex;flex-direction:column;gap:.5rem}.progress-label-mini{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-bar-mini{width:100%;height:8px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;position:relative}.progress-bar-mini-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-mini-fill:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.document-card-collaborators{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.collaborators-label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.collaborators-avatars{display:flex;align-items:center;margin-right:-.5rem}.collaborator-avatar-small{width:28px;height:28px;border-radius:50%;border:2px solid #fff;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.625rem;font-weight:700;margin-right:-.5rem;transition:var(--transition);cursor:pointer;box-shadow:0 2px 4px var(--shadow)}.collaborator-avatar-small img{width:100%;height:100%;object-fit:cover}.collaborator-avatar-small:hover{transform:translateY(-2px) scale(1.15);z-index:10;box-shadow:0 4px 8px var(--shadow-md)}.collaborators-count{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.625rem;font-weight:700;border:2px solid #fff;margin-right:-.5rem}.document-card-actions{display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-width:140px}.card-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.card-action-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 2px 8px rgba(3,128,137,.3)}.card-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,128,137,.4)}.card-action-btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.card-action-btn-secondary:hover{background:var(--primary);color:#fff}.card-action-btn .icon-svg{width:14px;height:14px}.documents-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary);padding:3rem;text-align:center}.documents-grid-empty .icon-svg{width:64px;height:64px;opacity:.3}.documents-grid-empty h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.documents-grid-empty p{font-size:1rem;margin:0}@media (max-width:1024px){.document-card{grid-template-columns:1fr;gap:1rem}.document-card-author{flex-direction:row;justify-content:flex-start;min-width:auto}.document-card-avatar-large{width:48px;height:48px;font-size:1.125rem}.document-card-actions{flex-direction:row;min-width:auto}.dashboard-filters{gap:.75rem}.filter-group{min-width:140px}}@media (max-width:640px){.dashboard-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.document-card{padding:1rem}.document-card-title{font-size:1.125rem}.document-card-actions{width:100%}.card-action-btn{flex:1}}.doc-chat-container{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;max-height:500px;transition:all .3s ease}.doc-chat-header{background:rgba(255,255,255,.15);padding:.875rem 1rem;font-weight:700;color:#fff;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.5rem}.doc-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:250px;max-height:350px;background:rgba(0,0,0,.1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.doc-chat-messages::-webkit-scrollbar{width:4px}.doc-chat-messages::-webkit-scrollbar-track{background:0 0}.doc-chat-messages::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:10px}.doc-chat-messages::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.5)}.chat-welcome{text-align:center;color:rgba(255,255,255,.7);padding:2rem 1rem;font-size:.9rem}.chat-welcome p{margin:0}.chat-message{display:flex;gap:.75rem;align-items:flex-start;animation:fadeInMessage .3s ease}@keyframes fadeInMessage{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.chat-message-content{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-message-user{font-weight:700;color:#fff;font-size:.875rem}.chat-message-time{font-size:.7rem;color:rgba(255,255,255,.6)}.chat-message-bubble{background:rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1rem;color:#fff;word-wrap:break-word;font-size:.875rem;line-height:1.5;position:relative;max-width:100%}.chat-message.own .chat-message-bubble{background:rgba(3,128,137,.8)}.chat-message-bubble a{color:gold;text-decoration:underline}.chat-message-audio{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.15);border-radius:20px;padding:.625rem 1rem;position:relative}.chat-audio-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.25);border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.chat-audio-btn svg{width:14px;height:14px;fill:#fff;flex-shrink:0}.chat-audio-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}.chat-audio-download{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;padding:0}.chat-audio-download svg{width:13px;height:13px;stroke:#fff;stroke-width:2;flex-shrink:0}.chat-audio-download:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.chat-audio-waveform{flex:1;height:32px;background:rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;min-width:80px}.chat-audio-duration{font-size:.75rem;color:rgba(255,255,255,.8);white-space:nowrap}.chat-message-file{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease}.chat-message-file:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.chat-file-icon{width:36px;height:36px;border-radius:8px;background:rgba(3,128,137,.6);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.chat-file-info{flex:1;min-width:0}.chat-file-name{font-weight:600;color:#fff;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-size{font-size:.7rem;color:rgba(255,255,255,.7)}.chat-message-actions{position:absolute;top:-8px;right:8px;opacity:0;transition:opacity .2s ease}.chat-message-bubble:hover .chat-message-actions{opacity:1}.chat-delete-btn{width:22px;height:22px;border-radius:50%;background:rgba(231,76,60,.6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7;padding:0;flex-shrink:0}.chat-delete-btn svg{width:11px;height:11px;stroke:#fff;stroke-width:2.5;flex-shrink:0}.chat-delete-btn:hover{background:#e74c3c;opacity:1;transform:scale(1.15);box-shadow:0 2px 8px rgba(231,76,60,.4)}.doc-chat-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.2);font-weight:600;font-size:.875rem;color:#fff}.doc-chat-header svg{flex-shrink:0}.doc-chat-header span{flex:1}.doc-chat-input-container{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.2)}.chat-actions-row{display:flex;gap:.5rem;justify-content:center;align-items:center}.chat-input-row{display:flex;width:100%}.chat-action-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.chat-action-btn svg{width:18px;height:18px;stroke:rgba(255,255,255,.9);transition:all .2s ease;flex-shrink:0}.chat-action-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.chat-action-btn:hover svg{stroke:#fff;transform:scale(1.1)}.chat-action-btn:active{transform:translateY(0)}.chat-action-btn#btnChatSend{background:linear-gradient(135deg,#038089,#05a3ad);box-shadow:0 2px 8px rgba(3,128,137,.3)}.chat-action-btn#btnChatSend:hover{background:linear-gradient(135deg,#05a3ad,#038089);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(3,128,137,.5)}.chat-action-btn#btnChatSend svg{stroke:#fff}.chat-record-btn.recording{background:#e74c3c;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(231,76,60,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(231,76,60,0)}}.chat-input{flex:1;width:100%;min-height:40px;max-height:120px;padding:.75rem 1rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;font-size:.875rem;font-family:inherit;resize:none;overflow-y:auto;transition:all .2s ease;line-height:1.4}.chat-input::placeholder{color:rgba(255,255,255,.5)}.chat-input:focus{outline:none;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.chat-recording-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.recording-content{text-align:center;padding:2rem}.recording-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 1.5s infinite}.recording-timer{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}#recordingWaveform{display:block;margin:1rem auto;border-radius:8px}.recording-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.recording-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.recording-cancel{background:rgba(231,76,60,.8);color:#fff}.recording-cancel:hover{background:#e74c3c;transform:translateY(-2px)}.recording-send{background:rgba(46,204,113,.8);color:#fff}.recording-send:hover{background:#2ecc71;transform:translateY(-2px)}.emoji-picker{position:absolute;bottom:60px;left:10px;width:280px;max-height:320px;background:#fff;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:999;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;overflow-y:auto;max-height:280px}.emoji-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;border-radius:4px;transition:all .15s ease}.emoji-item:hover{background:var(--bg-tertiary);transform:scale(1.2)}@media (max-width:1200px){.doc-chat-container{max-height:400px}.doc-chat-messages{min-height:200px;max-height:250px}.emoji-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:768px){.doc-chat-container{max-height:350px}.doc-chat-messages{min-height:150px;max-height:200px}.chat-message-bubble{font-size:.8rem;padding:.625rem .875rem}.chat-input{font-size:.8rem;padding:.65rem .875rem}.emoji-picker{width:260px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.chat-action-btn{width:36px;height:36px}.chat-action-btn svg{width:16px;height:16px}}@media (max-width:480px){.chat-message-avatar{width:28px;height:28px}.chat-action-btn{width:34px;height:34px}.chat-action-btn svg{width:15px;height:15px}.doc-chat-input-container{padding:.5rem;gap:.375rem}.chat-actions-row{gap:.375rem}.emoji-grid{grid-template-columns:repeat(5,1fr)}.chat-audio-btn{width:30px;height:30px}.chat-audio-download{width:26px;height:26px}.chat-message-bubble{padding:.5rem .75rem}.chat-input{min-height:38px;padding:.625rem .875rem}}@media (max-width:1024px){body{overflow:auto !important;height:auto !important;min-height:100vh}#ioqs-app{overflow:visible !important;height:auto !important;min-height:100vh;display:flex;flex-direction:column}.ioqs-header{position:sticky;top:0;z-index:1000;background:var(--bg-main);box-shadow:0 2px 8px rgba(0,0,0,.1)}.ioqs-main{flex-direction:column !important;overflow:visible !important;height:auto !important;min-height:calc(100vh - 70px);flex:1}.sidebar-left,.sidebar-right{width:100% !important;height:auto !important;max-height:none !important;min-height:auto !important;overflow:visible !important;position:relative}.sidebar-right{order:1;border-right:none !important;border-bottom:1px solid var(--border)}.editor-container{order:2;width:100% !important;height:auto !important;min-height:500px;overflow:visible !important;flex:1}.sidebar-left{order:3;border-left:none !important;border-top:1px solid var(--border);max-height:none !important;min-height:600px;height:auto;overflow-y:visible;display:flex;flex-direction:column}.editor-content{overflow-y:auto !important;overflow-x:hidden !important;height:auto !important;min-height:400px;max-height:none !important;-webkit-overflow-scrolling:touch;padding:1.5rem 1rem}#contentEditor{min-height:350px !important;max-height:none !important;overflow:visible !important;height:auto !important}.tab-content{overflow:visible !important;height:auto !important;flex:1}.doc-tree{overflow-y:visible !important;-webkit-overflow-scrolling:touch;max-height:none !important;min-height:400px;display:flex;flex-direction:column;flex:1}.toolbar{flex-wrap:wrap;padding:.5rem;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar-btn{min-width:34px;width:34px;height:34px}.btn:not(.btn-edit-topic):not(.btn-delete-topic):not(.btn-delete-doc):not(.btn-add-subtopic):not(.btn-toggle-topic),.toolbar-btn,.editor-tab{min-height:44px;display:flex;align-items:center;justify-content:center}.tree-item{padding:.625rem .75rem !important;font-size:.95rem;border-radius:var(--radius-sm);margin-bottom:.5rem;min-height:48px !important;gap:.5rem !important;align-items:flex-start !important}.tree-item-title{font-size:.95rem;line-height:1.4;flex:1;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;max-width:calc(100% - 120px);word-wrap:break-word}.tree-item-icon{width:28px !important;height:28px !important;font-size:1rem !important;flex-shrink:0}.tree-item-actions{opacity:1 !important;gap:.25rem;flex-shrink:0 !important;align-self:center !important;margin-top:0 !important}.btn-edit-topic,.btn-delete-topic,.btn-delete-doc,.btn-add-subtopic,.btn-toggle-topic{min-height:34px !important;min-width:34px !important;width:34px !important;height:34px !important;padding:.375rem !important;font-size:.875rem !important;flex-shrink:0 !important}.tree-item-actions .icon-svg{width:14px !important;height:14px !important}.btn-toggle-topic{margin-left:0 !important}.tree-item-topic-root{margin-bottom:.75rem}.tree-item-topic-sub{padding-right:1.5rem;margin-bottom:.5rem}.tree-item-document{padding-right:2rem;margin-bottom:.5rem;font-size:.95rem}}@media (max-width:768px){html{overflow-y:auto !important;height:auto !important;-webkit-overflow-scrolling:touch}body{overflow-y:auto !important;overflow-x:hidden !important;height:auto !important;min-height:100vh;-webkit-overflow-scrolling:touch;position:relative}#ioqs-app{overflow:visible !important;height:auto !important;min-height:100vh}.ioqs-header{padding:.75rem .5rem;flex-wrap:wrap;gap:.5rem;position:sticky;top:0}.header-left{width:100%;order:1}.header-actions{width:100%;order:2;justify-content:center;gap:.5rem}.ioqs-main{flex-direction:column !important;overflow:visible !important;height:auto !important;min-height:auto}.sidebar-right{width:100% !important;height:auto !important;max-height:none !important;overflow:visible !important;order:1}.doc-info-section{padding:1rem}.doc-title-input{font-size:1rem;padding:.75rem}.editor-container{width:100% !important;height:auto !important;min-height:60vh !important;overflow:visible !important;order:2;flex:1}.editor-tabs{padding:.5rem;gap:.5rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.editor-tab{padding:.625rem 1rem;font-size:.875rem;flex-shrink:0;min-height:44px}.tab-content{overflow:visible !important;height:auto !important;display:flex;flex-direction:column}.toolbar{padding:.5rem .25rem;gap:.375rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start}.toolbar-group{flex-shrink:0}.toolbar-btn{min-width:36px;width:36px;height:36px;flex-shrink:0}.toolbar-select{min-width:70px;font-size:.75rem}.editor-content{padding:1rem .75rem !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;height:auto !important;min-height:50vh !important;max-height:none !important;flex:1 !important}#contentEditor{min-height:45vh !important;max-height:none !important;overflow:visible !important;height:auto !important;font-size:1rem !important;line-height:1.8 !important;padding-bottom:10rem !important}#contentEditor:empty:before{font-size:.875rem}.attachments-section{max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(80px, 1fr));gap:.5rem}.sidebar-left{width:100% !important;height:auto !important;max-height:500px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;order:3}.doc-tree{max-height:450px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem}.tree-item{padding:.75rem .5rem;font-size:.875rem;min-height:44px}.btn{min-height:44px;padding:.625rem 1rem;font-size:.875rem}.btn-icon{width:44px;height:44px;min-width:44px;min-height:44px}.modal-content{width:95%;max-width:95vw;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}#btnNotifications{width:48px !important;height:48px !important;padding:.75rem !important;background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;color:#fff !important}#btnNotifications .icon-svg{width:24px !important;height:24px !important;stroke:#fff !important;stroke-width:2.5 !important}#btnNotifications:hover .icon-svg{stroke:#fff !important}.notification-badge{width:24px !important;height:24px !important;font-size:.8rem !important}.notification-panel{width:90% !important;max-width:420px !important;min-width:320px;right:5% !important;left:auto !important;top:110% !important;font-size:1rem}.notification-header{padding:1rem 1.25rem;font-size:1.125rem;font-weight:700}.notification-list{max-height:60vh}.notification-item{padding:1.25rem;font-size:1rem;line-height:1.6}.notification-item p{margin-bottom:.875rem;font-size:1rem}.notification-item strong,.notification-item b{font-size:1.05rem}.notification-item .icon-svg{width:22px !important;height:22px !important}.notification-actions{gap:.75rem}.notification-actions .btn{padding:.75rem 1.25rem;font-size:1rem;min-height:44px;font-weight:600}.doc-chat-container{max-height:400px}.doc-chat-messages{max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width:480px){.ioqs-header{padding:.5rem .25rem;gap:.25rem}.btn{padding:.5rem .75rem;font-size:.8rem;min-height:40px}.btn-icon{width:40px;height:40px;min-width:40px;min-height:40px}.phase-selector{font-size:.813rem;padding:.5rem;height:auto;min-height:40px}.toolbar{padding:.375rem .25rem;gap:.25rem}.toolbar-btn{min-width:32px;width:32px;height:32px}.toolbar-select{min-width:65px;font-size:.7rem;height:32px}.editor-content{padding:.75rem .5rem !important;min-height:50vh !important}#contentEditor{font-size:.95rem !important;line-height:1.7 !important;min-height:45vh !important;padding-bottom:8rem !important}.editor-tab{padding:.5rem .75rem;font-size:.8rem;min-height:40px}.tree-item{padding:.625rem .375rem;font-size:.813rem;min-height:40px}.tree-add-btn{padding:.5rem;font-size:.75rem;min-height:40px}.doc-info-section{padding:.75rem .5rem}.doc-title-input{font-size:.95rem;padding:.625rem}.stat-row{padding:.5rem 0;font-size:.813rem}.progress-dot{width:28px;height:28px;font-size:.7rem}.progress-label{font-size:.65rem}.coauthor-avatar{width:32px;height:32px;font-size:.7rem}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(70px, 1fr));gap:.375rem}.attachment-card{padding:.5rem}.attachment-icon{width:36px;height:36px;font-size:1.25rem}.attachment-name{font-size:.65rem}}@media (max-width:768px){*{-webkit-overflow-scrolling:touch !important}#ioqs-app,.ioqs-main,.editor-container,.tab-content,.editor-content{max-height:none !important}.editor-content,#contentEditor{height:auto !important;overflow-y:visible !important}input,textarea,select,#contentEditor{font-size:16px !important}}@media (max-width:768px){button,.btn,.toolbar-btn,.tree-item,.editor-tab,a.btn,input[type=button],input[type=submit]{min-width:44px;min-height:44px}}@media (max-width:768px){.sidebar-left:before,.sidebar-right:before{content:'';display:block;width:60px;height:4px;background:rgba(3,128,137,.3);border-radius:10px;margin:8px auto;cursor:pointer;transition:all .3s ease}.sidebar-left:hover:before,.sidebar-right:hover:before{background:rgba(3,128,137,.6);width:80px}.sidebar-left,.sidebar-right{transition:max-height .3s ease,opacity .3s ease}.sidebar-left.collapsed,.sidebar-right.collapsed{max-height:50px !important;overflow:hidden !important;opacity:.7}.sidebar-left.collapsed:after,.sidebar-right.collapsed:after{content:'⬇️ اضغط للتوسيع';display:block;text-align:center;font-size:.75rem;color:var(--text-secondary);padding:.5rem}.doc-tree{padding:.5rem !important;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.tree-header{padding:.75rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:.75rem;position:static !important;z-index:1;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-header .tree-search{margin-bottom:.75rem;padding:.875rem 1rem;font-size:1rem}.tree-add-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.tree-add-btn{flex:1;min-width:120px;padding:.75rem 1rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}#docTree{flex:1 1 auto;overflow-y:visible !important;-webkit-overflow-scrolling:touch;padding:.5rem .25rem;margin-top:1rem;min-height:300px;display:block;width:100%}.attachments-section-sidebar{margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);flex-shrink:0;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.attachments-section-sidebar .attachments-grid{max-height:120px;overflow-y:auto}.tree-header h3{font-size:1rem;margin:0}.doc-info-section{position:relative}.sidebar-collapse-btn{display:block !important;width:100%;padding:.5rem;background:0 0;border:none;cursor:pointer;text-align:center;font-size:1.5rem;color:var(--text-secondary);transition:all .2s ease}.sidebar-collapse-btn:hover{background:var(--bg-tertiary);color:var(--primary)}.sidebar-collapse-btn:active{transform:scale(.95)}}@media (max-width:768px){body{font-size:16px;line-height:1.6}.tree-item{margin:.375rem 0}.tree-item.active:before{content:'▶';position:absolute;right:-.5rem;color:#fff;font-size:.75rem}.modal{padding:1rem}.modal-content{border-radius:calc(var(--radius) * 1.5);box-shadow:0 10px 40px rgba(0,0,0,.3)}#btnNotifications{width:52px !important;height:52px !important;padding:.875rem !important;background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;color:#fff !important}#btnNotifications .icon-svg{width:26px !important;height:26px !important;stroke:#fff !important;stroke-width:2.5 !important}#btnNotifications:hover .icon-svg{stroke:#fff !important}.notification-badge{width:26px !important;height:26px !important;font-size:.85rem !important;font-weight:800 !important}.notification-panel{width:94% !important;max-width:none !important;min-width:280px !important;right:3% !important;left:auto !important;max-height:80vh;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 12px 48px rgba(0,0,0,.25)}.notification-header{padding:1.25rem 1.125rem;font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:2px solid var(--border)}.notification-list{max-height:calc(80vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}.notification-item{padding:1.5rem 1.125rem;font-size:1.05rem;line-height:1.7;border-bottom:1px solid var(--border)}.notification-item:last-child{border-bottom:none}.notification-item p{margin:.75rem 0 1rem;font-size:1.05rem}.notification-item strong,.notification-item b{font-size:1.1rem;color:var(--primary)}.notification-item .icon-svg{width:24px !important;height:24px !important}.notification-item>div:first-child{margin-bottom:.875rem !important}.notification-actions{gap:.75rem;flex-direction:row;flex-wrap:wrap}.notification-actions .btn{flex:1;min-width:120px;padding:1rem;font-size:1.05rem;min-height:52px;font-weight:700;justify-content:center;border-radius:var(--radius)}.notification-list p[style*="text-align: center"]{padding:2rem 1rem !important;font-size:1.05rem !important}.dropzone{padding:2rem 1rem;font-size:.9rem}.dropzone:before{content:'📎';display:block;font-size:2rem;margin-bottom:.5rem}.btn:active,.toolbar-btn:active,.tree-item:active{transform:scale(.97);opacity:.8}.attachment-card{transition:transform .2s ease,box-shadow .2s ease}.attachment-card:active{transform:scale(.95)}}.ioqs-mobile-mode #ioqs-app{overflow:visible !important;height:auto !important}.ioqs-mobile-mode .ioqs-main{overflow:visible !important;height:auto !important;flex-direction:column !important}.ioqs-mobile-mode .editor-content{overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.ioqs-mobile-mode #contentEditor{overflow:visible !important;height:auto !important}@keyframes fadeInMobile{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ioqs-mobile-mode .sidebar-left,.ioqs-mobile-mode .sidebar-right,.ioqs-mobile-mode .editor-container{animation:fadeInMobile .3s ease-out}#scroll-indicator{position:fixed !important;bottom:20px !important;right:20px !important;z-index:9999 !important;pointer-events:none !important;font-family:'Cairo',sans-serif !important}@media (max-width:768px){.ioqs-header{position:sticky !important;top:0 !important}}.collab-save-indicator{position:fixed;bottom:20px;left:20px;background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:10000;font-family:'Cairo',sans-serif;font-size:14px;font-weight:600}.collab-save-indicator.visible{opacity:1;transform:translateY(0)}.collab-save-content{display:flex;align-items:center;gap:8px}.collab-save-icon{width:18px;height:18px;stroke-width:2}.collab-save-indicator.saving{background:#3498db;color:#fff}.collab-save-indicator.saving .collab-save-icon{animation:spin 1s linear infinite}.collab-save-indicator.saved{background:#2ecc71;color:#fff}.collab-save-indicator.error{background:#e74c3c;color:#fff}.collab-save-indicator.syncing{background:#9b59b6;color:#fff}.collab-save-indicator.syncing .collab-save-icon{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.author-span{padding:1px 2px;border-radius:2px;display:inline;position:relative;cursor:default;will-change:auto}#contentEditor .author-span:hover:after{content:attr(data-author-name);position:absolute;bottom:auto;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--author-color,rgba(0,0,0,.9));color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:10000;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.3);animation:tooltipFadeIn .2s ease}#contentEditor .author-span:hover:before{content:'';position:absolute;bottom:auto;top:calc(100% + 1px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--author-color,rgba(0,0,0,.9));z-index:9999;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.author-span:hover{filter:brightness(1.1);box-shadow:0 0 0 2px var(--author-color,rgba(0,0,0,.2))}.author-span,.author-span *{backface-visibility:hidden;-webkit-font-smoothing:antialiased}