:root{--teal-900: #0f3d3e;--teal-700: #0f6e6e;--teal-600: #0d8a8a;--teal-500: #14a5a5;--teal-50: #e6f5f5;--wa-green: #25d366;--wa-green-dark: #1da851;--ink: #14342f;--muted: #6b7f7c;--line: #e2ecea;--bg: #f4f8f7;--card: #ffffff;--ok: #0d8a5f;--ok-bg: #e5f5ee;--warn: #b7791f;--warn-bg: #fdf3e2;--err: #c0392b;--err-bg: #fdeceb;--radius: 14px;--shadow: 0 1px 3px rgba(15, 61, 62, .06), 0 6px 18px rgba(15, 61, 62, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Noto Sans Arabic,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(135deg,var(--teal-700),var(--teal-500));color:#fff;box-shadow:var(--shadow)}.header__brand{display:flex;align-items:center;gap:14px}.header__logo{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:12px;background:#ffffff29;font-weight:700;font-size:18px}.header__title{margin:0;font-size:20px;font-weight:700}.header__subtitle{margin:0;font-size:13px;opacity:.9}.lang-toggle{border:1px solid rgba(255,255,255,.5);background:#ffffff1f;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.lang-toggle:hover{background:#ffffff3d}.header__actions{display:flex;align-items:center;gap:10px}.login{min-block-size:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--teal-50),var(--bg))}.login__card{inline-size:100%;max-inline-size:380px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;display:flex;flex-direction:column;gap:16px}.login__brand{display:flex;align-items:center;gap:14px;margin-block-end:4px}.login__brand .header__logo{background:var(--teal-600);color:#fff}.login__title{margin:0;font-size:20px;font-weight:700;color:var(--ink)}.login__subtitle{margin:0;font-size:13px;color:var(--muted)}.login__field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}.login__field input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:400;font-family:inherit}.login__field input:focus{outline:2px solid var(--teal-500);outline-offset:1px;border-color:var(--teal-500)}.login__error{margin:0;padding:10px 12px;border-radius:10px;background:var(--err-bg);color:var(--err);font-size:14px}.login__submit{margin-block-start:4px;padding:11px 16px;border:none;border-radius:10px;background:var(--teal-600);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s ease}.login__submit:hover:not(:disabled){background:var(--teal-700)}.login__submit:disabled{opacity:.6;cursor:default}.container{max-inline-size:1080px;margin-inline:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.metric-card--accent{background:linear-gradient(135deg,var(--teal-600),var(--teal-500));border-color:transparent;color:#fff}.metric-card__value{font-size:34px;font-weight:800;letter-spacing:-.5px}.metric-card__label{font-size:14px;color:var(--muted)}.metric-card--accent .metric-card__label{color:#ffffffeb}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.clients-table{inline-size:100%;border-collapse:collapse;font-size:14px}.clients-table thead th{background:var(--teal-50);color:var(--teal-900);text-align:start;font-weight:700;padding:14px 16px;white-space:nowrap}.clients-table tbody td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}.clients-table tbody tr:hover{background:#fafdfc}.client-name{font-weight:600}.treatment-badge{display:inline-block;background:var(--teal-50);color:var(--teal-700);padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.value-cell{font-weight:700;color:var(--teal-700);white-space:nowrap}.message-cell{max-inline-size:320px}.message-text{display:block;color:var(--muted);font-size:13px}.clients-table__action{text-align:end;white-space:nowrap}.wa-button{display:inline-flex;align-items:center;gap:8px;background:var(--wa-green);color:#fff;text-decoration:none;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;transition:background .15s ease}.wa-button:hover{background:var(--wa-green-dark)}.import-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:18px}.import-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.import-panel__title{margin:0 0 4px;font-size:18px}.import-panel__desc{margin:0;color:var(--muted);font-size:14px}.link-button{background:none;border:1px solid var(--teal-500);color:var(--teal-700);padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s ease}.link-button:hover{background:var(--teal-50)}.upload-drop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;border:2px dashed var(--teal-500);border-radius:var(--radius);background:var(--teal-50);color:var(--teal-700);font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.upload-drop:hover{background:#d9efef}.upload-drop--busy{opacity:.6;pointer-events:none}.upload-drop__icon{font-size:28px}.import-result{display:flex;flex-direction:column;gap:14px}.import-stats{display:flex;flex-wrap:wrap;gap:10px}.stat{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;background:var(--bg);color:var(--muted)}.stat--ok{background:var(--ok-bg);color:var(--ok)}.stat--warn{background:var(--warn-bg);color:var(--warn)}.issues{border-radius:10px;padding:12px 16px;font-size:13px}.issues--error{background:var(--err-bg)}.issues--warn{background:var(--warn-bg)}.issues__title{margin:0 0 8px;font-size:14px}.issues--error .issues__title{color:var(--err)}.issues--warn .issues__title{color:var(--warn)}.issues ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}.alert{padding:12px 16px;border-radius:10px;font-size:14px;margin:0}.alert--error{background:var(--err-bg);color:var(--err)}.state{text-align:center;color:var(--muted);padding:40px 24px}.state--error,.state--empty{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:8px}.state--error{color:var(--err)}.state__title{font-size:18px;font-weight:700;color:var(--ink);margin:0}.state__detail{margin:0;color:var(--muted);font-size:14px}@media (max-width: 720px){.clients-table thead{display:none}.clients-table,.clients-table tbody,.clients-table tr,.clients-table td{display:block;inline-size:100%}.clients-table tr{border-top:8px solid var(--bg);padding:8px 0}.clients-table td{border:none;display:flex;justify-content:space-between;gap:16px;padding:8px 16px}.clients-table td:before{content:attr(data-label);font-weight:700;color:var(--teal-900);flex-shrink:0}.message-cell,.clients-table__action{max-inline-size:none}.clients-table__action{justify-content:flex-start}.clients-table__action:before{display:none}}