.jao{--ink:#153a4b;--accent:#167b80;--muted:#536b78;max-width:1100px;margin:32px auto;padding:clamp(18px,4vw,40px);background:#f6f9fb;color:var(--ink);border:1px solid #dce6ec;border-radius:22px;font:16px/1.55 system-ui,-apple-system,sans-serif}.jao *{box-sizing:border-box}.jao h2{font-size:clamp(26px,4vw,38px);line-height:1.15;margin:12px 0}.jao h3{font-size:21px;margin:0 0 12px}.jao-brand{font-size:12px;font-weight:750;letter-spacing:1.7px;color:var(--accent)}.jao-intro{color:var(--muted);margin-bottom:24px}.jao button,.jao .jao-link{border:0;border-radius:10px;background:var(--ink);color:white;padding:13px 19px;min-height:46px;cursor:pointer;font:inherit;font-weight:650;display:inline-block;text-decoration:none}.jao button:disabled{opacity:.5;cursor:wait}.jao .secondary{background:#e2edef;color:var(--ink)}.jao input:not([type=checkbox]),.jao select{display:block;width:100%;min-height:46px;padding:11px;border:1px solid #b8cbd4;border-radius:9px;background:white;color:var(--ink);font:inherit;margin:6px 0 16px}.jao input:focus,.jao select:focus,.jao button:focus-visible,.jao a:focus-visible{outline:3px solid #57babf;outline-offset:3px}.jao label{display:block}.jao .jao-login{max-width:460px}.jao .jao-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.jao .jao-help{font-size:14px;color:var(--muted);margin-top:24px}.jao .jao-help a{color:var(--accent)}.jao .jao-notice:empty{display:none}.jao .jao-notice{padding:13px 16px;margin-bottom:18px;border-radius:9px;background:#e1f1ee}.jao .jao-notice.error{background:#fff0eb;color:#922e1c}.jao .jao-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}.jao .jao-card{background:white;border:1px solid #d4e2e7;border-radius:14px;padding:20px}.jao label.jao-card{display:flex;gap:12px;cursor:pointer}.jao .jao-card input{width:20px;height:20px;flex-shrink:0;margin-top:4px}.jao .jao-card strong,.jao .jao-card small{display:block}.jao .jao-card small{color:var(--muted);margin:8px 0}.jao .jao-card:has(input:checked){border:2px solid var(--accent);padding:19px;background:#effafa}.jao .jao-total{position:sticky;bottom:12px;padding:18px;background:white;border:1px solid #c8dce0;border-radius:12px;box-shadow:0 6px 24px #153a4b15;margin-top:22px}.jao .jao-total strong{font-size:25px}.jao .jao-total select{margin-bottom:0}.jao .jao-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.jao .jao-metrics strong{display:block;font-size:24px}.jao .jao-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.jao .jao-scroll{overflow:auto}.jao table{border-collapse:collapse;width:100%;font-size:14px;background:white}.jao th,.jao td{text-align:left;padding:14px;border-bottom:1px solid #e3ebee;vertical-align:top;min-width:110px}.jao th{background:#edf3f6}.jao td small{display:block}.jao .jao-badge{display:inline-block;background:#e6f0f3;padding:3px 8px;border-radius:20px;white-space:nowrap}.jao .jao-steps{font-size:13px;color:var(--muted);margin-bottom:16px}.jao .jao-order{padding:12px;border-bottom:1px solid #d4e2e7}.jao .jao-empty{text-align:center;padding:25px;color:var(--muted)}@media(max-width:560px){.jao{margin:12px 0;border-radius:12px}.jao .jao-actions>*{width:100%;text-align:center}.jao .jao-total{position:static}.jao .jao-filters{grid-template-columns:1fr 1fr}}