:root{--bg-primary:#06090f;--bg-secondary:#0c1220;--bg-surface:#0f172ab3;--bg-surface-hover:#19233ccc;--bg-glass:#0f172a8c;--bg-glass-hover:#141e32b3;--accent:#00d4ff;--accent-dim:#00d4ff26;--accent-glow:#00d4ff4d;--accent-2:#7c3aed;--accent-2-dim:#7c3aed26;--text-primary:#e8ecf4;--text-secondary:#8892a8;--text-tertiary:#5a6478;--text-accent:#00d4ff;--border:#6478a026;--border-hover:#6478a04d;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--danger-dim:#ef444426;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 64px #00000080;--shadow-glow:0 0 40px #00d4ff1a;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}.view{height:100%;display:none}.view.active{flex-direction:column;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6478a04d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6478a080}#login-view{justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}#login-view.active{display:flex}.login-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.glow{filter:blur(120px);opacity:.4;border-radius:50%;animation:12s ease-in-out infinite glowFloat;position:absolute}.glow-1{background:var(--accent);width:500px;height:500px;animation-delay:0s;top:-10%;left:-5%}.glow-2{background:var(--accent-2);width:400px;height:400px;animation-delay:-4s;bottom:-10%;right:-5%}.glow-3{background:#ec4899;width:300px;height:300px;animation-delay:-8s;top:50%;left:60%}@keyframes glowFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.95)}}.login-container{z-index:1;width:100%;max-width:520px;padding:20px;animation:.6s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px)saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow);padding:48px 40px}.login-header{text-align:center;margin-bottom:36px}.login-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 8px 32px #00d4ff40}.login-logo .material-symbols-rounded{color:#fff;font-size:32px}.login-header h1{background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-top:8px;font-size:.875rem;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:.8125rem;font-weight:500;display:flex}.form-group label .material-symbols-rounded{color:var(--accent);font-size:16px}.form-group input,.form-group select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);transition:var(--transition);background:#0a0f1e99;outline:none;padding:12px 16px;font-size:.9375rem}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238892a8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.password-wrapper .icon-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-primary{background:linear-gradient(135deg, var(--accent), #09c);color:#000;width:100%;font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #00d4ff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00d4ff66}.btn-primary:active{transform:translateY(0)}.btn-primary.small{width:auto;padding:8px 16px;font-size:.8125rem}.btn-primary.danger{background:linear-gradient(135deg, var(--danger), #c33);box-shadow:0 4px 16px #ef44444d}.btn-primary.danger:hover{box-shadow:0 6px 24px #ef444466}.btn-primary .material-symbols-rounded{font-size:18px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-action{background:var(--accent-dim);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #00d4ff33;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-action:hover{background:#00d4ff33;border-color:#00d4ff66}.btn-action .material-symbols-rounded{font-size:18px}.btn-action.secondary{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border)}.btn-action.secondary:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-action.danger{background:var(--danger-dim);color:var(--danger);border-color:#ef444433}.btn-action.danger:hover{background:#ef444433;border-color:#ef444466}.btn-action.small{padding:6px 10px;font-size:.75rem}.error-msg{background:var(--danger-dim);border-radius:var(--radius-sm);color:var(--danger);text-align:center;border:1px solid #ef44444d;margin-top:16px;padding:12px 16px;font-size:.8125rem}.hidden{display:none!important}#browser-view{background:var(--bg-primary)}#top-bar{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.top-bar-left,.top-bar-right{align-items:center;gap:12px;display:flex}.app-brand{align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:flex}.app-brand .material-symbols-rounded{color:var(--accent);font-size:22px}.brand-text{background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.separator{background:var(--border);width:1px;height:24px}.bucket-label{color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:4px 12px;font-size:.8125rem}.top-bar-center{flex:1;max-width:480px;margin:0 20px}.search-box{border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);background:#0a0f1e80;align-items:center;gap:8px;padding:8px 14px;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-box .material-symbols-rounded{color:var(--text-tertiary);font-size:18px}.search-box input{color:var(--text-primary);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.search-box input::placeholder{color:var(--text-tertiary)}.search-box kbd{background:var(--bg-surface);border:1px solid var(--border);font-family:var(--font);color:var(--text-tertiary);border-radius:4px;padding:2px 6px;font-size:.6875rem}#toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 20px;display:flex}.toolbar-right{align-items:center;gap:12px;display:flex}#breadcrumb ol{align-items:center;gap:2px;list-style:none;display:flex}#breadcrumb li{align-items:center;font-size:.8125rem;display:flex}#breadcrumb li+li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6478' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:16px;height:16px;margin-right:2px;display:inline-block}#breadcrumb button{color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.8125rem}#breadcrumb button:hover{background:var(--bg-surface-hover);color:var(--accent)}#breadcrumb li:last-child button{color:var(--text-primary);font-weight:500}.view-toggle{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;overflow:hidden}.view-btn{width:32px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-btn:hover{color:var(--text-secondary)}.view-btn.active{background:var(--accent-dim);color:var(--accent)}.view-btn .material-symbols-rounded{font-size:18px}#selection-info{color:var(--accent);align-items:center;gap:8px;font-size:.8125rem;display:flex}#main-content{flex:1;display:flex;overflow:hidden}#file-browser{flex:1;padding:20px;position:relative;overflow-y:auto}.state-container{height:60%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.state-container .material-symbols-rounded{color:var(--text-tertiary);font-size:64px}.state-container h3{color:var(--text-primary);font-size:1.125rem}.state-container p{font-size:.875rem}.empty-icon{opacity:.3}.error-icon{color:var(--danger)!important}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#file-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.file-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;animation:.3s ease-out fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.file-item:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.file-item.selected{background:var(--accent-dim);box-shadow:0 0 0 2px var(--accent-dim);border-color:#00d4ff66}.file-icon{font-size:40px;line-height:1}.file-icon.folder{color:#f59e0b}.file-icon.image{color:#ec4899}.file-icon.video{color:#8b5cf6}.file-icon.audio{color:#06b6d4}.file-icon.document{color:#3b82f6}.file-icon.code{color:#10b981}.file-icon.archive{color:#f97316}.file-icon.pdf{color:#ef4444}.file-icon.default{color:var(--text-tertiary)}.file-name{text-align:center;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.file-meta-grid{color:var(--text-tertiary);text-align:center;font-size:.6875rem}.folder-size-target{letter-spacing:2px;animation:1.5s ease-in-out infinite sizePulse}.folder-size-target.loaded{letter-spacing:normal;animation:none}@keyframes sizePulse{0%,to{opacity:.4}50%{opacity:1}}.file-checkbox{border:2px solid var(--border-hover);opacity:0;width:18px;height:18px;transition:var(--transition);background:var(--bg-surface);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.file-item:hover .file-checkbox,.file-item.selected .file-checkbox{opacity:1}.file-item.selected .file-checkbox{background:var(--accent);border-color:var(--accent)}.file-item.selected .file-checkbox:after{content:"✓";color:#000;font-size:11px;font-weight:700}#file-container.list-view{flex-direction:column;gap:2px;display:flex}#file-container.list-view .file-item{border-radius:var(--radius-sm);flex-direction:row;gap:14px;padding:10px 16px}#file-container.list-view .file-item:hover{transform:none}#file-container.list-view .file-icon{min-width:24px;font-size:24px}#file-container.list-view .file-name{text-align:left;-webkit-line-clamp:1;flex:1;font-size:.875rem}#file-container.list-view .file-meta-grid{text-align:right;white-space:nowrap;gap:24px;display:flex}#file-container.list-view .file-meta-size,#file-container.list-view .file-meta-date{min-width:100px}#file-container.list-view .file-checkbox{opacity:0;flex-shrink:0;position:static}#preview-panel{border-left:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;flex-shrink:0;width:360px;animation:.3s ease-out slideInRight;display:flex;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-header h3{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}#preview-content{justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}#preview-content img{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:100%;max-height:320px}#preview-content video{border-radius:var(--radius-sm);max-width:100%;max-height:320px}#preview-content .preview-text{border-radius:var(--radius-sm);width:100%;max-height:320px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background:#0a0f1e99;padding:16px;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;overflow:auto}#preview-content .preview-icon{color:var(--text-tertiary);font-size:80px}#preview-meta{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.meta-row{justify-content:space-between;font-size:.8125rem;display:flex}.meta-label{color:var(--text-tertiary)}.meta-value{color:var(--text-secondary);text-align:right;word-break:break-all;font-weight:500}.preview-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:auto;padding:16px 20px;display:flex}#drop-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06090fd9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}.drop-overlay-content{text-align:center;border:2px dashed var(--accent);border-radius:var(--radius-xl);background:var(--accent-dim);padding:60px}.drop-overlay-content .material-symbols-rounded{color:var(--accent);margin-bottom:16px;font-size:64px}.drop-overlay-content h2{margin-bottom:8px;font-size:1.25rem}.drop-overlay-content p{color:var(--text-secondary);font-size:.875rem}#upload-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);border-radius:var(--radius-lg);width:380px;max-height:320px;box-shadow:var(--shadow-lg);z-index:50;animation:.3s ease-out slideUp;position:fixed;bottom:20px;right:20px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.upload-panel-header h4{align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.upload-panel-header .material-symbols-rounded{color:var(--accent);font-size:18px}#upload-list{max-height:260px;padding:8px;overflow-y:auto}.upload-item{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;display:flex}.upload-item+.upload-item{border-top:1px solid var(--border)}.upload-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;overflow:hidden}.upload-item-progress{background:var(--bg-surface);border-radius:2px;width:80px;height:4px;overflow:hidden}.upload-item-progress-bar{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.upload-item-status{color:var(--text-tertiary);text-align:right;min-width:48px;font-size:.75rem}.upload-item-status.done{color:var(--success)}.upload-item-status.error{color:var(--danger)}#context-menu{z-index:200;background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:6px;animation:.15s ease-out fadeIn;position:fixed}#context-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:.8125rem;display:flex}#context-menu button:hover{background:var(--bg-surface-hover)}#context-menu button .material-symbols-rounded{color:var(--text-secondary);font-size:18px}#context-menu button.danger,#context-menu button.danger .material-symbols-rounded{color:var(--danger)}#context-menu hr{border:none;border-top:1px solid var(--border);margin:4px 8px}.modal{z-index:300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:380px;max-width:480px;box-shadow:var(--shadow-lg);padding:28px;animation:.3s ease-out fadeInUp;position:relative}.modal-content h3{margin-bottom:16px;font-size:1.125rem}.modal-content p{color:var(--text-secondary);margin-bottom:20px;font-size:.875rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}#toast-container{z-index:400;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:10px;min-width:280px;padding:12px 20px;font-size:.8125rem;animation:.3s ease-out toastIn;display:flex}.toast.success .material-symbols-rounded{color:var(--success)}.toast.error .material-symbols-rounded{color:var(--danger)}.toast.info .material-symbols-rounded{color:var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (width<=768px){.form-row{grid-template-columns:1fr}.login-card{padding:32px 24px}.top-bar-center{display:none}#preview-panel{display:none!important}#file-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.top-bar-right .btn-action span:not(.material-symbols-rounded){display:none}}