.dashboard-container{flex-direction:column;width:100%;min-height:calc(100vh - 60px);display:flex}.section-content{width:100%;max-width:1000px;margin:0 auto;padding:0 16px}.section-title{color:var(--color-text);margin-bottom:16px;font-family:Google Sans,sans-serif;font-size:15px;font-weight:500}.templates-section-wrapper{background-color:var(--color-hover);border-bottom:1px solid var(--color-toolbar-border);padding:24px 0 32px}.templates-grid{flex-wrap:wrap;gap:20px;display:flex}.template-card{cursor:pointer;flex-direction:column;gap:8px;width:150px;transition:transform .2s;display:flex}.template-card:hover{transform:translateY(-2px)}.template-thumbnail{background-color:var(--color-page-bg);border:1px solid var(--color-toolbar-border);height:190px;box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.template-card:hover .template-thumbnail{border-color:var(--color-brand);box-shadow:0 4px 8px #0000001a}.template-thumbnail span{color:var(--color-brand);font-size:40px}.template-thumbnail.blank span{color:var(--color-text-secondary);font-size:48px}.template-thumbnail.proposal{background:linear-gradient(135deg,#3b82f60d 0%,#3b82f626 100%)}.template-thumbnail.meeting{background:linear-gradient(135deg,#10b9810d 0%,#10b98126 100%)}.template-thumbnail.meeting span{color:#10b981}.template-thumbnail.resume{background:linear-gradient(135deg,#8b5cf60d 0%,#8b5cf626 100%)}.template-thumbnail.resume span{color:#8b5cf6}.template-thumbnail.cover_letter{background:linear-gradient(135deg,#f59e0b0d 0%,#f59e0b26 100%)}.template-thumbnail.cover_letter span{color:#f59e0b}.template-info{flex-direction:column;gap:2px;display:flex}.template-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.template-description{color:var(--color-text-secondary);font-size:11px}.documents-section-wrapper{background-color:var(--color-bg);flex-grow:1;padding:32px 0}.documents-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.docs-list-header{border-bottom:1px solid var(--color-toolbar-border);color:var(--color-text-secondary);grid-template-columns:3fr 1.5fr 1fr 50px;padding:10px 16px;font-size:13px;font-weight:600;display:grid}.document-row{border-bottom:1px solid var(--color-toolbar-border);color:var(--color-text);grid-template-columns:3fr 1.5fr 1fr 50px;align-items:center;height:52px;padding:10px 16px;font-size:14px;transition:background-color .15s;display:grid}.document-row:hover{background-color:var(--color-hover)}.col-name-wrapper{align-items:center;gap:12px;min-width:0;display:flex}.col-name-wrapper .doc-icon{color:var(--color-brand);font-variation-settings:"FILL" 1;flex-shrink:0}.col-name-wrapper .doc-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-weight:500;text-decoration:none;overflow:hidden}.col-name-wrapper .doc-title:hover{text-decoration:underline}.col-date{color:var(--color-text-secondary);white-space:nowrap}.col-offline{align-items:center;display:flex}.offline-toggle-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-brand)}.col-actions{justify-content:flex-end;display:flex;position:relative}.btn-more-actions{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.btn-more-actions:hover{background-color:var(--color-active);color:var(--color-text)}.row-action-popover{background-color:var(--color-dropdown-bg);border:1px solid var(--color-toolbar-border);z-index:50;border-radius:6px;flex-direction:column;min-width:160px;padding:4px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.row-action-popover.show{display:flex}.search-container{flex:1;max-width:480px;margin:0 16px;position:relative}.search-container input{background-color:var(--color-hover);width:100%;height:40px;color:var(--color-text);border:1px solid #0000;border-radius:8px;outline:none;padding:8px 40px 8px 44px;font-family:Inter,sans-serif;font-size:14px;transition:background-color .2s,border-color .2s,box-shadow .2s}.search-container input::placeholder{color:var(--color-text-secondary)}.search-container input:focus{background-color:var(--color-page-bg);border-color:var(--color-toolbar-border);box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search-icon{color:var(--color-text-secondary);pointer-events:none;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}#search-clear-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}#search-clear-btn:hover{background-color:var(--color-hover);color:var(--color-text)}.theme-toggle-btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.theme-toggle-btn:hover{background-color:var(--color-hover);color:var(--color-text)}.sync-banner-notice{color:var(--color-brand);background-color:#3b82f614;border:1px solid #3b82f626;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-size:13px;display:flex}.sync-banner-notice .banner-icon{font-size:18px}.list-placeholder-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.list-placeholder-state span{font-size:48px}.list-placeholder-state p{margin:0;font-size:14px}.list-placeholder-state .spinner{animation:2s linear infinite spin}@media (width<=768px){.docs-list-header{grid-template-columns:2fr 1.5fr 50px}.docs-list-header .col-offline{display:none}.document-row{grid-template-columns:2fr 1.5fr 50px}.document-row .col-offline{display:none}.search-container{max-width:250px}.templates-grid{justify-content:center}}@media (width<=480px){.docs-list-header{grid-template-columns:1fr 50px}.docs-list-header .col-date{display:none}.document-row{grid-template-columns:1fr 50px}.document-row .col-date,.search-container{display:none}}