:root{--topbar-offset: 72px;color:#1f2933;background:#f4f6f8;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:15px;line-height:1.45;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}button,input,textarea,select{font:inherit;letter-spacing:0}button{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;min-height:36px;padding:7px 12px;text-align:center;white-space:normal}button:disabled{cursor:not-allowed;opacity:.62}a{color:#1457a8;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}input,textarea{background:#fff;border:1px solid #cbd5df;border-radius:6px;color:#1f2933;min-width:0;padding:8px 10px;width:100%}textarea{line-height:1.55;resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #2f7ed8;outline-offset:2px}table{border-collapse:collapse;min-width:680px;table-layout:fixed;width:100%}th,td{border-bottom:1px solid #e2e8f0;padding:9px 10px;text-align:left;vertical-align:top;word-break:break-word}th{background:#f7f9fb;color:#52606d;font-size:.88rem;font-weight:650}tbody tr{min-height:42px}tbody tr:hover{background:#f7fbff}code{background:#eef2f6;border-radius:5px;color:#273444;display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:3px 6px}.app-shell{min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #d9e2ec;display:flex;gap:18px;height:72px;justify-content:space-between;padding:0 24px;position:fixed;left:0;right:0;top:0;z-index:10}.brand-block,.auth-heading{align-items:center;display:flex;gap:12px;min-width:0}.brand-mark{align-items:center;background:#1f6f8b;border-radius:6px;color:#fff;display:inline-flex;flex:0 0 34px;font-weight:700;height:34px;justify-content:center;width:34px}.brand-block h1,.auth-heading h1{color:#16212f;font-size:1.08rem;font-weight:700}.brand-block p,.auth-heading p,.section-header p,.muted-text{color:#65758b;font-size:.9rem}.topnav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav-tab{background:#fff;border-color:#cbd5df;color:#344256}.nav-tab.active{background:#e8f3fb;border-color:#8fc0e6;color:#145478}.main-frame{margin:0 auto;max-width:1480px;padding:calc(var(--topbar-offset) + 20px) 24px 32px}.auth-screen{align-items:center;display:flex;min-height:100vh;padding:24px}.auth-panel{background:#fff;border:1px solid #d9e2ec;border-radius:8px;box-shadow:0 12px 28px #1f293314;margin:0 auto;max-width:460px;padding:24px;width:100%}.segmented-control{background:#eef2f6;border-radius:6px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin:20px 0;padding:4px}.segmented-control button{background:transparent;border-color:transparent;color:#465668}.segmented-control button.active{background:#fff;border-color:#d9e2ec;color:#152238}.page-stack{display:flex;flex-direction:column;gap:16px}.compact-stack{min-width:0}.workspace-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(420px,.92fr) minmax(480px,1.08fr)}.section-header,.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.section-header h2{color:#16212f;font-size:1.32rem}.panel-heading h3{color:#202b3a;font-size:1rem}.panel{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:16px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(120px,1fr))}.metric-card{background:#fff;border:1px solid #d9e2ec;border-radius:8px;min-height:82px;padding:14px}.metric-card span{color:#65758b;display:block;font-size:.9rem}.metric-card strong{color:#16212f;display:block;font-size:1.75rem;margin-top:6px}.form-grid{display:grid;gap:14px}.two-column-form,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.settings-grid>div{display:flex;flex-direction:column;gap:6px;min-width:0}.form-grid label span,.field-label{color:#52606d;font-size:.9rem;font-weight:650}.checkbox-row{align-items:center;flex-direction:row!important;gap:8px}.checkbox-row input{flex:0 0 auto;width:auto}.full-span{grid-column:1 / -1}.button-row,.filter-row,.status-actions,.meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.button-row.tight{gap:6px}.primary-button{background:#176b87;color:#fff}.primary-button:hover:not(:disabled){background:#145a73}.secondary-button{background:#fff;border-color:#cbd5df;color:#25364a}.secondary-button:hover:not(:disabled){background:#f4f7fa}.danger-button{background:#a33d3d;color:#fff}.danger-button:hover:not(:disabled){background:#873131}.filter-chip{background:#fff;border-color:#cbd5df;color:#344256;min-height:30px;padding:5px 9px}.filter-chip.active{background:#eef7f1;border-color:#91c9a1;color:#276239}.table-panel{padding-bottom:8px}.table-wrap{margin-top:10px;max-height:420px;overflow:auto}.selected-row{background:#edf7fb}.table-select-button{background:transparent;border-color:transparent;color:#1457a8;justify-content:flex-start;min-height:28px;padding:0;text-align:left;width:100%}.table-select-button:hover{text-decoration:underline}.status-badge{border-radius:6px;display:inline-flex;font-size:.84rem;font-weight:650;line-height:1.2;padding:4px 8px}.status-badge.pending_draft{background:#fff3d6;color:#735200}.status-badge.drafted{background:#e8f3fb;color:#145478}.status-badge.pending_publish{background:#f0eafd;color:#5f419c}.status-badge.published{background:#e9f7ee;color:#276239}.status-badge.ignored{background:#edf0f3;color:#52606d}.search-row{align-items:center;display:flex;gap:8px;margin-top:12px}.search-row svg{color:#65758b;flex:0 0 auto}.icon-link{align-items:center;display:inline-flex;gap:5px;min-height:30px}.masked-key{align-self:end;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:6px;color:#465668;min-height:38px;padding:8px 10px}.form-message{color:#276239;grid-column:1 / -1;min-height:22px}.form-message.error,.inline-error{color:#a33d3d}.inline-note{color:#276239}.detail-panel{display:grid;gap:10px}.question-title{color:#16212f;font-weight:700}.compact-textarea{min-height:82px}.draft-editor{min-height:390px;margin-top:12px;width:100%}.empty-state{align-items:center;color:#65758b;display:flex;min-height:220px;justify-content:center}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.workspace-grid{grid-template-columns:1fr}}@media(max-width:760px){:root{--topbar-offset: min(45vh, 220px)}.topbar{align-items:flex-start;flex-direction:column;height:auto;justify-content:flex-start;max-height:var(--topbar-offset);min-height:72px;overflow-y:auto;padding:12px}.topnav{justify-content:flex-start}.brand-block{align-items:flex-start}.main-frame{padding:calc(var(--topbar-offset) + 18px) 12px 24px}.section-header,.panel-heading{align-items:flex-start;flex-direction:column}.metric-grid,.two-column-form,.settings-grid{grid-template-columns:1fr}.auth-panel{padding:18px}.segmented-control{grid-template-columns:1fr}table{min-width:620px}.draft-editor{min-height:320px}}