:root{font-family:"Yu Gothic UI","Yu Gothic",sans-serif;background:#0b1418;color:#ebf4f2;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1418}.app-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid #30434a;background:#142126}.eyebrow{margin:0 0 3px;color:#68d2c1;font-size:11px;font-weight:800;letter-spacing:.09em}h1,h2,h3{margin:0}h1{font-size:25px}h2{font-size:21px}.app-shell{width:min(1200px,calc(100% - 32px));margin:18px auto 42px}.prototype-note{margin:0 0 14px;padding:10px 13px;border:1px solid #60717a;border-radius:8px;background:#1a292f;color:#c5d4d6;font-size:13px}.header-actions,.actions,.output-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.save-status{color:#87dfad;font-size:13px;font-weight:800}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:18px}.steps button{display:flex;align-items:center;gap:8px;min-height:50px;border:1px solid #3a5057;border-radius:9px;background:#16252b;color:#b5c6c9;font:inherit;font-size:13px;font-weight:800;text-align:left}.steps button span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#33454c;color:#d9e8e8}.steps button.active{border-color:#4bc9b6;background:#1b3a38;color:#f1fbf8}.steps button.active span{background:#4bc9b6;color:#09211f}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.panel,.summary{border:1px solid #364c53;border-radius:12px;background:#142228}.panel{padding:24px}.summary{height:max-content;padding:18px;position:sticky;top:88px}.lead{margin:10px 0 22px;color:#b4c5c8;font-size:14px;line-height:1.65}.start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.start-card{padding:18px;border:1px solid #3d565d;border-radius:10px;background:#101c21}.start-card.selected{border-color:#52cfbc;background:#183534}.start-card h3{font-size:16px}.start-card p{min-height:41px;margin:8px 0 14px;color:#b3c5c7;font-size:13px;line-height:1.55}label,legend{color:#d7e7e6;font-size:13px;font-weight:800}label b,legend b{color:#ff9c9c;font-size:11px}input,select{width:100%;height:44px;margin-top:7px;border:1px solid #6a7e85;border-radius:7px;background:#f8fbfa;color:#132126;padding:0 11px;font:inherit}fieldset{min-width:0;margin:0;padding:0;border:0}.fields{display:grid;gap:18px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.choices{display:flex;min-height:44px;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:7px;padding:8px 11px;border:1px solid #6a7e85;border-radius:7px;background:#f8fbfa}.choices label,.toggle{display:inline-flex;align-items:center;gap:6px;color:#24343a;white-space:nowrap}.choices input,.toggle input{width:17px;height:17px;margin:0;accent-color:#0e8073}.callout,.balance,.error-box{margin-top:20px;padding:13px 15px;border-radius:8px;font-size:13px;line-height:1.6}.callout{border-left:3px solid #e3b951;background:#342d1c;color:#f3d998}.balance{border:1px solid #416067;background:#112b31;color:#c6dbdb}.balance.ok{border-color:#3d8c62;background:#143725;color:#8ee2ae}.balance.warn,.error-box{border:1px solid #995057;background:#3a2226;color:#ffb2b4}.actions{justify-content:space-between;margin-top:28px}.actions.end{justify-content:flex-end}.primary,.secondary,.ghost{min-height:40px;border:1px solid #5e737a;border-radius:7px;padding:0 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.primary{border-color:#4bc9b6;background:#4bc9b6;color:#09211f}.secondary{border-color:#5aa8c6;background:#173441;color:#a4e1f7}.ghost{background:transparent;color:#d0e0e0}details{margin-top:18px;border:1px solid #3d555d;border-radius:8px;background:#101c21}summary{padding:13px;cursor:pointer;color:#8ee2d4;font-size:13px;font-weight:800}.detail-fields{padding:4px 14px 16px}.delivery-list{display:grid;gap:14px}.delivery-card{padding:18px;border:1px solid #3c555d;border-radius:10px;background:#101c21}.delivery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.delivery-heading h3{color:#74ddcb;font-size:16px}.toggle{margin-bottom:15px;color:#d7e6e5}.toggle span{padding:6px 9px;border:1px solid #60777d;border-radius:6px;background:#202f34}.add-button{display:block;margin:17px auto 0}.summary h2{font-size:17px}.summary dl{margin:13px 0 0}.summary dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #31464d;font-size:13px}.summary dt{color:#b1c2c5}.summary dd{margin:0;font-weight:800}.summary .problem{color:#ffb2b4}.summary .good{color:#8ce2ac}.summary-tip{margin-top:16px;color:#9eb2b5;font-size:12px;line-height:1.55}.review-alerts{display:grid;gap:9px;margin:18px 0}.review-alert{padding:12px;border-radius:8px;background:#3a2226;color:#ffb2b4;font-size:13px;font-weight:800}.review-alert.ok{background:#153824;color:#94e5b0}.review-sheet{display:grid;gap:12px}.review-block{padding:15px;border:1px solid #3c555c;border-radius:8px;background:#101c21}.review-block h3{margin-bottom:9px;color:#8be2d3;font-size:15px}.review-block p{margin:5px 0;color:#d3e1e0;font-size:13px;line-height:1.55}.prototype-message{min-height:22px;margin:14px 0 0;color:#ffd881;font-size:13px;font-weight:800}.bulk-import{margin:18px 0;padding:18px;border:1px solid #42727a;border-radius:10px;background:#10252b}.bulk-import h3,.backlog-sync h3{font-size:17px;color:#a4e8dc}.bulk-import p,.backlog-sync p{margin:8px 0 13px;color:#c0d4d5;font-size:13px;line-height:1.65}.bulk-import textarea{width:100%;min-height:160px;margin:0;border:1px solid #6a7e85;border-radius:7px;background:#f8fbfa;color:#132126;padding:11px;font:14px/1.55 "Yu Gothic UI","Yu Gothic",sans-serif;resize:vertical}.bulk-import-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.bulk-import-result{margin-top:13px;padding:11px 13px;border-radius:7px;background:#163925;color:#a5e6b9;font-size:13px;line-height:1.6}.bulk-import-result.problem{border:1px solid #995057;background:#3a2226;color:#ffb2b4}.backlog-sync{margin-top:18px;padding:18px;border:1px solid #6c5d91;border-radius:10px;background:#211d32}.backlog-changes{margin-top:13px}.backlog-changes p{margin:0;color:#d4ccf5;font-size:13px}.backlog-changes ul{margin:10px 0 0;padding-left:20px}.backlog-changes li{margin:7px 0;color:#e7e1ff;font-size:13px;line-height:1.55}.backlog-changes .before{color:#ffb2b4}.backlog-changes .after{color:#9fe7b9}@media(max-width:850px){.layout{grid-template-columns:1fr}.summary{position:static}.steps{grid-template-columns:1fr}.steps button{min-height:42px}.app-header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.app-shell{width:min(100% - 20px,1200px)}.panel{padding:18px}.start-grid,.fields.two{grid-template-columns:1fr}.wide{grid-column:auto}.header-actions{width:100%}.start-card p{min-height:0}.actions{align-items:stretch;flex-direction:column-reverse}.actions button{width:100%}}