.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:2000;display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface);color:var(--text-primary);animation:slideInRight .3s ease;box-shadow:0 4px 12px #0000004d}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:var(--text-sm);word-break:break-word}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease}.toast-close:hover{color:var(--text-primary)}.toast-success{border-color:var(--success);background:#10b9811a}.toast-success .toast-icon{color:var(--success)}.toast-error{border-color:var(--error);background:#ef44441a}.toast-error .toast-icon{color:var(--error)}.toast-info{border-color:var(--info);background:#3b82f61a}.toast-info .toast-icon{color:var(--info)}.toast-warning{border-color:var(--warning);background:#f59e0b1a}.toast-warning .toast-icon{color:var(--warning)}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);height:32px}.btn-md{padding:var(--space-3) var(--space-4);font-size:var(--text-base);height:40px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);height:48px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#d93030}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.input{padding:var(--space-3) var(--space-3);font-size:var(--text-base);background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-family);transition:all .2s ease}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 2px #ef44441a}.input-error-text{display:block;font-size:var(--text-sm);color:var(--error)}.input-helper-text{display:block;font-size:var(--text-sm);color:var(--text-secondary)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);padding:var(--space-4)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 8px 32px #0000004d}.auth-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);text-align:center}.auth-logo{font-size:48px}.auth-title{font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin:0}.auth-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.auth-error{padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-2)}.auth-submit-btn{width:100%}.auth-footer{text-align:center}.auth-footer-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.auth-footer-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-footer-link:hover{color:var(--primary-hover);text-decoration:underline}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);height:64px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-toggle-sidebar{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;align-items:center;justify-content:center}@media (max-width: 768px){.header-toggle-sidebar{display:flex}}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary)}.header-logo-icon{font-size:24px}.header-title{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--primary)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-icon-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.header-icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.header-user{position:relative}.header-user-button{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s ease}.header-user-button:hover{background:var(--surface-hover)}.header-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm)}.header-user-name{font-size:var(--text-sm);font-weight:500}.header-user-menu{display:none;position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-2);min-width:200px;z-index:100;box-shadow:0 4px 12px #0000004d}.header-user:hover .header-user-menu{display:flex;flex-direction:column}.header-user-menu-item{padding:var(--space-3) var(--space-4);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:background .2s ease}.header-user-menu-item:hover{background:var(--surface-hover)}.header-user-menu-logout{color:var(--error);border-top:1px solid var(--border)}.folder-tree-node{display:flex;flex-direction:column}.folder-tree-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.folder-tree-item:hover{background:var(--surface-hover);color:var(--text-primary)}.folder-tree-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:transform .2s ease}.folder-tree-toggle.expanded{transform:rotate(90deg)}.folder-tree-spacer{width:20px}.folder-tree-icon{flex-shrink:0;color:var(--primary)}.folder-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis}.folder-tree-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--surface-active);padding:0 var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.folder-tree-children{display:flex;flex-direction:column;gap:0}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 768px){.sidebar-backdrop{display:block}}.sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border);height:calc(100vh - 64px);overflow-y:auto;padding:var(--space-4);flex-shrink:0;transition:transform .3s ease}@media (max-width: 768px){.sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);z-index:1000;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between}.sidebar-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;margin:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-size:var(--text-sm)}.sidebar-nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--surface-active);color:var(--primary)}.sidebar-add-folder-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font-size:var(--text-lg);transition:color .2s ease}.sidebar-add-folder-btn:hover{color:var(--text-primary)}.sidebar-folder-tree{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-empty{color:var(--text-tertiary);font-size:var(--text-sm);margin:0;padding:var(--space-2);text-align:center}.dashboard-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-container{display:flex;flex:1;overflow:hidden}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-6)}@media (max-width: 768px){.dashboard-content{padding:var(--space-4)}}.progress-bar-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.progress-bar-header{display:flex;justify-content:space-between;align-items:center}.progress-bar-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.progress-bar-percentage{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.progress-bar{width:100%;height:6px;background:var(--surface-active);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.file-uploader{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--surface-active)}.file-uploader:hover,.file-uploader.drag-over{border-color:var(--primary);background:#6366f10d}.file-uploader-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.file-uploader-icon{color:var(--primary);opacity:.7}.file-uploader-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.file-uploader-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.upload-progress-list{margin-top:var(--space-8);border-top:1px solid var(--border);padding-top:var(--space-6)}.upload-progress-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.upload-progress-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-active);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.upload-progress-info{flex:1;min-width:0}.upload-progress-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-2) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.upload-progress-close:hover{color:var(--error)}.upload-progress-uploading{border-left:3px solid var(--primary)}.upload-progress-completed{border-left:3px solid var(--success)}.upload-progress-error{border-left:3px solid var(--error)}.file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.file-item:hover{background:var(--surface-hover);border-color:var(--border-hover)}.file-item.selected{background:var(--surface-active);border-color:var(--primary)}.file-item-main{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.file-item-icon{flex-shrink:0;color:var(--primary);display:flex;align-items:center;justify-content:center}.file-item-info{flex:1;min-width:0}.file-item-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-meta{font-size:var(--text-xs);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.file-item-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;opacity:0;transition:opacity .2s ease}.file-item:hover .file-item-actions{opacity:1}.file-item-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.file-item-action-btn:hover{background:var(--surface-active);color:var(--text-primary)}.file-item-action-danger:hover{background:#ef44441a;color:var(--error)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--text-secondary)}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--surface-active);border-radius:var(--radius-lg);color:var(--text-tertiary)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;max-width:400px}.empty-state-button{padding:var(--space-3) var(--space-4);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:var(--space-2)}.empty-state-button:hover{background:var(--primary-hover)}.loading-spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8)}.loading-spinner{border:3px solid rgba(99,102,241,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm{width:24px;height:24px}.loading-spinner-md{width:40px;height:40px}.loading-spinner-lg{width:60px;height:60px}.loading-spinner-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.file-list{display:flex;flex-direction:column;gap:var(--space-3)}.storage-indicator{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.storage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.storage-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0}.storage-percentage{font-size:var(--text-lg);font-weight:700;color:var(--primary)}.storage-bar{width:100%;height:8px;background:var(--surface-active);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.storage-bar-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.storage-indicator-warning .storage-bar-fill{background:var(--warning)}.storage-indicator-critical .storage-bar-fill{background:var(--error)}.storage-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.storage-detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.storage-detail-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.storage-detail-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.storage-alert{padding:var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--warning)}.storage-indicator-critical .storage-alert{background:#ef44441a;border-color:#ef44444d;color:var(--error)}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0}.dashboard-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:var(--space-2) 0 0 0}.dashboard-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-8)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{grid-column:1}}.dashboard-main{display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-files-section{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-section-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.shared-page{display:flex;flex-direction:column;gap:1rem}.shared-header{margin-bottom:.5rem}.shared-title{font-size:1.6rem;margin:0}.shared-subtitle{margin:.4rem 0 0;color:#9ca3af}.shared-empty-card{border:1px solid #2d2d2d;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:.75rem;color:#9ca3af}.shared-empty{color:#9ca3af;margin:0}.shared-list{display:flex;flex-direction:column;gap:.75rem}.shared-item{border:1px solid #2d2d2d;background:#1a1a1a;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;gap:1rem}.shared-item-main{min-width:0}.shared-item-title{margin:0;font-size:.95rem}.shared-item-url{margin:.35rem 0;color:#c8d1dc;overflow-wrap:anywhere;font-size:.9rem}.shared-item-meta{margin:0;color:#9ca3af;font-size:.8rem}.shared-item-actions{display:flex;align-items:center;gap:.5rem}.shared-short-row{margin-top:.75rem;border-top:1px solid #2d2d2d;padding-top:.75rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.shared-action-btn{border:1px solid #3d3d3d;background:#242424;color:#f9fafb;border-radius:8px;height:32px;min-width:32px;padding:0 .6rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.shared-action-btn.danger{border-color:#7f1d1d;background:#3f1111;color:#fecaca}@media (max-width: 900px){.shared-item{flex-direction:column}.shared-item-actions{justify-content:flex-start}}.files-page{display:flex;flex-direction:column;gap:1rem}.files-header{margin-bottom:.5rem}.files-title{margin:0;font-size:1.75rem}.files-subtitle{margin:.4rem 0 0;color:#9ca3af}.settings-page{display:flex;flex-direction:column;gap:1rem}.settings-header{margin-bottom:.5rem}.settings-title{margin:0;font-size:1.75rem}.settings-subtitle{margin:.4rem 0 0;color:#9ca3af}.settings-card{border:1px solid #2d2d2d;background:#1a1a1a;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.settings-card h2{margin:0;font-size:1.05rem}.public-share-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.public-share-card{width:min(640px,100%);border:1px solid #2d2d2d;border-radius:12px;background:#1a1a1a;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.public-share-card h1{margin:0 0 .35rem;font-size:1.4rem}html{scroll-behavior:smooth}button{-webkit-user-select:none;user-select:none}:root{--background: #0d0d0d;--surface: #1a1a1a;--surface-hover: #242424;--surface-active: #2a2a2a;--primary: #6366f1;--primary-hover: #4f46e5;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border: #2d2d2d;--border-hover: #3d3d3d;--glass-bg: rgba(26, 26, 26, .7);--glass-border: rgba(255, 255, 255, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family);line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border)}