:root{color:#0f2a44;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}.app{max-width:40rem;margin:0 auto;padding:1.5rem 1rem}.card{gap:.75rem;max-width:24rem;display:grid}.card form{gap:.75rem;display:grid}label{gap:.25rem;font-weight:600;display:grid}input{font:inherit;border:1px solid #b8c4d0;border-radius:.5rem;padding:.6rem .7rem}button{font:inherit;color:#fff;background:#0f2a44;border:1px solid #0f2a44;border-radius:.5rem;padding:.65rem 1rem}button.link{color:#0f2a44;background:0 0;border:none;justify-self:start;padding:0;text-decoration:underline}[role=alert]{color:#b00020}.secret{word-break:break-all;-webkit-user-select:all;user-select:all;font-family:ui-monospace,monospace}.org select{width:100%;font:inherit;margin-top:.25rem;padding:.5rem;display:block}.row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.customers,.customer{gap:.75rem;margin-top:1.5rem;display:grid}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}button.item{text-align:left;color:#0f2a44;background:#f3f6f9;border:1px solid #d6dee6;gap:.15rem;width:100%;display:grid}button.item span{color:#4a6075;font-size:.9rem}.details{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.details dt{font-weight:600}.details dd{margin:0}.addresses{gap:.75rem;display:grid}.address{border:1px solid #d6dee6;border-radius:.5rem;gap:.15rem;padding:.6rem .75rem;display:grid}.address .actions{gap:1rem;display:flex}select{font:inherit;border:1px solid #b8c4d0;border-radius:.5rem;padding:.6rem .7rem}