:root,.ui-standard{--primary-minor-2: #1c1633;--primary-minor-1: #29214d;--primary: #8a6eff;--primary-major-1: #967dff;--primary-major-2: #a18bff;--primary-major-3: #ad9aff;--primary-contrast: #ffffff;--signal-danger-minor-2: #310b12;--signal-danger-minor-1: #4a111b;--signal-danger: #f5385a;--signal-danger-major-1: #f64c6b;--signal-danger-major-2: #f7607b;--signal-danger-major-3: #f8748c;--signal-danger-contrast: #ffffff;--signal-warning-minor-2: #331200;--signal-warning-minor-1: #4d1b00;--signal-warning: #ff9900;--signal-warning-major-1: #ffa31a;--signal-warning-major-2: #ffad33;--signal-warning-major-3: #ffb84d;--signal-warning-contrast: #000000;--signal-success-minor-2: #06221b;--signal-success-minor-1: #093228;--signal-success: #1ea885;--signal-success-major-1: #35b191;--signal-success-major-2: #4bb99d;--signal-success-major-3: #62c2aa;--signal-success-contrast: #ffffff;--signal-info-minor-2: #072029;--signal-info-minor-1: #0b2f3e;--signal-info: #239ece;--signal-info-major-1: #39a8d3;--signal-info-major-2: #4fb1d8;--signal-info-major-3: #65bbdd;--signal-info-contrast: #ffffff;--interaction-norm-minor-2: #160f33;--interaction-norm-minor-1: #21164d;--interaction-norm: #6d4aff;--interaction-norm-major-1: #7c5cff;--interaction-norm-major-2: #8a6eff;--interaction-norm-major-3: #9980ff;--interaction-norm-contrast: #ffffff;--interaction-weak-minor-2: #16151a;--interaction-weak-minor-1: #25232c;--interaction-weak: #4a4658;--interaction-weak-major-1: #5c5969;--interaction-weak-major-2: #6e6b79;--interaction-weak-major-3: #807e8a;--interaction-weak-contrast: #ffffff;--text-norm: white;--text-weak: #a7a4b5;--text-hint: #6d697d;--text-disabled: #5b576b;--text-invert: #1c1b24;--field-norm: #5b576b;--field-hover: #6d697d;--field-disabled: #3f3b4c;--focus-outline: #6d4aff;--focus-ring: rgb(109 74 255 / .3);--border-norm: #4a4658;--border-weak: #343140;--background-norm: #16141c;--background-weak: #292733;--background-strong: #3f3b4c;--background-invert: white;--interaction-default: transparent;--interaction-default-hover: rgb(91 87 107 / .2);--interaction-default-active: rgb(91 87 107 / .4);--shadow-norm-opacity: .5;--shadow-raised-opacity: .44;--shadow-lifted-opacity: .75;--backdrop-norm: rgb(22 20 28 / .48);--optional-scrollbar-thumb-color: #4a4658;--optional-link-norm: var(--interaction-norm-major-1);--optional-link-hover: var(--interaction-norm-major-2);--optional-link-active: var(--interaction-norm-major-3);--optional-background-elevated: #1e1c26;--optional-background-lowered: #0e0d12;--optional-email-item-read-text-color: var(--text-weak);--optional-mini-calendar-today-color: white;--optional-logo-text-proton-color: white;--optional-logo-text-product-color: white;--optional-promotion-text-color: white;--optional-promotion-text-weak: #c1b2ff;--optional-promotion-interaction-hover: rgb(138 110 255 / .2);--optional-promotion-background-start: rgb(138 110 255 / .3);--optional-promotion-background-end: rgb(99 61 255 / .1);--optional-promotion-secondary-color: #d783ff;--optional-bg-promotion-bw-button: var(--background-invert);--optional-text-promotion-bw-button: var(--text-invert)}:root{--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary: var(--background-norm, #13141f);--bg-secondary: var(--background-weak, #1b1c29);--bg-tertiary: var(--background-strong, #242638);--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(109, 74, 255, .16);--border-color: var(--border-norm, #2a2c3d);--border-subtle: #202230;--text-main: var(--text-norm, #ffffff);--text-muted: var(--text-weak, #a7a9be);--text-dim: var(--text-hint, #6e7087);--accent-purple: var(--interaction-norm, #6d4aff);--accent-purple-hover: var(--interaction-norm-major-1, #7c5cff);--accent-purple-light: rgba(109, 74, 255, .15);--success: var(--signal-success, #1ea885);--danger: var(--signal-danger, #f5385a);--warning: var(--signal-warning, #ff9900)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root,.app-root{height:100%;width:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#323548;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444760}.proton-app{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-primary)}.proton-main-layout{display:flex;flex:1;overflow:hidden;position:relative}.proton-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:20}.proton-brand-area{display:flex;align-items:center;gap:12px;width:240px;flex-shrink:0}.proton-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main)}.proton-brand-title{font-size:19px;font-weight:700;letter-spacing:-.2px;display:flex;align-items:baseline;gap:5px}.proton-brand-title .brand-drive{font-weight:800;color:#fff}.proton-admin-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:2px 7px;border-radius:4px;background:var(--accent-purple-light);color:#b487ff;border:1px solid rgba(180,135,255,.3)}.proton-search-container{flex:1;max-width:580px;margin:0 24px;position:relative}.proton-search-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;height:40px;transition:all .2s ease}.proton-search-input-wrapper:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple-light);background:#1f2133}.proton-search-input{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:14px;padding:0 8px;outline:none}.proton-search-input::placeholder{color:var(--text-dim)}.proton-search-shortcut{font-size:11px;padding:2px 6px;background:#2a2c3d;color:var(--text-muted);border-radius:4px;font-family:monospace}.proton-header-actions{display:flex;align-items:center;gap:12px}.proton-health-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:#1ea8851f;border:1px solid rgba(30,168,133,.25);font-size:12px;color:#35b191;font-weight:600}.proton-health-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.proton-sidebar{width:260px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;-webkit-user-select:none;user-select:none}.proton-new-action-wrap{position:relative;margin-bottom:20px;padding:0 4px}.proton-new-btn{width:100%;height:44px;background:var(--accent-purple);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #6d4aff59;transition:all .2s ease}.proton-new-btn:hover{background:var(--accent-purple-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6d4aff73}.proton-new-menu{position:absolute;top:50px;left:4px;right:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;box-shadow:0 10px 25px #00000080;z-index:50;display:flex;flex-direction:column;gap:2px}.proton-new-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease}.proton-new-menu-item:hover{background:var(--bg-hover);color:#fff}.proton-nav-list{display:flex;flex-direction:column;gap:4px;flex:1}.proton-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:left}.proton-nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.proton-nav-item.active{background:var(--accent-purple-light);color:#ad9aff}.proton-nav-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;background:#ffffff14;color:var(--text-muted)}.proton-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.proton-storage-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.proton-storage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--text-muted);font-weight:600}.proton-progress-track{height:6px;background:#2a2c3d;border-radius:3px;overflow:hidden;margin-bottom:8px}.proton-progress-fill{height:100%;background:linear-gradient(90deg,#6d4aff,#b487ff);border-radius:3px;transition:width .3s ease}.proton-storage-stats{font-size:11.5px;color:var(--text-dim)}.proton-public-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease}.proton-public-link-btn:hover{background:var(--bg-tertiary);color:#fff;border-color:#3b3e54}.proton-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary);position:relative}.proton-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.proton-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.proton-breadcrumb-crumb{color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .15s ease}.proton-breadcrumb-crumb:hover{color:var(--text-main);background:var(--bg-hover)}.proton-breadcrumb-crumb.active{color:var(--text-main);cursor:default}.proton-breadcrumb-sep{color:var(--text-dim)}.proton-toolbar-actions{display:flex;align-items:center;gap:8px}.proton-btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.proton-btn-icon:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-color)}.proton-btn-icon.active{background:var(--accent-purple-light);color:#ad9aff;border-color:#6d4aff4d}.proton-btn-action{height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-main);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.proton-btn-action:hover{background:var(--bg-tertiary);border-color:#3d4056}.proton-btn-action.btn-danger{color:var(--danger);border-color:#f5385a4d}.proton-btn-action.btn-danger:hover{background:#f5385a26}.proton-explorer-body{flex:1;overflow-y:auto;position:relative;padding:16px 24px}.proton-file-table{width:100%;border-collapse:collapse;text-align:left}.proton-file-table th{padding:10px 14px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.proton-file-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);font-size:13.5px;color:var(--text-main);vertical-align:middle}.proton-table-row{cursor:pointer;transition:background .15s ease}.proton-table-row:hover{background:var(--bg-hover)}.proton-table-row.selected{background:var(--accent-purple-light)}.proton-file-name-cell{display:flex;align-items:center;gap:12px;font-weight:600}.proton-file-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.proton-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding-bottom:24px}.proton-grid-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.proton-grid-item:hover{border-color:#43465e;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.proton-grid-item.selected{border-color:var(--accent-purple);background:#1e1b33;box-shadow:0 0 0 1px var(--accent-purple)}.proton-grid-icon-wrap{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.proton-grid-name{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.proton-grid-meta{font-size:11.5px;color:var(--text-dim)}.proton-dropzone-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed var(--accent-purple);background:#6d4aff14;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;pointer-events:none;animation:pulse-border 1.5s infinite}@keyframes pulse-border{0%,to{border-color:#6d4aff}50%{border-color:#ad9aff}}.proton-details-drawer{width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;animation:slide-in .2s ease}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.proton-drawer-header{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.proton-drawer-title{font-size:14px;font-weight:700}.proton-drawer-body{padding:20px 16px;display:flex;flex-direction:column;gap:16px}.proton-meta-row{display:flex;flex-direction:column;gap:4px}.proton-meta-label{font-size:11.5px;font-weight:700;text-transform:uppercase;color:var(--text-dim)}.proton-meta-value{font-size:13.5px;color:var(--text-main);word-break:break-all}.proton-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.proton-modal{width:100%;max-width:440px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0009;display:flex;flex-direction:column;overflow:hidden}.proton-modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.proton-modal-title{font-size:16px;font-weight:700}.proton-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.proton-input{width:100%;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;color:#fff;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}.proton-input:focus{border-color:var(--accent-purple)}.proton-modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color);background:#171824}.proton-btn-primary{height:38px;padding:0 18px;background:var(--accent-purple);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s ease}.proton-btn-primary:hover{background:var(--accent-purple-hover)}.proton-btn-secondary{height:38px;padding:0 16px;background:transparent;color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.proton-btn-secondary:hover{background:var(--bg-hover)}