:root{font-family:Inter,Noto Sans TC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18231d;background:#eef2ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.center-shell{display:grid;min-height:100vh;place-items:center;padding:2rem;background:radial-gradient(circle at 20% 10%,#d7e4d6,transparent 35rem),#eef2ed}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);background:#13231a}.brand-panel{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3rem,9vw,8rem);color:#eff7ef;background:radial-gradient(circle at 15% 20%,rgb(160 203 157 / 22%),transparent 33rem),linear-gradient(145deg,#1e3928,#0c1710)}.brand-panel h1{max-width:15ch;margin:1rem 0 2rem;font-size:clamp(2.7rem,6vw,5.7rem);line-height:1.03;letter-spacing:-.055em}.brand-panel>p:last-child{max-width:38rem;color:#afc1b3;font-size:1.05rem;line-height:1.75}.eyebrow,.kicker{margin:0;color:#5c8968;font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.brand-panel .eyebrow{color:#8bb397}.login-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,7rem);background:#f8faf7}.login-card h2,.panel h2{margin:2rem 0 1.5rem;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.035em}.login-tabs{display:flex;gap:.5rem;padding:.35rem;border-radius:.8rem;background:#e8ede7}.login-tabs button{flex:1;padding:.75rem;border:0;border-radius:.6rem;color:#617067;background:transparent;font-weight:750}.login-tabs button.active{color:#183822;background:#fff;box-shadow:0 .25rem 1rem #1838221a}.login-note,.muted{color:#748078;font-size:.88rem;line-height:1.6}form{display:grid;gap:1rem}.field{display:grid;gap:.45rem;color:#445149;font-size:.86rem;font-weight:700}input,select,textarea{width:100%;padding:.82rem .9rem;border:1px solid #ccd5ce;border-radius:.65rem;color:#18231d;background:#fff;outline:none}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#4d875c;box-shadow:0 0 0 3px #4d875c24}.form-error{margin:0;padding:.8rem 1rem;border-radius:.6rem;color:#8c382f;background:#fae9e6;font-size:.88rem;line-height:1.5}.button{padding:.72rem 1rem;border:0;border-radius:.62rem;font-weight:780;transition:transform .15s ease,opacity .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.6}.button--primary{color:#fff;background:#276b3b;box-shadow:0 .5rem 1.4rem #276b3b33}.button--quiet{color:#325d3e;background:#e7eee8}.button-row{display:flex;gap:.7rem}.app-shell{min-height:100vh;padding:clamp(1.25rem,4vw,4rem);background:radial-gradient(circle at 90% 0%,#d6e5d5,transparent 32rem),#eef2ed}.topbar{display:flex;align-items:flex-end;justify-content:space-between;max-width:82rem;margin:0 auto 2rem;gap:2rem}.topbar h1{margin:.55rem 0 0;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em}.identity-block{display:grid;grid-template-columns:auto auto;gap:.1rem 1rem;align-items:center;text-align:right}.identity-block span{font-weight:800}.identity-block small{grid-column:1;color:#6e7b73}.identity-block button{grid-column:2;grid-row:1 / 3}.workspace-grid{display:grid;grid-template-columns:minmax(18rem,25rem) minmax(0,1fr);gap:1.4rem;max-width:82rem;margin:0 auto;align-items:start}.customer-workspace{display:grid;gap:1.4rem}.management-section{width:100%}.panel{border:1px solid rgb(38 77 49 / 12%);border-radius:1.15rem;background:#ffffffe0;box-shadow:0 1rem 3rem #1e3c2714}.form-panel,.password-panel{padding:clamp(1.5rem,4vw,2.5rem)}.password-panel{width:min(100%,34rem)}.password-panel h1{margin:.7rem 0 1rem;font-size:2.35rem;letter-spacing:-.045em}.password-panel>p{color:#66736b;line-height:1.65}.password-panel>small{display:block;margin-top:1.4rem;color:#77827b}.list-panel{padding:1.4rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .5rem 1.2rem}.section-heading h2{margin:.45rem 0 0}.record-list{display:grid;gap:.8rem}.record-card{padding:1rem;border:1px solid #dfe6df;border-radius:.85rem;background:#fbfcfa}.record-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.record-main div{display:grid;gap:.25rem}.record-main span{color:#758078;font-size:.82rem}.status-pill{padding:.45rem .65rem;border:0;border-radius:999px;font-size:.76rem;font-weight:800}.status-pill.enabled{color:#28643a;background:#dff0e3}.status-pill.disabled{color:#8d463b;background:#f5e5e2}.inline-form{display:grid;grid-template-columns:minmax(8rem,1fr) auto;gap:.55rem;margin-top:.8rem}.inline-form input{padding:.62rem .75rem;font-size:.85rem}.inline-form .button{padding:.62rem .8rem;font-size:.8rem}.inline-message{display:block;margin-top:.6rem;color:#55705e}.empty-state{max-width:82rem;margin:0 auto;padding:clamp(2rem,6vw,5rem)}.empty-state h2{margin:.7rem 0 1rem}.empty-state p:last-child{color:#66736b}.draft-panel{width:min(100%,82rem);margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem)}.draft-panel .section-heading{padding:0 0 1.4rem}.draft-panel .section-heading h2{margin:.45rem 0 0}.suggestion-badge{padding:.55rem .75rem;border-radius:999px;color:#285f38;background:#e0eee2;font-size:.8rem;font-weight:800}.draft-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}.draft-form .form-error{grid-column:1 / -1}.draft-form>.button{justify-self:start}.number-mode{display:flex;min-height:100%;margin:0;padding:.7rem .85rem;gap:1rem;border:1px solid #ccd5ce;border-radius:.65rem;align-items:center}.number-mode legend{padding:0 .25rem;color:#445149;font-size:.78rem;font-weight:750}.number-mode label{display:flex;gap:.4rem;align-items:center;color:#445149;font-size:.86rem;font-weight:700}.number-mode input{width:auto;margin:0;padding:0;accent-color:#276b3b}.compact-field{max-width:14rem}.draft-empty{margin:0}.draft-result{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;padding:1rem;border-radius:.85rem;color:#17341f;background:#e7f1e8}.draft-result div{display:grid;gap:.25rem}.draft-result span{color:#68806e;font-size:.72rem;font-weight:750}.draft-result strong{font-size:.9rem}.draft-conversion{display:grid;gap:1.25rem;margin-top:1.5rem}.draft-conversion .draft-result{margin-top:0}.parse-form{padding-top:1.2rem;border-top:1px solid #dfe6df}.parse-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.parse-actions p{margin:0}.parse-actions .button{flex:0 0 auto}.parse-result{display:grid;gap:1rem}.order-verdict{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:.8rem}.order-verdict strong{font-size:.95rem}.order-verdict span{font-size:.8rem}.order-verdict.ready{color:#205c32;background:#dff0e3}.order-verdict.review{color:#8c382f;background:#fae9e6}.betting-row-list{display:grid;gap:.8rem}.betting-row{padding:1rem;border:1px solid #dfe6df;border-left-width:.32rem;border-radius:.8rem;background:#fbfcfa}.betting-row.parsed{border-left-color:#4d875c}.betting-row.review{border-left-color:#b95d50}.betting-row header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.betting-row header>div{display:flex;align-items:baseline;gap:.7rem}.betting-row header span,.row-numbers span,.star-grid span{color:#758078;font-size:.72rem;font-weight:750}.betting-row header strong{font-size:1rem}.row-status{padding:.35rem .55rem;border-radius:999px;background:#edf1ed}.betting-row pre{margin:.85rem 0;padding:.7rem .8rem;overflow:auto;border-radius:.55rem;color:#445149;background:#f0f3ef;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;white-space:pre-wrap}.row-numbers{display:grid;gap:.3rem;margin-bottom:.8rem}.row-numbers strong{overflow-wrap:anywhere;font-size:.9rem}.star-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.star-grid div{display:grid;gap:.18rem;padding:.65rem;border-radius:.55rem;background:#f1f5f1}.star-grid strong{font-size:.8rem}.star-grid small{color:#45614d;font-size:.76rem}.problem-message{margin:.7rem 0 0;padding:.65rem .8rem;border-radius:.55rem;color:#8c382f;background:#fae9e6;font-size:.82rem}.betting-row>.button-row{margin-top:.8rem}.row-edit-form{margin-top:1rem;padding:1rem;border-radius:.7rem;background:#f0f4ef}.multiplier-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.order-actions{flex-wrap:wrap}.customer-edit-form{display:grid;grid-template-columns:minmax(7rem,.7fr) minmax(10rem,1fr) auto;gap:.55rem}.customer-edit-form input{padding:.62rem .75rem;font-size:.85rem}.customer-edit-form .button{padding:.62rem .8rem;font-size:.8rem}.record-actions{display:flex;margin-top:.7rem;gap:.6rem;align-items:center;justify-content:flex-end}.record-actions .button{padding:.5rem .75rem;font-size:.78rem}.status-label{font-size:.76rem;font-weight:800}.status-label.enabled{color:#28643a}.status-label.disabled{color:#8d463b}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:42vh;padding:2.5rem 1.5rem}.login-card{padding:2rem 1.5rem 3rem}.workspace-grid,.draft-form{grid-template-columns:1fr}.draft-result{grid-template-columns:repeat(2,minmax(0,1fr))}.parse-actions,.order-verdict{align-items:stretch;flex-direction:column}.topbar{align-items:flex-start;flex-direction:column}.identity-block{width:100%;text-align:left}.identity-block button{justify-self:end}}@media(max-width:520px){.inline-form,.customer-edit-form{grid-template-columns:1fr}.number-mode{align-items:flex-start;flex-direction:column}.draft-result,.star-grid,.multiplier-fields{grid-template-columns:1fr}.button-row{flex-direction:column}}
