:root{--navy:#1b1f36;--navy-2:#262b45;--navy-line:#3a3f58;--teal:#236a8a;--teal-dark:#1d5873;--teal-soft:#e3eef3;--cream:#fbf1d3;--paper:#fffdf6;--page:#f4ebd0;--line:#e4d7b2;--line-2:#d8cba4;--gold:#f2c14e;--orange:#e9a23b;--amber-text:#8a4b0f;--amber-soft:#fbe7b5;--green:#1e6b45;--green-soft:#e3f1e8;--red:#8a2e1c;--red-soft:#f7e0da;--ink:#1b1f36;--ink-2:#3c4157;--muted:#5a5f73;--on-navy-muted:#c9cdda;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Barlow,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}a{color:var(--teal)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}h1,h2,h3{margin:0}.display{font-family:Barlow Condensed,Barlow,sans-serif;letter-spacing:.01em}.btn,.display{font-weight:700}.btn{min-height:44px;padding:0 16px;border-radius:10px;border:none;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary{background:var(--teal);color:#fff}.btn-dark{background:var(--navy);color:var(--cream)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{background:#fff;color:var(--teal);border:2px solid var(--teal)}.btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-2)}.btn-on-navy{background:transparent;color:var(--cream);border:1px solid rgba(251,241,211,.55)}.btn-on-navy:hover{background:rgba(251,241,211,.1)}.btn-danger{background:#fff;color:var(--red);border:2px solid var(--red)}.btn-big{min-height:56px;font-size:20px;border-radius:14px;font-family:Barlow Condensed,Barlow,sans-serif;letter-spacing:.03em}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label,.label,label.field{font-size:13px;font-weight:700;color:var(--ink-2)}label.field .input{font-weight:400;color:var(--ink)}.input,select.input,textarea.input{min-height:46px;border:1px solid var(--line-2);border-radius:10px;padding:0 12px;background:#fff;font-size:16px;width:100%}textarea.input{padding:10px 12px;min-height:80px;resize:vertical}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px}.chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;border-radius:6px;padding:4px 8px}.chip-teal{background:var(--teal-soft);color:var(--teal-dark)}.chip-amber{background:var(--amber-soft);color:var(--amber-text)}.chip-green{background:var(--green-soft);color:var(--green)}.chip-red{background:var(--red-soft);color:var(--red)}.chip-gray{background:#f0e6c8;color:var(--ink-2)}.chip-purple{background:#e7e1f5;color:#3e2f7a}.chip-yellow{background:#ffe89a;color:#5c4600}.chip-alert{background:#a83e28;color:#fff}.pill{min-height:40px;padding:0 16px;border-radius:20px;font-weight:700;font-size:15px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.pill[aria-pressed=true]{background:var(--navy);color:var(--cream);border-color:var(--navy)}.muted{color:var(--muted)}.small{font-size:13px}.error{background:var(--red-soft);color:var(--red);border-radius:10px;padding:10px 12px}.error,.notice{font-size:14px;font-weight:600}.notice{background:var(--navy);color:var(--cream);border-radius:12px;padding:10px 14px}.stack{display:flex;flex-direction:column;gap:10px}.row{flex-wrap:wrap}.row,.spread{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.reports-grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}@media (max-width:860px){.reports-grid{grid-template-columns:1fr}}@media (max-width:1100px){.cust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:640px){.cust-grid{grid-template-columns:minmax(0,1fr)!important}}input[type=date].input,input[type=datetime-local].input,input[type=time].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;width:100%;line-height:44px}input[type=date].input::-webkit-date-and-time-value,input[type=time].input::-webkit-date-and-time-value{text-align:left;margin:0}.wo-cust{grid-column:span 2}@media (max-width:700px){.wo-cust{grid-column:auto}}