:root{--primary: #14161a;--secondary: #181b20}html,body{background-color:var(--primary)!important}footer{background-color:var(--primary)!important}.signin-box{background-color:var(--secondary)!important;border:none!important;box-shadow:none!important}.files-card{background-color:var(--secondary);border:none;box-shadow:none;color:#f5f5f5}.files-card .button.is-small{background-color:var(--primary)!important;border:1px solid rgba(255,255,255,.15)!important;color:#f5f5f5!important;border-radius:6px!important}.files-card .button.is-small:hover{border-color:#ffffff4d!important}.files-card .title,.files-card .label,.files-card th,.files-card td{color:#f5f5f5}.breadcrumb-nav{display:flex;align-items:center;gap:.25rem;margin-bottom:0rem!important;padding:.5rem;background-color:#0003;border-radius:6px;font-size:.9rem;min-height:2.5rem;position:sticky;top:0;z-index:20}.breadcrumb-nav .button.is-small{height:1.5rem;font-size:.9rem}.breadcrumb-item{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;color:#ffdd57;padding:.25rem .5rem;border-radius:4px;display:inline-flex;gap:.25rem;height:1.5rem;vertical-align:middle}.breadcrumb-item:hover{background-color:#ffdd571a;text-decoration:underline}.breadcrumb-item .fa-home{color:#ffdd57}.breadcrumb-separator{color:#ffffff80;margin:0 .25rem;display:inline-block;height:1.2rem;vertical-align:middle}.action-header{display:flex;gap:.5rem;border-radius:6px;margin-top:.5rem;margin-bottom:.5rem;position:sticky;top:0;z-index:10;align-items:center}.action-header .button{background-color:var(--primary)!important;border:1px solid rgba(255,255,255,.15)!important;color:#f5f5f5!important;border-radius:6px!important}.action-header .button:hover,.action-header .button.action-btn.active{border-color:#ffffff4d!important}.table-separator-1{height:1px;background-color:#ffffff1a;margin:0;margin-top:.5rem}.table-separator-2{height:1px;background-color:#ffffff1a;margin:0;margin-bottom:0rem}.upload-options{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;padding:.75rem;background-color:#0003;border-radius:6px}.upload-options .checkbox{color:#f5f5f5;cursor:pointer;display:flex;align-items:center}.upload-options .checkbox input[type=checkbox]{margin-right:.5rem;cursor:pointer}.expiration-input{display:flex;align-items:center;gap:.5rem;flex:1}.label-inline{color:#f5f5f5;font-size:.9rem;white-space:nowrap}.expiration-input .input{background-color:var(--primary)!important;border:1px solid rgba(255,255,255,.15)!important;color:#f5f5f5!important;border-radius:6px!important;font-size:.85rem}.expiration-input .input:focus{border-color:#ffffff4d!important}.files-table{width:100%;margin-top:0rem;border-collapse:separate;border-spacing:0;-webkit-user-select:none;user-select:none}.files-table tbody tr{display:flex;align-items:center;padding:.35rem 0;-webkit-user-select:none;user-select:none}.files-table tr{display:flex;align-items:center;position:relative}.files-table tbody tr:hover{background-color:#ffffff0d}.files-table tbody tr.action-active{cursor:pointer}.files-table th,.files-table td{padding:.75rem;box-sizing:border-box}.files-table th{font-weight:600;padding:.25rem .75rem;vertical-align:middle;font-size:.9em}.drag-handle{flex:0 0 40px;min-width:40px;text-align:center;color:#ffffff80;-webkit-user-select:none;user-select:none;padding:0!important}.drag-handle span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:3rem;cursor:grab;touch-action:none}.drag-handle span:active{cursor:grabbing}.type-icon{flex:0 0 40px;min-width:40px;text-align:center;font-size:1.1rem}.files-table th.type-icon{padding-left:.3rem;text-align:left!important}.file-name{flex:3;min-width:0;text-align:left;word-break:break-all;display:flex;align-items:center;gap:.5rem;width:100%}.privacy-col{flex:0 0 120px;min-width:120px;text-align:center}.expiration-col{flex:0 0 120px;min-width:120px;text-align:left}.size-col,.uploaded-col{flex:0 0 120px;min-width:120px;text-align:right}.file-name .button.is-text{all:unset;cursor:pointer;color:inherit;font:inherit;text-align:left;padding:.25rem 0;display:inline-block;width:auto}.file-name .button.is-text:hover{text-decoration:underline}.file-name .file-link{color:inherit;text-decoration:none;padding:.25rem 0;display:inline-block;width:auto}.file-name .file-link:hover{text-decoration:underline}.folder-row{font-weight:500}.folder-row .file-name,.folder-row .file-name .button.is-text{color:#f5f5f5}.drop-target{background-color:#3298dc26!important;outline:2px solid #3298dc;outline-offset:-2px;border-radius:4px}.privacy-toggle{all:unset;cursor:pointer;padding:.25rem .5rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s}.privacy-toggle:hover:not(:disabled){background-color:#ffffff1a}.privacy-toggle:disabled{opacity:.3}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--secondary);padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000004d}.modal-title{color:#f5f5f5;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.modal-content .field{margin-bottom:1rem}.modal-content .label{color:#f5f5f5;display:block;margin-bottom:.5rem;font-weight:500}.modal-content .input{width:100%;background-color:var(--primary)!important;border:1px solid rgba(255,255,255,.15)!important;color:#f5f5f5!important;padding:.5rem!important;border-radius:6px!important}.modal-content .input:focus{border-color:#ffffff4d!important;outline:none}.modal-content .input[type=datetime-local]{color-scheme:dark;max-width:100%;width:fit-content;min-width:250px}.modal-content .input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.8}.modal-content .control .input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1)!important;opacity:1!important}.modal-content .input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.modal-content .checkbox{color:#f5f5f5;cursor:pointer;display:flex;align-items:center}.modal-content .checkbox input[type=checkbox]{margin-right:.5rem;cursor:pointer}.modal-content .help{color:#fff9;font-size:.85rem;margin-top:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.modal-actions .button{background-color:var(--primary)!important;border:1px solid rgba(255,255,255,.15)!important;color:#f5f5f5!important;padding:.5rem 1rem!important;border-radius:6px!important;cursor:pointer}.modal-actions .button:hover{border-color:#ffffff4d!important}.modal-actions .button.is-primary{background-color:#3298dc!important;border-color:#3298dc!important}.modal-actions .button.is-primary:hover{background-color:#2793da!important}.modal-actions .button.is-danger{background-color:#f14668!important;border-color:#f14668!important;color:#fff!important}.modal-actions .button.is-danger:hover{background-color:#ff3860!important;border-color:#ff3860!important}.upload-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.upload-dropzone{position:relative;flex:1;border:2px dashed rgba(255,255,255,.25);border-radius:8px;padding:.75rem;font-size:.85rem;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-color:#0000001a}.upload-dropzone:hover{border-color:#fff6}.upload-dropzone.is-dragover{border-color:var(--primary);background-color:#ffffff0f}.upload-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-dropzone-text{pointer-events:none;font-size:1rem}#selected-file-meta{font-size:.8rem;opacity:.85;margin-top:.25rem}.upload-row input[type=file]{flex:1}.upload-meta{font-size:.8rem;opacity:.8;margin-top:.25rem}.upload-progress-container{margin-top:.5rem}.upload-progress-container progress{width:100%}.empty-state{font-size:.9rem;opacity:.8;padding:.75rem 0;text-align:center}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}.files-card{padding:1rem}.breadcrumb-nav{font-size:.8rem;flex-wrap:wrap}.toolbar{flex-direction:column}.upload-options{flex-direction:column;align-items:stretch;gap:.75rem}.expiration-input,.upload-row{flex-direction:column;align-items:stretch}.upload-dropzone,.upload-row input[type=file]{width:100%}.files-table thead{display:none}.files-table tr{flex-direction:column;align-items:stretch;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.files-table td{width:100%;padding:.25rem 0}.drag-handle,.type-icon{flex:0 0 auto;text-align:left}.file-name{flex:0 0 auto}.privacy-col,.expiration-col{flex:0 0 auto;text-align:left}.size-col{flex:0 0 auto;text-align:left;padding-right:0;font-size:.8rem;opacity:.8}.uploaded-col{flex:0 0 auto;text-align:left;font-size:.8rem;opacity:.8}.action-header{flex-wrap:wrap}.empty-state{padding:1rem 0}.modal-content{padding:1.5rem;max-width:90%}}.move-loading-overlay{position:absolute;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:6px}.move-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#f5f5f5;font-size:1rem;font-weight:500}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#3298dc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.files-table tr.insert-before:before{content:"";position:absolute;left:0;right:0;top:0;border-top:2px solid #48c774;pointer-events:none}.files-table tr.insert-after:before{content:"";position:absolute;left:0;right:0;bottom:0;border-top:2px solid #48c774;pointer-events:none}.drag-ghost-table{width:auto;border-collapse:separate;border-spacing:0;background:#1f2227;border:1px solid #333;border-radius:6px;box-shadow:0 3px 10px #0009;opacity:.95}.drag-ghost{display:flex;align-items:center;padding:.35rem 0;color:#f5f5f5;cursor:grabbing}.drag-ghost td{padding:.75rem;box-sizing:border-box;white-space:nowrap}.drag-ghost .drag-handle{flex:0 0 40px;min-width:40px;text-align:center;color:#ffffffb3}.drag-ghost .drag-handle span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:3rem}.drag-ghost .type-icon{flex:0 0 40px;min-width:40px;text-align:center;font-size:1.1rem}.drag-ghost .file-name{flex:0 1 auto;min-width:150px;text-align:left;display:flex;align-items:center;gap:.5rem;white-space:nowrap}body.dragging-cursor,body.dragging-cursor *{cursor:grabbing!important}
