:root{--bg:#f5f7f9;--navy:#08162d;--ink:#101f32;--light:#f7f9fb;--line:#dce4e9;--muted:#708396;--yellow:#fbf02c;--blue:#dfeefb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}
.brandmark{display:inline-grid;place-items:center;background:var(--yellow);color:#0a1523;border-radius:9px;width:44px;height:44px;font-size:22px;font-weight:750;letter-spacing:-.07em;flex-shrink:0}
.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0b172e,#1e3557)}
.auth-card{width:100%;max-width:460px;background:#fff;border-radius:20px;padding:34px;box-shadow:0 20px 60px #0004}
.auth-logo{display:flex;align-items:center;gap:13px}.auth-logo strong{font-size:21px;display:block}.auth-logo small{display:block;color:var(--muted);margin-top:4px}
h1{font-size:34px;line-height:1.14;letter-spacing:-.035em;margin:30px 0 12px}h2{font-size:23px;margin:0}
.muted{color:var(--muted);line-height:1.5}.small{font-size:13px}
label{display:block;font-size:13px;font-weight:600;margin-top:24px}
label>input,label>select,label>textarea{display:block;width:100%;margin-top:9px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:14px 15px;outline:none}
label>input:focus,label>textarea:focus,label>select:focus{border-color:#8a9bb3;box-shadow:0 0 0 3px #e1e9f3}
.auth-card form>button,#saveCard{width:100%;margin-top:22px;border:0;border-radius:11px;background:var(--yellow);min-height:52px;color:#0c1728;font-weight:600}
#message{min-height:24px;font-size:14px;color:#227447;margin-top:20px;line-height:1.5}
.crm-header{background:var(--navy);color:#fff;min-height:74px;padding:12px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:19px}.brand small{color:#b3c5db;font-weight:400}
.right{display:flex;align-items:center;gap:12px;font-size:14px}.secondary{border:1px solid #d4dfec;background:white;color:#172b43;border-radius:9px;padding:10px 14px}
.crm-header .secondary{background:#182c49;color:#fff;border-color:#384f6b}
.crm-wrap{max-width:1360px;margin:0 auto;padding:40px 24px}
.heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.heading h1{margin:8px 0}.heading .muted{margin-top:6px}
.eyebrow{font-size:11px;letter-spacing:.07em;font-weight:600;color:#798c9f}.count{font-size:16px;font-weight:600;padding:11px 15px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.toolbar{display:flex;gap:12px;margin:24px 0 17px}.toolbar input,.toolbar select{min-height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 14px;color:var(--ink)}.toolbar input{width:min(480px,100%);flex:1}
.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #11223308}
table{border-collapse:collapse;width:100%;min-width:800px}thead{background:#eaf1f6}th{text-align:left;font-size:12px;letter-spacing:.025em;font-weight:600;color:#536b85;padding:17px 18px;white-space:nowrap}
td{padding:17px 18px;border-top:1px solid #eef1f4;font-size:14px;line-height:1.45;vertical-align:middle}
tbody tr:hover{background:#f8fafc}.product-name{font-weight:550;display:block;max-width:360px;overflow-wrap:anywhere}
.td-phone{white-space:nowrap}.status{font-size:12px;display:inline-block;padding:7px 10px;border-radius:8px;background:#e7eef7;color:#314c70;white-space:nowrap}
.status.work{background:#fff4cc;color:#73520e}.status.done{background:#e5f3e5;color:#216342}.status.reject{background:#f9e9e9;color:#9a3d3d}
.action{border:1px solid #cad6df;background:white;color:#112d4a;padding:9px 13px;border-radius:9px}
.empty{text-align:center;padding:60px;color:var(--muted)}footer{color:#8493a4;font-size:12px;margin-top:25px}
dialog{border:0;border-radius:20px;width:min(95vw,610px);max-height:90dvh;overflow:auto;padding:28px;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#061328bb;backdrop-filter:blur(3px)}
.card-header{display:flex;align-items:start;justify-content:space-between;gap:15px}.card-header .eyebrow{margin-top:0}.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.card-fields label:nth-child(1),.card-fields label:nth-child(3),.card-fields label:nth-child(5){grid-column:1/-1}
.card-fields input[readonly],.card-fields textarea[readonly]{background:#f4f6f8;color:#526477;resize:none}.card-fields textarea{resize:vertical}#cardMessage{min-height:19px;color:#277346;font-size:13px}
@media(max-width:690px){.crm-header{padding:12px 14px}.right #account{display:none}.brand{font-size:15px;gap:7px}.brandmark{width:34px;height:34px;font-size:19px}.crm-wrap{padding:24px 14px}.heading{align-items:center}.heading h1{font-size:27px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}.table-wrap{margin:0 -4px}.auth-card{padding:26px 22px}.card-fields{display:block}dialog{padding:21px}}