.customers-panel{display:grid;grid-gap:16px;gap:16px;max-width:1200px}.customers-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:24px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(125deg,color-mix(in srgb,var(--paper) 88%,#1e5d75),var(--paper))}.customer-list header small,.customers-hero small{color:#be8b16;font-size:9px;font-weight:900;letter-spacing:1.4px}.customers-hero h2{margin:7px 0;font-size:28px}.customers-hero p{margin:0;color:var(--muted);font-size:12px}.customers-hero>b{font-size:30px;text-align:right}.customers-hero>b span{display:block;color:var(--muted);font-size:10px;font-weight:700}.customers-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.4fr);grid-gap:16px;gap:16px}.customer-form,.customer-list{padding:20px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--paper) 91%,#18324a)}.customer-form h3,.customer-list h3{margin:0;font-size:18px}.customer-form>p{margin:6px 0 16px;color:var(--muted);font-size:11px;line-height:1.5}.customer-form label{display:grid;grid-gap:5px;gap:5px;margin:10px 0;color:var(--muted);font-size:10px;font-weight:800}.customer-form label small{font-weight:600}.customer-form textarea{min-height:66px;resize:vertical}.customer-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.customer-form button{width:100%;margin-top:6px;background:#177f57;color:#fff}.customer-list>header{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.customer-list>header input{max-width:270px}.customer-list>div{display:grid}.customer-list article{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.customer-list article>div{display:grid;grid-gap:4px;gap:4px}.customer-list article small,.customer-list article span{color:var(--muted);font-size:11px}.customer-list article em{align-self:start;color:#917021;font-size:10px;font-style:normal}.customer-empty{color:var(--muted);font-size:12px}@media(max-width:760px){.customers-hero,.customers-layout{display:grid;grid-template-columns:1fr;align-items:start}.customers-hero>b{text-align:left}.customer-list>header{display:grid;align-items:start}.customer-list>header input{max-width:none}.customer-form-row{grid-template-columns:1fr}}.customers-actions{display:grid;justify-items:end;grid-gap:8px;gap:8px}.customers-actions>b{font-size:30px;text-align:right}.customers-actions>b span{display:block;color:var(--muted);font-size:10px;font-weight:700}.customers-export{padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:10px;font-weight:800}.customers-export:hover{border-color:#b48820;color:#8a6818}@media(max-width:760px){.customers-actions{justify-items:start}.customers-actions>b{text-align:left}}