:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; background: #07111f; color: #edf5ff; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 12% 0%, #13395c 0, transparent 32rem), radial-gradient(circle at 93% 12%, #1e234d 0, transparent 34rem), #07111f; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; border: 0; border-radius: 10px; padding: 10px 14px; transition: .18s ease; }
button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.shell { max-width: 1220px; margin: 0 auto; padding: 54px 24px 80px; }
.topbar { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:32px; }
.eyebrow { margin:0 0 9px; font-size:12px; font-weight:800; letter-spacing:.18em; color:#65dcff; }
h1 { margin:0; font-size:clamp(28px, 5vw, 46px); letter-spacing:-.045em; }
h2, h3, p { margin-top:0; }
.subtitle { margin:13px 0 0; color:#93a9c3; font-size:15px; line-height:1.6; }
.primary { color:#03111e; background:linear-gradient(135deg,#71e9ff,#79aaff); font-weight:800; }
.secondary { color:#d5e5f6; background:#12253a; border:1px solid #24405b; }
.icon-button { padding:0 6px; color:#b4c6db; background:transparent; font-size:28px; line-height:1; }
.notice { border:1px solid #856a26; background:#382b0f; color:#ffe8a4; padding:13px 15px; border-radius:12px; margin-bottom:18px; white-space:pre-wrap; }
.hidden { display:none !important; }
.empty-state { max-width:680px; padding:64px 42px; margin:8vh auto; border:1px solid #24405b; border-radius:26px; background:linear-gradient(145deg,rgba(24,54,82,.88),rgba(10,20,35,.9)); text-align:center; }
.empty-state h2 { margin:16px 0 9px; font-size:28px; }.empty-state p { color:#a5b8cf; line-height:1.75; margin:0 auto 24px; }.orb { display:grid; place-items:center; width:72px; height:72px; margin:0 auto; border-radius:22px; background:linear-gradient(135deg,#74e6ff,#6f6cff); color:#07111f; font-size:17px; font-weight:900; }
.project { display:grid; gap:20px; }.project-header { display:flex; gap:20px; justify-content:space-between; align-items:flex-end; }.project-header h2 { font-size:26px; margin:0; }.project-header p { color:#9eb3cb; margin:7px 0 0; }.project-header a { color:#79dfff; text-decoration:none; word-break:break-all; }
.metrics { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:13px; }.metric { padding:19px; min-height:130px; border:1px solid #203a56; border-radius:18px; background:rgba(13,30,48,.78); }.metric .label { color:#8ba2bd; font-size:13px; }.metric .value { margin-top:13px; font-size:32px; font-weight:800; letter-spacing:-.04em; }.metric .detail { margin-top:5px; color:#7890aa; font-size:12px; }.metric .up { color:#75e9be; }.metric .muted { color:#9aacc1; }
.sample-note { margin:0; color:#7f96b0; font-size:12px; line-height:1.5; }
.grid { display:grid; grid-template-columns:minmax(0, 1.46fr) minmax(300px,.85fr); gap:20px; }.panel { border:1px solid #203a56; border-radius:19px; background:rgba(10,25,41,.76); overflow:hidden; }.panel-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:20px 20px 16px; border-bottom:1px solid #1c344d; }.panel-heading h3 { margin:0; font-size:16px; }.panel-heading span { color:#7e97b1; font-size:12px; }
.prompt-list { list-style:none; padding:0; margin:0; }.prompt-row { padding:16px 20px; border-bottom:1px solid #192f46; }.prompt-row:last-child { border-bottom:0; }.prompt-meta { display:flex; align-items:center; gap:8px; margin-bottom:7px; }.tag { padding:3px 7px; border-radius:20px; color:#a7c6e3; background:#172e46; font-size:11px; }.tag.good { color:#8bffca; background:#123d37; }.tag.warn { color:#ffe09b; background:#433413; }.prompt-text { font-size:14px; line-height:1.6; color:#ecf4fb; }.result-line { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:10px; color:#89a0b8; font-size:12px; }.result-line strong { color:#dcecff; }.row-actions { margin-left:auto; display:flex; gap:7px; }.small { padding:6px 9px; border-radius:7px; font-size:12px; color:#bdd0e3; background:#12283e; border:1px solid #254560; }
.actions { padding:8px 0; }.action { padding:15px 20px; border-bottom:1px solid #192f46; }.action:last-child { border-bottom:0; }.action-top { display:flex; justify-content:space-between; gap:10px; }.action h4 { margin:0; font-size:14px; }.action p { margin:8px 0; color:#91a8c0; font-size:13px; line-height:1.55; }.action a { color:#76dfff; font-size:12px; }.status { color:#c5d5e6; background:#162d44; border:1px solid #2b4965; border-radius:7px; padding:5px 7px; font-size:12px; }.priority { font-size:11px; color:#ffd886; }.priority.medium { color:#a9c8f1; }
dialog { width:min(660px, calc(100vw - 32px)); border:1px solid #2a4864; border-radius:18px; padding:0; color:#eaf3fc; background:#0d1e30; box-shadow:0 22px 80px rgba(0,0,0,.55); } dialog::backdrop { background:rgba(0,0,0,.67); backdrop-filter:blur(3px); }.dialog-card { padding:23px; }.dialog-card.wide { width:min(760px, calc(100vw - 32px)); }.dialog-heading { display:flex; justify-content:space-between; align-items:center; }.dialog-heading h2 { margin:0; font-size:20px; }.dialog-card p { margin:12px 0 19px; color:#9eb4cb; line-height:1.55; font-size:13px; }.dialog-card label { display:grid; gap:7px; margin:13px 0; color:#c9d9e8; font-size:13px; }.dialog-card input, .dialog-card textarea { width:100%; border:1px solid #2a4864; color:#ebf5ff; background:#081524; border-radius:9px; padding:10px; outline:none; }.dialog-card input:focus,.dialog-card textarea:focus { border-color:#72dbfa; }.two-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.dialog-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:20px; }.form-hint { margin:8px 0 0 !important; color:#7791ac !important; } .prompt-preview { padding:11px; border-radius:10px; background:#11263b; color:#c5dcf0 !important; white-space:pre-wrap; } pre { max-height:65vh; overflow:auto; margin:17px 0 0; padding:14px; white-space:pre-wrap; word-break:break-word; line-height:1.6; color:#d7e5f4; background:#071421; border-radius:10px; }
@media (max-width:820px) { .shell { padding:30px 16px 60px; }.topbar,.project-header { align-items:flex-start; flex-direction:column; }.metrics { grid-template-columns:repeat(2,1fr); }.grid { grid-template-columns:1fr; }.row-actions { margin-left:0; }.result-line { align-items:flex-start; }.two-columns { grid-template-columns:1fr; } }