*{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg:#eef1f6;--clr-card-bg:#fff;--clr-card-hover:#eef2fe;--clr-inset:#f4f6fb;--clr-primary:#4361ee;--clr-primary-dark:#364fc7;--clr-primary-soft:#e6ecfe;--clr-primary-ring:#4361ee40;--clr-danger:#e5484d;--clr-danger-soft:#feecec;--clr-heading:#1f2430;--clr-text:#333a49;--clr-text-soft:#6b7280;--clr-border:#e2e6ef;--radius-lg:16px;--radius-md:10px;--radius-sm:7px;--shadow-sm:0 1px 3px #19213d14;--shadow-md:0 4px 16px #19213d1a;--shadow-lg:0 16px 48px #19213d2e}body,html{-webkit-font-smoothing:antialiased;background-color:#eef1f6;background-color:var(--clr-bg);color:#333a49;color:var(--clr-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;height:100%;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}ul{list-style:none;margin:0;padding-left:0}h1,h2{color:#1f2430;color:var(--clr-heading)}h3{color:#555}:focus-visible{outline:3px solid #4361ee40;outline:3px solid var(--clr-primary-ring);outline-offset:2px}.page-center{align-items:flex-start;background:#eef1f6;background:var(--clr-bg);display:flex;justify-content:center;min-height:100vh;padding:1.2rem 0 2rem}.main-container{margin:0 auto;padding:1.4rem 1.8rem 2rem;width:min(96%,1100px)}.main-container,.main-container-img{animation:fadeInScale .35s ease forwards;background:#fff;background:var(--clr-card-bg);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #19213d1a;box-shadow:var(--shadow-md)}.main-container-img{margin:1rem auto;padding:1.4rem 1.8rem 1.8rem;width:min(96%,1000px)}.fm-btn{align-items:center;background:#4361ee;background:var(--clr-primary);border:none;border-radius:7px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.92rem;font-weight:500;gap:.4rem;justify-content:center;line-height:1.2;padding:.6rem 1.1rem;text-decoration:none;transition:background-color .18s ease,transform .12s ease,box-shadow .18s ease;white-space:nowrap}.fm-btn:hover{background:#364fc7;background:var(--clr-primary-dark);box-shadow:0 1px 3px #19213d14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.fm-btn:active{transform:translateY(0)}.fm-btn-ghost{background:#e6ecfe;background:var(--clr-primary-soft);color:#364fc7;color:var(--clr-primary-dark)}.fm-btn-ghost:hover{background:#d8e1fd}.fm-btn-danger{background:#e5484d;background:var(--clr-danger)}.fm-btn-danger:hover{background:#c93c41}.fm-btn-quiet{background:#0000;color:#6b7280;color:var(--clr-text-soft)}.fm-btn-quiet:hover{background:#f4f6fb;background:var(--clr-inset);box-shadow:none;color:#1f2430;color:var(--clr-heading);transform:none}.fm-btn[disabled]{cursor:not-allowed;opacity:.5;transform:none}.fm-header{border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--clr-border);gap:1rem;justify-content:space-between;margin-bottom:.8rem;padding:.4rem 0 1rem}.fm-brand,.fm-header{align-items:center;display:flex}.fm-brand{gap:.7rem;min-width:0}.fm-logo{border-radius:10px;flex:0 0 auto;height:42px;object-fit:cover;width:42px}.fm-header h1{font-size:1.35rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:.6rem}.fm-username{background:#f4f6fb;background:var(--clr-inset);border-radius:999px;color:#6b7280;color:var(--clr-text-soft);font-size:.88rem;padding:.35rem .8rem;white-space:nowrap}.breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;font-size:.92rem;gap:.15rem;margin:.2rem 0 .9rem}.crumb{background:none;border:none;border-radius:7px;border-radius:var(--radius-sm);color:#4361ee;color:var(--clr-primary);cursor:pointer;font-family:inherit;font-size:.92rem;padding:.35rem .55rem;transition:background-color .15s ease}.crumb:hover{background:#e6ecfe;background:var(--clr-primary-soft)}.crumb[disabled]{color:#1f2430;color:var(--clr-heading);cursor:default;font-weight:600}.crumb[disabled]:hover{background:none}.crumb.drop-target{background:#e6ecfe;background:var(--clr-primary-soft);outline:2px dashed #4361ee;outline:2px dashed var(--clr-primary)}.crumb-sep{color:#b6bcc9}.fm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1rem}.fm-search{background:#f4f6fb url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21"/></svg>') .7rem /1rem no-repeat;background:var(--clr-inset) url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21"/></svg>') .7rem center /1rem no-repeat;border-color:#0000!important;flex:1 1 230px;min-width:170px;padding-left:2.3rem!important}.fm-search:focus{background-color:#fff;border-color:#4361ee!important;border-color:var(--clr-primary)!important}.fm-sort{background:#fff;border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:7px;border-radius:var(--radius-sm);color:#333a49;color:var(--clr-text);cursor:pointer;font-family:inherit;font-size:.9rem;padding:.55rem .7rem}.fm-sort:focus{border-color:#4361ee;border-color:var(--clr-primary);outline:none}.fm-view-toggle{background:#fff;border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:7px;border-radius:var(--radius-sm);display:flex;overflow:hidden}.fm-view-toggle button{background:#fff;border:none;border-radius:0;color:#6b7280;color:var(--clr-text-soft);cursor:pointer;font-family:inherit;font-size:1rem;margin:0;padding:.5rem .8rem;transition:background-color .15s ease}.fm-view-toggle button:hover{background:#f4f6fb;background:var(--clr-inset)}.fm-view-toggle button.active{background:#4361ee;background:var(--clr-primary);color:#fff}.upload-progress-track{background:#f4f6fb;background:var(--clr-inset);border-radius:999px;height:22px;margin-bottom:1rem;overflow:hidden;position:relative}.upload-progress-fill{background:linear-gradient(90deg,#4361ee,#6b8afd);background:linear-gradient(90deg,var(--clr-primary),#6b8afd);border-radius:999px;height:100%;transition:width .15s ease}.upload-progress-label{color:#1f2430;color:var(--clr-heading);font-size:.78rem;inset:0;justify-content:center;position:absolute}.selection-bar,.upload-progress-label{align-items:center;display:flex;font-weight:600}.selection-bar{background:#e6ecfe;background:var(--clr-primary-soft);border:1px solid #d3ddfc;border-radius:10px;border-radius:var(--radius-md);color:#364fc7;color:var(--clr-primary-dark);flex-wrap:wrap;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.55rem .9rem}.selection-bar span{margin-right:auto}.file-collection{border-radius:10px;border-radius:var(--radius-md);margin-bottom:.5rem;min-height:180px;position:relative}.empty-state{align-items:center;color:#6b7280;color:var(--clr-text-soft);display:flex;flex-direction:column;font-size:.95rem;gap:.5rem;padding:3.5rem 1rem;text-align:center}.empty-icon{font-size:2.6rem}.empty-hint{color:#9aa1af;font-size:.85rem}.dropzone-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#4361ee1a;border:2px dashed #4361ee;border:2px dashed var(--clr-primary);border-radius:10px;border-radius:var(--radius-md);color:#364fc7;color:var(--clr-primary-dark);display:flex;font-size:1.05rem;font-weight:600;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:30}.file-collection.list{display:flex;flex-direction:column;gap:2px}.list-item{align-items:center;border:1px solid #0000;border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.6rem;padding:.65rem .8rem .65rem 2.6rem;position:relative;text-align:left;transition:background-color .12s ease;-webkit-user-select:none;user-select:none}.list-item:hover{background:#eef2fe;background:var(--clr-card-hover)}.list-item.selected{background:#e6ecfe;background:var(--clr-primary-soft);border-color:#4361ee;border-color:var(--clr-primary)}.list-item.focused{outline:2px solid #4361ee;outline:2px solid var(--clr-primary);outline-offset:-2px}.list-item.drop-target{background:#d7e4ff;border-color:#4361ee;border-color:var(--clr-primary);border-style:dashed}.list-item .file-name{flex:1 1 auto;font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .col-size{flex:0 0 84px}.list-item .col-modified,.list-item .col-size{font-feature-settings:"tnum";color:#6b7280;color:var(--clr-text-soft);font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.list-item .col-modified{flex:0 0 150px}.file-collection.grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-item{align-items:center;background:#fff;background:var(--clr-card-bg);border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.45rem;padding:.55rem .55rem .7rem;position:relative;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.grid-item:hover{background:#eef2fe;background:var(--clr-card-hover);box-shadow:0 1px 3px #19213d14;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.grid-item.selected{background:#e6ecfe;background:var(--clr-primary-soft);border-color:#4361ee;border-color:var(--clr-primary)}.grid-item.focused{outline:2px solid #4361ee;outline:2px solid var(--clr-primary);outline-offset:-2px}.grid-item.drop-target{background:#d7e4ff;border-color:#4361ee;border-color:var(--clr-primary);border-style:dashed}.grid-thumb{align-items:center;background:#f4f6fb;background:var(--clr-inset);border-radius:7px;border-radius:var(--radius-sm);display:flex;height:108px;justify-content:center;overflow:hidden;width:100%}.thumb-img{height:100%;object-fit:cover;width:100%}.thumb-folder,.thumb-placeholder{font-size:2.4rem}.grid-item .file-name{font-size:.84rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-checkbox{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #aab1bf;border-radius:5px;box-shadow:0 1px 3px #19213d14;box-shadow:var(--shadow-sm);cursor:pointer;height:1.25rem;left:.55rem;position:absolute;top:.55rem;transition:opacity .15s ease,border-color .15s ease;width:1.25rem;z-index:5}.item-checkbox:checked,.item-checkbox:hover{border-color:#4361ee;border-color:var(--clr-primary)}.item-checkbox:checked{background:#4361ee;background:var(--clr-primary)}.item-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}@media (hover:hover){.grid-item .item-checkbox{opacity:0}.grid-item.selected .item-checkbox,.grid-item:hover .item-checkbox,.item-checkbox:checked,.item-checkbox:focus-visible{opacity:1}}.rename-input{flex:1 1 auto;font-size:.88rem;min-width:0;padding:.25rem .5rem}.file-icon{flex:0 0 auto;font-size:1.25em}.context-menu{animation:fadeInScale .1s ease forwards;background:#fff;border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 16px 48px #19213d2e;box-shadow:var(--shadow-lg);min-width:185px;padding:.35rem;position:fixed;text-align:left;z-index:100}.context-menu li{border-radius:7px;border-radius:var(--radius-sm);color:#333a49;color:var(--clr-text);cursor:pointer;font-size:.9rem;padding:.55rem .8rem}.context-menu li:hover{background:#eef2fe;background:var(--clr-card-hover)}.context-menu li.danger{color:#e5484d;color:var(--clr-danger)}.context-menu li.danger:hover{background:#feecec;background:var(--clr-danger-soft)}.context-menu-sep{background:#e2e6ef;background:var(--clr-border);cursor:default;height:1px;margin:.3rem .4rem;padding:0}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14182880;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.modal-card{animation:fadeInScale .15s ease forwards;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 16px 48px #19213d2e;box-shadow:var(--shadow-lg);max-height:85vh;max-width:480px;overflow:auto;text-align:left;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--clr-border);display:flex;justify-content:space-between;padding:1rem 1.3rem}.modal-header h3{font-size:1.05rem;margin:0}.modal-close{background:none;border:none;border-radius:7px;border-radius:var(--radius-sm);color:#6b7280;color:var(--clr-text-soft);cursor:pointer;font-size:1rem;margin:0;padding:.3rem .55rem}.modal-close:hover{background:#f4f6fb;background:var(--clr-inset);color:#1f2430;color:var(--clr-heading)}.modal-body{padding:1.1rem 1.3rem 1.3rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.1rem}.new-folder-form input{width:100%}.folder-picker-search{margin-bottom:.6rem;width:100%}.folder-picker-list{border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:7px;border-radius:var(--radius-sm);max-height:300px;overflow:auto}.folder-picker-list li{border-bottom:1px solid #f2f4f9;cursor:pointer;font-size:.9rem;padding:.6rem .9rem}.folder-picker-list li:last-child{border-bottom:none}.folder-picker-list li:hover{background:#eef2fe;background:var(--clr-card-hover)}.folder-picker-empty{color:#9aa1af;cursor:default!important}.folder-picker-empty:hover{background:none!important}.trash-list{display:flex;flex-direction:column;max-height:50vh;overflow:auto}.trash-list li{align-items:center;border-bottom:1px solid #f2f4f9;display:flex;font-size:.87rem;gap:.55rem;padding:.6rem .2rem}.trash-list li:last-child{border-bottom:none}.trash-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-date,.trash-path{flex:0 0 auto;font-size:.76rem}.trash-list .fm-btn{font-size:.8rem;padding:.4rem .7rem}.trash-footer{display:flex;justify-content:flex-end;margin-top:1rem}.text-muted{color:#6b7280;color:var(--clr-text-soft)}input,select{font-family:inherit}input{border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:7px;border-radius:var(--radius-sm);color:#333a49;color:var(--clr-text);font-size:.92rem;padding:.6rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:#4361ee;border-color:var(--clr-primary);box-shadow:0 0 0 3px #4361ee40;box-shadow:0 0 0 3px var(--clr-primary-ring);outline:none}.viewer-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;text-align:left}.viewer-title{min-width:0}.viewer-title h2{font-size:1.1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-counter{color:#6b7280;color:var(--clr-text-soft);font-size:.82rem}.viewer-frame{align-items:center;background:#14161d;border-radius:10px;border-radius:var(--radius-md);display:flex;height:62vh;justify-content:center;overflow:hidden;position:relative}.viewer-frame embed,.viewer-frame img{max-height:100%;max-width:100%;object-fit:contain}.viewer-frame embed{height:100%;width:100%}.viewer-frame video{max-height:100%;max-width:100%;object-fit:contain}.nav-arrow{align-items:center;background:#ffffffeb;border:none;border-radius:50%;box-shadow:0 4px 16px #19213d1a;box-shadow:var(--shadow-md);color:#1f2430;color:var(--clr-heading);cursor:pointer;display:flex;font-size:1.6rem;height:46px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .15s ease,transform .12s ease;width:46px;z-index:5}.nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.nav-arrow.prev{left:.8rem}.nav-arrow.next{right:.8rem}.viewer-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1rem}.viewer-toolbar select{background:#fff;border:1px solid #e2e6ef;border:1px solid var(--clr-border);border-radius:7px;border-radius:var(--radius-sm);color:#333a49;color:var(--clr-text);cursor:pointer;font-family:inherit;font-size:.9rem;max-width:240px;padding:.6rem .9rem}.viewer-toolbar select:focus{border-color:#4361ee;border-color:var(--clr-primary);outline:none}.loader-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.spinner{animation:spin .8s linear infinite;border:4px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:38px;width:38px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:800px){html{font-size:16px}}@media (max-width:600px){.main-container{padding:1rem .9rem 1.4rem;width:97%}.main-container-img{padding:1rem .9rem 1.2rem}.fm-header h1{font-size:1.1rem}.fm-username{display:none}.file-collection.grid{gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.grid-thumb{height:88px}.list-item .col-modified{display:none}.fm-toolbar .fm-btn{flex:1 1 auto}.viewer-frame{height:48vh}.nav-arrow{height:40px;width:40px}}.login-wrapper{align-items:center;background:var(--clr-bg);background-image:radial-gradient(circle at 20% 20%,#e4eafc 0,#0000 50%),radial-gradient(circle at 80% 85%,#e9e4fc 0,#0000 45%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{animation:fadeInScale .35s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem;padding:2.4rem 2.2rem 2.2rem;text-align:center;width:min(100%,400px)}.login-logo{border-radius:18px;box-shadow:var(--shadow-sm);height:72px;margin:0 auto .2rem;object-fit:cover;width:72px}.login-card h2{color:var(--clr-heading);font-size:1.4rem;margin:0}.login-sub{color:var(--clr-text-soft);font-size:.9rem;margin:-.5rem 0 .4rem}.login-card label{color:var(--clr-heading);display:flex;flex-direction:column;font-size:.88rem;font-weight:500;gap:.4rem;text-align:left}.login-card input{font-size:1rem}.error-banner{background:var(--clr-danger-soft);border-radius:var(--radius-sm);color:#b3261e;font-size:.9rem;padding:.65rem 1rem}.pw-wrap{position:relative}.pw-toggle{align-items:center;background:var(--clr-inset);border:none;border-radius:50%;bottom:.55rem;color:#444;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;padding:0;position:absolute;right:.6rem;transition:background .2s;width:30px}.pw-toggle:hover{background:#e0e6ef}.pw-toggle:active{background:#d3dae5}.login-card button[type=submit]{background:var(--clr-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:.3rem;padding:.75rem 1.6rem;transition:background .2s,opacity .15s}.login-card button[type=submit]:hover{background:var(--clr-primary-dark)}.login-card button[type=submit]:disabled{cursor:not-allowed;opacity:.45}
/*# sourceMappingURL=main.c1b8819b.css.map*/