.creator-database-view { max-width: 1500px; margin: 0 auto; }
.creator-database-view [hidden] { display:none !important; }
.creator-database-heading,.creator-source-bar,.creator-bulk-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.creator-database-heading { margin-bottom:18px; }
.creator-database-heading h1 { margin:4px 0 6px; font-size:34px; }
.creator-database-heading-actions,.creator-source-actions,.creator-bulk-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.creator-source-bar { min-height:64px; padding:11px 18px; border-bottom:1px solid var(--line); background:#f8fbfa; }
.creator-source-copy { display:flex; align-items:center; gap:10px; min-width:0; }
.creator-source-icon { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border-radius:9px; color:#087276; background:#daf4ef; font-size:12px; font-weight:800; }
.creator-source-copy > div strong,.creator-source-copy > div span { display:block; }
.creator-source-copy > div strong { font-size:13px; }
.creator-source-copy > div span { margin-top:2px; color:var(--muted); font-size:11px; }
.creator-source-settings { width:auto !important; min-height:34px; padding:7px 11px; flex:0 0 auto; font-size:11px; }
.creator-database-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.creator-metric { padding:16px; cursor:pointer; text-align:left; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:15px; box-shadow:var(--shadow-sm); }
.creator-metric:hover { border-color:#9fd9d2; transform:translateY(-1px); }
.creator-metric strong,.creator-metric span { display:block; }
.creator-metric strong { font-size:24px; }
.creator-metric span { margin-top:5px; color:var(--muted); font-size:12px; }
.creator-database-panel { padding:0; overflow:visible; }
.creator-database-toolbar { display:block; padding:16px 18px 14px; border-bottom:1px solid var(--line); background:#fff; }
.creator-toolbar-main,.creator-toolbar-secondary,.creator-toolbar-actions { display:flex; align-items:center; gap:10px; }
.creator-toolbar-main { justify-content:space-between; }
.creator-toolbar-secondary { align-items:end; margin-top:12px; }
.creator-toolbar-actions { flex:0 0 auto; }
.creator-search { min-width:260px; max-width:560px; flex:1; }
.creator-search input { width:100%; min-height:42px; padding:9px 13px 9px 38px; color:var(--ink); background:#f8fbfa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2374878a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center; border:1px solid #d7e3e1; border-radius:10px; outline:none; }
.creator-search input:focus { background-color:#fff; border-color:#68c9c2; box-shadow:0 0 0 3px rgba(28,158,156,.1); }
.creator-column-picker,.creator-more-filters { position:relative; }
.creator-column-picker summary,.creator-more-filters summary { min-height:42px; display:flex; align-items:center; gap:7px; padding:9px 12px; cursor:pointer; list-style:none; color:#405a60; border:1px solid #d7e3e1; border-radius:10px; background:#fff; font-size:11px; font-weight:700; white-space:nowrap; }
.creator-column-picker summary::-webkit-details-marker,.creator-more-filters summary::-webkit-details-marker { display:none; }
.creator-more-filters.is-active summary { color:#087276; border-color:#a9ddd7; background:#edf9f7; }
.creator-more-filters summary span { min-width:18px; height:18px; display:grid; place-items:center; padding:0 5px; color:#fff; background:#159995; border-radius:999px; font-size:9px; }
.creator-column-menu { position:absolute; right:0; top:44px; z-index:8; width:190px; display:grid; gap:8px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-md); }
.creator-primary-filters { min-width:0; display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:8px; flex:1; }
.creator-filter-control { min-width:0; display:grid; gap:2px; padding:7px 10px 6px; color:#718489; background:#f8fbfa; border:1px solid #dce7e5; border-radius:10px; transition:border-color .16s ease,background .16s ease; }
.creator-filter-control > span { padding-left:2px; font-size:9px; line-height:1.2; letter-spacing:.02em; }
.creator-filter-control select { width:100%; min-width:0; padding:0 22px 0 0; color:#304a50; background:transparent; border:0; outline:none; font-size:11px; font-weight:650; }
.creator-filter-control.is-active { color:#087276; background:#eaf8f5; border-color:#a9ddd7; }
.creator-filter-control.is-active select { color:#076e70; }
.creator-stage-settings { min-height:43px; padding:8px 4px; cursor:pointer; color:#6b7e82; background:transparent; border:0; font-size:10px; white-space:nowrap; }
.creator-stage-settings:hover { color:#087276; }
.creator-advanced-filters { position:absolute; top:48px; right:0; z-index:12; width:min(620px,calc(100vw - 72px)); display:grid; grid-template-columns:repeat(3,minmax(130px,1fr)); gap:8px; padding:12px; background:#fff; border:1px solid #d9e5e3; border-radius:13px; box-shadow:0 16px 40px rgba(17,58,65,.16); }
.creator-clear-filters { grid-column:1/-1; justify-self:end; padding:5px 2px; cursor:pointer; color:#158b88; background:transparent; border:0; font-size:10px; }
.creator-export-history-link { justify-self:end; padding:0; cursor:pointer; color:#158b88; background:transparent; border:0; font-size:11px; }
.creator-bulk-bar { margin:10px 14px 0; padding:10px 12px; color:#0b6265; background:#e8f8f5; border:1px solid #bee6df; border-radius:11px; }
.creator-table-wrap { overflow:auto; }
.creator-database-table { width:100%; min-width:980px; border-collapse:collapse; }
.creator-database-table th,.creator-database-table td { padding:12px 13px; border-bottom:1px solid #edf2f1; text-align:left; vertical-align:middle; font-size:12px; }
.creator-database-table th { position:sticky; top:0; z-index:2; color:#63777c; background:#f8fbfa; font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.creator-database-table tbody tr:hover { background:#f7fcfb; }
.creator-cell-button { display:grid; gap:3px; cursor:pointer; color:var(--ink); background:transparent; text-align:left; }
.creator-cell-button strong { font-size:13px; }
.creator-cell-button span { color:var(--muted); font-size:10px; }
.source-chip,.stage-chip { display:inline-flex; margin:2px 3px 2px 0; padding:4px 7px; border-radius:999px; background:#edf5f4; color:#587176; font-size:10px; white-space:nowrap; }
.stage-chip { color:#176d70; background:#e1f5f2; }
.creator-detail-drawer { position:fixed; inset:18px 18px 18px auto; z-index:60; width:min(480px,calc(100vw - 36px)); overflow:auto; padding:20px; background:var(--paper); border:1px solid var(--line); border-radius:20px; box-shadow:0 24px 70px rgba(9,47,57,.28); }
.creator-detail-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.creator-detail-header h2 { margin:4px 0 0; font-size:24px; }
.creator-detail-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin:18px 0; padding:4px; background:#eef5f4; border-radius:11px; }
.creator-detail-tabs button { padding:9px; cursor:pointer; color:#65787d; background:transparent; border-radius:8px; }
.creator-detail-tabs button[aria-selected="true"] { color:#0a696c; background:#fff; box-shadow:var(--shadow-sm); }
.creator-detail-body form,.creator-dialog-fields { display:grid; gap:12px; }
.creator-detail-body label,.creator-dialog-fields label { display:grid; gap:6px; color:#52686d; font-size:11px; }
.creator-detail-body input,.creator-detail-body select,.creator-detail-body textarea,.creator-dialog-fields input,.creator-dialog-fields select,.creator-dialog-fields textarea { width:100%; padding:9px 10px; color:var(--ink); background:#fff; border:1px solid var(--line-strong); border-radius:9px; }
.creator-detail-body textarea,.creator-dialog-fields textarea { min-height:82px; resize:vertical; }
.contact-timeline { display:grid; gap:12px; padding:0; list-style:none; }
.contact-timeline li { padding:12px; border:1px solid var(--line); border-radius:11px; }
.contact-timeline span,.contact-timeline p { display:block; margin:5px 0 0; color:var(--muted); font-size:11px; }
.sync-warning,.read-only-banner { padding:11px 12px; color:#7b551c; background:#fff6e5; border:1px solid #f2d29d; border-radius:10px; }
.sync-success { color:var(--success); }
.stage-manager-list,.conflict-diff,.export-history { display:grid; gap:10px; }
.stage-manager-row { display:grid; grid-template-columns:auto auto minmax(110px,1fr) 120px 48px auto auto; gap:7px; align-items:center; }
.dialog-result { padding:18px; text-align:center; background:#f2fbf9; border-radius:12px; }
.dialog-result strong { display:block; margin-bottom:6px; font-size:17px; }
.creator-database-view.is-read-only [data-mutation] { opacity:.48; }
.manage-project-wizard-panel { width:min(960px,calc(100vw - 40px)); max-width:none; max-height:calc(100vh - 32px); display:flex; flex-direction:column; overflow:hidden; }
.manage-project-wizard-panel [hidden] { display:none !important; }
.manage-project-wizard-panel > .export-modal-header { flex:0 0 auto; padding:22px 26px 18px; border-bottom:0; }
.manage-project-wizard-panel > .export-modal-header h2 { margin:4px 0 5px; font-size:23px; }
.project-wizard-eyebrow { color:#138f8c; font-size:9px; font-weight:800; letter-spacing:.16em; }
.project-wizard-stepper { flex:0 0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:0 26px 17px; border-bottom:1px solid var(--line); background:#fff; }
.project-wizard-stepper button { position:relative; min-width:0; display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto; column-gap:9px; padding:10px 14px; cursor:pointer; color:#829397; background:#f5f9f8; border:1px solid #e3ecea; text-align:left; }
.project-wizard-stepper button:first-child { border-radius:11px 0 0 11px; }
.project-wizard-stepper button:last-child { border-radius:0 11px 11px 0; }
.project-wizard-stepper button + button { border-left:0; }
.project-wizard-stepper button > span { grid-row:1/3; align-self:center; width:30px; height:30px; display:grid; place-items:center; color:#638085; background:#e6efed; border-radius:50%; font-size:10px; font-weight:800; }
.project-wizard-stepper button strong { overflow:hidden; color:#61767b; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.project-wizard-stepper button small { overflow:hidden; margin-top:2px; color:#97a5a8; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.project-wizard-stepper button[aria-current="step"] { z-index:1; color:#087276; background:#eaf8f5; border-color:#9ddbd4; }
.project-wizard-stepper button[aria-current="step"] > span { color:#fff; background:#159995; }
.project-wizard-stepper button[aria-current="step"] strong { color:#086f71; }
.project-wizard-stepper button.is-complete > span { color:#087276; background:#cef0ea; }
.project-wizard-body { min-height:0; flex:1 1 auto; overflow-y:auto; padding:24px 26px 28px; background:#fbfdfc; }
.project-wizard-step { display:grid; gap:18px; }
.project-wizard-step-heading { padding-bottom:3px; }
.project-wizard-step-heading > span { color:#159995; font-size:9px; font-weight:800; letter-spacing:.08em; }
.project-wizard-step-heading h3 { margin:5px 0 4px; color:var(--ink); font-size:18px; }
.project-wizard-step-heading p { margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.project-wizard-choice-field { min-width:0; margin:0; padding:0; border:0; }
.project-wizard-database-grid,.project-wizard-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.project-wizard-choice-card,.project-wizard-source-card { position:relative; min-width:0; display:flex; align-items:center; gap:12px; min-height:82px; padding:15px; cursor:pointer; color:#415a60; background:#fff; border:1px solid #dce7e5; border-radius:13px; text-align:left; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.project-wizard-choice-card:hover,.project-wizard-source-card:hover { border-color:#9ddbd4; box-shadow:0 6px 18px rgba(18,92,94,.07); }
.project-wizard-choice-card[aria-pressed="true"],.project-wizard-source-card.is-selected { color:#087276; background:#effaf8; border-color:#73cec6; box-shadow:0 0 0 3px rgba(21,153,149,.08); }
.project-wizard-choice-card > span:nth-child(2),.project-wizard-source-card > span:nth-child(2) { min-width:0; display:grid; gap:4px; }
.project-wizard-choice-card strong,.project-wizard-source-card strong { font-size:12px; }
.project-wizard-choice-card small,.project-wizard-source-card small { color:#87989c; font-size:10px; line-height:1.45; }
.project-wizard-choice-card > i { position:absolute; right:12px; top:12px; width:18px; height:18px; display:none; place-items:center; color:#fff; background:#159995; border-radius:50%; font-size:9px; font-style:normal; }
.project-wizard-choice-card[aria-pressed="true"] > i { display:grid; }
.project-wizard-choice-icon,.project-wizard-source-icon { width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; color:#087276; background:#dff5f1; border-radius:11px; font-size:12px; font-weight:800; }
.project-wizard-choice-icon.is-feishu,.project-wizard-source-card.is-feishu .project-wizard-source-icon { color:#386ab7; background:#edf3ff; }
.project-wizard-reveal,.project-wizard-inline-panel,.project-wizard-import-workbench { padding:15px; background:#f4f9f8; border:1px solid #dce9e7; border-radius:12px; }
.project-wizard-field-help { margin:6px 0 0; color:var(--muted); font-size:9px; }
.project-wizard-source-grid.is-three-column { grid-template-columns:repeat(3,minmax(0,1fr)); }
.project-wizard-source-card { min-height:78px; }
.project-wizard-inline-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; margin-top:10px; }
.project-wizard-inline-panel .field-label { grid-column:1/-1; }
.project-wizard-inline-panel .textarea { min-height:68px; }
.project-wizard-file-list { display:grid; gap:7px; margin-top:10px; }
.project-wizard-file-list:empty { display:none; }
.project-wizard-two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.project-wizard-two-column .textarea { min-height:108px; }
.project-wizard-skip-choice { width:100%; display:flex; align-items:center; gap:12px; padding:14px 16px; cursor:pointer; color:#51686d; background:#fff; border:1px dashed #cbdcda; border-radius:12px; text-align:left; }
.project-wizard-skip-choice > span:first-child { width:22px; height:22px; display:grid; place-items:center; flex:0 0 22px; color:#8ca0a3; border:1px solid #bed1ce; border-radius:50%; }
.project-wizard-skip-choice > span:last-child { display:grid; gap:3px; }
.project-wizard-skip-choice strong { font-size:11px; }
.project-wizard-skip-choice small { color:#89999c; font-size:9px; }
.project-wizard-skip-choice[aria-pressed="true"] { color:#087276; background:#effaf8; border-color:#76cfc7; border-style:solid; }
.project-wizard-skip-choice[aria-pressed="true"] > span:first-child { color:#fff; background:#159995; border-color:#159995; }
.project-wizard-import-workbench { display:grid; gap:12px; }
.project-wizard-import-input { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px 12px; }
.project-wizard-import-input .field-label,.project-wizard-import-input p { grid-column:1/-1; }
.project-wizard-import-input p { margin:0; color:var(--muted); font-size:9px; }
.project-wizard-import-input .textarea { min-height:84px; }
.project-wizard-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; color:#0b6f70; background:#e7f7f4; border-radius:10px; }
.project-wizard-preview-heading > div { display:grid; gap:2px; }
.project-wizard-preview-heading strong { font-size:11px; }
.project-wizard-preview-heading span { font-size:9px; }
.project-wizard-preview-heading > span { padding:4px 8px; color:#fff; background:#159995; border-radius:999px; white-space:nowrap; }
.project-wizard-action-spacer { flex:1; }
.manage-project-wizard-panel > .export-modal-actions { flex:0 0 auto; }
.manage-project-wizard-panel > .export-modal-actions .button { white-space:nowrap; }
@media (max-width:1100px) { .creator-database-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .creator-primary-filters { grid-template-columns:repeat(2,minmax(130px,1fr)); } }
@media (max-width:760px) { .creator-database-heading,.creator-bulk-bar { align-items:stretch; flex-direction:column; } .creator-database-heading-actions,.creator-source-actions { display:grid; grid-template-columns:1fr; } .creator-source-bar { align-items:center; } .creator-database-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .creator-toolbar-main,.creator-toolbar-secondary { align-items:stretch; flex-direction:column; } .creator-search { width:100%; max-width:none; min-width:0; } .creator-toolbar-actions { display:grid; grid-template-columns:1fr 1fr; } .creator-column-picker summary,.creator-more-filters summary { justify-content:center; } .creator-primary-filters { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); } .creator-stage-settings { align-self:flex-end; } .creator-advanced-filters { position:static; width:100%; grid-template-columns:1fr; margin-top:8px; box-shadow:none; } .creator-detail-drawer { inset:0; width:100vw; border-radius:0; } #manageNewProjectModal { padding:0; align-items:stretch; } .manage-project-wizard-panel { width:100%; height:100dvh; max-height:none; border-radius:0; } .manage-project-wizard-panel > .export-modal-header { padding:16px 17px 12px; } .manage-project-wizard-panel > .export-modal-header h2 { font-size:18px; } .manage-project-wizard-panel > .export-modal-header p { display:none; } .project-wizard-stepper { padding:0 12px 11px; } .project-wizard-stepper button { display:flex; justify-content:center; padding:8px 5px; } .project-wizard-stepper button > span { width:28px; height:28px; flex:0 0 28px; } .project-wizard-stepper button strong,.project-wizard-stepper button small { display:none; } .project-wizard-body { padding:19px 16px 24px; } .project-wizard-database-grid,.project-wizard-source-grid,.project-wizard-source-grid.is-three-column,.project-wizard-two-column { grid-template-columns:1fr; } .project-wizard-source-card { min-height:70px; } .project-wizard-inline-panel,.project-wizard-import-input { grid-template-columns:1fr; } .project-wizard-inline-panel .field-label,.project-wizard-import-input .field-label,.project-wizard-import-input p { grid-column:auto; } .manage-project-wizard-panel > .export-modal-actions { padding:12px 16px; } }
@media (max-width:430px) { .creator-database-metrics { grid-template-columns:1fr 1fr; } .creator-database-toolbar { padding:13px; } .creator-primary-filters { grid-template-columns:1fr; } .creator-source-copy > div strong,.creator-source-copy > div span { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } }