:root{--nav:#102844;--blue:#176de0;--bg:#f3f6fa;--text:#152438;--muted:#6d7988;--line:#dbe3ec;--red:#c33}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 "Segoe UI",Arial,sans-serif}header{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;padding:0 30px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700}.brand b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#176de0}header small{margin-left:auto;color:#cbd8e7}main{max-width:1180px;margin:24px auto;padding:0 20px 45px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1{margin:0;font-size:25px}.page-head p,.modal-head p{margin:3px 0;color:var(--muted)}.actions,.card-actions{display:flex;gap:9px}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;font-weight:650;cursor:pointer}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.card{background:#fff;border:1px solid #e1e7ee;border-radius:12px;box-shadow:0 8px 25px #15283e0d;margin-bottom:18px;overflow:hidden}.card h2{font-size:14px;margin:0;padding:15px 19px;border-bottom:1px solid var(--line)}.body{padding:19px}.customer-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px}.add-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end}label{font-size:12px;font-weight:700;color:#526175}input,select{display:block;width:100%;margin-top:6px;border:1px solid #ccd6e1;border-radius:7px;padding:10px;background:#fff;color:var(--text)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{background:#f6f8fa;text-align:left;font-size:12px;color:#536175;padding:11px 14px}td{padding:9px 14px;border-top:1px solid #e8edf2}td input{margin:0;width:110px;padding:7px}.delete{border:0;background:#fff2f2;color:var(--red);padding:6px 9px;border-radius:6px;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:32px}.summary,.card-actions{justify-content:flex-end;padding:14px 19px;border-top:1px solid var(--line)}.summary{display:flex;gap:30px;background:#f8fafc}.error{background:#fff0f0;color:#9f2424;border:1px solid #f3c3c3;border-radius:8px;padding:11px 14px;margin-bottom:15px}.hidden{display:none}.modal{display:none;position:fixed;inset:0;background:#0b1725a8;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{background:#fff;border-radius:14px;width:min(900px,100%);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{border:0;border-radius:7px;width:34px;height:34px;font-size:21px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px}.admin-grid h3{font-size:13px;margin:0 0 10px}.admin-grid h3:not(:first-child){margin-top:22px}.inline{display:grid;grid-template-columns:1fr auto;gap:8px}.inline input{margin:0}.address{margin-top:10px}.list{border:1px solid var(--line);border-radius:8px;max-height:220px;overflow:auto}.list-row{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #e8edf2}.list-row:last-child{border:0}.list-empty{padding:18px;text-align:center;color:var(--muted)}#toast{position:fixed;right:22px;bottom:22px;background:#15304e;color:#fff;border-radius:8px;padding:12px 16px;opacity:0;transition:.2s}#toast.show{opacity:1}@media(max-width:650px){header small{display:none}.page-head{align-items:flex-start;flex-direction:column;gap:12px}.actions{width:100%}.actions .btn{flex:1}.customer-grid,.add-grid,.admin-grid{grid-template-columns:1fr}}