: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}.panel{display:flex;flex-direction:column;flex:1;border:2px solid #333;background-color:#1a1a2e;overflow:hidden}.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:#0f3460;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}.file-item:hover{background-color:#16213e}.file-item.selected{background-color:#0f3460;color:#fff}.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}.legal-content{max-height:50vh;overflow-y:auto;padding-right:10px;color:#ccc;font-size:13px;line-height:1.6}.legal-content h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #333}.legal-content p{margin-bottom:12px}.legal-content ul{margin:10px 0;padding-left:25px}.legal-content li{margin-bottom:6px}.legal-updated{font-size:11px;font-style:italic;color:#888;margin-bottom:15px}.legal-uppercase{font-size:11px;text-transform:uppercase;line-height:1.8}.legal-email{color:#4a9eff}.legal-content a{color:#4a9eff;text-decoration:none}.legal-content a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}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:100%;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;overflow:hidden}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.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}.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}