*{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg:#f0f2f6;--clr-card-bg:#fff;--clr-card-hover:#e9effd;--clr-primary:#4361ee;--clr-primary-dark:#364fc7;--clr-accent:#ff6b6b;--clr-heading:#333}body,html{background-color:#f0f2f6;background-color:var(--clr-bg);color:#333;font-family:Arial,sans-serif;font-size:18px;height:100%;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-center{align-items:center;background:#f0f2f6;background:var(--clr-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem 0}.main-container{width:95%}.main-container,.main-container-img{animation:fadeInScale .5s ease forwards;background:#fff;border-radius:8px;box-shadow:0 2px 18px #00000014;margin:.5rem auto;padding:2rem 2.5rem}.main-container-img{width:85%}.fm-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 10px #00000014;display:flex;gap:40px;justify-content:center;padding:1rem 2rem;position:sticky;top:0;z-index:20}.fm-header h1{font-size:1.6rem;margin:0}h1,h2{color:#333;color:var(--clr-heading);margin-bottom:.8rem}h3{color:#555;margin:1.2rem 0 .6rem}.main-container button,.main-container-img button{background-color:#4361ee;background-color:var(--clr-primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;margin-left:.4rem;padding:.6rem 1.4rem;transition:background-color .25s ease,transform .15s ease}.main-container button:hover{background-color:#364fc7;background-color:var(--clr-primary-dark);transform:translateY(-1px)}a.button-link{background-color:#9c27b0;border-radius:5px;color:#fff;display:inline-block;font-size:.9rem;margin-left:.6rem;padding:.8rem 1.6rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}a.button-link:hover{background-color:#7b1fa2;transform:translateY(-1px)}.header-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1rem}.header-bar label{font-weight:600}ul{list-style:none;margin:0;padding-left:0}.directory-list{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:40px;margin-top:.6rem}.directory-list li{align-items:center;background:#fff;background:var(--clr-card-bg);border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;max-width:175px;min-height:130px;padding:.9rem .4rem;transition:background-color .25s,transform .15s}.directory-list li:hover{background:#e9effd;background:var(--clr-card-hover);transform:translateY(-2px)}.directory-list li:before{content:"📁";font-size:1.8rem;margin-bottom:.4rem}.file-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.file-list li{background:#fff;background:var(--clr-card-bg);border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;max-width:230px;min-height:140px;padding:1.2rem .8rem .8rem;position:relative;transition:box-shadow .25s,transform .15s,background-color .25s}.file-list li:hover{background:#e9effd;background:var(--clr-card-hover);box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.file-list li input[type=checkbox]{left:.65rem;pointer-events:auto;top:.65rem;transform:scale(1.25);z-index:5}.file-list li.selected{border-color:#4361ee;border-color:var(--clr-primary)}.file-list li input[type=checkbox]:hover,.file-list li input[type=checkbox]:hover+.file-card-content{box-shadow:none!important;transform:none!important}.file-name{cursor:inherit;flex-grow:1;font-size:.85rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.file-move-btn{align-self:center;margin-bottom:.6rem;margin-top:.6rem;opacity:0;transition:opacity .2s ease}.file-list li:hover .file-move-btn{opacity:1}.upload-section{background:#fafbff;border:2px dashed #4361ee;border:2px dashed var(--clr-primary);border-radius:8px;margin-top:20px;padding:2rem;text-align:center}.upload-section.drag-active{background:#e3f2fd}.progress-bar{animation:progress 1.5s infinite;background:#4361ee;background:var(--clr-primary);border-radius:4px;height:6px}@keyframes progress{0%{width:0}to{width:100%}}@media (max-width:800px){html{font-size:16px}.directory-list li,.file-list li{font-size:.8rem}}@media (max-width:600px){.main-container{padding:1rem}.directory-list{gap:.6rem}.file-list{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}input{font-size:.9rem;padding:.6rem .8rem}input:focus{border-color:#4361ee}.viewer-frame{align-items:center;display:flex;height:60vh;justify-content:center;margin:0;position:relative}.viewer-frame embed,.viewer-frame img{max-height:90%;max-width:90%;object-fit:contain}.viewer-toolbar{align-items:center;display:flex;gap:1rem;justify-content:center;margin:auto auto 0}.viewer-toolbar .download-link{background:#4361ee;background:var(--clr-primary,#1c82e7);border-radius:5px;color:#fff;display:inline-block;font-size:.9rem;padding:.6rem 1.6rem;text-decoration:none;transition:background .25s,transform .2s}.viewer-toolbar .download-link:hover{background:#364fc7;background:var(--clr-primary-dark,#1565c0);transform:translateY(-1px)}.viewer-toolbar select{background:#fff;border:1px solid #ccc;border-radius:5px;font-size:.9rem;padding:.6rem 1.6rem;transition:border-color .25s}.viewer-toolbar select:focus{border-color:#4361ee;border-color:var(--clr-primary,#1c82e7);outline:none}.viewer-toolbar .download-link,.viewer-toolbar select{max-width:200px}.btn-primary{background:#4361ee;background:var(--clr-primary,#1c82e7);border-radius:5px;color:#fff;font-size:.9rem;padding:.6rem 1.6rem;text-decoration:none;transition:background .25s,transform .2s}.btn-primary:hover{background:#364fc7;background:var(--clr-primary-dark,#1565c0);transform:translateY(-1px)}.gallery-controls{margin-top:20px}.viewer-frame video{cursor:pointer;max-height:90%;max-width:90%;object-fit:contain}.file-icon{font-size:1.2em;margin-right:.5em;vertical-align:middle}.bulk-toolbar{background:#222;background:var(--toolbar-bg,#222);border-radius:6px;display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem}.bulk-toolbar button,.bulk-toolbar select,.file-move-btn,.rename-btn{font-size:.9rem;padding:.25rem .5rem}.rename-inline{gap:1.5rem;margin-top:.6rem;width:100%}.breadcrumbs,.rename-inline{align-items:center;display:flex}.breadcrumbs{font-size:.9rem;gap:.4rem;justify-content:center;margin:.8rem 0 1.6rem}.crumb{background:none;border:none;color:#4361ee;color:var(--clr-primary);cursor:pointer}.crumb[disabled]{cursor:default}.crumb-sep{color:#999}.file-list li input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #666;border-radius:4px;cursor:pointer;left:.6rem;position:absolute;top:.6rem}.file-list li input[type=checkbox]:checked{background:#4361ee;background:var(--clr-primary);border-color:#4361ee;border-color:var(--clr-primary)}.file-list li input[type=checkbox]:checked:after{background:#fff;content:"";inset:0;-webkit-mask:url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">      <polyline points="2 8 6 12 12 3" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">      <polyline points="2 8 6 12 12 3" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg>') center/contain no-repeat;position:absolute}.login-wrapper{align-items:center;background:var(--clr-bg);display:flex;justify-content:center;min-height:100vh}.login-card{animation:fadeInScale .4s;background:#fff;border-radius:8px;box-shadow:0 4px 18px #00000014;display:flex;flex-direction:column;gap:1rem;padding:2rem 2.5rem;width:min(90%,400px)}.login-card h2{color:var(--clr-heading);margin-bottom:.5rem}label{display:flex;flex-direction:column;font-size:.9rem;gap:.4rem;text-align:left}input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:.55rem .8rem}input:focus{border-color:var(--clr-primary);outline:none}.error-banner{background:#ffebee;border-radius:4px;color:#c62828;font-size:.9rem;padding:.6rem 1rem}button[disabled]{cursor:not-allowed;opacity:.55}.pw-wrap{position:relative}.pw-toggle{align-items:center;background:#f0f3f8;border:none;border-radius:50%;color:#444;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:0;position:absolute;right:.6rem;top:70%;transform:translateY(-50%);transition:background .2s;width:28px}.pw-toggle:hover{background:#e0e6ef}.pw-toggle:active{background:#d3dae5}button[type=submit]{background:var(--clr-primary);border:none;border-radius:6px;color:#fff;font-size:1rem;padding:.65rem 1.6rem;transition:background .25s,transform .15s,opacity .15s}button[type=submit]:hover{background:var(--clr-primary-dark);transform:translateY(0)!important}button[type=submit]:disabled{cursor:not-allowed;opacity:.45;transform:none}
/*# sourceMappingURL=main.06c125ed.css.map*/