:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; color: #f4efe5; background: radial-gradient(circle at 100% 0%, #27344f 0, transparent 34rem), #0c1019; font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, "Microsoft YaHei", sans-serif; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
.intake-shell { width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 28px 0 56px; }
.intake-header { display: grid; grid-template-columns: minmax(200px, 1fr) auto auto; align-items: center; gap: 22px; padding-bottom: 28px; border-bottom: 1px solid rgb(255 255 255 / .1); }
.brand { display: inline-flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; letter-spacing: .03em; }
.brand strong { display: block; font-size: 16px; letter-spacing: .18em; }.brand small { display:block; color:#97a7be; font-size:9px; font-weight:700; letter-spacing:.15em; }.brand-mark{display:flex;gap:3px;align-items:flex-end;width:28px;height:27px}.brand-mark i{display:block;width:6px;border-radius:9px 9px 2px 2px;background:#d3ae50}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:24px;background:#ecdfbd}.brand-mark i:nth-child(3){height:18px;background:#7cc4df}
.header-copy p,.eyebrow { margin:0; color:#88cbed; font-size:10px; font-weight:800; letter-spacing:.15em; }.header-copy h1 { margin:2px 0 0; font-size:16px; }.back-link { color:#e8cc77; font-size:13px; text-decoration:none; }
.hero-card,.panel,.login-card { border:1px solid rgb(255 255 255 / .11); border-radius:18px; background:linear-gradient(135deg, rgb(30 38 56 / .93), rgb(16 22 35 / .93)); box-shadow:0 18px 44px rgb(0 0 0 / .16); }
.hero-card { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(330px,.9fr); gap:32px; margin-top:28px; padding:30px; }.hero-card h2 { margin:4px 0 10px; font-size:clamp(22px,3vw,32px); line-height:1.2; }.hero-card p:not(.eyebrow) { max-width:720px; margin:0; color:#c6cedc; }
.summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; align-self:stretch; margin:0; overflow:hidden; border:1px solid rgb(255 255 255 / .09); border-radius:12px; background:rgb(255 255 255 / .09); }.summary-grid div{padding:15px;background:#111827}.summary-grid dt{color:#9caabe;font-size:10px;letter-spacing:.05em}.summary-grid dd{margin:5px 0 0;color:#f7f1dd;font-size:14px;font-weight:800;overflow-wrap:anywhere}
.workflow-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:24px 0; padding:0; list-style:none; }.workflow-steps li { display:flex; align-items:center; gap:10px; padding:13px; border:1px solid rgb(126 196 223 / .15); border-radius:12px; background:rgb(27 35 52 / .68); }.workflow-steps b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;color:#172132;background:#e6ce79;font-size:11px}.workflow-steps strong,.workflow-steps small{display:block}.workflow-steps strong{font-size:12px}.workflow-steps small{color:#98a5b6;font-size:10px}
.layout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:20px}.panel{padding:24px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel h2{margin:4px 0 0;font-size:19px}.tag{padding:5px 8px;border-radius:999px;color:#b6e0ef;background:rgb(107 190 222 / .12);font-size:10px;font-weight:700}.panel-intro{margin:14px 0 18px;color:#bdc7d7;font-size:13px}
.batch-form{display:grid;gap:14px}.batch-form label,.login-form label{display:grid;gap:6px;color:#dce4ef;font-size:12px;font-weight:700}.batch-form input,.batch-form textarea,.login-form input{width:100%;border:1px solid rgb(255 255 255 / .14);border-radius:9px;padding:10px 11px;color:#f5f3ec;background:#0e1523;outline:none}.batch-form input:focus,.batch-form textarea:focus,.login-form input:focus{border-color:#7dccf2;box-shadow:0 0 0 3px rgb(125 204 242 / .15)}.batch-form textarea{min-height:58px;resize:vertical}.file-picker{padding:15px;border:1px dashed rgb(225 192 97 / .45);border-radius:11px;background:rgb(225 192 97 / .045)}.file-picker input{padding:8px 0;border:0;background:none}.file-picker small{color:#aeb9ca;font-size:11px;font-weight:400}.file-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b9c4d2;font-size:12px}.text-button{padding:0;border:0;color:#e9ce79;background:transparent;font-size:12px}.actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.actions p{max-width:56%;margin:0;color:#9ca9bb;font-size:11px}.primary-action,.commit-action,.login-form button{border:0;border-radius:9px;padding:11px 16px;color:#151d2c;background:#e7ce79;font-weight:800}.primary-action:hover,.commit-action:hover,.login-form button:hover{background:#f0daa0}.schema-note{margin-top:18px;padding-top:14px;border-top:1px solid rgb(255 255 255 / .1);color:#aeb9ca;font-size:12px}.schema-note summary{color:#e0e7f0;cursor:pointer;font-weight:700}.schema-note ul{padding-left:18px}.schema-note li+li{margin-top:7px}.schema-note code{color:#f4d880;font-size:11px}
.boundary-panel{background:linear-gradient(150deg,rgb(47 69 92 / .8),rgb(17 23 38 / .96))}.boundary-panel dl{display:grid;gap:16px;margin:20px 0 0}.boundary-panel dt{margin-bottom:4px;color:#8bceed;font-size:10px;font-weight:800;letter-spacing:.1em}.boundary-panel dd{margin:0;color:#d2dae5;font-size:13px}
.staging-panel,.history-panel{margin-top:20px}.empty-state{margin:18px 0 0;color:#98a7b9;font-size:13px}.staging-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.staging-summary div{padding:12px;border:1px solid rgb(255 255 255 / .08);border-radius:10px;background:#111827}.staging-summary small{display:block;color:#98a7b9;font-size:10px}.staging-summary strong{display:block;margin-top:3px;color:#f6ecd0;font-size:14px;overflow-wrap:anywhere}.file-results{display:grid;gap:8px;margin-top:16px}.file-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid rgb(255 255 255 / .09);border-radius:10px;background:rgb(12 17 29 / .75)}.file-result strong,.file-result small{display:block;overflow-wrap:anywhere}.file-result strong{font-size:12px}.file-result small{margin-top:2px;color:#aeb9c9;font-size:10px}.result-ok{color:#9eddbd}.result-warn{color:#efce82}.result-fail{color:#ef9f9f}.result-state{font-size:11px;font-weight:800;white-space:nowrap}
.batch-history{display:grid;gap:8px;margin-top:16px}.history-row{display:grid;grid-template-columns:1.4fr repeat(4,minmax(90px,.6fr));gap:12px;align-items:center;padding:13px;border:1px solid rgb(255 255 255 / .08);border-radius:10px;background:rgb(13 19 31 / .72)}.history-row strong,.history-row small{display:block}.history-row strong{font-size:12px;overflow-wrap:anywhere}.history-row small{margin-top:3px;color:#9facbe;font-size:10px}.status-committed{color:#a7e5bd}.status-staging{color:#efd487}
.login-card{width:min(440px,100%);margin:70px auto;padding:28px}.login-card h2{margin:5px 0 8px}.login-card>p:not(.eyebrow){margin:0;color:#bac5d5;font-size:13px}.login-form{display:grid;gap:13px;margin-top:20px}.login-form button{margin-top:4px}.login-form output{min-height:18px;color:#eea2a2;font-size:12px}
@media (max-width:900px){.hero-card,.layout-grid{grid-template-columns:1fr}.workflow-steps{grid-template-columns:repeat(2,1fr)}.history-row{grid-template-columns:1.4fr repeat(2,minmax(90px,.6fr))}.history-row>small:nth-last-child(-n+2){display:none}}@media(max-width:620px){.intake-shell{width:min(100% - 24px,1240px);padding-top:18px}.intake-header{grid-template-columns:1fr auto;gap:12px}.header-copy{grid-column:1/-1;grid-row:2}.hero-card,.panel{padding:19px}.summary-grid,.staging-summary{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.actions p{max-width:none}.history-row{grid-template-columns:1fr}.history-row small{display:none}.commit-action{width:100%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
