:root{--blue: #156EA2;--navy: #0F557E;--green: #62AF45;--ink: #1f2937;--grey: #6b7280;--line: #e6e8ec;--bg: #f5f7fa;--red: #e0414f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--blue);text-decoration:none}.topbar{display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid var(--line);padding:10px 24px;position:sticky;top:0;z-index:10}.topbar img{height:30px}.nav{display:flex;gap:6px;flex:1}.nav a{padding:8px 14px;border-radius:8px;color:var(--grey);font-weight:600;font-size:14px}.nav a.active{background:#e9f2f8;color:var(--blue)}.userbox{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--grey)}.content{max-width:1100px;margin:0 auto;padding:24px}.page-h{font-size:22px;font-weight:700;margin:0 0 16px}button.btn{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer}button.btn:hover{background:var(--navy)}button.btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--line)}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}label{display:block;font-size:13px;color:var(--grey);margin:12px 0 4px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}@media (max-width: 760px){.cards{grid-template-columns:1fr 1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000a}.card .k{color:var(--grey);font-size:13px;font-weight:600}.card .v{font-size:28px;font-weight:700;margin-top:8px}.card .v.green{color:var(--green)}.card .v.blue{color:var(--blue)}.table{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--grey);background:#fafbfc;padding:10px 14px;border-bottom:1px solid var(--line)}.table td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}.table tr:last-child td{border-bottom:0}.table tr.clickable:hover{background:#f6f9fc;cursor:pointer}.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#e9f2f8;color:var(--blue)}.pill.new{background:#eafaf0;color:var(--green)}.muted{color:var(--grey)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f557e,#156ea2)}.login-card{background:#fff;border-radius:16px;padding:32px;width:360px;box-shadow:0 18px 50px #00000040}.login-card img{height:38px;display:block;margin:0 auto 8px}.login-card h1{font-size:18px;text-align:center;margin:0 0 18px;color:var(--grey);font-weight:600}.error{color:var(--red);font-size:13px;margin-top:10px}.timeline{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 16px}.timeline .item{padding:12px 0;border-bottom:1px solid var(--line)}.timeline .item:last-child{border-bottom:0}.timeline .t{font-weight:600;font-size:14px}.timeline .m{font-size:12px;color:var(--grey);margin-top:3px}.subnav{display:flex;gap:18px;margin:18px 0}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--grey);margin:20px 0 8px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-head .page-h{margin:0}.btn.sm{padding:8px 12px;font-size:13px}.actions-row{display:flex;gap:8px;margin:8px 0 4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:14px;width:440px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-h h3{margin:0;font-size:17px}.modal-h .x{background:none;border:0;font-size:22px;line-height:1;color:var(--grey);cursor:pointer}.modal-body{padding:18px 20px 22px}textarea.ta{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:14px;resize:vertical}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.board-col{flex:0 0 230px;background:#eef1f5;border-radius:12px;padding:10px;min-height:160px;transition:background .15s}.board-col.over{background:#dcebf7;outline:2px dashed var(--blue)}.board-col-h{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:13px;color:var(--navy);padding:2px 4px 10px}.board-col-h .count{background:#fff;border-radius:10px;padding:0 7px;font-size:11px;color:var(--grey);margin-left:4px}.board-col-h .sm{font-weight:600}.deal-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px #0000000d;cursor:grab}.deal-card:active{cursor:grabbing}.deal-card .dc-name{font-weight:600;font-size:13.5px}.deal-card .dc-amt{color:var(--green);font-weight:700;font-size:13px;margin-top:4px}.board-empty{color:#b9c0c9;text-align:center;padding:12px 0;font-size:13px}.linkbtn{background:none;border:0;color:var(--blue);font-size:12px;font-weight:600;cursor:pointer;padding:0}.linkbtn:hover{text-decoration:underline}.card.cardlink{text-decoration:none;color:inherit;display:block;transition:border-color .15s,box-shadow .15s}.card.cardlink:hover{border-color:var(--blue);box-shadow:0 2px 8px #156ea21f}.task-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.task-group-h{background:#f3f5f8;color:var(--grey);font-size:12px;font-weight:700;letter-spacing:.5px;padding:9px 16px;text-transform:uppercase}.task-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f6f9fc}.task-main{flex:1;min-width:0}.task-title{font-weight:600;font-size:15px}.task-title.done{text-decoration:line-through;color:var(--grey)}.task-sub{font-size:13px;color:var(--grey);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-due{font-size:13px;color:var(--grey);white-space:nowrap;flex:0 0 auto}.task-due.over{color:var(--red);font-weight:600}.task-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:0 0 auto;border:2px solid #cbd5e1;border-radius:50%;cursor:pointer;position:relative;background:#fff}.task-check:checked{background:var(--green);border-color:var(--green)}.task-check:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.cal-strip{display:flex;gap:6px;margin:8px 0 18px}.cal-day{flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 0;display:flex;flex-direction:column;align-items:center;cursor:pointer}.cal-day .dow{font-size:11px;color:var(--grey);letter-spacing:.4px}.cal-day .num{font-size:18px;font-weight:700;margin-top:2px}.cal-day.on{background:var(--blue);border-color:var(--blue)}.cal-day.on .dow,.cal-day.on .num{color:#fff}.cal-section{font-size:12px;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.5px;background:#f3f5f8;padding:8px 14px;border-radius:8px;margin:14px 0 8px}.cal-item{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;box-shadow:0 1px 2px #0000000a}.cal-time{font-weight:700;color:var(--navy);width:64px;flex:0 0 auto}.cal-title{font-weight:600;font-size:15px}.cal-meta{font-size:13px;color:var(--grey);margin-top:2px}.banner{background:#fff8e6;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;margin-bottom:18px;font-size:13.5px;line-height:1.5;display:flex;align-items:center;gap:16px;justify-content:space-between}.btn:disabled{opacity:.5;cursor:not-allowed}.comm-h{font-size:12px;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 6px}.comm-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.comm-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.comm-row:last-child{border-bottom:0}.comm-ic{font-size:18px;width:24px;text-align:center}.comm-label{flex:1;font-size:15px;font-weight:600}.comm-count{color:var(--grey);font-size:14px}.cal-syncnote{font-size:12.5px;color:var(--green);font-weight:600;margin:4px 0 10px}.cal-gtag{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;color:var(--blue);background:#e9f2f8;border-radius:6px;padding:1px 6px;vertical-align:middle}.mail-tabs{display:flex;align-items:center;gap:8px;margin:4px 0 12px}.mail-tab{border:1px solid var(--line);background:#fff;color:var(--grey);font-weight:600;font-size:13px;padding:7px 14px;border-radius:8px;cursor:pointer}.mail-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.mail-meta{font-size:12.5px;color:var(--grey);margin-left:auto}.mail-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.mail-empty{padding:18px 16px;color:var(--grey);font-size:14px}.mail-row{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.mail-row:last-child{border-bottom:0}.mail-dir{color:var(--grey);font-size:16px;width:18px;flex:0 0 auto}.mail-main{flex:1;min-width:0}.mail-top{display:flex;align-items:center;gap:10px;margin-bottom:2px}.mail-who{font-weight:700;font-size:14px;color:var(--ink)}.mail-tag{font-size:11px;font-weight:700;border-radius:6px;padding:1px 8px}.mail-tag.matched{background:#eafaf0;color:#2f8a4c}.mail-tag.unmatched{background:#f3f5f8;color:var(--grey)}.mail-subj{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-snip{font-size:12.5px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-date{font-size:12px;color:var(--grey);flex:0 0 auto;white-space:nowrap}.sumbar{display:flex;gap:10px;margin:6px 0 14px;flex-wrap:wrap}.sumitem{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 18px;min-width:96px;box-shadow:0 1px 2px #0000000a}.sumn{font-size:22px;font-weight:800;color:var(--navy)}.suml{font-size:11.5px;color:var(--grey);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.listsearch{width:100%;max-width:420px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;font-size:14px;margin-bottom:12px}.chip{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;border-radius:6px;padding:1px 7px;vertical-align:middle}.chip.cust{background:#eafaf0;color:#2f8a4c}.chip.prosp{background:#eef4f9;color:var(--blue)}.actionable{display:inline-flex;gap:6px;align-items:center}.act-badge{font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 7px}.act-badge.mail{background:#fdecea;color:#c0392b}.act-badge.task{background:#eef4f9;color:var(--blue)}.settings{display:grid;grid-template-columns:220px 1fr;gap:20px}.settings-nav{display:flex;flex-direction:column;gap:4px}.set-link{text-align:left;background:none;border:0;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--grey);cursor:pointer}.set-link:hover{background:#eef2f6}.set-link.on{background:#e9f2f8;color:var(--blue)}.settings-body .table{margin-top:6px}.chan-row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--line)}.chan-row:last-child{border-bottom:0}.chan-ic{font-size:22px;width:30px;text-align:center}.chan-main{flex:1;font-size:14px}@media (max-width: 640px){.settings{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap}}