:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0a0a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;overflow:hidden}.panel{display:flex;flex-direction:column;flex:1;border:2px solid #333;background-color:#1a1a2e;overflow:hidden;min-height:0}.panel.active{border-color:#4a9eff}.path-bar{display:flex;align-items:center;padding:8px 12px;background-color:#16213e;border-bottom:1px solid #333;overflow-x:auto;white-space:nowrap}.path-segment{display:inline-flex;align-items:center}.path-button{background:none;border:none;color:#4a9eff;cursor:pointer;padding:2px 4px;font-size:14px}.path-button:hover{text-decoration:underline}.path-separator{color:#666;margin:0 4px}.file-list{display:flex;flex-direction:column;flex:1;overflow:hidden}.file-list-header{display:flex;align-items:center;padding:8px 12px;background-color:#16213e;color:#4a9eff;border-bottom:1px solid #333;font-weight:700;font-size:13px}.header-cell{cursor:pointer;-webkit-user-select:none;user-select:none}.header-cell:hover{color:#4a9eff}.file-list-body{flex:1;overflow-y:auto;overflow-x:hidden}.file-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;border-bottom:1px solid #222;font-size:14px;height:33px;box-sizing:border-box}.file-item:hover{background-color:#16213e}.file-item.selected{background-color:#0f3460;color:#fff}.file-item.marked{color:#fc0}.file-item.selected.marked{background-color:#0f3460;color:#fc0}.file-item.parent-item{color:#888}.file-item.parent-item:hover{color:#fff}.file-icon{width:30px;flex-shrink:0;text-align:center}.file-name{flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.file-size{width:80px;flex-shrink:0;text-align:right;padding-right:15px;color:#aaa}.file-date{width:140px;flex-shrink:0;color:#888}.file-type{width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.loading,.error,.empty-message{display:flex;align-items:center;justify-content:center;flex:1;color:#888;font-size:14px}.error{color:#ff6b6b}.toolbar{display:flex;justify-content:center;gap:4px;padding:8px 12px;background-color:#16213e;border-top:1px solid #333}.toolbar-button{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background-color:#0f3460;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;min-width:70px;transition:background-color .2s}.toolbar-button:hover{background-color:#1a4a7a}.toolbar-button:active{background-color:#0a2a4a}.toolbar-button.delete:hover{background-color:#8b0000}.toolbar-button .shortcut{font-size:12px;color:#4a9eff;margin-bottom:2px}.toolbar-button .label{font-size:13px}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background-color:#0f3460;border-top:1px solid #333;font-size:12px;color:#aaa}.status-left{flex:1}.status-center{flex:2;text-align:center}.status-center .hint{color:#666}.status-right{flex:1;text-align:right}.panel-indicator{color:#4a9eff}.dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background-color:#1a1a2e;border:1px solid #333;border-radius:8px;min-width:400px;max-width:90vw;box-shadow:0 4px 20px #00000080}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.dialog-header h3{margin:0;font-size:16px;color:#fff}.dialog-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1}.dialog-close:hover{color:#fff}.dialog-content{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#aaa;font-size:14px}.form-group input{width:100%;padding:10px 12px;background-color:#16213e;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4a9eff}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#4a9eff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3a8eef}.btn-secondary{background-color:#333;color:#fff}.btn-secondary:hover{background-color:#444}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.confirm-message{color:#ccc;margin:0;line-height:1.5}.dialog-warning{color:#fc0;background-color:#ffcc001a;border:1px solid rgba(255,204,0,.3);padding:8px 12px;border-radius:4px;margin-top:12px;font-size:13px}.dialog-error{color:#ff6b6b;background-color:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);padding:8px 12px;border-radius:4px;margin-top:12px;font-size:13px}.drop-zone{border:2px dashed #444;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#16213e;margin-bottom:16px}.drop-zone:hover:not(.disabled){border-color:#4a9eff;background-color:#1a2844}.drop-zone.drag-active{border-color:#4a9eff;background-color:#1a2844;border-style:solid}.drop-zone.disabled{cursor:not-allowed;opacity:.6}.drop-zone-content{pointer-events:none}.drop-zone-icon{font-size:48px;display:block;margin-bottom:12px}.drop-zone p{margin:4px 0;color:#ccc}.drop-zone-hint{font-size:12px;color:#888!important}.selected-files{margin-bottom:16px}.selected-files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#aaa;font-size:14px}.total-size{color:#888}.dialog-file-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;border:1px solid #333;border-radius:4px;background-color:#16213e}.dialog-file-item{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #333;gap:8px}.dialog-file-item:last-child{border-bottom:none}.dialog-file-name{flex:1;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-file-size{color:#888;font-size:12px;min-width:70px;text-align:right}.remove-file{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.remove-file:hover{color:#dc3545}.progress-bar{width:80px;height:6px;background-color:#333;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#4a9eff;transition:width .2s ease}.upload-done{color:#28a745;font-size:14px;min-width:20px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#0a0a1a;color:#e0e0e0}.app{display:flex;flex-direction:column;height:100vh;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#16213e;border-bottom:1px solid #333}.app-header h1{font-size:18px;font-weight:600;color:#4a9eff}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%}.user-name{font-size:14px;color:#aaa}.logout-button{padding:6px 12px;background-color:#333;border:none;border-radius:4px;color:#fff;font-size:13px;cursor:pointer}.logout-button:hover{background-color:#444}.panels-container{display:flex;flex:1;min-height:0;overflow:hidden}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;padding:40px 20px;background:radial-gradient(circle at top right,#16213e,#0a0a1a)}.login-screen h1{font-size:32px;color:#4a9eff}.login-screen p{color:#888;font-size:16px}.login-buttons{display:flex;flex-direction:column;gap:12px}.login-button{padding:14px 28px;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .2s;min-width:250px}.login-button.google{background-color:#4285f4}.login-button.google:hover{background-color:#3574e3}.login-button.onedrive{background-color:#0078d4}.login-button.onedrive:hover{background-color:#006cbe}.login-button:disabled{opacity:.5;cursor:not-allowed}.legal-notice{margin-top:25px;font-size:12px;color:#888}.legal-link{background:none;border:none;color:#4a9eff;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.legal-link:hover{color:#6ab0ff}.back-to-home{margin-top:20px}.back-to-home a{color:#4a9eff;text-decoration:none;font-size:14px}.back-to-home a:hover{text-decoration:underline}.setup-message{max-width:600px;margin:100px auto;padding:40px;background-color:#1a1a2e;border-radius:8px;border:1px solid #333}.setup-message h2{color:#4a9eff;margin-bottom:20px}.setup-message p{color:#aaa;margin:12px 0;line-height:1.6}.setup-message ol{color:#aaa;margin:20px 0;padding-left:24px}.setup-message li{margin:8px 0}.setup-message code{background-color:#0f3460;padding:2px 6px;border-radius:4px;font-family:monospace}.setup-message pre{background-color:#0f3460;padding:16px;border-radius:4px;overflow-x:auto;font-family:monospace;font-size:14px;color:#4a9eff}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;width:100%;margin:40px auto;padding:0 20px 60px}.feature-card{background:#16213e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,158,255,.2);border-radius:12px;padding:24px;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#4a9eff80}.feature-card h2{font-size:1.25rem;color:#4a9eff;margin-bottom:12px}.feature-card p{color:#aaa;font-size:.95rem;line-height:1.6}@media(max-width:768px){.login-screen h1{font-size:24px;text-align:center}.features-section{grid-template-columns:1fr}}