.customerPortal{--cpBorder:#20394e;--cpMuted:#a3b6cd;background:radial-gradient(ellipse at 50% 0,#0e2539 0,transparent 65%),#06121e;color:#eff6ff;min-height:100dvh;font:14px/1.55 Inter,Arial,sans-serif;display:grid;grid-template-columns:218px minmax(0,1fr)}
.customerPortal *,.cpDialog *{box-sizing:border-box}.customerPortal h1,.customerPortal h2,.customerPortal p{margin:0}.customerPortal h1{font-size:30px;letter-spacing:-.7px;line-height:1.2;overflow-wrap:anywhere}.customerPortal h2{font-size:18px;line-height:1.3}.customerPortal button,.customerPortal select,.customerPortal input,.cpDialog button{font:inherit}.customerPortal svg,.cpDialog svg{width:24px;height:24px;flex-shrink:0}.cpSidebar{border-right:1px solid var(--cpBorder);padding:26px 16px;display:flex;flex-direction:column;min-height:100dvh;background:#06111bdd}.cpLogo{width:180px;max-width:100%;height:58px;object-fit:contain}.cpBrandSub{letter-spacing:3px;font-size:10px;color:#9cb7d7;text-align:center;margin:0 0 38px}.cpSidebar nav{display:grid;gap:10px}.cpNav{border:1px solid transparent;background:none;color:#c4d5e9;display:flex;align-items:center;gap:16px;text-align:left;padding:13px 14px;border-radius:8px;cursor:pointer}.cpNav.selected{background:linear-gradient(100deg,#103c63,#0b2942);border-color:#19507b;color:white}.cpSidebar footer{display:grid;gap:12px;border-top:1px solid var(--cpBorder);padding-top:20px;margin-top:auto}.cpSidebar footer .cpBtn{text-align:left;background:transparent;border:0}.cpMain{padding:36px 28px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.cpTop{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.cpTop p{margin-top:8px;color:var(--cpMuted);font-size:15px}.cpIdentity{display:flex;gap:10px;align-items:center;font-size:12px;flex-shrink:0}.cpIdentity>span{border-radius:50%;background:#e7f2ff;color:#143756;font-weight:700;padding:10px}.cpIdentity small{display:block;color:var(--cpMuted)}.cpControls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.cpControls label{display:flex;gap:8px;align-items:center}.cpControls select,.cpPreview select,.cpSearch input{border:1px solid #2a465d;border-radius:7px;color:#eaf4ff;background:#0c2032;padding:10px 12px;max-width:100%;min-height:44px}.cpSync{color:#a4c0d7;font-size:12px;margin-left:auto}.cpSync::first-letter{color:#2ee483}.cpTest{color:#57b7ff;border:1px solid #265273;padding:3px 8px;border-radius:5px;font-size:11px}.cpPanel{background:linear-gradient(120deg,#0c1d2c,#091924);border:1px solid var(--cpBorder);border-radius:11px;padding:20px;min-width:0;margin-bottom:18px;box-shadow:0 6px 24px #00000010}.cpKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cpKpi{display:flex;align-items:center;gap:13px;min-height:110px;padding:18px 15px}.cpKpi small{font-size:12px;color:#c9d8ec;display:block}.cpKpi b{font-size:26px;line-height:1.3;display:block;overflow-wrap:anywhere}.cpKpi>div{min-width:0}.cpMetricIcon,.cpSmallIcon{display:grid;place-items:center;width:48px;height:52px;flex-shrink:0;color:#269aff;background:#0d2c46;border-radius:10px}.cpMetricIcon.check{color:#4ddb9b;background:#103b32}.cpMetricIcon.sale,.cpSmallIcon.gold{color:#f7c544;background:#33301b}.cpMetricIcon.money{color:#5b9dff}.cpGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.cpGrid>div{min-width:0}.cpSectionHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.cpSectionHead .cpBtn{border:0;background:transparent;color:#3bb4ff;padding:4px;white-space:nowrap}.cpBtn{color:#dcecff;background:#102439;border:1px solid #2b4e6e;border-radius:7px;padding:9px 13px;cursor:pointer;min-height:40px}.cpBtn:hover{background:#163b59;border-color:#328bd0}.cpBtn:focus-visible,.cpNav:focus-visible{outline:2px solid #65bbff;outline-offset:3px}.cpMeeting{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--cpBorder)}.cpMeeting:last-of-type{border-bottom:0}.cpDate{width:54px;min-width:54px;border:1px solid #203c55;border-radius:8px;background:#112a3d;text-align:center;padding:8px 5px}.cpDate b{display:block;font-size:25px;line-height:1.1}.cpDate span{font-size:11px;text-transform:uppercase;color:#c0d2e5}.cpMeetingInfo{min-width:0;flex:1}.cpMeetingInfo strong{display:block;overflow-wrap:anywhere;margin:4px 0}.cpMeetingInfo small{color:#b5cbe1}.cpBadge{display:inline-block;font-size:11px;padding:3px 9px;border-radius:20px;color:#afd5ff;background:#18344e;white-space:normal}.cp-confirmed,.cp-held,.cp-won,.cp-invoiced{background:#0e422d;color:#71ecab}.cp-cancelled,.cp-lost,.cp-no_show{background:#45242d;color:#ffadba}.cp-planned,.cp-registered{background:#3d361b;color:#f5d46d}.cpMuted{color:var(--cpMuted);font-size:12px;line-height:1.7;display:block}.cpPanel>.cpMuted{margin-top:16px}.cpLegend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#46a2ff;margin-bottom:15px}.cpLegend span+span{color:#37d47d}.cpChart{display:flex;height:180px;border-bottom:1px solid #375169;gap:18px;padding:18px 12px 26px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#20394e80 40px)}.cpChartGroup{flex:1;min-width:0;position:relative}.cpBars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px}.cpBars i{width:28%;min-height:2px;background:linear-gradient(#238aff,#0760bf);position:relative}.cpBars i+i{background:linear-gradient(#30dd74,#139949)}.cpBars span{position:absolute;top:-19px;width:100%;text-align:center;font-style:normal;font-size:11px;color:#cbddef}.cpChartGroup>small{position:absolute;bottom:-25px;left:0;right:0;text-align:center;font-size:10px;white-space:nowrap;color:#b4c8df}.cpChart+.cpMuted{margin-top:12px}.cpNote{background:#102537;border:1px solid #203c50;border-radius:9px;padding:14px;margin-bottom:10px}.cpNoteTitle{display:flex;gap:10px;align-items:center}.cpNoteTitle>div{min-width:0}.cpNoteTitle strong{display:block;overflow-wrap:anywhere}.cpNoteTitle small,.cpSale small,.cpUpdate small,.cpLead small{display:block;color:var(--cpMuted);font-size:11px}.cpSmallIcon{width:36px;height:38px;border-radius:8px}.cpSmallIcon svg{width:20px;height:20px}.cpNote p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;margin-top:12px}.cpUpdate{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #20394e}.cpUpdate>div{min-width:0;overflow-wrap:anywhere}.cpUpdate strong{font-size:13px}.cpSale{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #20394e}.cpSale>div{flex:1;min-width:0;overflow-wrap:anywhere}.cpSale>b{white-space:nowrap;font-size:14px}.cpLead{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #20394e}.cpLead>div{flex:1;min-width:0;overflow-wrap:anywhere}.cpSearch{display:grid;gap:8px;margin-bottom:18px}.cpEmpty{padding:24px 4px;color:#a4b9ce;line-height:1.7}.cpFooter{text-align:center;color:#7690a8;font-size:11px;margin:24px 0 0}.cpPreview{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border:1px solid #2b5d82;background:#0d2940;padding:14px;border-radius:9px;margin-bottom:24px}.cpPreview small{width:100%;color:#bed0e3}.cpPreview label{min-width:0;max-width:100%}.cpMobileBar{display:none}.cpDialog{background:#0d1d2e;color:#edf5ff;border:1px solid #34536e;border-radius:12px;padding:24px;width:min(650px,calc(100% - 24px));max-height:90dvh;overflow:auto}.cpDialog::backdrop{background:#000b}.cpDialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.cpDialog h2{overflow-wrap:anywhere}.cpDialog .cpWrap,.cpDialog p{overflow-wrap:anywhere}.cpDialog .cpMuted{color:#a3b6cd}
@media(max-width:1150px){.customerPortal{grid-template-columns:190px minmax(0,1fr)}.cpMain{padding:26px 20px}.cpKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cpTop{align-items:flex-start}.cpIdentity{display:none}.cpGrid{grid-template-columns:1fr 1fr}.cpMeeting{flex-wrap:wrap}.cpMeeting>.cpBtn{margin-left:68px}}
@media(max-width:760px){.customerPortal{display:block}.cpMobileBar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#071523;border-bottom:1px solid #20394e;position:sticky;top:0;z-index:30}.cpMobileBar img{width:150px;height:42px;object-fit:contain}.cpSidebar{display:none;min-height:0}.cpMenuOpen .cpSidebar{display:flex;position:fixed;top:68px;left:0;bottom:0;width:min(290px,90vw);z-index:29;background:#071523;box-shadow:20px 0 60px #0009;overflow:auto}.cpSidebar .cpLogo,.cpSidebar .cpBrandSub{display:none}.cpSidebar footer{margin-top:30px}.cpMain{padding:22px 14px}.customerPortal h1{font-size:25px}.cpTop p{font-size:13px}.cpControls{gap:8px}.cpSync{margin-left:0;flex:1;font-size:11px}.cpControls select,.cpPreview select,.cpSearch input{font-size:16px}.cpKpis{gap:10px}.cpKpi{padding:13px 10px;gap:8px;min-height:95px}.cpMetricIcon{width:34px;height:42px;border-radius:8px}.cpMetricIcon svg{width:23px;height:23px}.cpKpi b{font-size:21px}.cpKpi small{font-size:10px}.cpGrid{display:block}.cpPanel{padding:16px;margin-bottom:14px}.cpKpi{padding:13px 10px}.cpMeeting{gap:10px;flex-wrap:wrap}.cpMeeting>.cpBtn{margin-left:64px;min-height:44px}.cpMeetingInfo{min-width:120px}.cpSectionHead{gap:8px}.customerPortal h2{font-size:17px}.cpSale{flex-wrap:wrap}.cpSale>b{margin-left:46px}.cpLead{flex-wrap:wrap}.cpLead>.cpBtn{min-height:44px}.cpBtn{min-height:44px}.cpPreview{display:grid}.cpDialog{padding:16px}.cpTop{margin-bottom:18px}}