.icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;fill:currentColor}body{font-family:Montserrat,sans-serif;margin:0;background-color:#fff;color:#333;line-height:1.6;transition:background-color .3s ease;display:flex;flex-direction:column;min-height:100vh}body.loading-active{overflow:hidden}body.loading-active:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;z-index:9998}body.lightbox-open{overflow:hidden}header{background-color:#33367b;color:#fff;padding:1em 2em;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center}#companyLogo{max-height:45px;margin-right:20px}header h1{margin:0;font-family:Montserrat,sans-serif;font-size:1.6em;font-weight:700;letter-spacing:.5px}#authControls{display:flex;align-items:center}#userSessionInfo{display:flex;align-items:center;gap:15px}.user-details-header{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:.9em;line-height:1.3}.header-user-name{font-weight:600;color:#fff}.header-access-level{font-size:.8em;color:#e0e0e0;font-style:italic}.header-link{color:var(--color-light-text, #ffffff);text-decoration:none;margin-left:1em;font-size:.9em;padding:.2em .5em;border-radius:4px;transition:background-color .2s ease}.header-link:hover{background-color:#ffffff26;text-decoration:underline}#authControls .button-primary{background-color:#fec10df2;color:#33367b;border:1px solid #fec10d;padding:.6em 1.2em;margin-left:0}#authControls .button-primary:hover{background-color:#fec10d;border-color:#fec10d;color:#33367b}main{padding:2em;max-width:1300px;margin:auto;flex-grow:1;width:100%;box-sizing:border-box}h2{font-family:Montserrat,sans-serif;color:#33367b;border-bottom:1px solid #e0e0e0;padding-bottom:.6em;margin-bottom:1.25em;font-size:1.8em;font-weight:700}.app-layout{display:flex;gap:2.5em;margin-top:1.5em}.folder-tree-pane{flex:0 0 280px;background-color:#f8f9fa;padding:1.5em;border-radius:3px;border:1px solid #e0e0e0;max-height:75vh;overflow-y:auto}.folder-tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.folder-tree-pane h3{font-family:Montserrat,sans-serif;color:#33367b;font-size:1.3em;margin-top:0;margin-bottom:0;border-bottom:none;padding-bottom:0}.button-icon{padding:.3em .6em;font-size:1.2em;line-height:1;min-width:auto}.folder-tree ul{list-style:none;padding-left:0}.folder-tree ul ul{padding-left:1.5em}.folder-tree li{margin-bottom:.5em}.folder-tree-item{display:flex;align-items:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:.95em;color:#374151;width:100%;box-sizing:border-box;position:relative;padding:.7em .9em .7em 3em;margin-bottom:2px}.folder-tree-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;padding-right:5px}.folder-tree-item:hover{background-color:#e9eaf5;color:#33367b}.folder-tree-item.active{background-color:#fec10d;color:#33367b;font-weight:600}.folder-icon{margin-right:.75em;font-size:1.1em;color:#6c757d;display:inline-flex;align-items:center;flex-shrink:0}.folder-tree-item.active .folder-icon{color:#33367b}.folder-tree-item .toggle-btn{position:absolute;left:.25em;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;cursor:pointer;transition:transform .2s ease-in-out,background-color .2s ease;text-align:center;line-height:1em;font-size:1.2em;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.folder-tree-item .toggle-btn:hover{background-color:#0000001a}.folder-tree .has-children.expanded>.folder-tree-item .toggle-btn{transform:translateY(-50%) rotate(90deg)}.folder-tree .has-children>ul{display:none}.folder-tree .has-children.expanded>ul{display:block}.folder-tree .has-children>.folder-tree-item.active .toggle-btn{color:#33367b!important}.tree-lock-icon{position:absolute;left:1.75em;top:50%;transform:translateY(-50%);font-size:.8em;pointer-events:none;color:#6c757d}.content-display-pane{flex-grow:1;background-color:#fff;padding:1.5em;border-radius:3px;min-width:0}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em;flex-wrap:wrap;gap:1em}#multiSelectToolbar{display:flex;align-items:center;gap:.75em;background-color:#f8f9fa;padding:.5em 1em;border-radius:6px;border:1px solid #e9ecef;transition:all .3s ease-in-out;flex:0 0 auto}.selection-info{min-width:140px;white-space:nowrap}.selection-actions{display:flex;gap:.5em;flex-wrap:nowrap}#multiSelectToolbar label{font-size:.9em;cursor:pointer}.selection-count{font-size:.9em;color:#555;font-style:italic}.button-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.button-danger:hover{background-color:#c82333;border-color:#bd2130}.button-danger:disabled,.button-secondary:disabled{background-color:#e9ecef;color:#adb5bd;border-color:#dee2e6;cursor:not-allowed;transform:none;box-shadow:none}.button-icon{transition:all .2s ease-in-out}.button-icon:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}#folderViewContainer{margin-bottom:2em}.search-container{margin-bottom:1.5em}#folderSearchInput{width:100%;padding:.9em 1.2em .9em 2.8em;font-size:1em;border:1px solid #d0d3e8;border-radius:4px;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;background-size:1.2em;transition:border-color .2s,box-shadow .2s}#folderSearchInput:focus{border-color:#33367b;box-shadow:0 0 0 3px #33367b26;outline:none}#breadcrumbNav{margin-bottom:1.5em;padding-bottom:.75em;border-bottom:1px solid #e0e0e0}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.breadcrumb-list li{font-size:.9em;color:#555;display:flex;align-items:center}.breadcrumb-list li a{color:#33367b;text-decoration:none;padding:.3em .8em;border-radius:100px;background-color:#f0f2f5;transition:all .2s ease;font-weight:600}.breadcrumb-list li a:hover{background-color:#e2e5f0;color:#1a1c40;text-decoration:none}.breadcrumb-list li+li:before{content:"›";font-size:1.2em;padding:0 .5em;color:#999;line-height:1}.breadcrumb-list li.active{font-weight:600;color:#333}#currentFolderName{margin-top:0;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .1s ease-out;flex:1 1 auto;min-width:0;max-width:100%}#folderItemsDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5em}.item-thumbnail{border:1px solid #eaeaea;border-radius:6px;padding:1em;background-color:#fff;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:180px;box-shadow:0 1px 3px #0000000d}.item-thumbnail:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-3px);border-color:#fec10d}.item-thumbnail .thumbnail-icon-area{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:.8em;border-radius:2px;background-color:#f0f0f0;overflow:hidden}.item-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.item-thumbnail .file-icon{font-size:4em;color:#6c757d;line-height:1;display:inline-flex;align-items:center;justify-content:center}.item-thumbnail.folder-type .file-icon{color:#fec10d;font-size:5em}.item-thumbnail.file-type-pdf .file-icon{color:#d93025}.item-thumbnail.file-type-doc .file-icon{color:#2a5699}.item-thumbnail.file-type-xls .file-icon{color:#1d6f42}.item-thumbnail.file-type-ppt .file-icon{color:#d04423}.item-thumbnail.file-type-eps .file-icon{color:#7e57c2}.item-thumbnail.file-type-image .file-icon{color:#6c757d}.item-thumbnail .item-name{font-weight:500;color:#333;font-size:.95em;word-wrap:break-word;line-height:1.3;margin-top:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.item-thumbnail.folder-type .item-name{font-weight:700;color:#33367b;font-size:1.05em}.item-actions{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;gap:5px;background-color:#ffffffd9;padding:4px;border-radius:3px;opacity:0;transition:opacity .2s ease-in-out;z-index:10}.item-thumbnail:hover .item-actions{opacity:1}.item-action-button{background:none;border:1px solid transparent;cursor:pointer;font-size:1em;padding:3px 5px;color:#33367b;border-radius:2px;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.item-action-button:hover{background-color:#e0e0e0;color:#fec10d;border-color:#ccc}.button-primary,.button-secondary{padding:.75em 1.5em;cursor:pointer;border-radius:4px;font-weight:600;font-size:.95em;text-decoration:none;display:inline-block;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;box-shadow:0 1px 2px #00000014}.button-primary{background-color:#fec10d;color:#33367b;border-color:#fec10d}.button-primary:hover{background-color:#e4a80b;border-color:#e4a80b;transform:translateY(-1px);box-shadow:0 4px 6px #0000001f}.button-secondary{background-color:#f0f2f5;color:#33367b;border:1px solid #d0d3e8}.button-secondary:hover{background-color:#e2e5f0;border-color:#b9bfd9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.button-secondary:disabled{background-color:#e9ecef;color:#adb5bd;border-color:#dee2e6;cursor:not-allowed;opacity:.7}.scroll-loading-indicator{text-align:center;padding:1em;font-style:italic;color:#666}.lightbox-modal{display:none;position:fixed;z-index:1000;padding-top:20px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#1e1e32f2}.lightbox-actions{text-align:center;padding:5px 0 15px;position:relative;z-index:1001}.lightbox-button{margin:0 8px;padding:.5em 1em;font-size:.85em;background-color:#ffffff26;color:#f0f0f0;border-color:#fff6;line-height:1.2}.lightbox-button:hover{background-color:#ffffff40;border-color:#fff9}.lightbox-button:disabled{background-color:#64646433;color:#888;border-color:#7878784d;cursor:not-allowed}.lightbox-content{margin:auto;display:block;max-width:85%;max-height:70vh;animation-name:lightboxZoom;animation-duration:.3s}@keyframes lightboxZoom{0%{transform:scale(.9);opacity:.7}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:15px;right:30px;color:#f1f1f1;font-size:35px;font-weight:700;transition:.3s;cursor:pointer;line-height:1;z-index:1002;background:none;border:none;padding:0}.lightbox-close:hover,.lightbox-close:focus{color:#fec10d}#lightboxCaption{margin:10px auto 0;display:block;width:80%;max-width:700px;text-align:center;color:#ddd;padding:5px 0;height:auto;font-size:1em}.lightbox-prev,.lightbox-next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:auto;padding:16px;color:#fff;font-weight:700;font-size:24px;transition:.4s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none;background-color:#33367b4d;z-index:1001}.lightbox-next{right:10px;border-radius:3px 0 0 3px}.lightbox-prev{left:10px}.lightbox-prev:hover,.lightbox-next:hover{background-color:#fec10d}#loadingMessage{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:2em 3em;border-radius:8px;box-shadow:0 10px 40px #0000001a;z-index:10000;text-align:center;min-width:250px;max-width:90%;background-color:#fff;border:none;color:#33367b;font-size:1.1em;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1em}#loadingMessage:before{content:"";display:block;width:30px;height:30px;border:3px solid #e0e0e0;border-top-color:#fec10d;border-radius:50%;animation:spin .8s linear infinite}#errorMessage{display:none;position:relative;width:100%;padding:1em 50px 1em 1em;margin-bottom:1.5em;background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7;border-radius:5px;box-sizing:border-box;text-align:left}.no-results-message{display:none;grid-column:1 / -1;text-align:center;padding:4em 1em;margin-top:1em;background-color:#f9f9fb;border-radius:6px;border:1px dashed #d0d3e8;color:#6c757d;font-size:1.1em;display:flex;flex-direction:column;align-items:center;gap:1em}.no-results-message:before{content:"";display:block;width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.5}#toggleUploadSectionButton{margin-bottom:1em}#toggleUploadSectionButton .arrow{display:inline-block;margin-left:8px;transition:transform .3s ease}#toggleUploadSectionButton.expanded .arrow{transform:rotate(90deg)}#uploadSection{background-color:#f8f9fa;padding:1.5em;border-radius:3px;border:1px solid #e0e0e0;margin-bottom:2em}#uploadSection h2{margin-top:0;font-size:1.5em;border-bottom:1px solid #d0d3e8;padding-bottom:.5em}.upload-form label{display:block;margin-top:1em;margin-bottom:.5em;font-weight:500;color:#374151}.upload-form input[type=text],.upload-form input[type=file],.upload-form select{width:100%;padding:.9em 1.2em;font-size:1em;border:1px solid #cccccc;border-radius:3px;box-sizing:border-box;margin-bottom:1em}.upload-form input[type=file]{padding:.7em}.upload-form input[type=text]:focus,.upload-form select:focus{border-color:#33367b;box-shadow:0 0 0 3px #33367b26;outline:none}#uploadButton{margin-top:1.5em}#uploadStatus{margin-top:1.5em;font-size:.95em}#uploadStatus .file-progress{margin-bottom:.5em;padding:.75em 1em;border-radius:3px;background-color:#e9ecef;color:#495057}#uploadStatus .file-success{background-color:#d1e7dd;color:#0f5132;border:1px solid #badbcc;padding:.75em 1em;margin-bottom:.5em;border-radius:3px}.upload-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.overall-progress{margin:0;font-weight:500}.details-toggle{font-size:.9em;color:#33367b;cursor:pointer;text-decoration:underline}.upload-details-container{max-height:30vh;overflow-y:auto;border-top:1px solid #e0e0e0;padding-top:1em}.hidden{display:none}#uploadStatus .file-error{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7;padding:.75em 1em;margin-bottom:.5em;border-radius:3px}.drop-zone{border:2px dashed #33367B;border-radius:6px;padding:2em;text-align:center;color:#555;background-color:#f9f9fb;margin-top:1em;margin-bottom:1.5em;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.drop-zone.dragover{background-color:#e9eaf5;border-color:#fec10d;transform:scale(1.02)}.drop-zone p{margin:0;font-size:1.1em}.drop-target-folder-tree.dragover,.drop-target-thumbnail.dragover{background-color:#d0e0ff!important;border-style:dashed!important;border-color:#33367b!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-dialog{background-color:#fff;padding:25px 30px;border-radius:8px;box-shadow:0 15px 35px #00000026,0 5px 15px #0000001a;width:auto;min-width:320px;max-width:500px;z-index:10001;text-align:left;display:flex;flex-direction:column}.modal-hidden{display:none!important}.modal-title{color:#33367b;font-size:1.6em;margin-top:0;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.modal-message{font-size:1em;color:#333;margin-bottom:20px;line-height:1.6}.move-modal-folder-tree{max-height:50vh;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;padding:10px;background-color:#f9f9f9;margin-top:10px}.move-modal-folder-tree ul{list-style:none;padding-left:0}.move-modal-folder-tree ul ul{padding-left:1.5em}.move-modal-folder-tree .folder-tree-item{padding:.5em .5em .5em 3em;cursor:pointer;border-radius:3px;display:flex;align-items:center}.move-modal-folder-tree .folder-tree-item:hover{background-color:#e9eaf5}.modal-input-container{margin-bottom:20px}.modal-input-container label{display:block;margin-bottom:8px;font-weight:500;color:#454545}.modal-input-field{width:100%;padding:10px 12px;font-size:1em;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.modal-input-field:focus{border-color:#33367b;box-shadow:0 0 0 2px #33367b33;outline:none}.modal-lg{max-width:800px;max-height:85vh;display:flex;flex-direction:column}.modal-close-button{position:absolute;top:10px;right:20px;font-size:2em;cursor:pointer;color:#6c757d;background:none;border:none;padding:0}.modal-content{text-align:left;overflow-y:auto;padding-right:15px}.guide-section{margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid #e0e0e0}.guide-section:last-child{border-bottom:none}.guide-section h3{font-size:1.4em;color:#33367b;margin-bottom:.75em}.guide-section h4{font-size:1.1em;font-weight:600;margin-bottom:.5em}.modal-button-container{text-align:right;margin-top:25px}.modal-button-container button{margin-left:10px;padding:.6em 1.2em;font-size:.95em}.close-message-btn{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:none;border:none;font-size:1.6em;font-weight:700;color:#842029;cursor:pointer;padding:.2em .5em;line-height:1;opacity:.6}.close-message-btn:hover{color:#333;background-color:#e0e0e0;border-radius:50%;opacity:1}#noResultsMessage{position:relative;top:auto;left:auto;transform:none;width:100%;box-sizing:border-box;margin-bottom:1.5em;padding-right:50px;text-align:left}.skeleton-item{border:1px solid #e0e0e0;border-radius:3px;padding:1em;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:220px}.skeleton-item .skeleton-icon-area{width:100%;height:150px;margin-bottom:1em;border-radius:2px;background-color:#e9ecef}.skeleton-item .skeleton-name{height:1.3em;background-color:#e9ecef;border-radius:3px;width:85%}@keyframes skeleton-loading{0%{background-color:#e0e6eb}50%{background-color:#f0f2f5}to{background-color:#e0e6eb}}.skeleton-item .skeleton-icon-area,.skeleton-item .skeleton-name{animation:skeleton-loading 1.5s infinite ease-in-out}#loginView{max-width:450px;margin:4em auto;padding:2.5em;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 5px 15px #00000014}.login-logo{max-width:200px;margin-bottom:1.5em}#loginView h2{font-size:1.7em;color:#33367b;margin-bottom:.5em;border-bottom:none}#loginView p{font-size:1.1em;color:#555;margin-bottom:2em}#loginView .button-primary{width:100%;padding:.9em 1.5em;font-size:1.1em}#uploadModalDialog{max-width:600px;max-height:85vh}.upload-form{overflow-y:auto;flex-grow:1;padding-right:15px;margin-right:-15px}#uploadDestinationPath{font-family:monospace;background-color:#e9ecef;padding:.2em .5em;border-radius:3px;font-size:.95em}.upload-form{margin-top:1.5em}.upload-form label.button-secondary{margin-right:10px;margin-bottom:1em}#filePreview{margin-top:1em;max-height:20vh;overflow-y:auto;font-size:.9em;text-align:left;border:1px solid #e0e0e0;padding:1em;border-radius:3px;background-color:#f8f9fa}#filePreview ul{list-style-type:none;padding:0;margin:0}#filePreview li{padding:.4em .6em;margin-bottom:.5em;background-color:#fff;border-radius:2px;border:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.upload-progress-bar-container{width:100px;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.upload-progress-bar{width:0%;height:100%;background-color:#33367b;transition:width .2s ease-in-out}#contentActions{margin-bottom:1.5em}footer{background-color:#33367b;color:#fff;text-align:center;padding:1.5em 2em;margin-top:2em;font-size:.9em}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:1.5em;flex-wrap:wrap;width:100%}footer p{margin:0}.footer-links-container{display:flex;align-items:center;gap:10px}.footer-link{color:#e0e0e0;text-decoration:none;transition:color .2s;position:relative;padding-right:10px}.footer-link:hover{color:#fec10d;text-decoration:underline}#activityLogsSeparator{color:#e0e0e0}.notification-dot:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#dc3545;border-radius:50%;box-shadow:0 0 0 2px #33367b}.thumbnail-icon-area .processing-icon{opacity:.3}.processing-overlay{position:absolute;bottom:0;left:0;width:100%;background:#00000080;color:#fff;font-size:.8em;padding:.3em 0;text-align:center;font-weight:500}.progress-bar-container{width:100%;background-color:#e9ecef;border-radius:4px;margin:.5em 0;overflow:hidden;height:20px;border:1px solid #dee2e6}.progress-bar{width:0%;height:100%;background-color:#33367b;transition:width .2s ease-in-out;text-align:center;line-height:20px;color:#fff;font-size:.8em}.progress-text{font-size:.9em;font-weight:500;color:#33367b;margin:0;text-align:center}.background-task-notifier{position:fixed;bottom:20px;right:20px;z-index:11000;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.task-notification{background-color:#fff;color:#333;padding:12px 18px;border-radius:6px;box-shadow:0 5px 15px #0003;display:flex;align-items:center;gap:12px;min-width:280px;max-width:350px;border-left:5px solid #6c757d;transition:all .3s ease-in-out;opacity:0;transform:translate(20px);animation:slideIn .5s forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.task-notification.closing{animation:slideOut .5s forwards}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px);height:0;padding-top:0;padding-bottom:0;margin-bottom:0}}.task-notification-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-left-color:#33367b;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.task-notification-icon{font-size:1.5em;flex-shrink:0}.task-notification-content{flex-grow:1;font-size:.95em}.task-notification-content strong{display:block;margin-bottom:3px;color:#000}.task-notification.in-progress{border-left-color:#33367b}.task-notification.success{border-left-color:#28a745}.task-notification.success .task-notification-icon{color:#28a745}.task-notification.error{border-left-color:#dc3545}.task-notification.error .task-notification-icon{color:#dc3545}@media(max-width:1024px){main{padding:1.5em}#folderItemsDisplay{grid-template-columns:repeat(3,1fr);gap:1em}}@media(max-width:768px){header{flex-direction:column;align-items:center;padding:1em;gap:1em}.header-left{flex-direction:column;align-items:center;gap:.5em;text-align:center;margin-bottom:0}header h1{font-size:1.3em}#companyLogo{max-height:35px;margin-right:0}#authControls{width:100%;justify-content:center}#userSessionInfo{flex-direction:column;align-items:center;gap:10px}main{padding:1em}.folder-tree-pane{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:2000;transform:translate(-100%);transition:transform .3s ease;height:100vh;max-height:100vh;border-radius:0;box-shadow:2px 0 10px #0003}.sidebar-open .folder-tree-pane{transform:translate(0)}.mobile-only{display:inline-flex!important}.app-layout{display:block}.navigation-wrapper{display:flex;align-items:center;gap:.8em;margin-bottom:1.5em;border-bottom:1px solid #e0e0e0;padding-bottom:.75em;flex-wrap:wrap}#breadcrumbNav{margin-bottom:0;padding-bottom:0;border-bottom:none;flex-grow:1}#mobileSidebarToggle{margin-bottom:0;flex-shrink:0}#folderItemsDisplay{grid-template-columns:repeat(2,1fr)}.content-header{flex-direction:column;align-items:flex-start;gap:1em}#contentActions{margin-left:0;width:100%}#showUploadModalButton{width:100%}#multiSelectToolbar{flex-wrap:wrap;width:100%}.lightbox-content{max-width:95%}.lightbox-prev,.lightbox-next{padding:12px;font-size:20px}.modal-dialog{width:90%;padding:20px}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1500;display:none}@media(max-width:480px){#folderItemsDisplay{grid-template-columns:1fr}.user-details-header{display:none}header h1{display:none}#companyLogo{max-height:30px;margin-right:15px}.button-primary,.button-secondary{padding:.6em 1.2em;font-size:.9em}}.restricted-badge{position:absolute;top:8px;right:8px;background-color:#0009;color:gold;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px #0003;z-index:10;pointer-events:none}.item-thumbnail.selected{border-color:#0078d4;background-color:#f0f8ff}.guide-badge{display:inline-block;background-color:#f0f2f5;color:#33367b;padding:2px 8px;border-radius:4px;font-size:.85em;font-weight:600;border:1px solid #d0d3e8;margin:0 2px}.guide-section ul{padding-left:20px;margin-bottom:1em}.guide-section li{margin-bottom:.5em}.guide-section h4{color:#333;margin-top:1.5em;border-bottom:none}#uploadModalDialog{max-width:600px;width:90%;display:flex;flex-direction:column;max-height:85vh}.upload-body{flex:1;overflow-y:auto;padding-right:5px;margin-bottom:15px}.drop-zone{border:2px dashed #cbd5e0;border-radius:8px;padding:20px;text-align:center;background:#f8fafc;transition:all .2s;margin-bottom:15px}.drop-zone.dragover{background:#eef2ff;border-color:#33367b}#filePreview{border:1px solid #e2e8f0;border-radius:6px;background:#fff;max-height:300px;overflow-y:auto;display:none}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #f1f5f9;font-size:.9rem}.file-item:last-child{border-bottom:none}.file-info{display:flex;align-items:center;gap:10px;overflow:hidden;flex:1}.file-icon{font-size:1.2em}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;color:#334155}.file-status{font-size:.8em;color:#64748b;min-width:80px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:8px}.status-pending{color:#64748b}.status-success{color:#10b981;font-weight:500}.status-error{color:#ef4444;font-weight:500}.row-progress{height:4px;background:#e2e8f0;width:60px;border-radius:2px;overflow:hidden;display:none}.row-progress-bar{height:100%;background:#33367b;width:0%;transition:width .2s}.remove-file-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1em;padding:0 0 0 10px}.remove-file-btn:hover{color:#ef4444}.upload-summary{background:#f1f5f9;padding:8px 12px;font-size:.85em;font-weight:600;color:#475569;display:flex;justify-content:space-between;border-bottom:1px solid #e2e8f0}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:none;z-index:10}.view-toggle-container{display:flex;gap:4px;align-items:center;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-container{position:relative}#folderSearchInput{padding-right:80px}.view-toggle-btn{background:none;border:none;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-toggle-btn:hover{background-color:#e9ecef;color:#33367b}.view-toggle-btn.active{background-color:#e9ecef;color:#33367b;box-shadow:inset 0 2px 4px #0000000d}#folderItemsDisplay.list-view{display:flex;flex-direction:column;gap:0}#folderItemsDisplay.list-view .item-thumbnail{flex-direction:row;align-items:center;width:100%;min-height:50px;height:auto;padding:8px 12px;border:none;border-bottom:1px solid #eee;border-radius:0;box-shadow:none;text-align:left;box-sizing:border-box}#folderItemsDisplay.list-view .item-thumbnail:hover{background-color:#f8f9fa;transform:none;box-shadow:none}#folderItemsDisplay.list-view .thumbnail-icon-area{width:40px;height:40px;margin-bottom:0;margin-right:15px;background:none;flex-shrink:0}#folderItemsDisplay.list-view .item-thumbnail img{border-radius:4px}#folderItemsDisplay.list-view .item-thumbnail .file-icon{font-size:1.8em}#folderItemsDisplay.list-view .item-thumbnail.folder-type .file-icon{font-size:2em}#folderItemsDisplay.list-view .item-name{flex:1;margin-top:0;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;display:block}.item-details{display:flex;align-items:center;gap:20px;margin-left:20px;color:#6c757d;font-size:.85em;flex-shrink:0}.item-size{width:80px;text-align:right}.item-date{width:140px;text-align:right}#folderItemsDisplay:not(.list-view) .item-details{display:none}#folderItemsDisplay.list-view .item-checkbox{position:static;margin-right:15px;margin-top:0}#folderItemsDisplay.list-view .item-actions{position:static;opacity:0;flex-direction:row;background:none;padding:0;margin-left:15px}#folderItemsDisplay.list-view .item-thumbnail:hover .item-actions{opacity:1}#folderItemsDisplay.list-view .restricted-badge{position:static;margin-right:10px;width:20px;height:20px;font-size:12px;box-shadow:none}.changelog-content{max-height:70vh;overflow-y:auto;padding-right:15px}.changelog-entry{margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid #e0e0e0}.changelog-entry:last-child{border-bottom:none;margin-bottom:0}.changelog-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8em}.changelog-header h4{margin:0;color:#33367b;font-size:1.2em}.changelog-date{font-size:.9em;color:#6c757d;font-style:italic}.changelog-description{font-size:.95em;color:#333;line-height:1.5}.floating-update-badge{position:fixed;bottom:90px;right:30px;z-index:10500;background-color:#fec10d;color:#33367b;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.6em;cursor:pointer;box-shadow:0 4px 15px #00000040;transition:transform .2s,box-shadow .2s;animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275);display:none;border:3px solid #fff}.floating-update-badge .icon{width:1em;height:1em;fill:currentColor}.floating-update-badge:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background-color:#e4a80b}.floating-update-badge:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;background-color:#dc3545;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}