:root{--green: #019352;--green-dark: #016b3c;--ink: #181617;--ink-60: #5c5a5b;--line: #e3e1e2;--surface: #f7f7f7;--white: #fff;--danger: #a3271f;--radius: 8px;--font: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:var(--surface);-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;font-weight:600;line-height:1.25}p{margin:0 0 .75rem}.app{min-height:100%;display:flex;flex-direction:column}.header{background:var(--white);border-bottom:1px solid var(--line);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:20}.header img{height:40px;width:auto;display:block}.header .spacer{flex:1}.header .who{font-size:.875rem;color:var(--ink-60);text-align:right}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1rem;display:grid;gap:1rem;grid-template-columns:1fr;align-content:start}@media (min-width: 980px){.app{height:100dvh;overflow:hidden}.main{grid-template-columns:minmax(0,1fr) 400px;flex:1;min-height:0;overflow:hidden}.catalogue-col,.order-panel{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:.375rem}}.submit-bar{position:sticky;bottom:0;background:var(--white);border-top:1px solid var(--line);margin:.5rem -1rem -1rem;padding:.75rem 1rem 1rem}.footer{padding:1.5rem 1rem 2.5rem;text-align:center;font-size:.8125rem;color:var(--ink-60)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.card+.card{margin-top:1rem}.card h2{font-size:1.0625rem;margin-bottom:.25rem}.card .hint{font-size:.875rem;color:var(--ink-60);margin-bottom:1rem}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}input,select,button{font-family:inherit;font-size:1rem;min-height:44px}input,select{width:100%;padding:.5rem .625rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:1px}.field{margin-bottom:.875rem}.field .note{font-size:.8125rem;color:var(--ink-60);margin-top:.25rem}.field.invalid input{border-color:var(--danger)}.field .err{font-size:.8125rem;color:var(--danger);margin-top:.25rem}button{cursor:pointer;border:1px solid transparent;border-radius:var(--radius);padding:.5rem 1rem;font-weight:500}.btn-primary{background:var(--green);color:var(--white);width:100%}.btn-primary:disabled{background:#b9b7b8;cursor:not-allowed}.btn-quiet{background:var(--white);border-color:var(--line);color:var(--ink)}.btn-link{background:none;border:none;padding:.25rem;min-height:44px;color:var(--green-dark);text-decoration:underline}.search{margin-bottom:1rem}.garment{border-top:1px solid var(--line);padding:.875rem 0}.garment:first-of-type{border-top:none}.garment h3{font-size:.9375rem;font-weight:500}.garment .price{color:var(--ink-60);font-size:.875rem;margin-top:.125rem}.picker{display:grid;grid-template-columns:1fr 84px auto;gap:.5rem;margin-top:.625rem}@media (max-width: 420px){.picker{grid-template-columns:1fr 1fr}.picker button{grid-column:1 / -1}}.lines{list-style:none;margin:0 0 .75rem;padding:0}.lines li{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.9375rem}.lines .l-name{min-width:0}.lines .l-name span{display:block;font-size:.8125rem;color:var(--ink-60)}.lines .l-total{font-variant-numeric:tabular-nums}.total-row{display:flex;justify-content:space-between;align-items:baseline;padding:.75rem 0;font-weight:600;font-size:1.125rem}.total-row .gst{font-size:.8125rem;font-weight:400;color:var(--ink-60)}.notice{border-radius:var(--radius);padding:.75rem;font-size:.9375rem;margin-bottom:1rem}.notice-error{background:#fdf1f0;color:var(--danger);border:1px solid #f0cfcc}.notice-ok{background:#eefaf3;color:#0a5c36;border:1px solid #c7e9d7}.empty{color:var(--ink-60);font-size:.9375rem;padding:.5rem 0 1rem}.signin{max-width:380px;margin:4vh auto;padding:1rem}.signin img{height:52px;width:auto;display:block;margin:0 auto 1.5rem}.sent-dialog{border:none;border-radius:12px;padding:0;max-width:420px;width:calc(100% - 2rem);color:var(--ink);box-shadow:0 20px 50px #00000038}.sent-dialog::backdrop{background:#1816178c}.sent-inner{padding:2rem 1.5rem 1.5rem;text-align:center}.sent-tick{color:var(--green);line-height:0;margin-bottom:.75rem}.sent-tick path,.sent-tick circle{stroke-dasharray:200;stroke-dashoffset:200;animation:sent-draw .45s ease-out forwards}.sent-tick path{animation-delay:.18s}@keyframes sent-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.sent-tick path,.sent-tick circle{animation:none;stroke-dashoffset:0}}.sent-inner h2{font-size:1.375rem}.sent-for{font-size:1.0625rem;margin:.25rem 0 .875rem}.sent-body{color:var(--ink-60);font-size:.9375rem;margin-bottom:1.25rem}