:root{--bg-main:#f8f9fa;--bg-card:#fff;--bg-footer:#fff;--bg-topbar:#fff;--text-main:#23272f;--text-muted:#666;--primary:#4f8cff;--primary-dark:#2563eb;--border:#e0e4ea}body.dark-mode{--bg-main:#181a20;--bg-card:#23272f;--bg-footer:#23272f;--bg-topbar:#23272f;--text-main:#f3f4f6;--text-muted:#b0b3b8;--primary:#7c3aed;--primary-dark:#4f8cff;--border:#333642}body{background:#f8f9fa;background:var(--bg-main);box-sizing:border-box;color:#23272f;color:var(--text-main);font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;min-height:100vh;padding:0}.app-footer,.topbar{background:#fff;background:var(--bg-topbar);color:#4f8cff;color:var(--primary)}.file-card,.file-list-card,.folder-card,.init-card,.login-card{background:#fff;background:var(--bg-card);box-shadow:0 8px 32px #3c48582e;color:#23272f;color:var(--text-main)}.input-field,.rename-input{background:#fff;background:var(--bg-card);border:1.5px solid #e0e4ea;border:1.5px solid var(--border);color:#23272f;color:var(--text-main)}.input-field:focus,.rename-input:focus{background:#f8f9fa;background:var(--bg-main);border:1.5px solid #4f8cff;border:1.5px solid var(--primary)}.button{background:var(--primary)}.button:hover{background:var(--primary-dark)}body.dark-mode .logout-button{background:linear-gradient(90deg,#ff5858,#ff9800)!important;color:#fff}.drag-drop-area{background:#fff!important;background:var(--bg-card)!important;border:2px dashed #e0e4ea!important;border:2px dashed var(--border)!important;color:#666!important;color:var(--text-muted)!important}body.dark-mode .drag-drop-area{background:#23272f!important;border:2px dashed #333642!important;color:#b0b3b8!important}.topbar-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:18px 32px}@media (max-width:700px){.topbar-content{align-items:stretch;flex-direction:column;gap:6px;padding:10px 6px}.app-title{font-size:1.2em;margin-bottom:4px;text-align:center;width:100%}.user-info{align-items:center;flex-direction:column;gap:4px;margin-bottom:0;width:100%}.logout-button{border-radius:8px;font-size:15px;margin:0 auto;width:100%}}.app-title{color:#4f8cff;font-size:2.1em;font-weight:900;letter-spacing:1px}.user-info{align-items:center;display:flex;gap:18px}.logout-button{background:linear-gradient(90deg,#ff9800,#ff5858)!important;border:none;border-radius:12px;box-shadow:0 2px 8px #ff98001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:background .2s,box-shadow .2s}.logout-button:hover{background:linear-gradient(90deg,#ff5858,#ff9800)!important;box-shadow:0 4px 16px #ff980029}.main-content{background:none;display:flex;flex-direction:column;margin:40px auto 0;max-width:1200px;min-height:80vh;padding:0 24px 48px}.create-folder-row{align-items:center;display:flex;gap:18px;margin-bottom:32px}.input-field{background:#f7f8fa;border:1.5px solid #e0e4ea;border-radius:8px;font-size:16px;padding:12px 14px;transition:border .2s;width:320px}.input-field:focus{background:#fff;border:1.5px solid #4f8cff;outline:none}.button{background:#4f8cff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:0;padding:10px 24px;transition:background .2s,color .2s}.button:hover{background:#2563eb}.file-list-card{background:#fff;border-radius:22px;box-shadow:0 8px 32px #3c48582e;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:90vw;padding:48px 32px;width:100%}.folder-item{align-items:center;color:#22223b;display:flex;font-size:1.2em;font-weight:600;gap:18px}.folder-icon{color:#ffc107;font-size:2.5em;margin-right:12px}.app-footer{background:#fff}.upload-file-label.fab-label{background:linear-gradient(90deg,#4f8cff,#7c3aed);border:none;border-radius:50px;bottom:72px;box-shadow:0 8px 32px #4f8cff2e;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:16px 32px;position:fixed;right:32px;transition:background .2s,box-shadow .2s,transform .12s;z-index:200}.upload-file-label.fab-label:hover{background:linear-gradient(90deg,#7c3aed,#4f8cff);box-shadow:0 12px 40px #7c3aed2e;transform:scale(1.07)}@media (max-width:700px){.file-list-card,.main-content{max-width:99vw;padding:8px 2vw}.upload-file-label.fab-label{bottom:72px;font-size:1em;padding:10px 18px;right:10px}}.init-title{background:linear-gradient(135deg,#3a82ed,#4f46e5);border:none;border-radius:24px;box-shadow:0 8px 24px #7c3aed99;color:#fff;cursor:pointer;display:block;font-size:2.5em;font-weight:900;letter-spacing:3px;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:16px 36px;text-align:center;text-shadow:0 2px 8px #0003;transition:color .4s ease,transform .4s ease,box-shadow .4s ease;-webkit-user-select:none;user-select:none;width:fit-content}.init-title:hover{border-color:#5b21b6;color:#fff;transform:scale(1.1)}.card-action-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #3c48581a;color:#4f8cff;cursor:pointer;display:flex;font-size:1.2em;height:38px;justify-content:center;transition:background .18s,box-shadow .18s,color .18s;width:38px}.card-actions{gap:8px;margin-top:auto;opacity:0;pointer-events:none;transition:opacity .18s}.file-card:hover .card-actions,.folder-card.rename-active .card-actions,.folder-card:hover .card-actions{opacity:1;pointer-events:auto}.file-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0 auto;width:100%}.actions-row{gap:10px;margin-bottom:32px}.actions-row,.go-back-icon-btn{align-items:center;display:flex}.go-back-icon-btn{background:none;border:none;border-radius:50%;box-shadow:0 2px 8px #4f8cff14;cursor:pointer;height:40px;justify-content:center;padding:0;transition:box-shadow .2s,background .2s;width:40px}.app-footer{background:#ffffffd9;border-top:1.5px solid #e0e4ea;bottom:0;box-shadow:0 -2px 16px #3c48580f;color:#4f8cff;font-size:1.05em;font-weight:500;left:0;letter-spacing:.2px;padding:18px 0 12px;position:sticky;text-align:center;width:100%;z-index:50}.file-card,.folder-card{align-items:flex-start;background:#ffffffd9;border-radius:18px;box-shadow:0 4px 24px #3c48581a;cursor:pointer;display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:28px 18px 18px;position:relative}.file-card:hover,.folder-card:hover{background:#eff6fff2;box-shadow:0 8px 32px #4f8cff2e;transform:translateY(-4px) scale(1.03)}.file-input-hidden{display:none}.upload-progress-bar{background:#e0e4ea;border-radius:6px;height:8px;margin-top:8px;overflow:hidden;width:100%}.upload-progress-bar-inner{animation:upload-bar-move 1.2s linear infinite;background:linear-gradient(90deg,#4f8cff,#38b6ff);border-radius:6px;height:100%;width:40%}@keyframes upload-bar-move{0%{margin-left:-40%}to{margin-left:100%}}.file-icon,.folder-icon{display:inline-block;font-size:2.2em;font-weight:700;margin-bottom:8px}.file-name,.folder-name{color:#22223b;display:block;font-size:1.15em;font-weight:500;margin-bottom:8px;word-break:break-all}.init-card,.init-card *{box-sizing:border-box}.init-card{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 8px 32px #3c485826;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:36px 28px 28px;width:100%}.init-card .button,.init-card .input-field{display:block;max-width:100%;width:100%}.init-card h2,.login-card h2{color:#4f8cff;font-size:2em;font-weight:800;letter-spacing:.5px;margin-bottom:24px;text-align:center}.init-card .input-field,.login-card .input-field{background:#f7f8fa;border:1.5px solid #e0e4ea;border-radius:10px;font-size:16px;margin-bottom:18px;padding:14px 16px;transition:border .2s}.init-card .input-field:focus,.login-card .input-field:focus{background:#fff;border:1.5px solid #4f8cff;outline:none}.init-card .button,.login-card .button{background:linear-gradient(90deg,#4f8cff,#38b6ff);border:none;border-radius:10px;box-shadow:0 2px 8px #4f8cff14;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin-bottom:0;padding:14px 0;transition:background .2s,box-shadow .2s,transform .1s}.init-card .button:hover,.login-card .button:hover{background:linear-gradient(90deg,#38b6ff,#4f8cff);box-shadow:0 4px 16px #4f8cff1f;transform:translateY(-2px) scale(1.03)}.init-card .error,.login-card .error{background:#fff0f0;border:1px solid #ffbaba;border-radius:8px;color:#ff5858;font-size:16px;margin-bottom:18px;padding:12px 18px;text-align:center}@media (max-width:600px){.init-card{max-width:99vw;padding:16px 4vw}.init-card h2,.login-card h2{font-size:1.2em;margin-bottom:14px}.init-card .input-field,.login-card .input-field{border-radius:7px;font-size:15px;margin-bottom:10px;padding:10px 12px}.init-card .button,.login-card .button{border-radius:7px;font-size:15px;margin-bottom:0;padding:10px 0}}.login-actions-row{display:flex;gap:16px;margin-top:8px}.login-actions-row .button{flex:1 1;min-width:0}@media (max-width:600px){.login-actions-row{flex-direction:column;gap:10px}.login-actions-row .button{width:100%}}.init-card .input-field{margin-bottom:16px;width:100%}.init-card .button{margin-top:8px;width:100%}.login-card,.login-card *{box-sizing:border-box}.login-card{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 8px 32px #3c485826;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:36px 28px 28px;width:100%}.login-card .button,.login-card .input-field{display:block;max-width:100%;width:100%}@media (max-width:600px){.login-card{max-width:99vw;padding:16px 4vw}}.button,.logout-button{transition:background .2s,color .2s,box-shadow .2s,transform .15s}.button:hover,.logout-button:hover{background:linear-gradient(90deg,#38b6ff,#4f8cff);box-shadow:0 4px 16px #4f8cff2e;color:#fff;transform:translateY(-2px) scale(1.04)}.file-card,.folder-card{transition:box-shadow .18s,transform .18s,background .18s}.file-card:hover,.folder-card:hover{background:#eff6fffa;box-shadow:0 12px 36px #4f8cff38;transform:translateY(-6px) scale(1.035)}.card-action-btn{transition:background .18s,box-shadow .18s,color .18s,transform .15s}.card-action-btn:hover{background:#e0e7ff;box-shadow:0 4px 16px #4f8cff24;color:#2563eb;transform:scale(1.12)}.app-title{cursor:pointer;transition:color .18s,text-shadow .18s,transform .15s}.app-title:hover{color:#2563eb;text-shadow:0 2px 12px #bcdfff;transform:scale(1.04)}.file-name,.folder-name{cursor:pointer;transition:color .18s,text-shadow .18s,transform .15s}.file-name:hover,.folder-name:hover{color:#4f8cff;text-shadow:0 2px 8px #e0e7ff;transform:scale(1.04)}.input-field{transition:border .2s,box-shadow .18s}.input-field:focus,.input-field:hover{border:1.5px solid #4f8cff;box-shadow:0 2px 8px #bcdfff}.rename-input{background-color:#f0f4ff;border:1px solid #ccc;border-radius:4px;display:inline-block!important;font-size:14px;padding:2px 6px;width:120px}.file-manager{background:#f7f8fa;border-radius:18px;box-shadow:0 4px 24px #3c48581a;margin:0 auto 32px;max-width:900px;min-height:500px;padding:32px 24px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.file-list{background:#fff;border-radius:14px;box-shadow:0 2px 8px #3c485814;margin-bottom:24px;padding:24px 18px}.folder-nav{align-items:center;display:flex;gap:12px;margin-bottom:18px}.folder-nav input[type=text]{border:1.5px solid #e0e4ea;border-radius:6px;flex:1 1;font-size:15px;min-width:0;padding:8px 12px}.folder-nav button{background:#4f8cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 18px;transition:background .2s}.folder-nav button:disabled{background:#e0e4ea;color:#aaa;cursor:not-allowed}.file-actions{align-items:center;display:flex;gap:12px;margin-bottom:18px}.file-actions input[type=file]{display:none}.file-actions button{background:#38b6ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 18px;transition:background .2s}.file-actions button:disabled{background:#e0e4ea;color:#aaa;cursor:not-allowed}.modal{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{align-items:stretch;background:#fff;border-radius:14px;box-shadow:0 4px 32px #3c48582e;display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:32px 28px;position:relative}@media (max-width:700px){.file-manager{min-height:300px;padding:10px 2vw}.header{align-items:flex-start;flex-direction:column;gap:10px}.file-list{padding:10px 4px}.modal-content{min-width:0;padding:16px 6px}}.init-card,.setup-guide{background:#fff;border-radius:14px;box-shadow:0 4px 32px #3c48581a;box-sizing:border-box;margin:32px auto;max-width:400px;min-width:0;padding:32px 16px 24px;width:100%}.setup-guide{background-color:#f9f9fb;border:1.5px solid #e0e4ea;margin-bottom:24px;max-width:600px;text-align:left}@media (max-width:600px){.init-card,.setup-guide{box-sizing:border-box;font-size:15px;margin-left:auto;margin-right:auto;max-width:100vw;min-width:0;padding:18px 16px}}@media (max-width:400px){.init-card,.setup-guide{box-sizing:border-box;font-size:14px;margin-left:auto;margin-right:auto;padding:min(12px,3vw)}}.modal{background:#181a20d9!important}body.dark-mode .modal-content{background:#23272f!important;box-shadow:0 8px 32px #3c485847;color:#fff!important}body.dark-mode .error,body.dark-mode .init-card .error,body.dark-mode .login-card .error{background:#2a2d34!important;border:1.5px solid #ff5858!important;color:#ff5858!important}body.dark-mode .input-field,body.dark-mode .rename-input{background:#23272f!important;border:1.5px solid #333642!important;color:#f3f4f6!important}body.dark-mode .input-field:focus,body.dark-mode .rename-input:focus{background:#181a20!important;border:1.5px solid #7c3aed!important}body.dark-mode .button{background:#7c3aed!important;color:#fff!important}body.dark-mode .button:hover{background:#4f8cff!important}body.dark-mode .app-title{color:#7c3aed!important}body.dark-mode .app-footer{background:#23272f!important;border-top:1.5px solid #333642!important;color:#7c3aed!important}body.dark-mode .modal-content,body.dark-mode .modal-content *,body.dark-mode .modal-content div,body.dark-mode .modal-content h1,body.dark-mode .modal-content h2,body.dark-mode .modal-content h3,body.dark-mode .modal-content h4,body.dark-mode .modal-content h5,body.dark-mode .modal-content h6,body.dark-mode .modal-content label,body.dark-mode .modal-content span,body.dark-mode .modal-content strong{color:#fff!important}body.dark-mode .setup-guide{background:#fff!important;background:var(--bg-card)!important;border:1.5px solid #e0e4ea!important;border:1.5px solid var(--border)!important;box-shadow:0 4px 32px #3c48582e;color:#23272f!important;color:var(--text-main)!important}body.dark-mode .init-card,body.dark-mode .login-card{background:#fff!important;background:var(--bg-card)!important;border:1.5px solid #e0e4ea!important;border:1.5px solid var(--border)!important;box-shadow:0 8px 32px #3c485847;color:#23272f!important;color:var(--text-main)!important}body.dark-mode .file-card,body.dark-mode .folder-card{background:#4b515d!important}body.dark-mode .file-card:hover,body.dark-mode .folder-card:hover{background:#2d313a!important;box-shadow:0 8px 32px #4f8cff2e}body.dark-mode .file-name,body.dark-mode .folder-name{color:#23272f!important;color:var(--text-main)!important}.card-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px;max-width:100%;overflow-x:auto}.card-action-btn{font-size:18px;min-height:32px;min-width:32px;padding:4px 8px}@media (max-width:700px){.card-actions{flex-wrap:wrap;gap:4px}.card-action-btn{font-size:16px;padding:2px 4px}}body.dark-mode .modal-content,body.dark-mode .modal-content *{color:#f3f4f6!important}body.dark-mode .modal-content label{color:#e0e4ea!important}body.dark-mode .modal-content .input-field,body.dark-mode .modal-content input{background:#23272f!important;border:1.5px solid #333642!important;color:#f3f4f6!important}body.dark-mode .modal-content .input-field::placeholder,body.dark-mode .modal-content input::placeholder{color:#b0b3b8!important;opacity:1}body.dark-mode .modal-content .button{background:#7c3aed!important;color:#fff!important}body.dark-mode .modal-content .button:hover{background:#4f8cff!important}.cancel-btn{background:#eee!important;border:none;color:#333!important;font-weight:600}.cancel-btn:hover{background:#e0e4ea!important}.input-field{padding-left:16px;padding-right:16px}.modal-content .input-field,body .modal-content .input-field{box-sizing:border-box;padding-left:16px!important;padding-right:16px!important}.modal-content .button,body .modal-content .button{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;font-size:16px;font-weight:600;height:44px;justify-content:center;min-width:100px}.drag-over{background:#eaf3ff!important;border:2px solid #4f8cff!important;box-shadow:0 2px 12px #4f8cff1a!important;opacity:1!important}
/*# sourceMappingURL=main.9d6dcd9a.css.map*/