.customer-panel{background:white;border:1px solid #d8e4ec;border-radius:8px;overflow:hidden}
.app-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 18px;font-size:12px}
.list-search{display:flex;gap:8px;flex:1}.list-search input{max-width:450px;width:100%;border:1px solid #cbd9e4;border-radius:8px;padding:10px 12px;font:inherit}
.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#f5f8fa;color:#334c63;font-size:11px}th,td{padding:14px 16px;border-bottom:1px solid #e1e9ef}td .btn{font-size:11px}
.primary{background:#087f8c;color:white;border-color:#087f8c}.btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{padding:24px;text-align:center;font-size:13px;color:#64748b}
.form-dialog,.login-dialog{border:1px solid #cbd9e4;border-radius:8px;padding:0;color:#10233a;width:min(720px,calc(100% - 24px));max-height:calc(100vh - 32px);overflow:auto}
.form-dialog::backdrop,.login-dialog::backdrop{background:#07152dcc}.form-header{padding:18px 22px;border-bottom:1px solid #d8e4ec;background:#f5f8fa}.form-header h2{font-size:18px;margin:0}
.app-form{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid #d8e4ec;border-radius:6px;padding:18px}.form-grid legend{font-size:12px;color:#334c63;padding:0 6px}
.app-form label{display:grid;gap:7px;font-size:12px;color:#334c63}.app-form input{border:1px solid #cbd9e4;border-radius:6px;padding:10px;min-width:0;width:100%;background:white;color:#10233a}.app-form input:focus{outline:2px solid #14b8a644;border-color:#14b8a6}
.app-form .checkbox-label{display:flex;align-items:center}.checkbox-label input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.form-error{color:#b42318;font-size:13px}.form-error:empty{display:none}
.login-dialog{width:min(430px,calc(100% - 24px));padding:26px}.login-dialog .app-form{padding:0;display:grid;gap:16px}.login-dialog h1{font-size:23px;margin:18px 0}.login-dialog .sub{font-size:12px;color:#64748b}.login-dialog>.btn{width:100%}
@media(max-width:620px){.form-grid{grid-template-columns:1fr}.app-toolbar{flex-wrap:wrap}.list-search{flex-basis:100%}.app-form{padding:14px}}