.app-shell{min-height:100vh}.app-sider-brand{padding:16px;font-size:14px;font-weight:600}.app-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-inline:24px;display:flex}.app-header-title{margin:0!important}.app-content{background:#fff;min-height:calc(100vh - 104px);margin:24px;padding:24px}.vault-card{max-width:520px}.vault-alert{margin-bottom:16px}.vault-loading{justify-content:center;padding:48px;display:flex}.page-toolbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.page-title{margin:0!important}.app-code-block{background:#fafafa;border-radius:6px;max-height:240px;padding:12px;font-size:12px;overflow:auto}.connection-row-active{background:var(--brand-light,#f5eefa)}.modal-footer-row{justify-content:flex-end;gap:8px;display:flex}.sharing-followup{margin-top:16px}.browser-page{flex-direction:column;gap:0;display:flex}.browser-toolbar{flex-wrap:wrap;row-gap:8px;margin-bottom:12px}.browser-breadcrumb{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:12px;padding:6px 8px}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:4px 0;display:grid}.browser-grid-item{cursor:pointer;text-align:center;border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:background .15s,border-color .15s;display:flex;position:relative}.browser-grid-item:hover{background:#f5f5f5;border-color:#d9d9d9}.browser-grid-item:hover .browser-grid-item-actions{opacity:1;pointer-events:auto}.browser-grid-item--selected{background:var(--brand-light,#f5eefa);border-color:#c39bd3}.browser-grid-item-icon{font-size:36px;line-height:1}.browser-grid-item-icon--folder{color:#faad14}.browser-grid-item-icon--file{font-size:32px}.browser-grid-item-name{text-align:center;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:12px;display:-webkit-box;overflow:hidden}.browser-grid-item-actions{opacity:0;pointer-events:none;gap:4px;transition:opacity .15s;display:flex;position:absolute;bottom:6px;right:6px}.upload-panel{flex-direction:column;gap:16px;display:flex}.upload-dropzone{text-align:center;cursor:pointer;color:#8c8c8c;border:2px dashed #d9d9d9;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;transition:border-color .2s,background .2s;display:flex}.upload-dropzone:hover,.upload-dropzone--active{border-color:var(--brand,#8e44ad);background:var(--brand-light,#f5eefa);color:var(--brand,#8e44ad)}.upload-dropzone--disabled{opacity:.5;cursor:not-allowed}.upload-dropzone-icon{color:inherit;font-size:40px}.upload-queue{flex-direction:column;gap:10px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.upload-queue-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:8px 10px}.upload-queue-item-header{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;display:flex;overflow:hidden}.upload-status-icon{flex-shrink:0;font-size:15px}.upload-status-icon--uploading{color:var(--brand,#8e44ad)}.upload-status-icon--done{color:#52c41a}.upload-status-icon--error{color:#ff4d4f}.upload-panel-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-bottom-bar{z-index:100;background:#fff;border-top:1px solid #f0f0f0;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottom-bar-item{color:#000000a6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.app-bottom-bar-item--active{color:var(--brand,#8e44ad)}.app-bottom-bar-icon{font-size:20px;line-height:1}.app-bottom-bar-label{font-size:11px;line-height:1.2}.app-sider-accounts{padding:0 0 16px}@media (width<=767px){.app-content{min-height:calc(100vh - 148px);margin:12px;padding:12px}.page-toolbar{flex-wrap:wrap;row-gap:8px}}.accounts-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--app-bg,#f5f5f5)}:root{--app-bg:#f5f5f5;--brand:#8e44ad;--brand-light:#f5eefa;--brand-hover:#9b59b6}