:root{--bg-dark: #0f1115;--bg-panel: #1a1d23;--bg-hover: #262a33;--text-primary: #ededed;--text-secondary: #9ca3af;--accent: #5c6fff;--accent-hover: #4a5ee3;--border: #2e323b;--danger: #ef4444;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea{font:inherit;background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:4px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3e4451}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary:hover{background-color:var(--accent-hover)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-icon{padding:.5rem;border-radius:4px}.icon{width:1.25rem;height:1.25rem}.layout{display:flex;height:100vh;width:100vw}.sidebar{width:240px;background-color:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:relative;transition:width .3s ease}.sidebar.collapsed{width:64px}.sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background-color:var(--bg-panel);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);z-index:10;transition:all .2s}[dir=rtl] .sidebar-toggle{right:auto;left:-12px}.sidebar-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-toggle .icon{width:14px;height:14px}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border)}.sidebar.collapsed .sidebar-header{padding:1.5rem 1rem;display:flex;justify-content:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:#fff}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#818cf8);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;flex-shrink:0}.sidebar-nav{padding:1rem 0;flex:1;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);font-size:.95rem;transition:all .2s;width:100%;text-align:left;position:relative}.sidebar.collapsed .nav-item{padding:.75rem;justify-content:center}.sidebar.collapsed .nav-item .icon{margin:0}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:#5c6fff1a;color:var(--accent);border-right:3px solid var(--accent)}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .nav-item{text-align:right}[dir=rtl] .nav-item.active{border-right:none;border-left:3px solid var(--accent)}.sidebar-footer{padding:1rem 0;border-top:1px solid var(--border)}.plan-summary{margin:0 1rem .75rem;padding:.7rem;border-radius:10px;border:1px solid rgba(92,111,255,.35);background:linear-gradient(180deg,#5c6fff24,#5c6fff12);display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s ease,background .2s ease}.plan-summary:hover{border-color:#5c6fff99;background:linear-gradient(180deg,#5c6fff33,#5c6fff1a)}.plan-summary.active{border-color:var(--accent);box-shadow:0 0 0 1px #5c6fff59}.plan-summary.compact{margin:0 .75rem .75rem;padding:.45rem;align-items:center;justify-content:center}.plan-summary-head{display:flex;align-items:center;justify-content:space-between}.plan-badge{font-size:.72rem;font-weight:700;line-height:1.2;padding:.2rem .45rem;border-radius:999px;width:fit-content}.plan-badge.subscribed{color:#22c55e;background:#22c55e29;border:1px solid rgba(34,197,94,.3)}.plan-badge.free{color:#eab308;background:#eab30829;border:1px solid rgba(234,179,8,.3)}.plan-storage-meter{width:100%;height:8px;border-radius:999px;background:#ffffff17;overflow:hidden}.plan-storage-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#84cc16 45%,#f59e0b 75%,#ef4444)}.plan-storage-text{font-size:.72rem;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-dark);min-width:0}.header{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background-color:var(--bg-dark)}.header-actions .btn-icon{position:relative}.user-avatar{width:32px;height:32px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff;cursor:pointer;overflow:hidden}.page-content{flex:1;overflow-y:auto;padding:2rem}.page-content.player-page{overflow:hidden;padding:0}.nav-notification-badge{margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;line-height:1.25rem;text-align:center;font-weight:700}.nav-notification-badge.compact{position:absolute;top:.35rem;right:.35rem;margin-left:0}.header-notification-badge{position:absolute;top:.15rem;right:.12rem;min-width:1rem;height:1rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.64rem;line-height:1rem;text-align:center;font-weight:700;padding:0 .2rem}.language-switcher{position:relative}.project-card{background-color:var(--bg-panel);border-radius:8px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#3e4451}.card-thumbnail{aspect-ratio:16/9;background-color:#2a2e37;position:relative;overflow:hidden}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .card-thumbnail img{transform:scale(1.05)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.card-duration{position:absolute;bottom:8px;right:8px;background-color:#000000bf;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff}.card-content{padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.project-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-right:.5rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-stats{display:flex;align-items:center;gap:.85rem;margin-bottom:.65rem;font-size:.76rem;color:var(--text-secondary)}.btn-icon-small{padding:2px;color:var(--text-secondary);border-radius:4px}.btn-icon-small:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-small{width:16px;height:16px}.card-footer{display:flex;justify-content:space-between;align-items:center}.project-members{display:flex;align-items:center}.member-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg-panel);margin-left:-8px;object-fit:cover}.member-avatar:first-child{margin-left:0}.member-avatar.more{background-color:var(--bg-hover);color:var(--text-secondary);font-size:.65rem;display:flex;align-items:center;justify-content:center}.project-meta{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.icon-tiny{width:12px;height:12px}.shared-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;background-color:var(--accent);padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff}.shared-badge .icon-tiny{width:10px;height:10px}.invited-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;background-color:#f59e0be6;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;color:#111827}.project-card.shared-access{border-color:var(--accent);border-style:dashed}.project-card-list{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:var(--bg-panel);border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:all .2s}.project-card-list:hover{background-color:var(--bg-hover);border-color:#3e4451}.project-card-list.shared-access{border-color:var(--accent);border-style:dashed}.project-card-list .list-thumbnail{width:80px;height:45px;border-radius:4px;overflow:hidden;background-color:#2a2e37;flex-shrink:0}.project-card-list .list-thumbnail img{width:100%;height:100%;object-fit:cover}.project-card-list .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.icon-medium{width:20px;height:20px}.project-card-list .list-content{flex:1;min-width:0}.project-card-list .list-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.project-card-list .project-title{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-badge-small{display:inline-flex;align-items:center;gap:4px;background-color:var(--accent);padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;color:#fff;flex-shrink:0}.invited-badge-small{display:inline-flex;align-items:center;background-color:#f59e0b2e;border:1px solid rgba(245,158,11,.35);padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;color:#f59e0b;flex-shrink:0}.project-card-list .list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:4px}.meta-pill{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid var(--border);font-size:.62rem;font-weight:700;color:var(--text-secondary);background-color:var(--bg-hover)}.project-card-list .list-members{display:flex;align-items:center;margin-right:.5rem}.confirm-modal{max-width:400px;width:90%}.modal-title.danger,.modal-title.danger .icon{color:#ef4444}.modal-title.info,.modal-title.info .icon{color:var(--accent)}.modal-body{padding:1.5rem}.modal-body p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--bg-hover);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.btn-confirm.danger{background-color:#ef4444;color:#fff}.btn-confirm.danger:hover{background-color:#dc2626}.btn-confirm.info{background-color:var(--accent);color:#fff}.btn-confirm.info:hover{background-color:#4f5bd5}.btn-cancel{background-color:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-cancel:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.projects-container{display:grid;gap:1.5rem}.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.projects-container.list{grid-template-columns:1fr;gap:.5rem}.modal-content{background-color:var(--bg-panel);padding:2rem;border-radius:8px;width:100%;max-width:400px;border:1px solid var(--border);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{margin-bottom:1.5rem;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.form-group input{width:100%;padding:.75rem;background-color:var(--bg-dark)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.video-card{background-color:var(--bg-panel);border-radius:8px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all .2s}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#3e4451}.video-thumbnail{aspect-ratio:16/9;background-color:#000;position:relative;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}.video-card:hover .video-thumbnail img{opacity:1}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003;opacity:0;transition:opacity .2s}.video-card:hover .play-overlay{opacity:1}.icon-play{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.video-info{padding:.75rem}.video-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.video-title-area{flex:1;min-width:0}.video-title-row{display:flex;align-items:center;gap:.3rem;min-width:0}.video-title{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-width:0}.video-title-input{flex:1;min-width:0;height:1.8rem;padding:.2rem .45rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-panel);color:var(--text-primary);font-size:.84rem}.video-title-input:focus{outline:none;border-color:var(--accent)}.video-title-edit-form{display:inline-flex;align-items:center;gap:.3rem;width:100%;min-width:0}.btn-inline-title-edit{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:4px;color:var(--text-secondary)}.btn-inline-title-edit:hover{color:var(--text-primary);background-color:var(--bg-hover)}.btn-inline-title-action{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-panel);color:var(--text-secondary)}.btn-inline-title-action.save:hover{color:#22c55e;border-color:#22c55e73;background-color:#22c55e1a}.btn-inline-title-action.cancel:hover{color:var(--danger);border-color:#ef444473;background-color:#ef44441a}.icon-spin{animation:videoCardSpin .8s linear infinite}@keyframes videoCardSpin{to{transform:rotate(360deg)}}.video-meta{display:flex;justify-content:space-between;align-items:center}.video-meta-details{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.4rem;font-size:.74rem;color:var(--text-secondary)}.video-meta-details .meta-item{display:inline-flex;align-items:center;gap:4px}.status-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;background-color:var(--bg-hover);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.status-badge.approved{background-color:#22c55e33;color:#4ade80}.status-badge.in-review{background-color:#eab30833;color:#facc15}.status-badge.processing{background-color:#3b82f633;color:#60a5fa}.status-badge.failed{background-color:#ef444433;color:#f87171}.comment-count{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.75rem}.video-card-list{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:var(--bg-panel);border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:all .2s}.video-card-list:hover{background-color:var(--bg-hover);border-color:#3e4451}.video-card-list .list-thumbnail{width:120px;height:68px;border-radius:4px;overflow:hidden;background-color:#000;flex-shrink:0;position:relative}.video-card-list .list-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay-small{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;opacity:0;transition:opacity .2s}.video-card-list:hover .play-overlay-small{opacity:1}.icon-play-small{width:24px;height:24px}.video-duration-small{position:absolute;bottom:4px;right:4px;background:#000000d9;color:#fff;padding:1px 4px;border-radius:3px;font-size:.65rem;font-weight:500}.video-card-list .list-content{flex:1;min-width:0}.video-card-list .video-title{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-list .video-title-row{margin-bottom:.25rem}.video-card-list .list-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.video-card-list .meta-item{display:flex;align-items:center;gap:4px}.video-card .meta-pill,.video-card-list .meta-pill{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid var(--border);font-size:.62rem;font-weight:700;color:var(--text-secondary);background-color:var(--bg-hover)}.video-card-list .list-comments{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.8rem;margin-right:.5rem}.file-type-indicator{position:absolute;top:8px;left:8px;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.file-type-video{background-color:#6366f1e6;color:#fff}.file-type-pdf{background-color:#ef4444e6;color:#fff}.file-type-ppt{background-color:#f97316e6;color:#fff}.document-thumbnail{background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center}.document-thumbnail img{opacity:.6}.document-thumbnail .play-overlay,.document-thumbnail .play-overlay-small{background-color:#0006}.document-thumbnail .icon-play,.document-thumbnail .icon-play-small{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.list-thumbnail .file-type-indicator{top:4px;left:4px;font-size:.55rem;padding:1px 4px}.video-card-menu-container{position:relative;z-index:5}.video-card-dropdown{position:absolute;top:100%;right:0;left:auto;margin-top:4px;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:120px;z-index:20;animation:fadeIn .1s ease-out}.video-card-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:4px;font-size:.85rem;white-space:nowrap}.video-card-menu-item:hover{background-color:var(--bg-hover)}.video-card-menu-item.danger{color:var(--danger)}.video-card-menu-item.danger:hover{background-color:#ef44441a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .video-card-dropdown{right:auto;left:0}[dir=rtl] .video-card-menu-item{text-align:right}.project-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.project-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.back-link:hover{color:var(--text-primary)}.divider{color:var(--text-secondary)}.current-project{color:var(--text-primary);font-weight:600}.current-project-inline{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.inline-edit-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:4px;color:var(--text-secondary)}.inline-edit-trigger:hover{color:var(--text-primary);background-color:var(--bg-hover)}.inline-edit-form{display:inline-flex;align-items:center;gap:.3rem;min-width:0}.inline-edit-input{height:1.9rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-panel);color:var(--text-primary)}.project-name-edit-input{min-width:190px;max-width:min(48vw,360px)}.inline-edit-input:focus{outline:none;border-color:var(--accent)}.inline-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:4px;border:1px solid var(--border);color:var(--text-secondary);background-color:var(--bg-panel)}.inline-edit-btn.save:hover{color:#22c55e;border-color:#22c55e73;background-color:#22c55e1f}.inline-edit-btn.cancel:hover{color:var(--danger);border-color:#ef444473;background-color:#ef44441f}.shared-access-badge{background-color:var(--accent);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:500;margin-left:.5rem}.project-actions{display:flex;align-items:center;gap:1rem}.members-stack{display:flex;margin-right:1rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.video-count{color:var(--text-secondary);font-size:.875rem}.view-toggle{display:flex;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-toggle-btn{padding:.5rem .75rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.view-toggle-btn.active{color:var(--accent);background-color:var(--bg-hover)}.view-toggle-btn+.view-toggle-btn{border-left:1px solid var(--border)}.videos-container{display:grid;gap:1.5rem}.videos-container.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.videos-container.list{grid-template-columns:1fr;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:var(--bg-panel);border-radius:8px;border:2px dashed var(--border);color:var(--text-secondary)}.empty-icon-circle{width:64px;height:64px;background-color:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--text-primary)}.icon-large{width:32px;height:32px}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem;max-width:400px}.team-modal{max-width:520px;max-height:80vh;overflow-y:auto}.modal-header h2{margin:0}.btn-close{padding:.5rem;border-radius:6px;color:var(--text-secondary)}.btn-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.invite-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.invite-section h3,.team-list h3{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:600}.invite-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"email email" "role invite";gap:.5rem;align-items:stretch}.invite-email-input{grid-area:email;min-width:0;width:100%}.invite-input-row .role-select-wrapper{grid-area:role;min-width:150px;width:clamp(150px,36%,220px);justify-self:start}.invite-input-row .role-select{width:100%}.invite-input-row .select-icon{right:.6rem}.invite-input-row .btn-primary{grid-area:invite;white-space:nowrap;align-self:stretch}@media(max-width:520px){.invite-input-row{grid-template-columns:1fr;grid-template-areas:"email" "role" "invite"}.invite-input-row .role-select-wrapper,.invite-input-row .btn-primary{width:100%;min-width:0}}.role-select-wrapper{position:relative}.role-select{appearance:none;padding:.75rem 2rem .75rem .75rem;background-color:var(--bg-dark);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.875rem}.select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:var(--text-secondary)}.invite-error{color:var(--danger);font-size:.8125rem;margin-top:.5rem}.team-list{margin-bottom:1.5rem}.team-list.pending-invites{padding-top:1rem;border-top:1px solid var(--border)}.team-member-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--bg-dark);border-radius:8px;margin-bottom:.5rem}.team-member-row.pending{opacity:.8}.member-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.member-avatar-wrapper{position:relative;flex-shrink:0}.member-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover}.member-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.owner-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;color:#f59e0b;background-color:var(--bg-dark);border-radius:50%;padding:1px}.member-details{display:flex;flex-direction:column;min-width:0}.member-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.status-badge{font-size:.6875rem;padding:.25rem .5rem;border-radius:999px;font-weight:500;text-transform:capitalize}.status-badge.active{background-color:#22c55e26;color:#22c55e}.status-badge.pending{background-color:#f59e0b26;color:#f59e0b}.role-label{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;padding:.25rem .5rem}.role-dropdown{position:relative}.role-button{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;padding:.25rem .5rem;border-radius:4px;background-color:transparent;border:1px solid var(--border)}.role-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.role-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;z-index:10;min-width:100px;box-shadow:0 10px 25px #0000004d}.role-dropdown-menu button{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.8125rem;color:var(--text-primary);background:none;border:none}.btn-icon-danger{color:var(--text-secondary);padding:6px;border-radius:4px}.btn-icon-danger:hover{color:var(--danger);background-color:#ef44441a}.icon-small{width:14px;height:14px}.danger-zone{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-danger-outline{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--danger);background-color:transparent;border:1px solid var(--danger);border-radius:6px;font-size:.875rem;transition:all .2s}.btn-danger-outline:hover{background-color:#ef44441a}.modal-actions-footer{display:flex;justify-content:flex-end;margin-top:2rem}.more-menu-wrapper{position:relative}.more-dropdown-menu{position:absolute;top:-8px;right:-8px;left:auto;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:180px;z-index:100;padding:52px 0 0}.more-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .2s;text-align:left}.more-menu-item:hover{background-color:var(--bg-tertiary)}.more-menu-item.danger{color:var(--danger)}.more-menu-item.danger:hover{background-color:#ef44441a}.more-menu-item.disabled{color:var(--text-secondary);cursor:default;font-style:italic}.more-menu-item.disabled:hover{background-color:transparent}[dir=rtl] .more-dropdown-menu{right:auto;left:-8px}[dir=rtl] .more-menu-item{text-align:right}.delete-confirm-modal{max-width:400px;text-align:center}.delete-confirm-icon{width:64px;height:64px;margin:0 auto 1.5rem;background-color:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center}.delete-confirm-icon .icon-large{width:32px;height:32px;color:var(--danger)}.delete-confirm-modal h2{margin-bottom:.75rem;color:var(--text-primary)}.delete-confirm-modal p{margin-bottom:1.5rem;line-height:1.5}.delete-confirm-modal strong{color:var(--text-primary)}.delete-confirm-actions{display:flex;gap:1rem;justify-content:center}.delete-confirm-actions .btn{min-width:120px}.btn-danger{background-color:var(--danger);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.video-player-container{display:flex;flex-direction:column;background-color:#000;height:100%;width:100%;position:relative}.video-wrapper{flex:1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000}.video-element{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.video-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.video-canvas.drawing-active{pointer-events:all;cursor:crosshair;background-color:#0000001a}.video-controls{padding:1rem;background-color:var(--bg-panel);border-top:1px solid var(--border)}.timeline-container{position:relative;height:20px;margin-bottom:.5rem;cursor:pointer;display:flex;align-items:center;padding:6px 0}.timeline-container:focus,.timeline-container:focus-visible,.timeline-container:focus-within{outline:none;box-shadow:none}.timeline-track{position:relative;width:100%;height:3px;background:#4b5563;border-radius:1.5px;transition:height .15s ease;overflow:visible}.timeline-container:hover .timeline-track,.timeline-container.dragging .timeline-track,.timeline-container.range-selecting .timeline-track,.timeline-container.range-focused .timeline-track{height:6px}.timeline-container.dragging .timeline-thumb,.timeline-container.range-selecting .timeline-thumb,.timeline-container.range-focused .timeline-thumb{transform:translate(-50%,-50%) scale(1)}.timeline-progress{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:1.5px;pointer-events:none;z-index:4;transition:opacity .2s ease}.timeline-thumb{position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;box-shadow:0 0 4px #0000004d;z-index:5;transition:transform .15s ease,opacity .2s ease}.timeline-container:hover .timeline-thumb{transform:translate(-50%,-50%) scale(1)}.timeline-container.range-selecting .timeline-progress,.timeline-container.range-focused .timeline-progress{opacity:.3}.timeline-container.range-selecting .timeline-thumb,.timeline-container.range-focused .timeline-thumb{opacity:.45}.timeline-tooltip{position:absolute;bottom:100%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-family:monospace;white-space:nowrap;pointer-events:none;margin-bottom:8px;z-index:10}.timeline-mask{position:absolute;top:0;bottom:0;background:#000000bd;pointer-events:none;z-index:1}.timeline-mask-left{left:0}.timeline-mask-right{right:0}.timeline-selected-range{position:absolute;top:0;bottom:0;border-radius:1.5px;pointer-events:none;z-index:2}.timeline-selected-range.is-selecting{background:#facc152e}.timeline-selected-range.is-focused{background:#facc1538;box-shadow:inset 0 0 0 1px #facc1573}.timeline-range-end-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:14px;border-radius:3px;background:#facc15;box-shadow:0 0 0 1px #00000073,0 0 10px #facc15a6;z-index:12;cursor:ew-resize;animation:timelinePulse 1.2s ease-in-out infinite}.timeline-range-start-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:14px;border-radius:3px;background:#facc15;box-shadow:0 0 0 1px #00000073,0 0 8px #facc1573;z-index:11;pointer-events:none}.timeline-range-end-focus-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:14px;border-radius:3px;background:#facc15;box-shadow:0 0 0 1px #00000080,0 0 12px #facc15a6;z-index:11;pointer-events:none}@keyframes timelinePulse{0%{opacity:.65;box-shadow:0 0 0 1px #00000073,0 0 6px #facc1573}50%{opacity:1;box-shadow:0 0 0 1px #00000073,0 0 14px #facc15f2}to{opacity:.65;box-shadow:0 0 0 1px #00000073,0 0 6px #facc1573}}.controls-row,.controls-left,.controls-right{display:flex;align-items:center;gap:.5rem}.controls-right{margin-left:auto}.controls-center{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.range-focus-exit-shell{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .3rem;border-radius:10px;background:#7f1d1d3d;border:1px solid rgba(248,113,113,.25);box-shadow:0 0 0 1px #7f1d1d2e}.btn-control{padding:.5rem;border-radius:4px;color:var(--text-secondary);transition:all .2s}.btn-control:hover{background-color:var(--bg-hover);color:var(--text-primary)}.time-display{font-family:monospace;font-size:.9rem;color:var(--text-secondary);margin-left:.5rem}.timeline-range-chip{padding:.2rem .45rem;border-radius:999px;background:#facc152e;color:#facc15;font-size:.72rem;font-weight:600;font-family:monospace}.btn-range-exit-prominent{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.45rem .65rem;border-radius:8px;background:#dc262642;border:1px solid rgba(248,113,113,.72);color:#fee2e2;font-size:.78rem;font-weight:700;box-shadow:0 0 0 1px #7f1d1d59,0 0 12px #dc262638;animation:exitRangePulse 2.6s ease-in-out infinite}.btn-range-exit-prominent:hover{background:#dc262657;border-color:#fca5a5e6;color:#fff1f2;animation-play-state:paused}@keyframes exitRangePulse{0%{box-shadow:0 0 0 1px #7f1d1d59,0 0 8px #dc26262e;transform:translateZ(0) scale(1)}50%{box-shadow:0 0 0 1px #7f1d1d8c,0 0 16px #dc262661;transform:translateZ(0) scale(1.02)}to{box-shadow:0 0 0 1px #7f1d1d59,0 0 8px #dc26262e;transform:translateZ(0) scale(1)}}.pin-size-btn{min-width:22px;height:22px;padding:0 4px;border-radius:3px;font-size:.65rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-dark);cursor:pointer;transition:all .15s}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#facc15;border-radius:50%;z-index:10;cursor:pointer;transition:width .2s ease,height .2s ease,background-color .2s ease;box-shadow:0 0 0 1px #0000004d}.timeline-marker:hover{width:10px;height:10px;z-index:20;background-color:#fbbf24}.timeline-marker-range-start{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:12px;border-radius:3px;background:#facc15;box-shadow:0 0 0 1px #00000061;z-index:9;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.timeline-marker-range-start:hover{transform:translate(-50%,-50%) scaleY(1.25);z-index:20;box-shadow:0 0 0 1px #0000007a,0 0 10px #facc1573}.timeline-marker-range-start.active{background:#fde047;box-shadow:0 0 0 1px #0000008c,0 0 12px #facc15d9}.marker-tooltip{position:absolute;bottom:14px;left:50%;transform:translate(-50%) translateY(4px);background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:6px 10px;min-width:140px;max-width:200px;width:max-content;box-shadow:0 4px 16px #00000080;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:30}.marker-tooltip.left{left:0;transform:translate(0) translateY(4px);transform-origin:bottom left}.marker-tooltip.right{left:auto;right:0;transform:translate(0) translateY(4px);transform-origin:bottom right}.timeline-marker:hover .marker-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.timeline-marker:hover .marker-tooltip.left,.timeline-marker:hover .marker-tooltip.right{transform:translate(0) translateY(0)}.timeline-marker-range-start:hover .marker-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.timeline-marker-range-start:hover .marker-tooltip.left,.timeline-marker-range-start:hover .marker-tooltip.right{transform:translate(0) translateY(0)}.marker-tooltip-content{display:flex;flex-direction:column;gap:2px}.marker-author{font-size:.68rem;font-weight:700;color:var(--accent)}.marker-text{font-size:.66rem;color:var(--text-primary);line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.pdf-viewer-container{display:flex;flex-direction:column;background-color:#1a1a2e;height:100%;width:100%;position:relative;overflow:hidden}.pdf-scroll-container{flex:1;overflow-y:auto;overflow-x:auto;scroll-behavior:smooth;background-color:#0f0f1a;padding:24px}.pdf-scroll-container::-webkit-scrollbar{width:10px;height:10px}.pdf-scroll-container::-webkit-scrollbar-track{background:#1a1a2e}.pdf-scroll-container::-webkit-scrollbar-thumb{background:#3e4451;border-radius:5px}.pdf-scroll-container::-webkit-scrollbar-thumb:hover{background:#4e5561}.pdf-pages-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;min-height:100%}.pdf-page-container{position:relative;background-color:#fff;box-shadow:0 4px 20px #0006;border-radius:4px;overflow:hidden;flex-shrink:0}.pdf-page-image{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pdf-drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.pdf-drawing-canvas.drawing-active{pointer-events:all;cursor:crosshair}.page-number-badge{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:5}.pdf-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);background-color:#0f0f1ae6;z-index:20}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.pdf-error{flex:1;display:flex;align-items:center;justify-content:center;color:#ef4444;padding:2rem;text-align:center}.pdf-controls{padding:1rem;background-color:var(--bg-panel);border-top:1px solid var(--border);flex-shrink:0}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-control{padding:.5rem;border-radius:4px;color:var(--text-secondary);transition:all .2s;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-control:disabled{opacity:.4;cursor:not-allowed}.btn-control .icon{width:18px;height:18px}.page-input{width:48px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-dark);color:var(--text-primary);font-family:monospace;font-size:.9rem;text-align:center}.zoom-level{min-width:55px;text-align:center;font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.pin-color-btn{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.pin-size-btn{min-width:24px;height:24px;padding:0 4px;border-radius:3px;font-size:.7rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-dark);cursor:pointer;transition:all .15s;border:none}@media(max-width:768px){.controls-row{flex-wrap:wrap;justify-content:center}.controls-center{order:-1;width:100%;justify-content:center;margin-bottom:.5rem}.pdf-scroll-container{padding:16px}.pdf-pages-wrapper{gap:16px}}.document-viewer-container{display:flex;flex-direction:column;background-color:#1a1a2e;height:100%;width:100%;position:relative}.document-wrapper{flex:1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#16213e}.document-iframe{width:100%;height:100%;border:none;background-color:#fff}.document-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.document-canvas.drawing-active{pointer-events:all;cursor:crosshair;background-color:#0000000d}.document-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);z-index:5}.document-controls{padding:1rem;background-color:var(--bg-panel);border-top:1px solid var(--border)}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-center,.controls-right{display:flex;align-items:center;gap:.5rem}.btn-control{padding:.5rem;border-radius:4px;color:var(--text-secondary);transition:all .2s;background:transparent;border:none;cursor:pointer}.btn-control:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-control.active{background-color:var(--accent);color:#fff}.page-navigation{display:flex;align-items:center;gap:.5rem}.page-display{display:flex;align-items:center;gap:.25rem;font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.page-input{width:40px;padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-dark);color:var(--text-primary);font-family:monospace;font-size:.9rem;text-align:center}.page-input:focus{outline:none;border-color:var(--accent)}.page-input::-webkit-outer-spin-button,.page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-input[type=number]{-moz-appearance:textfield;appearance:textfield}.zoom-controls{display:flex;align-items:center;gap:.25rem}.zoom-level{min-width:50px;text-align:center;font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.pin-options{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:var(--bg-hover);border-radius:4px}.pin-colors,.pin-sizes{display:flex;align-items:center;gap:4px}.pin-color-btn{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.pin-color-btn:hover{transform:scale(1.15)}.pin-color-btn.active{border-color:#fff;box-shadow:0 0 0 1px var(--bg-dark)}.pin-size-btn{min-width:22px;height:22px;padding:0 4px;border-radius:3px;font-size:.65rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-dark);cursor:pointer;transition:all .15s;border:none}.pin-size-btn:hover{color:var(--text-primary);background-color:var(--bg-panel)}.pin-size-btn.active{color:#fff;background-color:var(--accent)}@media(max-width:768px){.controls-row{flex-wrap:wrap;gap:.5rem}.controls-center{order:-1;width:100%;justify-content:center}.pin-options{flex-wrap:wrap}}.comments-sidebar{width:320px;background-color:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%}.sidebar-title{padding:.5rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.sidebar-title h3{margin:0}.comments-sidebar .toggle-switch{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;font-size:.65rem;color:var(--text-secondary);flex-shrink:0;width:auto;height:auto;background:none}.comments-sidebar .toggle-switch:before,.comments-sidebar .toggle-switch:after{content:none!important;display:none!important}.comments-sidebar .toggle-switch input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.comments-sidebar .toggle-slider{width:28px;height:16px;background-color:var(--bg-hover);border-radius:8px;position:relative;transition:background-color .2s;flex-shrink:0}.comments-sidebar .toggle-slider:after{content:"";position:absolute;width:12px;height:12px;background-color:#fff;border-radius:50%;top:2px;left:2px;transition:left .2s}.comments-sidebar .toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.comments-sidebar .toggle-switch input:checked+.toggle-slider:after{left:14px}.comments-sidebar .toggle-label{-webkit-user-select:none;user-select:none;white-space:nowrap}.comments-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.comments-filter-bar{display:flex;justify-content:flex-end;padding:.35rem .75rem 0}.comment-filter-wrapper{position:relative}.btn-filter{width:28px;height:28px;border-radius:6px}.comment-filter-menu{position:absolute;top:100%;right:0;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:110;min-width:170px;padding:4px;margin-top:6px}.comment-filter-menu .menu-item{justify-content:flex-start}.comment-filter-menu .menu-item .icon-tiny{margin-right:6px}.comment-filter-menu .icon-tiny.hidden{opacity:0}.no-comments{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}.comment-item{--thread-col: 24px;--thread-gap: .45rem;--thread-start: 0px;--thread-end: 0px;padding:.75rem;background-color:var(--bg-dark);border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s;height:auto;min-height:min-content;display:flex;flex-direction:row;gap:var(--thread-gap);position:relative}.comment-item:hover{border-color:var(--border);background-color:var(--bg-hover)}.comment-item.editing{border-color:var(--accent);cursor:default}.comment-thread-line-container{width:var(--thread-col);flex-shrink:0;display:flex;justify-content:center;position:relative}.comment-avatar-col{width:var(--thread-col);height:100%;display:flex;flex-direction:column;align-items:center}.comment-content-main{flex:1;min-width:0;display:flex;flex-direction:column}.comment-main{position:relative}.comment-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem;width:100%}.comment-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.btn-comment-action{padding:4px;border-radius:4px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:.7}.comment-item .btn-comment-action{opacity:.7}.comment-item:hover .btn-comment-action{opacity:1}.btn-comment-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-comment-action.btn-delete:hover{color:#ef4444}.comment-user-info,.user-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.comment-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;overflow:hidden;position:relative;z-index:2}.comment-avatar.placeholder{background-color:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.comment-author{font-weight:600;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-time{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--accent);background-color:#5c6fff1a;padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.comment-body{padding-left:0;padding-right:52px}.comment-text{font-size:.9rem;color:var(--text-secondary);line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;margin-top:0}.comment-text a,.reply-text a{color:#3b82f6;text-decoration:underline}.deleted-text{color:#ffffff73;font-style:italic}.comment-footer{display:flex;align-items:center;margin-top:.5rem;padding-right:52px}.comment-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:.4rem}.comment-reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background-color:#ffffff0f;border:1px solid transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;position:relative}.comment-reaction.is-own{border-color:#5c6fff73;color:var(--text-primary)}.comment-reaction.is-disabled{cursor:default}.comment-reaction-emoji{font-size:.95rem}.comment-reaction-count{font-size:.7rem;color:var(--text-secondary)}.comment-reaction-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background-color:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:.75rem;white-space:normal;min-width:140px;max-width:220px;line-height:1.3;box-shadow:0 6px 16px #0000004d;opacity:0;visibility:hidden;pointer-events:none;z-index:140}.comment-reaction-name{display:block}.comment-reaction:hover .comment-reaction-tooltip{opacity:1;visibility:visible}.comment-quick-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;align-items:center}.comment-emoji-trigger{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background-color:transparent;color:#fff9;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.95);transition:opacity .2s,transform .2s,background-color .2s,border-color .2s,color .2s;cursor:pointer}.comment-item:hover .comment-emoji-trigger,.comment-emoji-trigger.is-active{opacity:1;transform:scale(1)}.comment-emoji-picker{position:absolute;right:8px;bottom:36px;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;box-shadow:0 8px 20px #00000059;z-index:120}.comment-emoji-option{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.comment-emoji-option:hover{background-color:var(--bg-hover)}.btn-reply-text{font-size:.75rem;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;transition:color .2s}.btn-reply-text:hover{color:var(--accent)}.btn-reply-toggle .reply-count{margin-left:.25rem;font-size:.7rem;color:var(--text-secondary)}.reply-footer{display:flex;align-items:center;margin-top:.35rem}.btn-reply-inline{font-size:.8rem;color:var(--text-secondary)}.comment-replies{margin:.6rem -.75rem -.75rem;margin-left:calc(-1 * (var(--thread-col) + var(--thread-gap) + .75rem));background-color:var(--bg-dark);border-radius:0 0 6px 6px;padding:.75rem;border-top:1px solid rgba(255,255,255,.04);position:relative}.comment-check{position:relative;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background-color:transparent;color:#fff9;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.95);transition:opacity .2s,transform .2s,background-color .2s,border-color .2s,color .2s;cursor:pointer}.comment-item:hover .comment-check{opacity:1;transform:scale(1)}.comment-check.is-loading{opacity:1;transform:scale(1);color:transparent}.comment-check.is-loading .icon-tiny{opacity:0}.comment-check.is-loading:before{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid rgba(255,255,255,.55);border-top-color:transparent;border-right-color:transparent;animation:commentCheckSpin .8s linear infinite}.comment-check.is-checked{opacity:1;transform:scale(1);background-color:#22c55e;border-color:#22c55e;color:#fff}.comment-check:focus-visible{outline:2px solid rgba(34,197,94,.5);outline-offset:2px}@keyframes commentCheckSpin{to{transform:rotate(360deg)}}.comment-item.has-drawing .comment-replies:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background-color:#ef4444;border-radius:0 0 0 6px;pointer-events:none}.comment-replies.open{background-color:#2a2f38}.reply-content-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}.reply-list{display:flex;flex-direction:column;gap:.35rem;min-width:0}.reply-item{display:grid;grid-template-columns:var(--thread-col) minmax(0,1fr);grid-template-areas:"avatar body";gap:.5rem;align-items:start;min-width:0}.reply-avatar-col{grid-area:avatar;display:flex;justify-content:center;align-items:flex-start}.comment-item.threaded:after{content:"";position:absolute;left:calc(.75rem + (var(--thread-col) / 2));top:var(--thread-start);height:calc(var(--thread-end) - var(--thread-start));width:2px;background:#ffffff40;border-radius:2px;z-index:1;pointer-events:none}.reply-body{grid-area:body;display:flex;flex-direction:column;gap:.15rem;min-width:0}.reply-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.reply-options-wrapper{position:relative;display:flex;align-items:center}.reply-author{font-size:.85rem;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-author.guest{color:var(--text-secondary);font-style:italic}.reply-text{font-size:.9rem;color:#b8bcc6;line-height:1.4;white-space:pre-wrap;word-break:break-word}.reply-edit-form{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.reply-edit-form textarea{width:100%;padding:.5rem;border-radius:4px;background-color:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-size:.85rem;resize:none}.reply-edit-form textarea:focus{outline:none;border-color:var(--accent)}.reply-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.reply-form{display:flex;flex-direction:column;gap:.5rem}.reply-form textarea{width:100%;padding:.35rem 0 .35rem calc(var(--thread-col) + var(--thread-gap));border-radius:0;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.14);color:#e6e7ea;font-size:.9rem;resize:none}.reply-form textarea:focus{outline:none;border-color:#5c6fffb3}.reply-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.35rem}.reply-form textarea::placeholder{color:#e6e7ea80}.btn-reply-action{width:34px;height:34px;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;background-color:#ffffff0f;color:#d7dae2;transition:background-color .2s,color .2s,transform .2s}.btn-reply-action:hover{background-color:#ffffff1f;color:#fff}.btn-reply-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-reply-send{background-color:#5c6fff33;color:#cfd6ff}.btn-reply-send:hover{background-color:#5c6fff59;color:#fff}.comment-options-wrapper{position:relative}.comment-options-menu{position:absolute;top:100%;right:0;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:120px;padding:4px;margin-top:4px}.menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;border-radius:4px;transition:all .2s;text-align:left}.menu-item.disabled,.menu-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background-color:#ef44441a}.comment-input-area{padding:1rem;border-top:1px solid var(--border);background-color:var(--bg-panel)}.input-wrapper{position:relative}.input-wrapper textarea{width:100%;resize:none;padding-right:2.5rem;font-size:.9rem}.btn-send{position:absolute;bottom:8px;right:8px;color:var(--accent);padding:4px;border-radius:4px}.btn-send:hover{background-color:#5c6fff1a}.btn-send:disabled{color:var(--text-secondary);opacity:.5}.drawing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin-bottom:.5rem;color:#ef4444;font-size:.85rem}.drawing-indicator .icon-small{width:14px;height:14px}.btn-clear-drawing{margin-left:auto;color:#ef4444;font-size:1.2rem;line-height:1;padding:0 .25rem;opacity:.7;transition:opacity .2s}.btn-clear-drawing:hover{opacity:1}.comment-item.has-drawing{border-left:0}.comment-item.has-drawing:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background-color:#ef4444;border-radius:6px 0 0 6px;pointer-events:none}.icon-pin{width:14px;height:14px;color:#ef4444;flex-shrink:0}.edit-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.edit-form textarea{width:100%;padding:.5rem;border-radius:4px;background-color:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-size:.85rem;resize:none}.edit-form textarea:focus{outline:none;border-color:var(--accent)}.edit-drawing-options{display:flex;gap:.5rem}.edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.btn-small{display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.75rem;border-radius:4px;transition:all .2s;color:var(--text-secondary);background-color:var(--bg-hover)}.btn-small:hover{color:var(--text-primary)}.btn-small.btn-save{background-color:var(--accent);color:#fff}.btn-small.btn-save:hover{opacity:.9}.btn-small.btn-cancel{background-color:transparent;border:1px solid var(--border)}.btn-small.btn-danger{color:#fff;background-color:#dc2626;border:none}.btn-small.btn-danger:hover{background-color:#b91c1c}.readonly-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background-color:var(--bg-hover);border-radius:6px;color:var(--text-secondary);font-size:.85rem}.readonly-notice .icon-small{width:16px;height:16px}.guest-avatar{width:20px;height:20px;border-radius:50%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.guest-avatar .icon-tiny{width:12px;height:12px}.comment-author.guest{color:var(--text-secondary);font-style:italic}.guest-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#8b5cf61a;border-radius:6px;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.guest-notice strong,.guest-notice .icon-small{color:var(--accent)}@keyframes glossyPulse{0%{box-shadow:0 0 #eab308b3;border-color:#eab308cc;background-color:#eab3081a}70%{box-shadow:0 0 0 10px #eab30800;border-color:#eab30866;background-color:#eab30833}to{box-shadow:0 0 #eab30800;border-color:var(--border);background-color:var(--bg-dark)}}.comment-item.highlighted-pulse{animation:glossyPulse 2s cubic-bezier(.4,0,.6,1) forwards}[dir=rtl] .comments-sidebar{border-left:none;border-right:1px solid var(--border)}[dir=rtl] .comments-filter-bar{justify-content:flex-start}[dir=rtl] .comment-filter-menu{right:auto;left:0}[dir=rtl] .comment-filter-menu .menu-item .icon-tiny{margin-right:0;margin-left:6px}[dir=rtl] .comment-item{direction:rtl;flex-direction:row}[dir=rtl] .comment-header{flex-direction:row}[dir=rtl] .comment-user-info,[dir=rtl] .user-info{flex-direction:row;text-align:right}[dir=rtl] .comment-body,[dir=rtl] .comment-footer{padding-right:0;padding-left:52px}[dir=rtl] .comment-quick-actions,[dir=rtl] .comment-emoji-picker{right:auto;left:8px}[dir=rtl] .comment-replies{margin-left:-.75rem;margin-right:calc(-1 * (var(--thread-col) + var(--thread-gap) + .75rem))}[dir=rtl] .comment-item.has-drawing .comment-replies:before{left:auto;right:0;border-radius:0 0 6px}[dir=rtl] .reply-item{direction:ltr;grid-template-columns:minmax(0,1fr) var(--thread-col);grid-template-areas:"body avatar"}[dir=rtl] .reply-avatar-col{justify-content:flex-start}[dir=rtl] .reply-body{direction:rtl}[dir=rtl] .reply-header{flex-direction:row}[dir=rtl] .reply-edit-actions,[dir=rtl] .reply-actions,[dir=rtl] .edit-actions{justify-content:flex-start}[dir=rtl] .reply-form textarea{padding-left:0;padding-right:calc(var(--thread-col) + var(--thread-gap))}[dir=rtl] .comment-item.threaded:after{left:auto;right:calc(.75rem + (var(--thread-col) / 2))}[dir=rtl] .comment-options-menu{right:auto;left:0}[dir=rtl] .menu-item,[dir=rtl] .comment-text,[dir=rtl] .reply-text,[dir=rtl] .reply-author,[dir=rtl] .comment-author{text-align:right}[dir=rtl] .input-wrapper textarea{padding-right:.5rem;padding-left:2.5rem}[dir=rtl] .btn-send{right:auto;left:8px}[dir=rtl] .btn-clear-drawing{margin-left:0;margin-right:auto}[dir=rtl] .comment-item.has-drawing{border-left:1px solid transparent;border-right:0}[dir=rtl] .comment-item.has-drawing:before{left:auto;right:0;border-radius:0 6px 6px 0}.share-modal{max-width:560px;width:95%}.modal-title{display:flex;align-items:center;gap:.5rem}.share-video-info{padding:.75rem 1rem;background-color:var(--bg-hover);border-radius:6px;margin-bottom:1.25rem}.video-name{font-weight:500;color:var(--text-primary)}.visibility-section{margin-bottom:1.25rem}.section-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.visibility-dropdown{position:relative}.visibility-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.visibility-button:hover{border-color:var(--accent)}.visibility-button .chevron{margin-inline-start:auto;transition:transform .2s}.visibility-button .chevron.open{transform:rotate(180deg)}.visibility-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 8px 24px #0006}.visibility-dropdown-menu button{width:100%;display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;text-align:start;color:var(--text-primary);transition:background-color .2s}.visibility-dropdown-menu button:hover{background-color:var(--bg-hover)}.visibility-dropdown-menu button.active{background-color:#8b5cf61a}.visibility-dropdown-menu button .icon-small{margin-top:2px;flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0;text-align:start}.option-label{font-size:.9rem;font-weight:500}.option-desc{font-size:.75rem;color:var(--text-secondary)}.visibility-label{min-width:0;text-align:start}.copy-link-section{margin-bottom:1.25rem}.copy-link-row{display:flex;gap:.5rem}.link-input{flex:1;padding:.65rem .75rem;background-color:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.link-input:focus{outline:none;border-color:var(--accent);color:var(--text-primary)}.btn-copy{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;background-color:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy:hover{border-color:var(--accent);background-color:#8b5cf61a}.btn-copy.copied{background-color:#22c55e26;border-color:#22c55e;color:#22c55e}.share-divider{display:flex;align-items:center;margin:1.25rem 0}.share-divider:before,.share-divider:after{content:"";flex:1;height:1px;background-color:var(--border)}.share-divider span{padding:0 1rem;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.share-form{margin-bottom:1.5rem}.share-input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.share-email-input{flex:1;min-width:180px;padding:.6rem .75rem;background-color:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-primary)}.share-email-input:focus{outline:none;border-color:var(--accent)}.share-input-row .btn-primary{padding:.6rem 1.25rem;white-space:nowrap;flex-shrink:0}.share-error{color:var(--danger);font-size:.8rem;margin-top:.5rem;width:100%}.shared-list{margin-bottom:1rem}.shared-list h3{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.shared-list.pending{opacity:.8}.shared-user-row{--action-main-width: 110px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;box-sizing:border-box;padding:.75rem;background-color:var(--bg-hover);border-radius:6px;margin-bottom:.5rem;min-width:0}.shared-user-row.pending{background-color:transparent;border:1px dashed var(--border)}.user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar-small{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--accent);color:#fff;font-weight:600;font-size:.9rem}.user-avatar-small.placeholder{background-color:var(--bg-tertiary, #374151)}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.user-name{display:block;font-weight:500;color:var(--text-primary);font-size:clamp(.82rem,1.8vw,.9rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.user-email{display:block;font-size:clamp(.68rem,1.5vw,.75rem);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.user-role-badge{font-size:.7rem;color:var(--text-secondary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-status-inline{color:#f59e0b;font-size:.66rem;font-weight:600;text-transform:none}.share-actions{display:grid;grid-template-columns:var(--action-main-width) 24px;align-items:center;gap:.35rem;flex-shrink:0;min-width:0}.shared-user-row.pending .share-actions{grid-template-columns:24px;gap:0}.btn-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);transition:all .2s}.btn-remove:hover{background-color:#ef44441a;color:var(--danger)}.share-info{padding:1rem;background-color:var(--bg-hover);border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.share-info p{margin-bottom:.25rem}.share-info p:last-child{margin-bottom:0}.share-info strong{color:var(--text-primary)}.role-select-wrapper{position:relative;display:flex;align-items:center}.role-select{appearance:none;padding:.5rem 2rem .5rem .75rem;background-color:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.select-icon{position:absolute;right:.5rem;width:14px;height:14px;pointer-events:none;color:var(--text-secondary)}.role-dropdown{position:relative;width:100%;min-width:0}.role-button{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;padding:.35rem .5rem;background-color:var(--bg-tertiary, #374151);border-radius:4px;font-size:clamp(.68rem,1.3vw,.75rem);color:var(--text-primary);text-transform:capitalize;white-space:nowrap;min-width:0;max-width:none}.role-button:hover{background-color:var(--border)}.role-button-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.role-button .icon-small{flex-shrink:0}.role-button:disabled,.btn-remove:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.role-dropdown-menu{position:absolute;top:100%;right:0;left:auto;margin-top:.25rem;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;z-index:200;min-width:140px;max-width:min(220px,calc(100vw - 40px));box-shadow:0 4px 12px #0000004d}.role-dropdown-menu button{width:100%;padding:.6rem .75rem;text-align:left;font-size:.8rem;color:var(--text-primary);transition:background-color .2s}.role-dropdown-menu button:hover{background-color:var(--bg-hover)}[dir=rtl] .visibility-section,[dir=rtl] .section-label{text-align:right}[dir=rtl] .visibility-button{direction:rtl}[dir=rtl] .visibility-dropdown-menu button{direction:rtl;text-align:right}[dir=rtl] .option-content,[dir=rtl] .user-details,[dir=rtl] .role-dropdown-menu button{text-align:right}[dir=rtl] .role-button-label{text-align:end}[dir=rtl] .invite-status-inline{unicode-bidi:plaintext}[dir=rtl] .section-label,[dir=rtl] .share-divider span,[dir=rtl] .shared-list h3{text-transform:none;letter-spacing:0}@media(max-width:560px){.shared-user-row{--action-main-width: 96px;align-items:flex-start}.shared-user-row.pending{align-items:flex-start}.share-actions{padding-top:.1rem}}.versions-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.versions-modal{width:min(760px,100%);max-height:min(84vh,860px);display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.versions-modal .icon-small{width:.95rem;height:.95rem}.versions-modal .icon-tiny{width:.75rem;height:.75rem}.versions-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.versions-modal-header h2{font-size:1.05rem}.versions-modal .btn-close{padding:.45rem;border-radius:6px;color:var(--text-secondary)}.versions-modal .btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.versions-upload-block{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#5c6fff0f}.versions-upload-copy h3{font-size:.92rem;margin-bottom:.3rem}.versions-upload-copy p{color:var(--text-secondary);font-size:.82rem;margin-bottom:.8rem}.versions-upload-progress{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.versions-upload-progress span{font-size:.78rem;color:var(--text-secondary);min-width:42px}.versions-progress-row{display:grid;grid-template-columns:82px 1fr 48px;align-items:center;gap:.5rem}.versions-progress-row.pending{opacity:.65}.versions-progress-label{font-size:.78rem;color:var(--text-secondary)}.versions-upload-progress-bar{flex:1;height:6px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.versions-upload-progress-bar>div{height:100%;background:var(--accent);transition:width .2s ease}.versions-upload-error{color:#fca5a5;font-size:.8rem;margin-top:.6rem}.versions-list-block{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;min-height:0;flex:1}.versions-list-block h3{font-size:.86rem;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}.versions-loading,.versions-empty{color:var(--text-secondary);font-size:.86rem}.versions-list{overflow:auto;display:flex;flex-direction:column;gap:.6rem}.version-row{width:100%;text-align:left;border:1px solid var(--border);background:var(--bg-dark);border-radius:8px;padding:.75rem;color:var(--text-primary);transition:border-color .2s ease,background-color .2s ease;cursor:pointer}.version-row:hover{border-color:var(--accent);background:#5c6fff14}.version-row:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.version-row.current{border-color:var(--accent)}.version-row-main{margin-bottom:.45rem}.version-title-line{display:flex;align-items:center;gap:.45rem;margin-bottom:.25rem}.version-badges{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.version-download-btn{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:6px;border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-panel);transition:all .2s ease}.version-download-btn:hover{border-color:var(--accent);color:var(--accent);background:#5c6fff1f}.version-download-btn:disabled{cursor:default}.version-download-btn.is-loading{color:var(--accent);border-color:var(--accent);background:#5c6fff1f}.version-download-spinner{width:.72rem;height:.72rem;border-radius:999px;border:2px solid rgba(92,111,255,.32);border-top-color:var(--accent);animation:versionsDownloadSpin .75s linear infinite}@keyframes versionsDownloadSpin{to{transform:rotate(360deg)}}.version-label{font-size:.92rem;font-weight:600}.version-name{color:var(--text-secondary);font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-current-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--accent);padding:.18rem .4rem;border-radius:999px}.version-open-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border:1px solid var(--border);padding:.18rem .4rem;border-radius:999px}.version-row-meta{display:flex;flex-wrap:wrap;gap:.5rem .9rem;color:var(--text-secondary);font-size:.75rem}.version-row-meta span{display:inline-flex;align-items:center;gap:.3rem}.versions-type-icon.video{color:#60a5fa}.versions-type-icon.pdf{color:#f87171}.versions-type-icon.ppt{color:#fb923c}@media(max-width:640px){.versions-modal{max-height:92vh}.version-row-meta{flex-direction:column;gap:.35rem}}.player-view{display:flex;flex-direction:column;height:100%;width:100%;background-color:#000;color:#fff;overflow:hidden}.player-header{height:64px;min-height:64px;max-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem;min-width:0;overflow:hidden}.video-meta-header{display:flex;flex-direction:column;min-width:0;overflow:hidden}.title-with-type{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.video-title-header{font-size:1rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge-header{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.player-content{flex:1;display:flex;overflow:hidden;min-height:0}.video-section{flex:1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.sidebar-section{width:320px;flex-shrink:0;border-left:1px solid var(--border);background-color:var(--bg-panel);overflow:hidden}.settings-page{max-width:800px;padding-bottom:3rem}.settings-header{margin-bottom:2rem}.settings-header .page-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.settings-header .page-subtitle{color:var(--text-secondary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.section-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),#818cf8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.section-icon .icon{width:20px;height:20px}.section-header h2{font-size:1.1rem;font-weight:600;margin-bottom:.125rem}.section-header p{font-size:.875rem;color:var(--text-secondary)}.section-content{padding:1.5rem}.section-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.current-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#818cf8);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:#fff;overflow:hidden}.current-avatar img{width:100%;height:100%;object-fit:cover}.avatar-info .avatar-label{font-weight:500;margin-bottom:.25rem}.avatar-info .avatar-hint{font-size:.875rem;color:var(--text-secondary)}.form-row{margin-bottom:1.25rem}.form-row:last-child{margin-bottom:0}.settings-section .form-group{margin-bottom:0}.settings-section .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.settings-section .form-group input{width:100%;padding:.75rem 1rem;background-color:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:border-color .2s}.settings-section .form-group input:focus{outline:none;border-color:var(--accent)}.settings-section .form-group input.input-disabled{opacity:.6;cursor:not-allowed}.form-hint{display:block;margin-top:.5rem;font-size:.8125rem;color:var(--text-secondary)}.settings-group{margin-bottom:1.5rem}.settings-group:last-child{margin-bottom:0}.group-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem}.toggle-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--bg-dark);border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.toggle-item:last-child{margin-bottom:0}.toggle-item:hover{background-color:var(--bg-hover)}.toggle-info{flex:1;padding-right:1rem}.toggle-label{display:block;font-weight:500;margin-bottom:.25rem}.toggle-description{display:block;font-size:.8125rem;color:var(--text-secondary)}.notification-error{margin-top:.75rem;color:#fca5a5;font-size:.8125rem}.toggle-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.toggle-checkbox:focus-visible+.toggle-switch{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch{position:relative;width:44px;height:24px;background-color:var(--border);border-radius:12px;transition:background-color .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s}.toggle-checkbox:checked+.toggle-switch{background-color:var(--accent)}.toggle-checkbox:checked+.toggle-switch:after{transform:translate(20px)}.theme-options{display:flex;gap:1rem;margin-top:.5rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:var(--bg-dark);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;min-width:100px;position:relative}.theme-option:hover:not(:disabled){border-color:var(--accent)}.theme-option.active{border-color:var(--accent);background-color:#5c6fff1a}.theme-option:disabled{opacity:.5;cursor:not-allowed}.theme-preview{width:60px;height:40px;border-radius:6px;border:1px solid var(--border)}.dark-preview{background:linear-gradient(135deg,#1a1d23 50%,#0f1115 50%)}.light-preview{background:linear-gradient(135deg,#fff 50%,#f3f4f6 50%)}.theme-option span{font-size:.875rem;font-weight:500}.coming-soon{position:absolute;top:.25rem;right:.25rem;font-size:.625rem;padding:.125rem .375rem;background-color:var(--accent);color:#fff;border-radius:4px;text-transform:uppercase}.connected-accounts{margin-bottom:1.5rem}.connected-account{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-dark);border-radius:8px}.account-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#fff}.account-info{flex:1}.account-name{display:block;font-weight:500;margin-bottom:.125rem}.account-email{font-size:.8125rem;color:var(--text-secondary)}.account-status{font-size:.8125rem;padding:.25rem .75rem;border-radius:999px}.account-status.connected{background-color:#22c55e1a;color:#22c55e}.danger-zone{padding:1.25rem;background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.danger-title{font-size:.9375rem;font-weight:600;color:var(--danger);margin-bottom:.5rem}.danger-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.btn-danger{background-color:var(--danger);color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.settings-page,.section-header,.section-content{padding:1rem}.avatar-section{flex-direction:column;text-align:center}.theme-options{flex-direction:column}.theme-option{flex-direction:row;justify-content:flex-start;min-width:auto}}.plans-page{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:start}.plans-header h1{margin:0;font-size:1.6rem}.plans-header p{margin:.3rem 0 0;color:var(--text-secondary)}.storage-overview{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--bg-panel)}.storage-overview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.storage-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}.storage-metric{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text-secondary);font-size:.85rem}.storage-meter{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.storage-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#84cc16 45%,#f59e0b 75%,#ef4444)}.subscription-meta{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;color:var(--text-secondary);font-size:.85rem}.payment-feedback{border-radius:10px;padding:.75rem .9rem;border:1px solid;font-size:.9rem}.payment-feedback.success{color:#22c55e;background:#22c55e1f;border-color:#22c55e4d}.payment-feedback.error{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.plan-card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--bg-panel);display:flex;flex-direction:column;gap:1rem;min-height:290px}.plan-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px #5c6fff40}.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.plan-card-head h2{margin:0;font-size:1.2rem}.plan-price{display:inline-flex;align-items:flex-end;gap:.35rem;font-size:2rem;font-weight:800;line-height:1;margin:0;width:fit-content;direction:ltr;unicode-bidi:isolate}.plan-price-amount{display:inline-block}.plan-price-period{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.plan-status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;color:#eab308;background:#eab30824;border:1px solid rgba(234,179,8,.25)}.plan-status.active{color:#22c55e;background:#22c55e24;border-color:#22c55e40}.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;color:var(--text-secondary);flex:1}.plan-features li{position:relative;padding-inline-start:1rem;line-height:1.4}.plan-features li:before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;border-radius:999px;background:#ffffff73;transform:translateY(-50%)}.plan-demo-actions{display:flex;flex-direction:column;gap:.5rem}.subscription-credit-tag{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.76rem;font-weight:700;color:#38bdf8;background:#38bdf824;border:1px solid rgba(56,189,248,.25)}.plan-card-note{margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.45}.invoices-section{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--bg-panel)}.invoices-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.invoices-header h2{margin:0;font-size:1.1rem}.invoices-count{color:var(--text-secondary);font-size:.85rem}.invoices-empty{margin:0;color:var(--text-secondary);font-size:.9rem}.invoices-list{display:flex;flex-direction:column;gap:.6rem}.invoice-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;background:#ffffff05}.invoice-main{display:flex;align-items:center;gap:.6rem}.invoice-id{font-size:.86rem;font-weight:600}.invoice-status{font-size:.68rem;font-weight:700;border-radius:999px;padding:.16rem .45rem}.invoice-status.paid{color:#22c55e;background:#22c55e1f;border:1px solid rgba(34,197,94,.25)}.invoice-status.refunded{color:#f59e0b;background:#f59e0b24;border:1px solid rgba(245,158,11,.28)}.invoice-meta{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.82rem}.plans-page.rtl .storage-overview-head,.plans-page.rtl .plan-card-head,.plans-page.rtl .invoices-header,.plans-page.rtl .invoice-row,.plans-page.rtl .invoice-meta{direction:rtl}.plans-page.rtl .plan-card{text-align:right}.plans-page.ltr .plan-price{align-self:flex-start}.plans-page.rtl .plan-price{align-self:flex-end;margin-inline-start:auto}.plans-page.rtl .storage-metric,.plans-page.rtl .plan-price,.plans-page.rtl .invoice-meta span:last-child{direction:ltr;unicode-bidi:isolate}@media(max-width:900px){.plan-grid{grid-template-columns:1fr}.invoice-row{flex-direction:column;align-items:flex-start}.invoice-meta{gap:.55rem;flex-direction:column;align-items:flex-start}}.payment-checkout-page{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:start}.payment-checkout-header h1{margin:0;font-size:1.6rem}.payment-checkout-header p{margin:.35rem 0 0;color:var(--text-secondary)}.payment-checkout-card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--bg-panel);display:flex;flex-direction:column;gap:.9rem}.checkout-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.checkout-field{display:flex;flex-direction:column;gap:.35rem}.checkout-field label{font-size:.83rem;color:var(--text-secondary)}.checkout-field input{width:100%;padding:.7rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-primary)}.checkout-field input:focus{outline:none;border-color:var(--accent)}.checkout-actions{display:flex;gap:.6rem;flex-wrap:wrap}.checkout-actions .btn-danger{background-color:#ef4444;color:#fff}.checkout-actions .btn-danger:hover{background-color:#dc2626}@media(max-width:680px){.checkout-row{grid-template-columns:1fr}}.system-users{padding:0}.system-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.page-subtitle{color:var(--text-secondary)}.search-container{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-secondary)}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5c6fff1a}.search-input::placeholder{color:var(--text-secondary)}.users-list{display:flex;flex-direction:column;gap:.75rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);background-color:var(--bg-panel);border-radius:12px;border:1px solid var(--border)}.empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.user-card{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:12px;transition:all .2s}.user-card:hover{border-color:var(--accent);background-color:#5c6fff05}.user-info{display:flex;align-items:center;gap:1rem;min-width:280px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#818cf8);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1.1rem;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{min-width:0}.user-name{font-size:1rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-stats{display:flex;gap:1.5rem;flex:1;justify-content:center}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.stat-icon{width:16px;height:16px;opacity:.7}.stat-label{font-size:.8rem;opacity:.7}.user-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.manage-subscription-btn{white-space:nowrap}.subscription-controls{display:flex;flex-direction:column;gap:.5rem;min-width:260px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.subscription-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem}.subscription-meta{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--text-secondary)}.subscription-tag{display:inline-flex;align-items:center;width:fit-content;padding:.15rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#38bdf8;background:#38bdf824;border:1px solid rgba(56,189,248,.25)}.subscription-extend{display:flex;gap:.4rem}.subscription-extend input{width:100%;min-width:120px;padding:.45rem .55rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-primary)}.btn-sm{padding:.45rem .6rem;font-size:.78rem}.role-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap}.role-tag.super-admin{background-color:#eab30826;color:#fbbf24}.role-tag.user{background-color:#3b82f626;color:#60a5fa}.role-icon{width:14px;height:14px}.enrollment-toggle{display:flex;align-items:center}.system-users .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.system-users .toggle-label input{display:none}.system-users .toggle-slider{position:relative;width:44px;height:24px;background-color:var(--border);border-radius:12px;transition:all .3s;flex-shrink:0}.system-users .toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background-color:var(--text-secondary);border-radius:50%;transition:all .3s}.system-users .toggle-label input:checked+.toggle-slider{background-color:var(--accent)}.system-users .toggle-label input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.system-users .toggle-slider-sm{position:relative;width:32px;height:18px;background-color:var(--border);border-radius:9px;transition:all .3s;flex-shrink:0}.system-users .toggle-slider-sm:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background-color:var(--text-secondary);border-radius:50%;transition:all .3s}.system-users .toggle-label input:checked+.toggle-slider-sm{background-color:var(--accent)}.system-users .toggle-label input:checked+.toggle-slider-sm:before{transform:translate(14px);background-color:#fff}.system-users .toggle-text{font-size:.8rem;color:var(--text-secondary);min-width:85px}.system-users .toggle-text-sm{font-size:.75rem;color:var(--text-secondary);min-width:75px}.role-select{padding:.5rem .75rem;background-color:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.role-select:focus{outline:none;border-color:var(--accent)}.role-select:hover{border-color:var(--text-secondary)}@media(max-width:1200px){.user-card{flex-wrap:wrap}.user-info{min-width:200px}.user-stats{order:3;width:100%;justify-content:flex-start;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}}@media(max-width:768px){.user-card{padding:1rem}.user-info{min-width:auto;flex:1}.user-actions{flex-wrap:wrap;gap:.75rem}.user-stats{gap:1rem}.stat-label{display:none}}.user-name-row{display:flex;align-items:center;gap:.5rem}.status-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-tag.pending{background-color:#fbbf2426;color:#fbbf24}.status-icon{width:12px;height:12px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-panel);padding:1.5rem;border-radius:12px;width:100%;max-width:420px;border:1px solid var(--border);box-shadow:0 20px 25px -5px #0000004d}.subscription-modal{max-width:520px}.subscription-modal .subscription-controls{min-width:0;margin-top:.75rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-close .icon{width:20px;height:20px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.form-group input[type=email],.form-group input[type=text]{width:100%;padding:.75rem;background-color:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5c6fff1a}.form-select{width:100%;padding:.75rem;background-color:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:var(--accent)}.modal-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.modal-toggle{margin-top:.5rem}.modal-content .toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-content .toggle-label input{display:none}.modal-content .toggle-slider{position:relative;width:44px;height:24px;background-color:var(--border);border-radius:12px;transition:all .3s;flex-shrink:0}.modal-content .toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background-color:var(--text-secondary);border-radius:50%;transition:all .3s}.modal-content .toggle-label input:checked+.toggle-slider{background-color:var(--accent)}.modal-content .toggle-label input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.modal-content .toggle-text{font-size:.875rem;color:var(--text-secondary)}.form-hint{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);opacity:.8}.form-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn .icon{width:18px;height:18px}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#4f5bd5}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.notifications-page{display:flex;flex-direction:column;gap:1rem;max-width:980px;margin:0 auto}.notifications-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.notifications-header h1{font-size:1.7rem;font-weight:700}.notifications-summary{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.86rem}.notifications-summary span{padding:.3rem .55rem;border:1px solid var(--border);border-radius:999px;background:#ffffff05}.notifications-error{display:flex;align-items:center;gap:.45rem;padding:.7rem .9rem;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:#ef44441a;color:#fca5a5}.notifications-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary)}.notifications-list{display:flex;flex-direction:column;gap:.8rem}.notification-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:.95rem 1rem}.notification-card.unviewed{border-color:#5c6fff6b;box-shadow:inset 0 0 0 1px #5c6fff1f}.notification-card.action-required{border-color:#f59e0b80;box-shadow:inset 0 0 0 1px #f59e0b24}.notification-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:.4rem}.notification-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.notification-title-row h3{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-main p{color:var(--text-secondary);line-height:1.35;font-size:.93rem}.status-icon{flex-shrink:0;width:1rem;height:1rem}.status-icon.unviewed{color:#facc15;fill:#facc1547}.status-icon.viewed{color:#22c55e}.notification-meta{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.8rem}.notification-meta span{display:inline-flex;align-items:center;gap:.25rem}.action-status{padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border)}.action-status.pending{border-color:#f59e0b80;color:#facc15}.action-status.accepted{border-color:#22c55e73;color:#4ade80}.action-status.declined,.action-status.expired{border-color:#ef444466;color:#fca5a5}.notification-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.icon-small{width:.95rem;height:.95rem}@media(max-width:840px){.notification-card{flex-direction:column;align-items:stretch}.notification-actions{justify-content:flex-end}}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-dark)}.login-card{background-color:var(--bg-panel);padding:2.5rem;border-radius:12px;width:100%;max-width:400px;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000040;text-align:center}.login-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.logo-icon-large{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),#818cf8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.5rem;margin-bottom:1rem}.login-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-secondary)}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background-color:#fff;color:#3c4043;border:none;border-radius:24px;font-size:14px;font-weight:500;font-family:Google Sans,Roboto,Arial,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014,0 1px 2px #0000001f}.google-login-btn:hover{background-color:#f8f9fa;box-shadow:0 2px 6px #0000001f,0 2px 4px #00000014}.google-login-btn:active{background-color:#f1f3f4;box-shadow:0 1px 2px #0000001a}.google-login-btn svg{flex-shrink:0}.google-login-btn span{letter-spacing:.25px}.login-footer{margin-top:1.5rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.error-message{color:var(--danger);font-size:.9rem;margin-bottom:1rem;padding:.75rem;background-color:#ef44441a;border-radius:8px;text-align:center}.public-player-view{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.public-player-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background-color:var(--bg-panel);border-bottom:1px solid var(--border)}.public-player-header .header-left{display:flex;align-items:center;gap:1.5rem}.public-player-header .brand{display:flex;align-items:center;gap:.75rem}.public-player-header .brand-name{font-size:1.25rem;font-weight:700;color:var(--accent)}.public-badge{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background-color:#8b5cf626;border-radius:4px;font-size:.75rem;color:var(--accent)}.video-meta-header{display:flex;align-items:center;gap:.75rem}.title-with-type{display:flex;align-items:center;gap:.5rem}.file-type-icon{flex-shrink:0}.file-type-icon.video{color:#6366f1}.file-type-icon.pdf{color:#ef4444}.file-type-icon.ppt{color:#f97316}.video-title-header{font-size:1rem;font-weight:500;color:var(--text-primary);max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-player-header .header-right{display:flex;align-items:center;gap:1rem}.guest-info-badge{padding:.4rem .75rem;background-color:var(--bg-hover);border-radius:6px;font-size:.85rem;color:var(--text-secondary)}.guest-info-badge strong{color:var(--text-primary)}.public-player-content{flex:1;display:flex;overflow:hidden}.public-player-content .video-section{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000;padding:1rem}.public-player-content .sidebar-section{width:380px;background-color:var(--bg-panel);border-left:1px solid var(--border);overflow:hidden}.public-player-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-secondary);gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.public-player-error{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);text-align:center;padding:2rem}.public-player-error .error-icon{width:64px;height:64px;color:var(--text-secondary);margin-bottom:1rem}.public-player-error h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.public-player-error p{color:var(--text-secondary);margin-bottom:1.5rem;max-width:400px}@media(max-width:900px){.public-player-content{flex-direction:column}.public-player-content .sidebar-section{width:100%;height:50%;border-left:none;border-top:1px solid var(--border)}}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1f2937,#0b1220 55%);padding:1rem}.invite-card{width:100%;max-width:520px;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 18px 50px #00000059}.invite-card h1{margin:0;font-size:1.25rem}.invite-card h2{margin:.25rem 0 0;font-size:1.1rem}.invite-subtitle{margin:.6rem 0 0;color:var(--text-secondary);font-size:.9rem}.invite-details{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.invite-detail-row{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.88rem}.invite-message{margin-top:.9rem;border-radius:8px;padding:.6rem .75rem;display:flex;align-items:center;gap:.45rem;font-size:.88rem}.invite-message.success{background-color:#10b9811f;border:1px solid rgba(16,185,129,.45)}.invite-message.error{background-color:#ef44441f;border:1px solid rgba(239,68,68,.45)}.invite-actions{margin-top:1rem;display:flex;gap:.6rem}