:root{--navy:#0a233c;--sky:#9cdbf5;--line:#dce5eb;--muted:#526b7f}*{box-sizing:border-box}body{margin:0;background:#f1f5f8;color:#132c41;font:14px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,.button{display:inline-block;background:var(--navy);color:white;padding:11px 18px;border:0;border-radius:5px;font:600 13px Arial;cursor:pointer}input,select,textarea{display:block;width:100%;border:1px solid #bbcdd9;padding:10px;border-radius:4px;background:white;color:#132c41;font:14px Arial;margin:6px 0 14px}label{font-size:12px;font-weight:600}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #61b6d6;outline-offset:2px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:10px 0}h2{font-size:20px;line-height:1.3;margin:0 0 18px}h3{font-size:14px;margin-top:25px}p{color:var(--muted)}header{background:var(--navy);color:white;padding:18px 35px;display:flex;align-items:center;gap:35px}header>span{color:#b9d0e0;font-size:12px}header form{margin-left:auto}.brand{font-size:22px;font-weight:800}.brand span{color:var(--sky);font-weight:400}.secondary{background:#23465f;border:1px solid #547087}.workspace{max-width:1500px;padding:35px;margin:auto}.title-row,.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#12688c;font-weight:700;margin:0}.filters{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;margin:25px 0}.filters label{flex:1;min-width:135px}.filters input,.filters select{margin-bottom:0}.filters button{height:38px;margin-bottom:1px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.metrics article{background:white;padding:22px;border:1px solid var(--line);border-radius:6px}.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;font-size:25px;line-height:1.3;margin-top:12px}.hint{font-size:11px;color:var(--muted)}.panel{background:white;padding:25px;border:1px solid var(--line);border-radius:6px;margin:22px 0}.columns{display:grid;grid-template-columns:2.6fr 1fr;gap:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 8px;vertical-align:top}th{font-size:10px;text-transform:uppercase;color:var(--muted)}td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.record{font-size:14px;font-weight:600}.record:hover{text-decoration:underline}.badge{display:inline-block;white-space:nowrap;border-radius:20px;background:#edf2f6;padding:4px 10px;font-size:10px}.new{background:#dff2fc;color:#14577b}.won{background:#ddefe5;color:#126340}.lost{background:#f4e6e6;color:#8e3434}.callback{background:#fff2d9;color:#7d5719}.qualified{background:#e9e3fc;color:#5e418d}.quoted{background:#e5eefc;color:#2e5897}.reminder{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.reminder strong,.reminder span{display:block;font-size:12px}.reminder span{color:var(--muted);font-size:11px}.overdue span{color:#ad2d2d}.job-day{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.phone{font-size:22px;font-weight:700;color:#12688c}.message{white-space:normal;overflow-wrap:anywhere}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}dl{display:grid;grid-template-columns:130px 1fr;font-size:11px}dd{margin:0;overflow-wrap:anywhere}.notice{background:#e1f1e8;color:#155c3c;padding:12px 16px;border-radius:4px}.error{color:#a12b2b}.login{background:var(--navy);display:grid;place-items:center;min-height:100vh;padding:30px}.login-box{max-width:420px;width:100%;background:white;padding:35px;border-radius:8px}.login h1{font-size:39px;margin:20px 0}.login-box form{margin:25px 0}.login-box button{width:100%;margin-top:5px}.login-box small{font-size:10px;color:var(--muted)}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.columns{grid-template-columns:1fr}.columns aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:650px){header{padding:15px 18px;gap:10px}header>span{display:none}.workspace{padding:20px 15px}.title-row{display:block}.title-row .button{margin-top:15px}h1{font-size:27px}.filters{gap:12px}.filters label{min-width:42%}.filters button{width:100%}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:16px}.metrics strong{font-size:22px}.panel{padding:18px;margin-block:16px}.columns aside,.detail-grid{display:block}.two{grid-template-columns:1fr}th,td{padding:12px 7px}.section-title{align-items:flex-start}.login-box{padding:27px}}
