:root{--bg:#f7f9fb;--card:#ffffff;--accent:#3a86ff;--muted:#666}
body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:#111;margin:0}
.crm-header{padding:20px 24px;background:linear-gradient(90deg,var(--accent),#2b6be4);color:#fff}
.crm-header h1{margin:0 0 6px;font-size:20px}
.crm-main{display:flex;gap:20px;padding:20px;flex-wrap:wrap}
.crm-form,.crm-list{background:var(--card);padding:16px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.crm-form{flex:1 1 320px;min-width:280px}
.crm-list{flex:2 1 520px;min-width:300px}
form label{display:block;margin-bottom:8px;font-size:13px}
form input, form textarea{width:100%;padding:12px;border:1px solid #e6e9ef;border-radius:6px;min-height:44px;font-size:16px}
form textarea{min-height:72px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.actions button{background:var(--accent);color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;min-height:44px;font-size:16px}
.actions button#clearBtn{background:#999}
table{width:100%;border-collapse:collapse}
thead th{background:#f2f6fb;padding:8px;text-align:left;font-size:13px}
tbody td{padding:8px;border-top:1px solid #f0f2f5}
.small-btn{background:#eee;color:#333;padding:12px 16px;border-radius:6px;border:none;cursor:pointer;min-height:44px;font-size:16px}