:root{color:#202427;background:#f5f7f8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#20352d,#7a2f28)}.loginPanel{width:min(420px,100%);display:grid;gap:16px;border-radius:8px;padding:32px;background:#fff;box-shadow:0 24px 70px #00000040}.lockIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;background:#e94732;color:#fff}.loginPanel h1{margin:0;font-size:28px}.loginPanel p{margin:0;color:#64707a;line-height:1.7}.loginPanel label{display:grid;gap:8px;color:#41505a;font-size:14px}.loginPanel input{min-height:44px;border:1px solid #d9e0e5;border-radius:8px;padding:0 12px}.loginPanel button,.panelTitle button{min-height:42px;border:0;border-radius:8px;padding:0 16px;background:#e94732;color:#fff;font-weight:800}.errorBox{border-radius:8px;padding:12px 14px;background:#ffece8;color:#9d2b1e;line-height:1.6}.successBox{border-radius:8px;padding:12px 14px;background:#e8f7ee;color:#267449;line-height:1.6}.adminShell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#17201d;color:#e9f0ec;padding:22px 14px}.adminBrand{padding:0 12px 20px;font-size:20px;font-weight:900}.sidebar nav{display:grid;gap:6px}.sidebar button{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#c9d4ce;text-align:left}.sidebar button.active,.sidebar button:hover{background:#e94732;color:#fff}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar p{margin:0 0 6px;color:#72808b;font-size:13px}.topbar h1{margin:0;font-size:30px}.logout{min-height:40px;border:1px solid #d6dde2;border-radius:8px;padding:0 14px;background:#fff}.adminMeta{display:flex;align-items:center;gap:12px;color:#64707a;font-size:14px}.contentGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric,.widePanel,.tablePanel{border:1px solid #e1e7eb;border-radius:8px;background:#fff}.metric{display:grid;gap:10px;padding:20px}.metric span{color:#64707a}.metric strong{font-size:30px}.widePanel,.tablePanel{grid-column:1 / -1;padding:22px}.widePanel p{color:#64707a}.dashboardHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dashboardHero h2,.growthPanel h2,.breakdownPanel h2,.splitPanel h2{margin:0 0 10px}.growthPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}.growthPanel .trendList{grid-column:1 / -1}.growthSummary{display:flex;align-items:flex-start;gap:10px}.growthSummary span{border-radius:999px;padding:8px 12px;background:#fff5ef;color:#b83b29;font-size:13px;font-weight:900}.breakdownPanel{grid-column:span 1}.breakdownList,.miniList,.noteList,.trendList{list-style:none;margin:0;padding:0}.breakdownList{display:grid;gap:10px}.breakdownList li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f4;padding:9px 0;color:#41505a}.breakdownList strong{color:#202427}.splitPanel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:28px}.miniList{display:grid;gap:12px}.miniList li{display:grid;gap:5px;border-bottom:1px solid #edf1f4;padding-bottom:12px}.miniList span{color:#e94732;font-size:12px;font-weight:900}.miniList strong{color:#202427}.miniList small,.noteList{color:#64707a;line-height:1.6}.noteList{display:grid;gap:10px}.trendList{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.funnelList{grid-template-columns:repeat(6,minmax(0,1fr))}.trendList li{display:grid;gap:6px;border:1px solid #edf1f4;border-radius:8px;padding:12px;background:#fbfcfd}.trendList span,.trendList small{color:#64707a;font-size:12px}.trendList strong{font-size:24px}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panelTitle h2{margin:0}.actionRow{display:flex;flex-wrap:wrap;gap:8px}.toolbarRow{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;color:#64707a}.toolbarRow input{min-height:40px;border:1px solid #d9e0e5;border-radius:8px;padding:0 12px;background:#fff}.panelTitle button.ghost{border:1px solid #d6dde2;background:#fff;color:#41505a}.smallButton{min-height:34px;border:1px solid #d6dde2;border-radius:8px;padding:0 10px;background:#fff;color:#41505a;font-weight:800}.crudLayout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.promptCrudLayout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.campaignLayout{grid-template-columns:minmax(0,1.25fr) 420px}table{width:100%;border-collapse:collapse;overflow:hidden}th,td{border-bottom:1px solid #edf1f4;padding:14px 10px;text-align:left;vertical-align:top}tbody tr{cursor:pointer}tbody tr.selected{background:#fff5ef}th{color:#64707a;font-size:13px;font-weight:800}.status{border-radius:999px;padding:6px 10px;background:#e8f7ee;color:#267449;font-size:12px;font-weight:800}.status.muted{background:#eef1f3;color:#64707a}.status.warning{background:#fff5df;color:#9a5b00}.status.danger{background:#ffe9e4;color:#b33b22}.mutedText{color:#64707a;font-size:13px;margin:4px 0 0}.actionRow.compact{gap:8px;flex-wrap:nowrap}.editorPanel{display:grid;gap:14px;border:1px solid #e1e7eb;border-radius:8px;padding:18px;background:#fbfcfd}.promptEditorPanel textarea{min-height:132px}.promptHint{border-radius:8px;padding:12px 14px;background:#fff5ef;color:#9d4b24;line-height:1.6;font-size:13px}.promptMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#64707a;font-size:13px}.promptMeta span{border:1px solid #edf1f4;border-radius:8px;padding:8px 10px;background:#fff}.settingsGrid{display:grid;gap:18px}.settingsGroup{display:grid;gap:12px;border:1px solid #e1e7eb;border-radius:12px;padding:18px;background:#fbfcfd}.settingsGroup h3{margin:0}.settingItem{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #edf1f4}.settingItem input,.settingItem select,.settingItem textarea{width:100%;border:1px solid #d9e0e5;border-radius:8px;padding:10px 12px;background:#fff;color:#202427}.settingItem textarea{min-height:86px}.field{display:grid;gap:8px;color:#41505a;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #d9e0e5;border-radius:8px;padding:10px 12px;background:#fff;color:#202427}.field input,.field select{min-height:42px}.field textarea{min-height:96px;resize:vertical}.exportTextarea{width:100%;min-height:240px;border:1px solid #d9e0e5;border-radius:8px;padding:12px;background:#fff;color:#202427;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;resize:vertical}.checkboxField{display:flex;align-items:center;gap:10px;color:#41505a}.checkboxField input{width:18px;height:18px}.divider{height:1px;background:#e1e7eb}@media(max-width:860px){.adminShell{grid-template-columns:1fr}.sidebar{position:static}.contentGrid{grid-template-columns:1fr}.breakdownPanel{grid-column:1 / -1}.splitPanel,.growthPanel,.trendList,.crudLayout,.promptCrudLayout,.promptMeta{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.toolbarRow{grid-template-columns:1fr}}
