.main-content{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.vault-header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.vault-title-section h1{color:#1f1d1a;margin-bottom:2px;font-size:16px;font-weight:600}.vault-subtitle{color:#9b9b9b;font-size:12px;font-weight:400}.vault-actions{align-items:center;gap:12px;display:flex}.search-bar{background:#fff;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:8px;min-width:240px;padding:8px 12px;display:flex}.search-bar svg{color:#9b9b9b;flex-shrink:0}.search-bar input{color:#1f1d1a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-bar input::placeholder{color:#9b9b9b}.view-toggle{gap:4px;display:flex}.view-toggle-btn{cursor:pointer;color:#6b6b6b;background:0 0;border:1px solid #e5e5e5;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.view-toggle-btn:hover{background:#f5f5f5;border-color:#d0d0d0}.view-toggle-btn.active{color:#1f1d1a;background:#f5f5f5}.vault-tabs{background:#fff;border-bottom:1px solid #e5e5e5;gap:32px;padding:0 32px;display:flex}.vault-tab{color:#9b9b9b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 0;font-size:13px;font-weight:500;transition:all .2s}.vault-tab:hover{color:#1f1d1a}.vault-tab.active{color:#1f1d1a;border-bottom-color:#1f1d1a}.vault-content{background:#fff;flex:1;padding:32px;overflow-y:auto}.vault-sort-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sort-dropdown{cursor:pointer;color:#6b6b6b;background:0 0;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.sort-dropdown:hover{background:#f5f5f5;border-color:#d0d0d0}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.new-vault-card{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #e5e5e5;border-radius:6px;padding:40px 24px;transition:all .2s}.new-vault-card:hover{background:#f8f8f8;border-color:silver}.new-vault-icon{background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.new-vault-icon svg{color:#9b9b9b}.new-vault-card h3{color:#1f1d1a;margin-bottom:4px;font-size:14px;font-weight:500}.new-vault-card p{color:#9b9b9b;font-size:12px;line-height:1.4}.folder-card{cursor:pointer;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;padding:0;transition:all .2s;overflow:hidden}.folder-card:hover{background:#f5f5f5;border-color:#d0d0d0}.folder-icon-container{align-items:center;gap:16px;padding:24px 20px;display:flex}.folder-icon{background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.folder-icon svg{color:silver;fill:silver;stroke:none;width:48px;height:48px}.folder-info{flex:1;min-width:0}.folder-name{color:#1f1d1a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;overflow:hidden}.folder-meta{color:#9b9b9b;gap:8px;font-size:12px;font-weight:400;display:flex}.files-table{border-collapse:collapse;background:#fff;width:100%}.files-table thead{border-bottom:1px solid #e5e5e5}.files-table th{text-align:left;color:#9b9b9b;background:#fafafa;padding:12px 16px;font-size:12px;font-weight:500}.files-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.files-table tbody tr:hover{background:#fafafa}.files-table td{color:#1f1d1a;padding:14px 16px;font-size:13px}