:root{--accent: #0061ff;--accent-hover: #0052d9;--accent-soft: #e8f0fe;--bg: #ffffff;--bg-subtle: #f7f9fc;--border: #e3e8ee;--text: #1e1f21;--text-muted: #6b7280;--danger: #d92d20;--radius: 10px;--radius-small: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.boot{height:100vh;display:flex;align-items:center;justify-content:center}.boot-error{max-width:420px;margin:20vh auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius);color:var(--danger);text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);cursor:pointer;font-weight:500;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--bg-subtle)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.btn-danger-ghost{border-color:transparent;background:transparent;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:#fdf1f0}.btn-small{padding:5px 11px;font-size:13px}.btn-block{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}.btn-icon:hover{background:var(--bg-subtle);color:var(--text)}.link{border:none;background:none;padding:0;color:var(--accent);cursor:pointer;font-weight:500}.link:hover{text-decoration:underline}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);padding:24px}.login-card{width:100%;max-width:400px;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:36px}.login-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;margin-bottom:22px}.login-card h1{margin:0 0 20px;font-size:22px;font-weight:600}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:var(--text)}.login-card input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:var(--bg)}.login-card input:focus,.search-input:focus,.share-url:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.login-toggle{margin:20px 0 0;color:var(--text-muted);text-align:center}.form-error{color:var(--danger);background:#fdf1f0;border-radius:var(--radius-small);padding:10px 12px;font-size:13px}.layout{display:flex;height:100vh}.sidebar{width:232px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-subtle);padding:20px 14px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;padding:4px 10px 20px;color:var(--text);text-decoration:none}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:block;padding:9px 12px;border-radius:var(--radius-small);color:var(--text);text-decoration:none;font-weight:500}.nav-link:hover{background:#eef2f7}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:12px 10px 0;border-top:1px solid var(--border)}.usage{font-weight:600;font-size:13px}.user-email{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .btn-ghost{align-self:flex-start;padding:6px 10px;margin-left:-10px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--border);flex-wrap:wrap}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:17px;font-weight:600;min-width:0}.crumb-group{display:inline-flex;align-items:center;gap:2px}.crumb{color:var(--text-muted);text-decoration:none;padding:2px 6px;border-radius:6px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.crumb:hover{background:var(--bg-subtle);color:var(--accent)}.crumb.current{color:var(--text)}.crumb-sep{color:var(--text-muted);font-weight:400}.topbar-actions{display:flex;align-items:center;gap:10px}.search-input{width:220px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:var(--bg-subtle)}.upload-banner{display:flex;align-items:center;gap:10px;margin:14px 28px 0;padding:10px 14px;border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:var(--radius-small);color:var(--accent);font-weight:500}.upload-progress{flex:1;height:6px;border-radius:3px;background:#d3e2fd;overflow:hidden;min-width:80px}.upload-progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .2s ease}.error-banner{margin:14px 28px 0;padding:10px 14px;border-radius:var(--radius-small);background:#fdf1f0;color:var(--danger)}.file-area{position:relative;flex:1;overflow-y:auto;padding:8px 28px 28px}.file-area.drag-over:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed var(--accent);border-radius:var(--radius);background:#0061ff0d;pointer-events:none}.drop-hint{position:sticky;top:8px;z-index:2;margin:8px auto 0;width:fit-content;padding:8px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;pointer-events:none}.file-table{width:100%;border-collapse:collapse}.file-table th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:14px 10px 10px;border-bottom:1px solid var(--border)}.file-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.file-row:hover td{background:var(--bg-subtle)}.file-row.clickable .col-name{cursor:pointer}.name-cell{display:flex;align-items:center;gap:12px;min-width:0}.item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.file-row.clickable:hover .item-name{color:var(--accent)}.badge-shared{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px}.icon-folder{color:#8fb5f9}.icon-file{color:#7a8699}.icon-image{color:#58a06f}.col-size,.col-date{color:var(--text-muted);white-space:nowrap;width:110px}.col-date{width:130px}.col-actions{width:56px;text-align:right}.trash-actions{display:flex;gap:8px;justify-content:flex-end}.col-actions:has(.trash-actions){width:220px}.row-menu{position:relative;display:inline-block}.menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:170px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #1e1f211a;padding:6px}.menu-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;border-radius:6px;cursor:pointer}.menu-item:hover{background:var(--bg-subtle)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:#fdf1f0}.menu-sep{height:1px;background:var(--border);margin:6px 4px}.list-loading{display:flex;justify-content:center;padding:80px 0}.empty-state{text-align:center;padding:90px 20px;color:var(--text-muted)}.empty-title{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1e1f2166;display:flex;align-items:center;justify-content:center;padding:24px}.overlay-dark{background:#141517cc}.dialog{width:100%;max-width:440px;background:var(--bg);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;max-height:80vh}.dialog h2{margin:0;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-hint{margin:0;color:var(--text-muted)}.dialog-loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);padding:12px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.folder-list{overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-small);max-height:320px;padding:6px;display:flex;flex-direction:column;gap:2px}.folder-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 14px;border:none;background:none;border-radius:6px;cursor:pointer}.folder-option:hover{background:var(--bg-subtle)}.folder-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.share-row{display:flex;gap:8px}.share-url{flex:1;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;color:var(--text-muted);background:var(--bg-subtle);min-width:0}.dialog .btn-danger-ghost{align-self:flex-start;padding-left:0}.preview{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:90vh}.preview-header{display:flex;align-items:center;gap:16px;width:100%;justify-content:space-between;color:#fff}.preview-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-close{color:#fff;font-size:16px}.preview-close:hover{background:#ffffff26;color:#fff}.preview-img{max-width:90vw;max-height:78vh;border-radius:var(--radius);background:#fff}.preview-error{color:#fff;padding:40px}.share-page{min-height:100vh;background:var(--bg-subtle);display:flex;flex-direction:column}.share-header{padding:18px 28px;border-bottom:1px solid var(--border);background:var(--bg)}.share-header .brand{padding:0}.share-card{width:100%;max-width:520px;margin:48px auto;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:20px}.share-file{display:flex;align-items:center;gap:14px}.share-file .icon{width:34px;height:34px}.share-file-name{font-size:17px;font-weight:600;word-break:break-word}.share-file-size{color:var(--text-muted);margin-top:2px}.share-preview{width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-subtle)}.preview-pdf{width:min(900px,92vw);height:min(1100px,78vh);border:none;border-radius:var(--radius);background:#fff}.share-preview-pdf{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle)}@media (max-width: 760px){.layout{flex-direction:column;height:100dvh}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 10px;padding:10px 14px 8px;border-right:none;border-bottom:1px solid var(--border)}.brand{padding:0;font-size:16px}.sidebar-nav{order:3;flex-basis:100%;min-width:0;max-width:100%;flex-direction:row;overflow-x:auto;gap:4px;margin-top:8px;padding-bottom:2px;-webkit-overflow-scrolling:touch}.nav-link{padding:7px 11px;white-space:nowrap;font-size:14px}.sidebar-footer{margin:0 0 0 auto;padding:0;border-top:none;flex-direction:row;align-items:center;gap:8px}.usage,.user-email{display:none}.sidebar-footer .btn-ghost{margin-left:0}.main{min-height:0}.topbar{padding:12px 14px;gap:8px}.breadcrumbs{font-size:15px}.crumb{max-width:130px}.topbar-actions{width:100%;flex-wrap:wrap;gap:8px}.search-input{flex:1;width:auto;min-width:120px}.file-area{padding:8px 14px 20px;overflow-x:auto}.col-date,.col-owner{display:none}.item-name{max-width:48vw}.security-page{max-width:100%}.preview-pdf{width:94vw;height:72vh}.share-preview-pdf{height:55vh}}@media (max-width: 520px){.col-size{display:none}.totp-qr{width:180px;height:180px}}.share-section{display:flex;flex-direction:column;gap:10px}.share-section+.share-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.share-section h3{margin:0;font-size:14px;font-weight:600}.share-section input.share-url{color:var(--text);background:var(--bg)}.role-select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:var(--bg);color:var(--text)}.grant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.grant-row{display:flex;align-items:center;gap:8px}.grant-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-role{font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;text-transform:capitalize}.badge-role-viewer{color:var(--text-muted);background:var(--bg-subtle)}.badge-role-contributor{color:var(--accent);background:var(--accent-soft)}.col-owner,.col-access{text-align:left;color:var(--text-muted);white-space:nowrap}.col-owner{max-width:220px;overflow:hidden;text-overflow:ellipsis}.context-banner{margin:14px 28px 0;padding:10px 14px;border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:var(--radius-small);color:var(--accent);font-weight:500}.context-banner a{color:inherit;text-decoration:underline}.file-row.dragging{opacity:.45}.file-row.drop-target td{background:var(--accent-soft);box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.file-row.drop-target td:first-child{box-shadow:inset 2px 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.file-row.drop-target td:last-child{box-shadow:inset -2px 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.crumb.drop-target{background:var(--accent-soft);outline:2px solid var(--accent);border-radius:var(--radius-small);color:var(--accent)}.admin-section{margin-top:32px;display:flex;flex-direction:column;gap:10px}.admin-section h2{margin:0;font-size:16px}.invite-form{max-width:420px}.invite-hint{margin:0 0 16px;padding:10px 12px;border-radius:var(--radius-small);background:var(--accent-soft);color:var(--accent);font-size:13px}.invite-blocked-text{margin:0 0 20px;color:var(--text-muted);line-height:1.5}.security-page{max-width:560px;display:flex;flex-direction:column;gap:16px}.security-page h2{margin:0;font-size:18px}.security-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.security-card h3{margin:0;font-size:14px;font-weight:600}.security-actions{display:flex;gap:10px}.totp-qr{width:220px;height:220px;align-self:center;border:1px solid var(--border);border-radius:var(--radius-small)}.totp-secret{margin:0;font-size:12px;color:var(--text-muted);word-break:break-all}.totp-secret code{-webkit-user-select:all;user-select:all}.code-input{font-size:20px;letter-spacing:6px;text-align:center;max-width:200px}.factor-meta{color:var(--text-muted);font-size:12px}.factor-choice{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.security-card h1{margin:0;font-size:16px}.admin-tabs{display:flex;gap:6px;margin:6px 0 14px}.admin-tabs .tab{padding:7px 14px;border-radius:999px;text-decoration:none;color:var(--text-muted);font-weight:600;font-size:13px;border:1px solid var(--border)}.admin-tabs .tab:hover{color:var(--accent)}.admin-tabs .tab.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.dialog-wide{max-width:560px}.detail-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:13px}.detail-grid dt{color:var(--text-muted);font-weight:500}.detail-grid dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attr-list{display:flex;flex-direction:column;gap:8px}.attr-row{display:flex;align-items:center;gap:8px}.attr-key{flex:0 0 38%}.attr-value{flex:1}.attr-key-ro{flex:0 0 38%;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attr-value-ro{flex:1;color:var(--text-muted);overflow-wrap:anywhere}.share-section .btn-small{align-self:flex-start}