*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#e9f1f8;color:#102a43}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:194px;background:#0b263c;color:#fff;border-right:1px solid #17364f;display:flex;flex-direction:column;z-index:10}.brand-row{padding:20px 12px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.logo-box{width:42px;height:42px;border-radius:10px;background:#2e8be8;display:grid;place-items:center;font-weight:900;font-size:15px}.brand-row strong{display:block;font-size:15px}.brand-row small{display:block;color:#95abc0;font-size:10px;margin-top:3px}.user-card{margin:14px 10px 8px;padding:12px 10px;border-radius:10px;background:#081d2f;border:1px solid #173852}.user-card strong{font-size:12px;display:block}.user-card span{display:block;color:#9ab0c5;font-size:10px;margin-top:4px;line-height:1.35}nav{padding:6px 0;display:grid;gap:2px}nav button{border:0;background:transparent;color:#f2f7fb;text-align:left;padding:10px 9px;margin:0 0;border-radius:0;font-size:11px;font-weight:700;cursor:pointer;border-left:3px solid transparent}nav button:hover{background:#123653}nav button.active{background:#2b608a;border-left-color:#55a6ee;color:#fff}.side-footer{margin-top:auto;padding:16px 12px;border-top:1px solid rgba(255,255,255,.08)}.side-footer span{display:block;font-weight:800;font-size:11px}.side-footer small{color:#8fa6ba}.main{margin-left:194px;min-height:100vh}.topbar{height:78px;padding:16px 22px;background:#dfeaf4;border-bottom:1px solid #c4d5e4;display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:23px;line-height:1.2}.topbar p{margin:5px 0 0;color:#68819a;font-size:11px}.status-chip{display:inline-block;background:#eef7f2;color:#147246;border:1px solid #b8dcc8;border-radius:20px;padding:8px 11px;font-size:10px;font-weight:900}#app{padding:18px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric,.panel{background:#f8fbfe;border:1px solid #c9d9e7;border-radius:14px;box-shadow:0 1px 2px rgba(16,42,67,.03)}.metric{padding:15px}.metric span{font-size:9px;font-weight:900;color:#667f98;letter-spacing:.4px}.metric strong{display:block;font-size:25px;margin:8px 0 2px}.metric small{color:#7289a0;font-size:9px}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:15px}.panel{padding:15px}.panel h2,.panel h3{margin:0 0 11px}.panel h3{font-size:16px}.panel p{font-size:11px;line-height:1.5}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.btn{border:1px solid #244c70;background:#1a4569;color:#fff;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(1.04)}.btn.primary{background:#174b76}.btn.good{background:#147a4d;border-color:#147a4d}.btn.danger{background:#b23b49;border-color:#b23b49}.btn.soft{background:#fff;color:#174b76;border-color:#aec4d6}.btn:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:10px}th{background:#c8dbea;color:#173650;text-align:left;padding:10px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.25px}td{padding:10px 8px;border-bottom:1px solid #d6e2ec;vertical-align:top}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f0f6fb}.company-name{font-weight:900;font-size:10px}.muted{display:block;color:#738aa0;font-size:9px;margin-top:3px}.score{font-weight:900;color:#147a4d}.tag{display:inline-block;padding:4px 7px;border-radius:999px;background:#e7f0f7;color:#244965;font-size:9px;font-weight:800}.tag.good{background:#e4f4eb;color:#147246}.tag.warn{background:#fff3d6;color:#8c6412}.tag.bad{background:#fbe7ea;color:#a72f3d}.notice{border-left:4px solid #3f8fcf;background:#eaf4fb;padding:10px 12px;border-radius:8px;margin:10px 0;font-size:10px;line-height:1.45}.notice.good{border-color:#279266;background:#e9f6ef}.notice.warn{border-color:#d7a334;background:#fff6df}.email-box{white-space:pre-wrap;background:#fff;border:1px solid #cbdbe8;border-radius:10px;padding:13px;color:#1d3b55;font-size:11px;line-height:1.5;min-height:220px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field.full{grid-column:1/-1}label{display:block;color:#58738c;font-weight:800;font-size:9px;margin-bottom:4px}input,textarea,select{width:100%;border:1px solid #b9cddd;background:#fff;color:#18354d;border-radius:8px;padding:9px;font-size:10px;outline:none}input:focus,textarea:focus,select:focus{border-color:#4c92ca;box-shadow:0 0 0 2px rgba(76,146,202,.12)}textarea{min-height:82px;resize:vertical}.contact-card{border:1px solid #cbdbe7;background:#fff;border-radius:10px;padding:12px}.contact-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.contact-email{font-weight:900;color:#124f7c;word-break:break-all}.kpi-list{display:grid;gap:9px}.kpi-item{border-bottom:1px solid #d9e4ed;padding-bottom:8px}.kpi-item:last-child{border-bottom:0}.kpi-item span{display:block;color:#71889e;font-size:9px}.kpi-item strong{display:block;margin-top:3px;font-size:11px}.empty{padding:30px;text-align:center;color:#71889e}.banner{padding:10px 12px;border-radius:8px;margin-bottom:12px;display:none;font-size:10px}.banner.show{display:block}.banner.info{background:#eaf4fb;border:1px solid #bdd9ed;color:#24506e}.banner.error{background:#fbeaed;border:1px solid #ecc1c8;color:#8b2f3a}.banner.success{background:#e8f6ef;border:1px solid #bde1cd;color:#176642}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:160px}.main{margin-left:160px}.field-grid{grid-template-columns:1fr}.top-actions{display:none}}
.banner.warn{background:#fff6df;border:1px solid #ecd390;color:#76540b}.progress{height:10px;background:#dbe8f2;border-radius:999px;overflow:hidden;margin:8px 0}.progress>div{height:100%;background:#2c79b7;transition:width .2s ease}

/* V3.2.5 Email editor / direct send */
.mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mail-field{display:flex;flex-direction:column;gap:6px}
.mail-field.full{grid-column:1/-1}
.mail-field label{font-size:12px;font-weight:800;color:#395978;text-transform:uppercase;letter-spacing:.04em}
.mail-field input,.mail-field textarea{width:100%;border:1px solid #aec6dc;border-radius:10px;background:#fff;color:#0b2942;padding:12px;font:inherit;box-sizing:border-box}
.mail-field textarea{min-height:330px;resize:vertical;line-height:1.5}
.mail-sender{padding:12px 14px;border-radius:10px;background:#eef7ff;border:1px solid #bfd7eb;margin-bottom:14px}
.mail-sender strong{color:#0c3758}
.btn.send{background:#0c8650;color:#fff;border-color:#0c8650}
.btn.send:hover{filter:brightness(.95)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.sent-meta{display:block;color:#58758f;font-size:12px;margin-top:5px}
@media(max-width:800px){.mail-grid{grid-template-columns:1fr}}

/* V3.3 */
.actions-row{display:flex;gap:7px;flex-wrap:wrap}
.btn.amber{background:#b97818;border-color:#b97818}
.btn.dark{background:#0b263c;border-color:#0b263c}
.btn.link{background:transparent;color:#174b76;border-color:#aec4d6}
.modal-bg{position:fixed;inset:0;background:rgba(5,22,36,.52);z-index:50;display:grid;place-items:center;padding:20px}
.modal{width:min(780px,96vw);max-height:92vh;overflow:auto;background:#f8fbfe;border:1px solid #bfd1df;border-radius:16px;box-shadow:0 18px 60px rgba(5,22,36,.25);padding:18px}
.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}
.modal-head h3{margin:0;font-size:20px}.xbtn{border:0;background:#e5eef5;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:900}
.pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pipe-col{background:#f8fbfe;border:1px solid #c9d9e7;border-radius:12px;padding:11px;min-height:180px}
.pipe-col h4{margin:0 0 9px;font-size:11px;text-transform:uppercase;color:#516f89}
.pipe-card{background:#fff;border:1px solid #d6e3ed;border-radius:9px;padding:9px;margin-bottom:7px;font-size:10px;cursor:pointer}
.pipe-card b{display:block;font-size:11px}.pipe-card span{display:block;color:#70869a;margin-top:3px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.history{display:grid;gap:7px}.history-item{background:#fff;border:1px solid #d6e3ed;border-radius:8px;padding:9px;font-size:10px}
.history-item strong{display:block}.history-item small{color:#70869a}
.pill-row{display:flex;gap:6px;flex-wrap:wrap}.mini-pill{font-size:9px;background:#e7f0f7;border-radius:999px;padding:4px 7px}
.right{text-align:right}.nowrap{white-space:nowrap}.danger-zone{border:1px solid #ecc1c8;background:#fff7f8;border-radius:10px;padding:12px}
.server-ok{color:#147246}.server-warn{color:#9b6810}
@media(max-width:1100px){.pipeline-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pipeline-grid,.two-col{grid-template-columns:1fr}}