:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--text-primary:#172033;--text-secondary:#64748b;--text-muted:#94a3b8;--background:#f7f9fc;--surface:#fff;--surface-secondary:#f8fafc;--border:#e5eaf2;--border-strong:#d7dee9;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--overlay:#0f172a73;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.74}.welcome-layout{background:radial-gradient(circle at 15% 20%,#4895ef2e,#0000 30%),linear-gradient(135deg,#f8fbff 0%,#edf3fa 100%);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:100vh;padding:clamp(2rem,7vw,7rem);display:grid}.eyebrow{color:#3567a6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.78rem;font-weight:750;display:block}h1,h2,p{margin-top:0}.welcome-copy h1{color:#0c1930;letter-spacing:-.06em;max-width:760px;margin-bottom:1.25rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.98}.welcome-copy p{color:#526178;max-width:650px;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;border-radius:999px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button{color:#fff;background:#1769d2;padding:.95rem 1.4rem;box-shadow:0 14px 30px #1769d23d}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button.compact,.secondary-button.compact{padding:.72rem 1.05rem}.security-card,.hero-card,.profile-card,.files-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #1c3c631a;border-radius:28px;box-shadow:0 24px 70px #1a304f1f}.security-card{padding:clamp(2rem,4vw,3.5rem)}.security-card h2{font-size:1.65rem}.security-card ul{color:#526178;gap:.9rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.security-card li:before{content:"✓";color:#12815c;margin-right:.7rem;font-weight:800}.cloud-mark{color:#fff;background:linear-gradient(145deg,#3388e8,#145cb8);border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:2rem;font-size:2rem;display:grid;box-shadow:0 16px 30px #2273d140}.cloud-mark.small{border-radius:18px;flex:none;width:60px;height:60px;margin:0;font-size:1.5rem}.app-layout{background:#f2f5f9;grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-header{background:#ffffffe6;border-bottom:1px solid #dfe6ef;justify-content:space-between;align-items:center;min-height:82px;padding:1rem clamp(1.25rem,5vw,4rem);display:flex}.app-header .eyebrow{margin-bottom:.2rem;font-size:.65rem}.app-header strong{color:#0c1930;font-size:1.2rem}.secondary-button{color:#17375e;background:#e9f1fb;padding:.7rem 1rem}.dashboard{grid-template-columns:minmax(320px,.72fr) minmax(0,1.55fr);gap:1.5rem;width:min(1520px,100% - 2rem);min-height:0;margin:0 auto;padding:1.5rem 0;display:grid;overflow:hidden}.dashboard-sidebar{scrollbar-width:none;flex-direction:column;gap:1.5rem;min-height:0;display:flex;overflow:hidden}.dashboard-sidebar::-webkit-scrollbar{display:none}.dashboard-content{min-width:0;min-height:0}.dashboard-content .files-card{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.hero-card,.profile-card,.files-card{padding:clamp(1.5rem,4vw,2.5rem)}.hero-card{color:#fff;background:linear-gradient(135deg,#0c1f3b 0%,#173f70 100%);justify-content:space-between;align-items:center;gap:2rem;display:flex}.dashboard-sidebar .hero-card{flex:none}.dashboard-sidebar .hero-card h1{font-size:clamp(1.85rem,2.6vw,2.65rem)}.dashboard-sidebar .profile-card{flex:none}.hero-card h1{letter-spacing:-.04em;margin-bottom:.65rem;font-size:clamp(2rem,4vw,3rem)}.hero-card p{color:#c9d9ed;max-width:680px;margin-bottom:0;line-height:1.6}.status-dot{color:#9ce3c9;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-flex}.status-dot:before{content:"";background:#52d39c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #52d39c1f}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2{margin-bottom:0;font-size:1.6rem}.text-button{color:#1769d2;background:0 0;padding:.55rem .85rem}.text-button:disabled{cursor:wait;opacity:.55}.section-description{color:#718096;max-width:620px;margin:.5rem 0 0;line-height:1.55}.file-heading{align-items:flex-start}.file-heading-actions{align-items:center;gap:.5rem;display:flex}.folder-breadcrumbs{color:#718096;white-space:nowrap;align-items:center;gap:.4rem;min-width:0;display:flex;overflow-x:auto}.main-folder-breadcrumbs{flex:none;margin:-.2rem 0 1rem;padding:.2rem 0}.folder-breadcrumbs span{align-items:center;gap:.4rem;display:inline-flex}.folder-breadcrumbs button{color:#1769d2;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:.25rem .35rem;font-weight:700}.folder-breadcrumbs button:hover,.folder-breadcrumbs button[aria-current=page]{background:#eaf3ff}.folder-list{scrollbar-gutter:stable;flex:none;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;max-height:170px;margin-bottom:1rem;padding-right:.25rem;display:grid;overflow-y:auto}.folder-item{background:#f8fbff;border:1px solid #dce5f0;border-radius:15px;align-items:center;gap:.35rem;min-width:0;padding:.55rem;display:flex}.folder-open-button{color:#172033;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.65rem;min-width:0;padding:.25rem;display:flex}.folder-open-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-icon{color:#b27608;background:#fff1bd;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.folder-item-actions{align-items:center;display:flex}.folder-item-actions button{padding-inline:.45rem;font-size:.78rem}.danger-button{color:#a23131;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .75rem;font-weight:700}.danger-button:hover:not(:disabled){background:#fff0f0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.upload-status{background:#f1f7ff;border:1px solid #b9d4f5;border-radius:16px;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:grid}.upload-status div{color:#27496f;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.upload-status strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-status progress{accent-color:#1769d2;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.upload-dropzone{background:#f8fbff;border:1px dashed #b9cbe0;border-radius:18px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.15rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.file-drop-overlay{z-index:100;color:#17375e;pointer-events:none;text-align:center;background:#eaf3fff5;border:2px dashed #1769d2;border-radius:24px;place-content:center;justify-items:center;gap:.45rem;display:grid;position:absolute;inset:.75rem;box-shadow:inset 0 0 0 5px #1769d20f}.file-drop-overlay-icon{color:#fff;background:#1769d2;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:.35rem;font-size:1.7rem;font-weight:800;display:grid;box-shadow:0 14px 30px #1769d240}.file-drop-overlay strong{font-size:1.25rem}.file-drop-overlay span:last-child{color:#5d708a;font-size:.9rem}.dropzone-icon{color:#1769d2;background:#e4effd;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:800;display:grid}.upload-dropzone>div{flex:1;gap:.2rem;min-width:0;display:grid}.upload-dropzone strong{color:#172033}.upload-dropzone span:not(.dropzone-icon){color:#718096;font-size:.84rem}.upload-queue{z-index:1100;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));scrollbar-gutter:stable;background:#fbfcfefa;border:1px solid #dce5f0;border-radius:18px;width:min(430px,100vw - 2rem);max-height:min(60dvh,560px);margin:0;padding:1rem;position:fixed;overflow:hidden;box-shadow:0 22px 60px #0c1f3b3d}.upload-queue-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.upload-queue-heading h3{color:#172033;margin:0 0 .2rem;font-size:1rem}.upload-queue-heading span{color:#718096;font-size:.8rem}.overall-progress,.upload-item-progress progress{accent-color:#1769d2;border:0;border-radius:999px;overflow:hidden}.overall-progress{width:100%;height:7px;margin-bottom:.75rem;display:block}.upload-list{scrollbar-gutter:stable;gap:.55rem;max-height:min(42dvh,390px);margin:0;padding:0 .2rem 0 0;list-style:none;display:grid;overflow-y:auto}.upload-item{background:#fff;border:1px solid #e4eaf2;border-radius:14px;grid-template-columns:minmax(200px,1.2fr) minmax(170px,.8fr) auto;align-items:center;gap:1rem;padding:.75rem;display:grid}.upload-item.completed{background:#f6fcf9;border-color:#bfe2d3}.upload-item.failed{background:#fff8f8;border-color:#efc4c4}.upload-item-main{align-items:center;gap:.7rem;min-width:0;display:flex}.upload-item-name{gap:.15rem;min-width:0;display:grid}.upload-item-name strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-item-name span,.upload-item-progress span{color:#718096;font-size:.78rem}.upload-item-progress{gap:.35rem;min-width:0;display:grid}.upload-item-progress progress{width:100%;height:6px}.upload-item-progress small{overflow-wrap:anywhere;color:#a23131}.upload-item-actions{justify-content:flex-end;gap:.15rem;display:flex}.file-error{margin-bottom:1.25rem}.file-browser-toolbar{flex:none;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.file-search{flex:1;min-width:220px}.file-search input,.file-sort-controls select{color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #cbd7e6;border-radius:12px}.file-search input{padding:.78rem .9rem}.file-search input:focus,.file-sort-controls select:focus{border-color:#1769d2;outline:3px solid #1769d224}.file-sort-controls{align-items:end;gap:.65rem;display:flex}.file-sort-controls label{gap:.3rem;display:grid}.file-sort-controls label>span{color:#718096;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.file-sort-controls select{min-width:120px;padding:.7rem 2rem .7rem .75rem}.file-result-count{color:#718096;text-align:right;white-space:nowrap;min-width:70px;padding:.72rem 0;font-size:.82rem}.empty-files{text-align:center;background:#fbfdff;border:1px dashed #cbd7e6;border-radius:20px;justify-items:center;padding:clamp(2.5rem,7vw,5rem) 1rem;display:grid}.empty-files-icon{color:#1769d2;background:#e7f1ff;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:1rem;font-size:1.5rem;display:grid}.empty-files h3{color:#15233b;margin:0 0 .45rem;font-size:1.25rem}.empty-files p{color:#718096;margin-bottom:1.25rem}.search-empty{padding-block:2.5rem}.file-table-wrapper{scrollbar-gutter:stable;border:1px solid #e3e9f1;border-radius:18px;flex:auto;min-height:0;overflow:auto}.file-table{border-collapse:collapse;text-align:left;width:100%}.file-table th,.file-table td{vertical-align:middle;border-bottom:1px solid #e8edf4;padding:1rem 1.1rem}.file-table th{z-index:1;color:#718096;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;font-size:.73rem;position:sticky;top:0}.file-table tbody tr:last-child td{border-bottom:0}.file-name{align-items:center;gap:.8rem;min-width:220px;display:flex}.file-name>div{gap:.2rem;min-width:0;display:grid}.file-name strong,.file-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-metadata{align-items:center;gap:.45rem;display:flex}.file-lock-badge{letter-spacing:.03em;text-transform:uppercase;background:#fff1bd;border-radius:999px;flex:none;padding:.18rem .42rem;font-weight:750;color:#76520b!important;font-size:.65rem!important}.file-name strong{color:#172033;max-width:360px}.file-name span{color:#718096;max-width:300px;font-size:.8rem}.file-icon{color:#1769d2;background:#e8f2ff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.folder-dialog-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081427ad;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.folder-dialog{background:#fff;border:1px solid #1c3c6324;border-radius:24px;flex-direction:column;gap:1rem;width:min(620px,100%);max-height:min(720px,100dvh - 3rem);padding:1.35rem;display:flex;overflow:hidden;box-shadow:0 30px 90px #08142747}.folder-dialog-header,.folder-dialog-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.folder-dialog-header h2{color:#172033;text-overflow:ellipsis;white-space:nowrap;max-width:430px;margin:.25rem 0 0;overflow:hidden}.folder-picker-list{background:#f8fafc;border:1px solid #e3e9f1;border-radius:16px;align-content:start;gap:.55rem;min-height:180px;padding:.25rem;display:grid;overflow-y:auto}.folder-picker-item{color:#172033;cursor:pointer;text-align:left;background:#fff;border:1px solid #e3e9f1;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem;display:grid}.folder-picker-item:hover{background:#f1f7ff;border-color:#9fc1ed}.folder-picker-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-dialog-footer{color:#526178;padding-top:.25rem}.file-actions{white-space:nowrap;justify-content:flex-end;gap:.15rem;display:flex}.file-pagination{color:#526178;flex:none;justify-content:center;align-items:center;gap:1rem;padding-top:.85rem;font-size:.88rem;font-weight:700;display:flex}.preview-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f1fc7;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.preview-dialog{background:#fff;border:1px solid #ffffff2e;border-radius:24px;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100%);height:min(860px,100dvh - 3rem);min-height:0;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000059}.preview-header{border-bottom:1px solid #dfe6ef;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.preview-header>div{min-width:0}.preview-header .eyebrow{margin-bottom:.25rem}.preview-header h2{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15rem;overflow:hidden}.preview-body{background:#101a2b;place-items:center;min-width:0;min-height:0;display:grid;overflow:auto}.preview-body.pdf{background:#dfe4ea}.preview-frame{background:#fff;border:0;width:100%;height:100%}.preview-image,.preview-video{object-fit:contain;max-width:100%;max-height:100%;display:block}.preview-video{width:100%;height:100%}.preview-audio-shell{color:#fff;text-align:center;background:#172b49;border:1px solid #ffffff1f;border-radius:22px;justify-items:center;gap:1.25rem;width:min(620px,100% - 2rem);padding:2rem;display:grid}.preview-audio-icon{color:#fff;background:#1769d2;border-radius:22px;place-items:center;width:72px;height:72px;font-size:2rem;display:grid}.preview-audio{width:100%}.share-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f1fc7;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.share-dialog{background:#fff;border:1px solid #ffffff2e;border-radius:24px;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);max-height:calc(100dvh - 3rem);display:grid;overflow:hidden;box-shadow:0 30px 90px #00000059}.share-header,.share-history-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.share-header{border-bottom:1px solid #dfe6ef;padding:1rem 1.25rem}.share-header>div{min-width:0}.share-header .eyebrow{margin-bottom:.25rem}.share-header h2{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15rem;overflow:hidden}.share-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:0;display:grid;overflow:auto}.share-create,.share-history{min-width:0;padding:1.5rem}.share-create{background:#f8fbff;border-right:1px solid #e3e9f1;flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.share-create h3,.share-history h3{color:#172033;margin:0 0 .3rem}.share-create p,.share-history-heading p{color:#718096;margin:0;font-size:.85rem;line-height:1.5}.share-create label{color:#34445b;gap:.45rem;width:100%;font-size:.82rem;font-weight:700;display:grid}.share-create select,.share-create input,.created-share-link input{color:#172033;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cdd9e8;border-radius:11px;padding:.72rem .8rem}.created-share-link{background:#f2fbf6;border:1px solid #afd6c5;border-radius:14px;gap:.55rem;width:100%;margin-top:.25rem;padding:1rem;display:grid}.created-share-link p,.created-share-link small{color:#537064;margin:0;font-size:.78rem}.created-share-link>div{gap:.5rem;display:flex}.share-history-heading{align-items:flex-start;margin-bottom:1rem}.share-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.share-list li{background:#fbfcfe;border:1px solid #e3e9f1;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.share-list li>div{gap:.2rem;min-width:0;display:grid}.share-list span,.share-list small{color:#718096;font-size:.78rem}.public-share-page{background:radial-gradient(circle at 15% 10%,#4895ef2e,#0000 30%),#edf3fa;min-height:100dvh;padding:clamp(1rem,4vw,3rem)}.public-share-brand,.public-share-card{width:min(1180px,100%);margin-inline:auto}.public-share-brand{padding:.5rem 0 1.25rem}.public-share-brand .eyebrow{margin-bottom:.2rem}.public-share-brand strong{color:#172033;font-size:1.15rem}.public-share-card{background:#fff;border:1px solid #1c3c631a;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #1a304f24}.public-share-message{text-align:center;justify-items:center;padding:clamp(3rem,8vw,7rem) 2rem;display:grid}.public-share-message .cloud-mark{margin-bottom:1.25rem}.public-share-message h1{margin-bottom:.6rem}.public-share-message p{color:#718096;max-width:560px;margin:0;line-height:1.6}.share-unavailable-icon{color:#a23131;background:#fff0f0;border-radius:20px;place-items:center;width:68px;height:68px;margin-bottom:1.25rem;font-size:2rem;display:grid}.public-share-heading,.public-share-footer{justify-content:space-between;align-items:center;gap:1.25rem;padding:1.35rem 1.5rem;display:flex}.public-share-heading>div{min-width:0}.public-share-heading .status-dot{color:#12815c;margin-bottom:.55rem}.public-share-heading h1{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem;font-size:clamp(1.5rem,3vw,2.2rem);overflow:hidden}.public-share-heading p{color:#718096;margin:0}.public-download-button{flex:none;text-decoration:none}.public-preview{background:#101a2b;place-items:center;height:min(680px,100dvh - 280px);min-height:360px;display:grid;overflow:auto}.public-preview.pdf{background:#dfe4ea}.public-preview iframe,.public-preview video{border:0;width:100%;height:100%}.public-preview img,.public-preview video{object-fit:contain;max-width:100%;max-height:100%;display:block}.public-audio-preview,.public-preview-unavailable{color:#fff;text-align:center;background:#172b49;border:1px solid #ffffff1f;border-radius:22px;justify-items:center;gap:1rem;width:min(620px,100% - 2rem);padding:2rem;display:grid}.public-audio-preview>span,.public-preview-unavailable>span{background:#1769d2;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.75rem;display:grid}.public-audio-preview audio{width:100%}.public-preview-unavailable p{color:#c9d9ed;margin:0}.public-share-footer{color:#718096;border-top:1px solid #e3e9f1;font-size:.85rem}.profile-grid{background:#e3e9f1;border:1px solid #e3e9f1;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.storage-quota{background:#f7faff;border:1px solid #d8e4f2;border-radius:18px;gap:.75rem;margin-bottom:1.25rem;padding:1.25rem;display:grid}.storage-quota-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.storage-quota-heading>div{gap:.25rem;display:grid}.storage-quota-heading span,.storage-quota small{color:#718096;font-size:.82rem}.storage-quota-heading>strong{color:#1769d2;font-size:.9rem}.storage-quota progress{accent-color:#1769d2;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.profile-grid div{background:#fff;min-width:0;padding:1.25rem}.profile-grid dt{color:#718096;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem;font-size:.78rem;font-weight:700}.profile-grid dd{overflow-wrap:anywhere;color:#172033;margin:0;font-weight:650}.dashboard-content .empty-files{flex:auto;min-height:0}.muted{color:#718096}.error-message,.startup-error{color:#8e2828;background:#fff1f1;border:1px solid #efb6b6;border-radius:16px}.file-table .star-column,.file-table .star-cell{text-align:center;width:44px;min-width:44px;padding-inline:8px}.file-star-button{color:#a0aaba;cursor:pointer;background:0 0;border:0;border-radius:7px;width:30px;height:30px;padding:0;font-size:20px;line-height:1}.file-star-button:hover,.file-star-button:focus-visible{color:#d99a13;background:#fff8e5}.file-star-button.starred{color:#e3a300}.file-star-button:disabled{opacity:.6;cursor:wait}.preview-body.image{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;display:flex}.preview-body.image .preview-image{transform-origin:50%;flex:auto;min-height:0;max-height:calc(100% - 46px);transition:transform .12s}.preview-body.image .image-zoom-controls{flex:none;align-self:flex-end}.mobile-welcome,.mobile-quick-actions,.mobile-bottom-nav,.mobile-sort-trigger,.mobile-sheet-backdrop{display:none}.global-search{color:#64748b;background:#f8fafc;border:1px solid #e5eaf2;border-radius:8px;align-items:center;gap:9px;width:min(440px,38vw);min-width:200px;height:40px;margin:0 auto;padding:0 12px;display:flex}.global-search>svg{color:#64748b;flex:none}.global-search input{color:#172033;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.global-search:focus-within{border-color:#93b4f4;outline:3px solid #2563eb1f}.mobile-inline-search{display:none}.file-action-menu-backdrop{z-index:1300;pointer-events:none;background:0 0;display:block;position:fixed;inset:0}.file-action-menu-backdrop>.file-action-menu-panel{pointer-events:auto;position:fixed;right:auto}.file-action-menu-panel>button{color:#334155;cursor:pointer;width:100%;min-height:38px;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.file-action-menu-panel>button:hover:not(:disabled){background:#f1f5f9}.file-action-menu-panel>button.destructive{color:#dc2626}.folder-table-row{cursor:pointer}.folder-table-row:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.folder-table-row:hover{background:#f8fbff}.view-pagination-group{align-items:center;gap:.75rem;margin-left:auto;display:flex}.image-zoom-controls{z-index:1;color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:8px;justify-self:end;align-items:center;gap:5px;padding:5px;display:flex;position:sticky;top:8px;box-shadow:0 2px 8px #0f172a1a}.image-zoom-controls button{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:5px;min-width:30px;height:28px}.image-zoom-controls button:last-child{padding:0 8px;font-size:12px}.image-zoom-controls button:disabled{opacity:.4;cursor:default}.image-zoom-controls span{text-align:center;min-width:42px;font-size:12px}.file-action-trigger{color:#334155;cursor:pointer;letter-spacing:1px;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.file-action-trigger:hover,.file-action-trigger[aria-expanded=true]{color:#1d4ed8;background:#eff6ff}.file-action-menu-heading,.file-action-cancel,.sidebar-collapse-toggle,.view-toggle{display:none}.account-menu{position:relative}.account-menu>summary{cursor:pointer;list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-panel{z-index:1600;background:#fff;border:1px solid #e5eaf2;border-radius:10px;gap:8px;width:250px;padding:14px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 34px #0f172a24}.account-menu[open] .account-menu-panel{display:grid}.account-menu-panel strong{color:#172033;font-size:13px}.account-menu-panel>span,.account-menu-storage{color:#64748b;text-overflow:ellipsis;font-size:12px;overflow:hidden}.account-menu-storage{border-block:1px solid #eef1f5;margin:3px -14px;padding:10px 14px}.account-menu-panel>button{color:#475569;cursor:pointer;font:inherit;background:0 0;border:0;justify-self:start;padding:5px 0;font-size:12px}.upload-panel-backdrop{z-index:1500;background:var(--overlay);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.upload-panel{background:#fff;border:1px solid #e5eaf2;border-radius:16px;gap:16px;width:min(560px,100%);padding:22px;display:grid;box-shadow:0 24px 60px #0f172a2e}.upload-panel>header{justify-content:space-between;align-items:flex-start;display:flex}.upload-panel>header .eyebrow{margin-bottom:4px;font-size:10px}.upload-panel h2{margin:0;font-size:21px}.upload-panel>header button{border-radius:8px;width:36px;height:36px;padding:0;font-size:22px}.upload-panel-droparea{text-align:center;background:#f8fafc;border:1px dashed #cbd7e6;border-radius:12px;align-content:center;justify-items:center;gap:10px;min-height:240px;display:grid}.upload-panel-droparea>span{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.upload-panel-droparea strong{color:#172033;font-size:15px}.upload-panel-droparea p,.upload-panel>small{color:#64748b;margin:0;font-size:12px}.upload-panel .primary-button{box-shadow:none;border-radius:8px;padding:10px 16px}.folder-create-backdrop{z-index:1550;background:var(--overlay);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.folder-create-dialog{background:#fff;border:1px solid #e5eaf2;border-radius:14px;gap:12px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 24px 60px #0f172a2e}.folder-create-dialog>header,.folder-create-dialog>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.folder-create-dialog>header .eyebrow{margin-bottom:4px;font-size:10px}.folder-create-dialog h2{color:#172033;margin:0;font-size:20px}.folder-create-dialog>label{color:#475569;margin-top:8px;font-size:13px;font-weight:600}.folder-create-dialog>input{color:#172033;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #d7dee9;border-radius:8px;padding:10px 12px;font-size:14px}.folder-create-dialog>input:focus{border-color:#2563eb;outline:3px solid #2563eb24}.folder-create-dialog>footer{justify-content:flex-end;margin-top:10px}.folder-create-dialog>footer button{min-height:40px;box-shadow:none;border-radius:8px;padding:9px 14px;font-size:13px}.confirmation-dialog>p{color:#475569;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.confirmation-dialog .destructive-confirm-button{color:#fff;background:#dc2626;border-color:#dc2626}.confirmation-dialog .destructive-confirm-button:hover:not(:disabled){background:#b91c1c}.dialog-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;width:34px;height:34px;font-size:21px}.folder-create-error{color:#b42318;margin:0;font-size:12px}.upload-complete-summary{color:#16804a;margin:8px 0 0;font-size:13px}.operation-toast{z-index:1800;border:1px solid;border-radius:12px;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:10px;max-width:min(360px,100vw - 32px);padding:13px 16px 15px;font-size:13px;animation:.18s ease-out both toast-enter;display:grid;position:fixed;top:84px;right:24px;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.operation-toast.success{color:#166534;background:#f0fdf4;border-color:#bbebcf}.operation-toast.error{color:#991b1b;background:#fff7f7;border-color:#fecaca}.operation-toast span{overflow-wrap:anywhere}.operation-toast>i{transform-origin:0;opacity:.55;background:currentColor;width:100%;height:3px;animation:5.2s linear forwards toast-timeout;position:absolute;bottom:0;left:0}@keyframes toast-timeout{to{transform:scaleX(0)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.operation-toast,.operation-toast>i{animation-duration:.01ms}}.sidebar-link>svg{color:#64748b;flex:0 0 18px;width:18px}.sidebar-link.active>svg{color:#2563eb}.sidebar-storage-title>svg{flex:none;width:17px;height:17px}.empty-files-icon>svg{display:block}.file-icon>svg{width:19px;height:19px}.folder-icon>svg{display:block}.file-action-menu-panel>button>svg{color:#64748b;flex:0 0 17px}.file-action-menu-panel>button.destructive>svg{color:inherit}.view-toggle>button>svg,.inline-pagination button>svg,.file-lock-badge>svg{display:block}.app-layout.sidebar-collapsed .sidebar-link>svg{flex:0 0 19px;width:19px;height:19px}.mobile-sort-trigger>svg{display:block}.bulk-action-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:9px 12px;display:flex}.bulk-action-bar>span{color:#1e3a8a;margin-right:auto;font-size:13px;font-weight:650}.bulk-action-bar button{color:#334155;cursor:pointer;min-height:34px;font:inherit;background:#fff;border:1px solid #dbe5f2;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.bulk-action-bar button:disabled{opacity:.45;cursor:default}.bulk-action-bar button.destructive{color:#b91c1c}.bulk-action-bar button.bulk-clear{width:34px;padding:0}.file-table .selection-column,.file-table .selection-cell{text-align:center;width:42px;min-width:42px;padding-inline:10px}.file-table input[type=checkbox]{accent-color:#2563eb;vertical-align:middle;cursor:pointer;width:16px;height:16px}.file-table input[type=checkbox]:disabled{cursor:not-allowed}.file-sort-controls label{align-items:center;gap:8px;display:flex!important}.file-sort-controls label>span{color:#64748b;letter-spacing:0;text-transform:none;min-width:max-content;font-size:12px;font-weight:600}.file-sort-controls select{min-width:120px}.app-layout.sidebar-collapsed .sidebar-link:hover,.app-layout.sidebar-collapsed .sidebar-link:focus-visible,.app-layout.sidebar-collapsed .sidebar-collapse-toggle:hover,.app-layout.sidebar-collapsed .sidebar-collapse-toggle:focus-visible{color:#1d4ed8;background:#eff6ff}.app-layout.sidebar-collapsed .sidebar-link:focus-visible,.app-layout.sidebar-collapsed .sidebar-collapse-toggle:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.loading-skeleton{gap:8px;min-height:0;padding:8px 0;display:grid;overflow:hidden}.skeleton-row{background:#fff;border:1px solid #e5eaf2;border-radius:10px;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.skeleton-row>span,.skeleton-row i{background:linear-gradient(90deg,#f0f3f7 25%,#e7ecf2 50%,#f0f3f7 75%) 0 0/200% 100%;border-radius:5px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-row>span{flex:none;width:34px;height:34px}.skeleton-row>div{flex:1;gap:7px;display:grid}.skeleton-row i:first-child{width:42%;height:10px}.skeleton-row i:last-child{width:25%;height:8px}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@media (width>=1024px){:root{color:#172033;background:#f7f9fc}.app-layout{background:#f7f9fc}.app-header{background:#fff;border-bottom-color:#e5eaf2;min-height:68px;padding:0 32px}.brand-lockup{color:#172033;align-items:center;gap:11px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#2563eb;background:#eff6ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.header-account{align-items:center;gap:11px;display:flex}.account-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.header-account-name{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;overflow:hidden}.notification-bell{color:#334155;background:0 0;border:0;border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:36px;margin:0;display:grid}.notification-bell:hover{background:#f1f5f9}.header-account .secondary-button{color:#475569;background:#fff;border:1px solid #e5eaf2;border-radius:8px;margin-left:8px;padding:8px 12px;font-size:13px}.dashboard{grid-template-columns:240px minmax(0,1fr);gap:0;width:100%;margin:0;padding:0}.sidebar-collapse-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5eaf2;border-radius:8px;align-self:flex-end;width:34px;height:32px;margin:0 0 10px;font-size:18px;display:block}.sidebar-collapse-toggle:hover{color:#1d4ed8;background:#eff6ff}.app-layout.sidebar-collapsed .dashboard{grid-template-columns:72px minmax(0,1fr)}.app-layout.sidebar-collapsed .dashboard-sidebar{align-items:center;padding-inline:8px}.app-layout.sidebar-collapsed .sidebar-collapse-toggle{align-self:center}.app-layout.sidebar-collapsed .sidebar-navigation{width:100%}.app-layout.sidebar-collapsed .sidebar-link{justify-content:center;padding-inline:0}.app-layout.sidebar-collapsed .sidebar-link-label,.app-layout.sidebar-collapsed .sidebar-storage,.app-layout.sidebar-collapsed .sidebar-footer{display:none}.dashboard-sidebar{scrollbar-width:none;background:#fff;border-right:1px solid #e5eaf2;gap:0;min-height:0;padding:24px 16px 18px;display:flex;overflow:hidden}.dashboard-sidebar::-webkit-scrollbar{display:none}.sidebar-navigation{align-content:start;gap:5px;display:grid}.sidebar-link{color:#475569;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:550;text-decoration:none;display:flex}.sidebar-link>svg{color:#64748b;width:18px;height:18px}.sidebar-link-label{width:auto;color:inherit;font-size:inherit;text-align:left}.sidebar-link>span:first-child:not(.sidebar-link-label){color:#64748b;text-align:center;width:18px;font-size:16px}.sidebar-link:hover,.sidebar-link.active{color:#1d4ed8;background:#eff6ff}.sidebar-link.active>svg{color:#2563eb}.sidebar-storage{border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;gap:10px;margin-top:26px;padding:18px 4px;display:grid}.sidebar-storage-title{color:#334155;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.sidebar-storage-title>svg{color:#64748b}.sidebar-storage-values{color:#64748b;flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.sidebar-storage-values strong{color:#334155}.storage-type-bar{background:#edf1f6;border-radius:999px;width:100%;height:8px;display:flex;overflow:hidden}.storage-type-segment{height:100%}.storage-type-segment.images,.storage-type-legend i.images{background:#ef4444}.storage-type-segment.pdfs,.storage-type-legend i.pdfs{background:#f59e0b}.storage-type-segment.documents,.storage-type-legend i.documents{background:#3b82f6}.storage-type-segment.other,.storage-type-legend i.other{background:#94a3b8}.storage-type-legend{grid-template-columns:1fr 1fr;gap:7px 8px;display:grid}.storage-type-legend>span{color:#64748b;grid-template-columns:8px minmax(0,1fr);align-items:center;column-gap:5px;min-width:0;font-size:10px;display:grid}.storage-type-legend i{border-radius:50%;grid-row:span 2;width:7px;height:7px}.storage-type-legend b{color:#334155;text-overflow:ellipsis;grid-column:2;font-size:10px;font-weight:600;overflow:hidden}.sidebar-storage small,.sidebar-storage .muted{color:#64748b;font-size:12px}.sidebar-footer{gap:10px;margin-top:auto;padding-top:20px;display:grid}.sidebar-footer .status-dot{color:#64748b;margin:0;font-size:12px;font-weight:500}.sidebar-footer .status-dot:before{width:7px;height:7px;box-shadow:none;background:#16a34a}.sidebar-refresh{color:#64748b;cursor:pointer;font:inherit;background:0 0;border:0;justify-self:start;padding:0;font-size:12px}.sidebar-refresh:hover:not(:disabled){color:#2563eb}.dashboard-content{min-height:0;padding:28px 36px;overflow:hidden}.dashboard-content .files-card{height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.file-heading{align-items:center;margin-bottom:18px}.file-heading .eyebrow{display:none}.file-heading h2{color:#172033;letter-spacing:-.035em;font-size:26px;font-weight:700}.section-description{color:#64748b;margin-top:5px;font-size:13px}.file-heading-actions{flex-wrap:nowrap}.file-heading-actions>.text-button{color:#475569}.file-heading-actions .secondary-button,.file-heading-actions .primary-button{box-shadow:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.file-heading-actions .secondary-button{color:#334155;background:#fff;border:1px solid #dbe2ea}.file-heading-actions .primary-button{color:#fff;background:#2563eb}.main-folder-breadcrumbs{justify-content:space-between;gap:16px;margin:0 0 14px;overflow:visible}.current-list-context{align-items:center;gap:.4rem;min-width:0;display:flex;overflow:hidden}.file-heading-actions{flex:none;align-items:center;gap:.5rem;display:flex}.upload-dropzone{display:none}.file-browser-toolbar{background:#fff;border:1px solid #e5eaf2;border-radius:10px;align-items:center;margin-bottom:12px;padding:12px}.file-search{max-width:480px}.file-search input,.file-sort-controls select{border-color:#e0e6ee;border-radius:8px;font-size:13px}.file-search input{padding:10px 12px}.file-sort-controls label>span{font-size:10px}.file-sort-controls select{padding:9px 28px 9px 10px}.file-result-count{color:#64748b;font-size:12px}.folder-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));max-height:130px;margin-bottom:12px}.folder-item,.file-table-wrapper{background:#fff;border-color:#e5eaf2;border-radius:10px}.view-toggle{background:#fff;border:1px solid #e0e6ee;border-radius:8px;gap:2px;padding:3px;display:flex}.view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;width:32px;height:30px}.view-toggle button[aria-pressed=true]{color:#1d4ed8;background:#eff6ff}.inline-pagination{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.inline-pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:7px;width:30px;height:30px;font-size:20px}.inline-pagination button:disabled{opacity:.4;cursor:default}.folder-row-button{color:#172033;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.file-star-indicator{color:#e7a323;font-size:14px}.file-lock-badge{color:#475569;font-size:13px}.grid-view .file-table{width:100%;display:block}.grid-view .file-table tbody{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px;width:100%;padding:12px;display:grid!important}.grid-view .file-table thead{display:none}.grid-view .file-table tr{background:#fff;border:1px solid #e5eaf2;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-content:start;min-width:0;padding:12px;display:grid}.grid-view .file-table td{border:0;padding:4px 0}.grid-view .file-table td.selection-cell{grid-area:1/1}.grid-view .file-table td.star-cell{grid-area:1/2}.grid-view .file-table td:nth-child(3){grid-area:2/1/auto/-1;padding:6px 0 10px}.grid-view .file-actions{grid-area:3/2;width:auto}.grid-view .file-name strong{max-width:180px}.file-table th{color:#64748b;letter-spacing:.045em;background:#f8fafc;font-size:10px}.file-table th,.file-table td{border-bottom-color:#eef1f5;padding:12px 16px}.file-table tbody tr:hover{background:#f8fbff}.file-name{min-width:200px}.file-name strong{max-width:420px;font-size:13px}.file-name span,.file-table td{color:#64748b;font-size:12px}.file-icon{border-radius:9px;width:34px;height:34px}.file-actions{text-align:right;width:62px}.file-action-menu{color:#475569;text-align:left;display:inline-block;position:relative}.file-action-menu>summary{cursor:pointer;letter-spacing:1px;border-radius:8px;place-items:center;width:34px;height:34px;font-size:16px;font-weight:800;list-style:none;display:grid}.file-action-menu>summary::-webkit-details-marker{display:none}.file-action-menu>summary:hover,.file-action-menu[open]>summary{color:#1d4ed8;background:#eff6ff}.file-action-menu-panel{z-index:20;background:#fff;border:1px solid #e5eaf2;border-radius:10px;width:174px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 12px 32px #0f172a21}.file-action-menu-panel .text-button,.file-action-menu-panel .danger-button{color:#334155;text-align:left;border-radius:6px;width:100%;padding:8px 10px;font-size:12px;font-weight:500}.file-action-menu-panel .text-button:hover:not(:disabled){background:#f1f5f9}.file-action-menu-panel .danger-button{color:#dc2626}.file-action-menu-panel .danger-button:hover:not(:disabled){background:#fef2f2}.empty-files{background:#fff;border-color:#dbe2ea;border-radius:12px}.file-icon.pdf{color:#b42318;background:#fff1f0;font-size:10px;font-weight:800}.file-icon.image{color:#6d42c7;background:#f2edff}.file-icon.video{color:#b45309;background:#fff7e6}.file-icon.audio{color:#087e8b;background:#e6fbfd}.file-icon.document{color:#2563eb;background:#eff6ff}.file-icon.spreadsheet{color:#16804a;background:#e9f8ef}.folder-action-menu>summary{color:#475569;cursor:pointer;letter-spacing:1px;border-radius:8px;place-items:center;width:34px;height:34px;list-style:none;display:grid}.folder-action-menu>summary::-webkit-details-marker{display:none}.folder-action-menu[open] .file-action-menu-panel{z-index:20;background:#fff;border:1px solid #e5eaf2;border-radius:9px;width:150px;padding:5px;display:grid;position:absolute;right:0;box-shadow:0 12px 32px #0f172a21}}@media (width>=1024px) and (width<=1199px){.file-browser-toolbar{flex-wrap:wrap}.file-search{flex-basis:100%;max-width:none}.file-sort-controls{flex:1}.file-name{min-width:160px}.file-table th,.file-table td{padding:9px 10px}}.error-message{gap:.35rem;padding:1rem;display:grid}.startup-error{width:min(680px,100% - 2rem);margin:10vh auto;padding:2rem}@media (width<=1023px){.app-layout{height:auto;min-height:100vh;display:block;overflow:visible}.dashboard{grid-template-columns:1fr;width:min(1080px,100% - 2rem);padding:clamp(2rem,6vw,5rem) 0;display:grid;overflow:visible}.dashboard-sidebar{flex-flow:wrap;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex;overflow:visible}.mobile-welcome{display:none}.sidebar-navigation{flex-wrap:wrap;flex:100%;gap:6px;display:flex}.sidebar-link{color:#475569;cursor:pointer;min-height:40px;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 11px;font-size:13px;text-decoration:none;display:flex}.sidebar-link.active{color:#1d4ed8;background:#eff6ff}.sidebar-storage{border:0;flex:100%;gap:6px;width:100%;min-width:0;margin:0;padding:0}.sidebar-footer{display:none}.dashboard-content{min-height:auto}.dashboard-content .files-card{height:auto;overflow:visible}.dashboard-sidebar .hero-card{order:1}.dashboard-content{order:2}.dashboard-sidebar .profile-card{order:3}.file-table-wrapper{flex:none;overflow-x:auto}}@media (width<=820px){.welcome-layout{grid-template-columns:1fr;align-content:center}.security-card{max-width:560px}.upload-item{grid-template-columns:minmax(0,1fr) auto}.upload-item-progress{grid-area:2/1/auto/-1}}.recycle-bin-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f1d39a3;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.recycle-bin-dialog{background:#fff;border:1px solid #dfe7f2;border-radius:24px;flex-direction:column;width:min(760px,100%);max-height:min(760px,100dvh - 3rem);display:flex;overflow:hidden;box-shadow:0 30px 80px #0f1d3947}.recycle-bin-header{border-bottom:1px solid #e3e9f1;flex:none;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.recycle-bin-header h2,.recycle-bin-header p,.recycle-bin-empty p{margin:0}.recycle-bin-header h2{margin-top:.25rem}.recycle-bin-header p{color:#68758f;margin-top:.4rem}.recycle-bin-dialog>.muted,.recycle-bin-dialog>.error-message{margin:1rem 1.5rem 0}.recycle-bin-list{gap:.75rem;min-height:0;padding:1rem 1.5rem;display:grid;overflow-y:auto}.recycle-bin-item{background:#f8faff;border:1px solid #dfe7f2;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.9rem;display:grid}.recycle-bin-file-details{gap:.2rem;min-width:0;display:grid}.recycle-bin-file-details strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recycle-bin-file-details span,.recycle-bin-file-details small{color:#68758f}.recycle-bin-empty{color:#68758f;text-align:center;flex:1;align-content:center;place-items:center;gap:.5rem;min-height:260px;padding:2rem;display:grid}.recycle-bin-empty>span{color:#315ed3;font-size:2.4rem}.recycle-bin-empty strong{color:#17213a;font-size:1.1rem}.recycle-bin-footer,.recycle-bin-footer nav{align-items:center;display:flex}.recycle-bin-footer{color:#68758f;border-top:1px solid #e3e9f1;flex:none;justify-content:space-between;gap:1rem;padding:1rem 1.5rem}.recycle-bin-footer nav{gap:.75rem}@media (width<=600px){.welcome-layout{padding:1.25rem}.welcome-copy h1{font-size:clamp(2.7rem,16vw,4.5rem)}.hero-card{align-items:flex-start}.cloud-mark.small{display:none}.profile-grid{grid-template-columns:1fr}.storage-quota-heading,.file-heading{display:grid}.file-heading-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.file-browser-toolbar,.file-sort-controls{flex-direction:column;align-items:stretch}.file-sort-controls{width:100%}.file-result-count{text-align:left;padding:0}.folder-list{grid-template-columns:1fr}.upload-dropzone{flex-wrap:wrap;align-items:flex-start}.upload-dropzone .secondary-button{width:100%}.upload-queue-heading{align-items:flex-start}.upload-queue{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));width:calc(100vw - 1.5rem);max-height:min(70dvh,560px)}.upload-list{max-height:48dvh}.upload-item{grid-template-columns:1fr}.upload-item-progress{grid-area:auto/1}.upload-item-actions{justify-content:flex-start}.file-table-wrapper{border:0;overflow:visible}.file-table,.file-table tbody,.file-table tr,.file-table td{width:100%;display:block}.file-table thead{display:none}.file-table tr{border:1px solid #e3e9f1;border-radius:16px;margin-bottom:.85rem;padding:.9rem}.file-table td{border:0;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.file-table td:before{content:attr(data-label);color:#718096;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.file-table td:first-child:before,.file-table .star-cell:before,.file-table .file-actions:before{display:none}.file-table .file-actions{border-top:1px solid #edf1f6;justify-content:flex-end;padding-top:.85rem}.file-name{width:100%;min-width:0}.preview-backdrop{padding:0}.preview-dialog{border:0;border-radius:0;width:100%;height:100dvh}.share-backdrop{padding:0}.share-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.folder-dialog-backdrop{padding:0}.folder-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.folder-dialog-footer{flex-direction:column;align-items:stretch}.recycle-bin-backdrop{padding:0}.recycle-bin-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.recycle-bin-header,.recycle-bin-footer{flex-direction:column;align-items:stretch}.recycle-bin-header .secondary-button{align-self:flex-end}.recycle-bin-item{grid-template-columns:auto minmax(0,1fr)}.recycle-bin-item .primary-button{grid-column:1/-1}.recycle-bin-footer nav{justify-content:space-between}.share-content{grid-template-columns:1fr}.share-create{border-bottom:1px solid #e3e9f1;border-right:0}.created-share-link>div,.public-share-heading,.public-share-footer{flex-direction:column;align-items:stretch}.public-preview{height:55dvh;min-height:320px}.public-share-heading h1{white-space:normal}}@media (width<=1023px){.app-layout{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom));background:#f7f9fc}.app-header{z-index:50;background:#fffffff5;min-height:58px;padding:0 16px;position:sticky;top:0}.app-header .global-search{display:none}.file-search.mobile-inline-search{min-width:0;display:block}.brand-lockup{color:#172033;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.brand-lockup>span:last-child{font-size:0}.brand-lockup>span:last-child:after{content:"My Cloud";font-size:15px}.brand-mark{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.header-account{flex-direction:row;flex:none;align-items:center;gap:8px;display:flex}.notification-bell{color:#334155;background:0 0;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;margin:0;display:grid}.header-account-name,.header-account .secondary-button{display:none}.account-menu-panel{position:fixed;top:54px;right:12px}.account-avatar{width:34px;height:34px}.dashboard{grid-template-columns:minmax(0,1fr);gap:0;width:100%;padding:14px 16px 24px}.mobile-welcome{background:#fff;border:1px solid #e5eaf2;border-radius:12px;order:1;margin-bottom:12px;padding:14px 16px;display:block}.mobile-welcome .status-dot{color:#16804a;margin-bottom:5px;font-size:11px;font-weight:600}.mobile-welcome .status-dot:before{width:7px;height:7px;box-shadow:none;background:#16a34a}.mobile-welcome h1{color:#172033;letter-spacing:-.02em;margin:0 0 3px;font-size:18px}.mobile-welcome p{color:#64748b;margin:0;font-size:12px}.dashboard-sidebar{display:contents}.sidebar-navigation,.sidebar-footer{display:none}.sidebar-storage{background:#fff;border:1px solid #e5eaf2;border-radius:12px;flex:none;order:2;gap:7px;width:100%;min-width:0;margin:0 0 12px;padding:13px 15px}.sidebar-storage-values{flex-wrap:wrap;align-items:baseline;gap:4px 7px;display:flex}.storage-type-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.storage-type-legend>span{grid-template-rows:auto auto;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:2px 7px;min-width:0;display:grid}.storage-type-legend>span>span{grid-area:1/2;min-width:0}.storage-type-legend>span>b{grid-area:2/2}.storage-type-legend i{grid-area:1/1/span 2}.sidebar-storage small:last-child:not(:first-child){color:#64748b}.dashboard-content{order:3;min-height:0;overflow:visible}.dashboard-content .files-card{box-shadow:none;background:0 0;border:0;gap:0;padding:0;overflow:visible}.file-heading{margin:4px 0 12px;display:flex}.file-heading h2{margin:0;font-size:19px}.file-heading .eyebrow,.file-heading .section-description,.file-heading-actions>.text-button,.file-heading-actions>.secondary-button{display:none}.file-heading-actions{flex-wrap:nowrap;width:auto}.main-folder-breadcrumbs .file-heading-actions>.secondary-button{display:block}.file-heading-actions>.primary-button{box-shadow:none;border-radius:8px;padding:8px 11px;font-size:12px}.mobile-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.quick-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5eaf2;border-radius:10px;align-content:center;justify-items:center;gap:4px;min-height:66px;font-size:11px;font-weight:600;display:grid}.quick-action span{color:#2563eb;font-size:19px;line-height:1}.quick-action.upload{color:#fff;background:#2563eb;border-color:#2563eb}.quick-action.upload span{color:#fff}.file-browser-toolbar{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;padding:0;display:grid}.file-search{min-width:0}.file-search input{border-color:#e5eaf2;border-radius:9px;padding:11px 12px;font-size:13px}.file-sort-controls{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.file-sort-controls label{gap:4px;min-width:0;display:grid!important}.file-sort-controls label>span{font-size:11px}.file-sort-controls select{width:100%;min-width:0}.mobile-sort-trigger{display:none}.view-pagination-group{grid-column:1/-1;justify-self:end;margin-left:0}.view-toggle{gap:4px;display:flex}.view-toggle button{color:#64748b;background:#fff;border:1px solid #e5eaf2;border-radius:8px;width:38px;height:36px}.view-toggle button[aria-pressed=true]{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.inline-pagination{grid-column:1/-1;justify-content:flex-end;font-size:11px}.folder-table-row .folder-row-button{font-size:12px}.folder-table-row .folder-icon{color:#e9a826}.file-result-count{text-align:left;grid-column:1/-1;padding:0}.main-folder-breadcrumbs{align-items:center;gap:10px;margin:0 0 8px;font-size:12px;display:flex}.current-list-context{flex:auto;min-width:0}.file-heading-actions{flex:none}.folder-list{grid-template-columns:1fr;gap:7px;max-height:none;margin-bottom:10px;overflow:visible}.folder-item{background:#fff;border-color:#e5eaf2;border-radius:10px;min-height:60px}.folder-item-actions .text-button,.folder-item-actions .danger-button{padding:8px;font-size:11px}.file-table-wrapper{border:0;overflow:visible}.file-table,.file-table tbody{gap:7px;display:grid}.file-table thead{display:none}.file-table tr{background:#fff;border:1px solid #e5eaf2;border-radius:10px;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;margin:0;padding:10px;display:grid}.file-table td{border:0;width:auto;padding:0;display:block}.file-table td:not(:nth-child(3)):not(.file-actions):not(.selection-cell):not(.star-cell){display:none}.file-table td:before{content:none;display:none!important}.file-table td.selection-cell{width:26px;min-width:26px;display:block}.file-table td.star-cell{width:34px;min-width:34px;display:block}.file-table td.star-cell:before{display:none}.file-table td:nth-child(3){min-width:0}.folder-table-row .folder-row-button{color:#172033;width:100%;min-width:0;box-shadow:none;appearance:none;text-align:left;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;padding:0;display:flex;background:0 0!important;border:0!important}.folder-table-row .folder-row-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-name{gap:10px;min-width:0}.file-name strong{max-width:100%;font-size:13px;display:block}.file-name .file-metadata span:first-child{font-size:11px}.file-icon{border-radius:9px;width:34px;height:34px}.file-table .file-actions{justify-content:initial;border:0;padding:0;display:block}.file-table-wrapper.grid-view .file-table{width:100%;display:block}.file-table-wrapper.grid-view .file-table tbody{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;display:grid!important}.file-table-wrapper.grid-view .file-table tr{grid-template-columns:minmax(0,1fr) auto;align-content:space-between;min-height:124px;padding:10px}.file-table-wrapper.grid-view .file-table td.selection-cell{grid-area:1/1}.file-table-wrapper.grid-view .file-table td.star-cell{grid-area:1/2}.file-table-wrapper.grid-view .file-table td:nth-child(3){grid-area:2/1/auto/-1;padding:8px 0}.file-table-wrapper.grid-view .file-table .file-actions{grid-area:3/2}.file-action-menu-panel{z-index:1300;overscroll-behavior:contain;width:100%;height:auto;min-height:0;max-height:min(64dvh,440px);padding:14px 16px calc(14px + env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;gap:3px;display:grid;bottom:0;right:0;overflow-y:auto;box-shadow:0 -18px 40px #0f172a26;position:fixed!important;top:auto!important;left:0!important}.file-action-menu-backdrop{pointer-events:auto;background:#0f172a73}.file-action-menu-heading{border-bottom:1px solid #eef1f5;gap:4px;padding:2px 10px 12px;display:grid}.file-action-menu-heading strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.file-action-menu-heading span{color:#64748b;font-size:11px}.file-action-menu-panel>button{color:#334155;cursor:pointer;min-height:40px;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:7px;padding:8px 10px;font-size:14px;display:grid}.file-action-menu-panel>button:hover:not(:disabled){background:#f1f5f9}.file-action-menu-panel>button.destructive{color:#dc2626;border-top:1px solid #eef1f5;border-radius:0;margin-top:4px}.file-action-menu-panel>button.file-action-cancel{text-align:center;background:#f8fafc;min-height:40px;margin-top:4px;display:block}.folder-action-menu[open] .file-action-menu-panel{z-index:1300;width:100%;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;gap:3px;position:fixed;inset:auto 0 0;box-shadow:0 -18px 40px #0f172a26}.operation-toast{top:auto;right:16px;bottom:calc(74px + env(safe-area-inset-bottom));max-width:none;left:16px}.file-action-menu-panel .text-button,.file-action-menu-panel .danger-button{padding:12px;font-size:14px}.file-action-menu-panel .danger-button{border-top:1px solid #eef1f5;margin-top:5px}.upload-queue{right:12px;bottom:calc(72px + env(safe-area-inset-bottom));border-radius:12px;width:calc(100vw - 24px);max-height:min(52dvh,440px);padding:12px}.upload-queue-heading{gap:6px}.upload-queue-heading h3{font-size:13px}.upload-queue-heading .text-button{padding:6px;font-size:11px}.upload-item{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px}.upload-item-progress{grid-area:2/1/auto/-1}.mobile-bottom-nav{z-index:100;min-height:62px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5eaf2;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#64748b;cursor:pointer;font:inherit;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:10px;text-decoration:none;display:grid}.mobile-bottom-nav a[aria-current=page]{color:#2563eb;font-weight:650}.mobile-bottom-nav span{font-size:18px;line-height:1}.mobile-sheet-backdrop{z-index:1400;background:#0f172a73;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sort-sheet{width:100%;padding:20px 20px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;gap:16px;display:grid}.mobile-sort-sheet header{justify-content:space-between;align-items:center;display:flex}.mobile-sort-sheet h2{margin:0;font-size:18px}.mobile-sort-sheet label{color:#475569;gap:6px;font-size:13px;font-weight:600;display:grid}.mobile-sort-sheet select{color:#172033;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #e5eaf2;border-radius:8px;padding:8px 10px}.empty-files{background:#fff;border-radius:12px;padding:28px 16px}.file-pagination{padding-bottom:12px}.recycle-bin-dialog,.folder-dialog,.share-dialog,.preview-dialog{border-radius:0}.upload-panel-backdrop{align-items:stretch;padding:0}.folder-create-backdrop{align-items:center;padding:16px}.folder-create-dialog{border-radius:14px;width:100%;padding:20px 16px}.upload-panel{width:100%;min-height:100dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:0;align-content:start}.upload-panel-droparea{min-height:min(52dvh,420px)}}@media (width<=600px){.app-header{gap:8px;min-height:58px;padding-inline:12px;display:flex}.brand-lockup{min-width:0}.header-account{margin-left:auto}.sidebar-storage{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.sidebar-storage-values{flex-wrap:wrap;gap:2px 6px}.storage-type-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid!important}.storage-type-legend>span{white-space:normal;grid-template-rows:auto auto;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:2px 7px;min-width:0;display:grid!important}.storage-type-legend>span>span{grid-area:1/2;min-width:0}.storage-type-legend>span>b{grid-area:2/2}.storage-type-legend i{grid-area:1/1/span 2}.file-table-wrapper,.file-table-wrapper.grid-view{overflow:visible}.file-table,.file-table tbody,.file-table-wrapper.grid-view .file-table,.file-table-wrapper.grid-view .file-table tbody{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;display:grid!important}.file-table thead{display:none!important}.file-table tr,.file-table-wrapper.grid-view .file-table tr{box-sizing:border-box;background:#fff;border:1px solid #e5eaf2;border-radius:12px;grid-template-rows:minmax(42px,auto);grid-template-columns:26px 30px minmax(0,1fr) 34px;align-items:center;gap:4px;width:100%;min-width:0;min-height:70px;margin:0;padding:10px;position:relative;display:grid!important}.file-table tr:hover,.file-table tbody tr:hover{background:#f8fbff}.file-table td,.file-table-wrapper.grid-view .file-table td{color:#64748b;border:0;width:auto;min-width:0;padding:0;display:block}.file-table td:before{content:none!important;display:none!important}.file-table td.selection-cell{grid-area:1/1;width:26px}.file-table td.star-cell{grid-area:1/2;width:30px}.file-table td:nth-child(3){grid-area:1/3;min-width:0;overflow:hidden;display:block!important}.file-table td:nth-child(4),.file-table td:nth-child(5),.file-table td:nth-child(6){display:none!important}.file-table td.file-actions{text-align:center;border:0;grid-area:1/4;width:34px;padding:0;display:block!important}.file-name{gap:8px;width:100%;min-width:0}.file-name>div{min-width:0;overflow:hidden}.file-name strong,.folder-row-button strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.file-name .file-metadata{flex-wrap:wrap;gap:4px;min-width:0}.file-action-trigger{width:34px;height:38px}.folder-table-row .folder-row-button{color:#172033;width:100%;min-width:0;box-shadow:none;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.file-action-menu-backdrop{padding:12px 12px max(12px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex}.file-action-menu-backdrop>.file-action-menu-panel{box-sizing:border-box;background:#fff;border:1px solid #e5eaf2;border-radius:16px;width:min(100%,520px);max-height:min(54dvh,400px);margin:0 auto;padding:12px;overflow-y:auto;box-shadow:0 18px 48px #0f172a38;position:relative!important;inset:auto!important}.folder-action-menu[open] .file-action-menu-panel{border:1px solid #e5eaf2;border-radius:16px;width:min(100%,520px);max-height:min(54dvh,400px);padding:12px;position:relative!important;inset:auto!important}.folder-create-backdrop{box-sizing:border-box;padding:max(12px, env(safe-area-inset-top)) 14px max(12px, env(safe-area-inset-bottom));place-items:center;display:grid;overflow-y:auto}.folder-create-dialog{box-sizing:border-box;width:min(100%,440px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);border-radius:16px;padding:18px 16px;overflow-y:auto}}@media (width<=380px){.dashboard{padding-inline:10px}.file-table tr,.file-table-wrapper.grid-view .file-table tr{grid-template-columns:24px 26px minmax(0,1fr) 32px;gap:3px;padding:8px}.file-table td.star-cell{width:26px}.file-action-trigger{width:32px}.file-icon{flex:0 0 30px;width:30px;height:30px}}.welcome-layout{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:clamp(40px,5vw,76px);width:min(1400px,100% - 64px);min-height:100vh;margin:0 auto;padding:clamp(48px,6vw,88px) 0}.welcome-copy{max-width:690px}.landing-brand{color:#18335a;letter-spacing:.14em;align-items:center;gap:12px;width:fit-content;margin-bottom:clamp(28px,4vw,52px);font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.landing-brand-mark,.preview-logo{color:#2563eb;background:#e8f1ff;place-items:center;display:grid}.landing-brand-mark{border:1px solid #d7e6ff;border-radius:15px;width:48px;height:48px}.landing-brand-mark svg{width:34px;height:34px}.welcome-copy h1{letter-spacing:-.055em;max-width:680px;margin-bottom:20px;font-size:clamp(2.8rem,5vw,5rem);line-height:1.04}.welcome-copy>p:not(.landing-cta-note){color:#526178;max-width:560px;margin-bottom:28px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.welcome-copy>.primary-button{border-radius:12px;min-width:150px;min-height:52px;padding:14px 24px;font-size:1rem}.landing-cta-note{color:#64748b;margin:12px 0 0;font-size:.88rem}.landing-trust-row{color:#42536d;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:30px 0 0;padding:0;list-style:none;display:grid}.landing-trust-row li{align-items:center;gap:9px;min-width:0;font-size:.88rem;display:flex}.landing-trust-row svg{color:#2563eb;flex:none}.landing-preview{background:#ffffff8c;border:1px solid #ffffffd9;border-radius:24px;min-width:0;padding:14px;position:relative;transform:rotate(1deg);box-shadow:0 28px 80px #23457324}.preview-window-bar{color:#8795aa;letter-spacing:.1em;align-items:center;gap:6px;height:30px;padding:0 8px 11px;font-size:.56rem;font-weight:750;display:flex}.preview-window-bar i{background:#cbd5e1;border-radius:50%;width:7px;height:7px}.preview-window-bar span{margin-left:7px}.preview-dashboard{background:#fff;border:1px solid #e4eaf3;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px #19325514}.preview-header{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 18px;display:flex}.preview-header>div,.preview-header>.preview-upload,.preview-storage>div:first-child,.preview-storage>div:first-child>span{align-items:center;display:flex}.preview-header>div{color:#1e2e48;gap:9px}.preview-header strong{font-size:.95rem}.preview-logo{border-radius:10px;width:34px;height:34px}.preview-logo svg{width:25px;height:25px}.preview-header>.preview-upload{color:#fff;background:#2563eb;border-radius:9px;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:700}.preview-content{padding:20px}.preview-section-heading{color:#263852;justify-content:space-between;font-size:.8rem;font-weight:750;display:flex}.preview-section-heading>span:last-child{color:#2563eb;font-size:.7rem;font-weight:600}.preview-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.preview-folders>div{color:#42536d;background:#fbfcfe;border:1px solid #e8edf5;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:13px 11px;font-size:.75rem;font-weight:650;display:flex}.preview-folders svg{color:#e1a52d;flex:none}.preview-recent-heading{margin:22px 0 8px}.preview-file{border-top:1px solid #f0f3f8;align-items:center;gap:10px;min-width:0;padding:11px 0;display:flex}.preview-file-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.preview-file-icon.document{color:#5476bb;background:#edf3ff}.preview-file-icon.photo{color:#8056cf;background:#f3edff}.preview-file>span:nth-child(2){gap:3px;min-width:0;display:grid}.preview-file strong{color:#273853;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.preview-file small{color:#8491a5;font-size:.66rem}.preview-file-size{color:#78869b;white-space:nowrap;margin-left:auto;font-size:.67rem}.preview-storage{background:#f9fbfe;border:1px solid #e9eef6;border-radius:11px;margin-top:13px;padding:14px}.preview-storage>div:first-child{color:#526178;justify-content:space-between;gap:10px;font-size:.73rem}.preview-storage>div:first-child>span{color:#354966;gap:7px;font-weight:700}.preview-storage strong{color:#2563eb;font-size:.7rem}.preview-storage-track{background:#e8eef7;border-radius:99px;height:7px;margin:11px 0 7px;overflow:hidden}.preview-storage-track i{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#2563eb);width:68%;height:100%;display:block}.preview-storage small{color:#8491a5;font-size:.66rem}.preview-private-badge{color:#354966;background:#fff;border:1px solid #e5ebf4;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:.76rem;font-weight:700;display:flex;position:absolute;bottom:24px;right:-18px;box-shadow:0 12px 28px #2345731f}.preview-private-badge svg{color:#2563eb}@media (width<=900px){.welcome-layout{grid-template-columns:minmax(0,1fr);align-content:center;gap:36px;width:min(680px,100% - 40px);min-height:100vh;padding:48px 0}.welcome-copy{max-width:none}.welcome-copy h1{max-width:650px;font-size:clamp(2.65rem,8vw,4.3rem)}.landing-brand{margin-bottom:30px}.landing-preview{max-width:620px;transform:none}.preview-private-badge{bottom:-14px;right:12px}}@media (width<=520px){.welcome-layout{align-content:start;gap:28px;width:calc(100% - 32px);min-height:100dvh;padding:34px 0 42px}.landing-brand{gap:9px;margin-bottom:24px;font-size:.7rem}.landing-brand-mark{width:42px;height:42px}.landing-brand-mark svg{width:30px;height:30px}.welcome-copy h1{margin-bottom:14px;font-size:clamp(2.35rem,11vw,3.3rem);line-height:1.03}.welcome-copy>p:not(.landing-cta-note){margin-bottom:20px;font-size:1rem;line-height:1.55}.welcome-copy>.primary-button{min-height:48px}.landing-trust-row{gap:12px 10px;margin-top:23px}.landing-trust-row li{align-items:flex-start;gap:7px;font-size:.75rem;line-height:1.35}.landing-trust-row svg{width:15px;height:15px}.landing-preview{border-radius:18px;padding:9px}.preview-window-bar{height:23px;padding-bottom:8px}.preview-header{min-height:58px;padding:10px 12px}.preview-content{padding:15px 12px}.preview-folders{gap:7px}.preview-folders>div{gap:6px;padding:11px 8px;font-size:.68rem}.preview-private-badge{padding:9px 11px;font-size:.7rem;bottom:-14px;right:6px}}