*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#020408;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:13px;overflow:hidden}.popup-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{background:#020408;border:1px solid #333;border-radius:10px;width:300px;max-width:calc(100vw - 32px);padding:20px}.popup-input{color:#fff;box-sizing:border-box;background:#020408;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s}.popup-input:focus{border-color:#fff}.popup-input::placeholder{color:#333}.popup-error{color:#f7768e;margin-top:8px;font-size:12px}.popup-actions{gap:8px;margin-top:16px;display:flex}.popup-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.popup-btn.cancel{color:#fff;background:#111;border:1px solid #333}.popup-btn.cancel:hover{background:#1a1a1a}.popup-btn.submit{color:#000;background:#a9b0d6;font-weight:600}.popup-btn.submit:hover{background:#bbc2e0}.popup-btn:disabled{opacity:.3;cursor:not-allowed}.signout-card{text-align:center}.signout-message{color:#fff;margin-bottom:18px;font-size:14px;font-weight:500}.signout-confirm{color:#000!important;background:#f7768e!important;font-weight:600!important}.signout-confirm:hover{background:#ff899b!important}.popup-btn.create{color:#000;background:#a9b0d6;font-weight:600}.popup-btn.create:hover{background:#bbc2e0}.popup-btn.create:disabled{opacity:.3;cursor:not-allowed}.context-overlay{z-index:200;position:fixed;inset:0}.context-menu{white-space:nowrap;background:#020408;border:1px solid #333;border-radius:8px;min-width:150px;padding:4px;position:fixed}.context-item{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.context-item .material-symbols-outlined{color:#fff;opacity:.5;font-size:16px}.context-item:hover{background:#111}.context-submenu-wrap{position:relative}.context-chevron{opacity:.3;margin-left:auto;color:#fff!important;font-size:14px!important}.context-submenu{white-space:nowrap;background:#020408;border:1px solid #333;border-radius:8px;min-width:120px;padding:4px;display:none;position:absolute;top:0;left:calc(100% + 4px)}.context-submenu-wrap:hover>.context-submenu{display:block}.context-icon-green{color:#9ece6a!important;opacity:1!important}.context-icon-red{color:#f7768e!important;opacity:1!important}.context-item.danger{color:#f7768e}.context-item.danger .material-symbols-outlined{color:#f7768e;opacity:1}.context-item.danger:hover{background:#f7768e1a}.context-badge{opacity:.5;margin-left:auto;font-size:11px}@media (width<=768px){.context-item{padding:10px 12px}.context-submenu{top:100%;left:0}}.label-popup-card{background:#020408;border:1px solid #333;border-radius:10px;width:280px;max-width:calc(100vw - 32px);padding:16px}.label-popup-title{color:#fff;margin-bottom:10px;font-size:12px}.label-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.label-chip{color:#fff;background:0 0;border:1px solid #333;border-radius:12px;align-items:center;font-size:12px;transition:background .15s,border-color .15s;display:inline-flex}.label-chip:hover{background:#111;border-color:#444}.label-chip.active{color:#fff;background:#111;border-color:#fff}.label-chip-text{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:4px 2px 4px 10px}.label-chip-delete{color:#666;cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 4px;font-size:14px;line-height:1}.label-chip-delete:hover{color:#f7768e}.label-create{gap:6px;display:flex}.label-create input{color:#fff;box-sizing:border-box;background:#020408;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:12px}.label-create input:focus{border-color:#fff}.label-create input::placeholder{color:#333}.label-create button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s}.label-create button:hover{background:#1a1a1a}.label-create button:disabled{opacity:.3;cursor:not-allowed}.label-popup-actions{gap:8px;margin-top:12px;display:flex}.label-popup-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s}.label-btn-remove{color:#f7768e;background:#f7768e1a}.label-btn-remove:hover{background:#f7768e33}.label-btn-close{color:#fff;background:#111;border:1px solid #333!important}.label-btn-close:hover{background:#1a1a1a}.access-popup-card{background:#020408;border:1px solid #333;border-radius:10px;width:320px;max-width:calc(100vw - 32px);padding:16px}.access-popup-title{color:#fff;margin-bottom:2px;font-size:12px}.access-popup-path{color:#fff6;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-size:11px;overflow:hidden}.access-grants-list{flex-direction:column;gap:4px;max-height:160px;margin-bottom:12px;display:flex;overflow-y:auto}.access-grant-row{border:1px solid #222;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.access-grant-email{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.access-grant-perm{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.access-grant-perm.view{color:#7aa2f7;background:#7aa2f71a}.access-grant-perm.full{color:#9ece6a;background:#9ece6a1a}.access-grant-revoke{color:#666;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.access-grant-revoke:hover{color:#f7768e}.access-invite-form{gap:6px;display:flex}.access-invite-form input{color:#fff;background:#020408;border:1px solid #333;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 10px;font-family:inherit;font-size:12px}.access-invite-form input:focus{border-color:#fff}.access-invite-form input::placeholder{color:#333}.access-invite-form select{color:#fff;cursor:pointer;background:#020408;border:1px solid #333;border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:12px}.access-invite-form button{color:#020408;cursor:pointer;white-space:nowrap;background:#7aa2f7;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.access-invite-form button:disabled{opacity:.3;cursor:not-allowed}.access-error{color:#f7768e;margin-top:8px;font-size:11px}.access-popup-actions{margin-top:12px;display:flex}.dashboard{width:100%;height:100%;display:flex}.icon-rail{background:#020408;border-right:1px solid #222;flex-direction:column;align-items:center;width:48px;height:100%;padding:12px 0;display:flex}.rail-top{padding:4px 0 8px}.rail-logo{object-fit:cover;background:0 0;border-radius:50%;width:28px;height:28px}.rail-divider{background:#222;width:24px;height:1px;margin-bottom:8px}.rail-icons{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.rail-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.rail-btn .material-symbols-outlined{font-size:20px}.rail-btn:hover,.rail-btn.active{color:#fff;background:#111}.rail-bottom{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.storage-indicator{flex-direction:column;align-items:center;gap:2px;display:flex}.storage-ring{width:32px;height:32px}.storage-text{color:#fff;white-space:nowrap;text-align:center;font-size:7px;line-height:1.2}.rail-btn.signout:hover{color:#f7768e;background:#f7768e1f}.guest-banner{color:#fff9;background:#7aa2f70f;border-bottom:1px solid #222;align-items:center;gap:8px;padding:6px 20px;font-size:12px;display:flex}.guest-banner-perm{color:#7aa2f7;background:#7aa2f71a;border-radius:4px;padding:2px 6px;font-size:10px}.guest-leave-btn{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:1px solid #333;border-radius:5px;margin-left:auto;padding:3px 10px;font-family:inherit;font-size:11px}.guest-leave-btn:hover{opacity:1;color:#f7768e;border-color:#f7768e}.dashboard-main{background:#020408;flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dashboard-title{color:#fff;font-size:13px;font-weight:600}.dashboard-content{flex:1;padding:0;transition:background .15s;overflow-y:auto}.dashboard-content.external-drag-over{outline-offset:-2px;background:#7aa2f714;outline:2px dashed #7aa2f766}.header-left{align-items:center;gap:6px;min-width:0;display:flex}.breadcrumb{align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.breadcrumb-btn{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-family:inherit;font-size:12px}.breadcrumb-btn:hover{opacity:1;background:#111}.breadcrumb-sep{color:#333;font-size:11px}.back-btn{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;margin-bottom:12px;padding:4px 8px;font-family:inherit;font-size:12px;display:inline-flex}.back-btn .material-symbols-outlined{font-size:16px}.back-btn:hover{opacity:1;background:#111}.loading-state{justify-content:center;padding:40px 0;display:flex}.loading-spinner{border:2px solid #222;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:#fff;text-align:center;opacity:.4;padding:40px 0;font-size:13px}.file-list{flex-direction:column;display:flex}.file-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #111;border-radius:0;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;transition:background .1s;display:flex}.file-item:hover{background:#111}.file-item.selected{background:#7aa2f726}.file-item.selected:hover{background:#7aa2f738}.file-item.drag-over{outline-offset:-1px;background:#7aa2f726;outline:1px dashed #7aa2f780}.file-item.dragging{opacity:.4}.file-item-icon{color:#fff;font-size:18px}.file-item-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.label-dot-wrap{align-items:center;margin-left:auto;padding:4px;display:flex;position:relative}.label-dot{background:#7aa2f7;border-radius:50%;width:8px;height:8px}.label-tooltip{color:#fff;white-space:nowrap;z-index:10;background:#020408;border:1px solid #333;border-radius:5px;padding:4px 8px;font-size:11px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.label-dot-wrap:hover .label-tooltip{display:block}.add-menu-wrap{position:relative}.add-btn{color:#fff;cursor:pointer;background:#020408;border:1px solid #222;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.add-btn .material-symbols-outlined{font-size:18px}.add-btn:hover{background:#111}.add-menu{z-index:50;background:#020408;border:1px solid #333;border-radius:8px;min-width:160px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.add-menu-item{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.add-menu-item .material-symbols-outlined{color:#fff;opacity:.5;font-size:16px}.add-menu-item:hover{background:#111}.progress-toast{z-index:300;background:#020408;border:1px solid #333;border-radius:8px;width:260px;max-width:calc(100vw - 32px);padding:10px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.progress-label{color:#fff;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.progress-label.upload{color:#7aa2f7}.progress-label.delete{color:#f7768e}.progress-label.share{color:#7aa2f7;justify-content:center}.progress-files{border-top:1px solid #222;border-bottom:1px solid #222;max-height:120px;margin-bottom:8px;padding:4px 0;overflow-y:auto}.progress-files::-webkit-scrollbar{width:4px}.progress-files::-webkit-scrollbar-track{background:0 0}.progress-files::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.progress-file{color:#fff;opacity:.5;white-space:nowrap;text-overflow:ellipsis;padding:1px 0;font-size:11px;overflow:hidden}.progress-file-row{align-items:center;gap:6px;padding:2px 0;display:flex}.progress-file-row.active .progress-file-name,.progress-file-row.active .progress-file-size{color:#9ece6a}.progress-file-row.pending .progress-file-name,.progress-file-row.pending .progress-file-size{opacity:.35}.progress-file-indicator{background:#9ece6a;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.progress-file-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.progress-file-size{color:#7aa2f7;white-space:nowrap;flex-shrink:0;font-size:10px}.progress-track{background:#222;border-radius:2px;height:3px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .15s}.progress-fill.upload{background:#7aa2f7}.progress-fill.delete{background:#f7768e}.progress-fill-indeterminate{animation:1.2s ease-in-out infinite indeterminate;width:40%!important}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (width<=768px){.dashboard{flex-direction:column-reverse}.icon-rail{border-top:1px solid #222;border-right:none;flex-direction:row;width:100%;height:48px;padding:0 12px}.rail-top{align-items:center;padding:0;display:flex}.rail-logo{width:24px;height:24px}.rail-divider{width:1px;height:24px;margin:0 8px}.rail-icons{flex-direction:row;gap:4px}.rail-bottom{flex-direction:row;margin-top:0;margin-left:auto;padding-top:0}.storage-indicator{flex-direction:row;gap:4px}.storage-ring{width:24px;height:24px}.storage-text{font-size:8px}.dashboard-main{height:calc(100% - 48px)}.dashboard-header{padding:10px 12px}.header-left{overflow:hidden}.breadcrumb-btn{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.file-item{padding:10px 12px}.back-btn{margin:4px 8px 8px}.add-menu{right:0}.progress-toast{bottom:60px}}@media (width<=380px){.dashboard-header{padding:8px}.file-item{padding:10px 8px}.breadcrumb-btn{max-width:50px}}.container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.bagel-icon{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;width:120px;height:120px;transition:transform .1s}.bagel-icon:active{transform:scale(.9)}