:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#20242a;--muted:#737983;--line:#e4e7eb;--soft:#f4f5f7;--green:#16a765;--blue:#2684ff;--sidebar:282px}
*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:var(--ink);min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#f3f4f5;border-right:1px solid #e0e2e5;padding:14px 12px;display:flex;flex-direction:column;z-index:10}.workspace{height:54px;display:flex;align-items:center;gap:13px;padding:0 10px;border-bottom:1px solid #dfe2e5;font-size:22px}.workspace strong{letter-spacing:-.5px}.iconButton{border:0;background:transparent;color:#5f6368;font-size:24px;padding:5px 3px}.sidebar nav{padding-top:20px}.sideNav{border:0;width:100%;height:47px;border-radius:11px;background:transparent;color:#272b30;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-size:16px}.sideNav span{width:24px;text-align:center;color:#656b73;font-size:20px}.sideNav b{margin-left:auto;background:#ff5148;color:white;border-radius:12px;padding:2px 8px;font-size:11px}.sideNav:hover{background:#e7e9eb}.sideNav.active{background:#dedfe1;font-weight:700}.navLabel{color:#999fa7;font-size:10px;font-weight:800;letter-spacing:1px;margin:24px 13px 7px}.settings{margin-top:auto}
main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:8}.toplinks{height:100%;display:flex;align-items:center;gap:8px;color:#6b7077}.toplinks span,.toplinks strong{padding:13px 14px;border-radius:8px;white-space:nowrap}.toplinks strong{background:#eef0f2;color:#262a2f}.topActions{display:flex;gap:13px;align-items:center}.help{border:1px solid var(--line);background:#fff;border-radius:18px;padding:7px 14px}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#40577a;color:white;font-size:12px;font-weight:800}
.pageHeader{background:#fff;padding:25px 28px 18px}.titleRow{display:flex;align-items:center;gap:10px}.titleRow h1,.sectionHeading h1{margin:0;font-size:30px;letter-spacing:-.8px}.pin{color:#8b9097}.toolbar{display:flex;align-items:center;gap:12px;margin-top:20px}.create{border:0;border-radius:9px;background:var(--green);color:#fff;padding:11px 18px;font-weight:750;box-shadow:0 1px 2px #0001}.create span{border-left:1px solid #ffffff55;padding-left:12px;margin-left:8px}.pipelinePicker,.search{height:43px;border:1px solid #dde0e4;background:#f0f1f3;border-radius:10px;display:flex;align-items:center}.pipelinePicker{padding-left:13px;font-weight:700}.pipelinePicker select{border:0;background:transparent;padding:0 34px 0 10px;outline:0;font-weight:700}.search{margin-left:auto;width:min(500px,42vw);background:#f5f6f7;padding:0 10px;gap:8px}.search:focus-within{border-color:#9b75ff;box-shadow:0 0 0 3px #8b5cf619}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1}.search small{white-space:nowrap;padding:4px 8px;border-radius:8px;background:#8b5cf61b;color:#bda8ef;font-size:9px;font-weight:800}.search button,.toolButton{border:0;background:transparent;color:#858b93;font-size:21px}.search:not(.searching) button{opacity:.35}.toolButton{height:42px;width:42px;border-radius:10px;background:#f1f2f3}.subbar{height:61px;background:#fff;border-top:1px solid #f1f2f3;border-bottom:1px solid var(--line);padding:10px 28px;display:flex;align-items:center;justify-content:space-between}.tabs{background:#eef0f2;border-radius:9px;padding:3px;display:flex}.viewTab{border:0;background:transparent;color:#70757d;padding:8px 14px;border-radius:7px}.viewTab.active{background:#fff;color:#272b30;box-shadow:0 1px 4px #0002}.automationShortcut{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px;color:#373c42}
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(276px,1fr);gap:0;overflow:auto;min-height:calc(100vh - 216px);padding:26px 26px 40px;background:linear-gradient(145deg,#f8f9fa,#eef1f4)}.column{border-right:1px dashed #d9dce0;padding:0 8px;min-height:550px}.column:first-child{padding-left:0}.columnHead{height:40px;padding:0 14px;color:#fff;background:var(--stage);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.2px}.column:first-child .columnHead{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.columnHead .count{margin-left:auto;background:#ffffff35;border-radius:20px;padding:2px 7px}.columnTotal{text-align:center;font-size:21px;color:#4e5359;padding:13px 5px}.quickAdd{width:100%;height:36px;border:0;border-radius:7px;background:#e1e3e6;color:#80858c;margin-bottom:13px}.dealList{min-height:420px}.deal{background:#fff;border-radius:11px;border-left:3px solid var(--stage);padding:15px 14px 12px;margin-bottom:11px;box-shadow:0 2px 7px #19212d13;cursor:grab}.deal:active{cursor:grabbing}.deal.dragging{opacity:.35}.dealTitle{display:flex;align-items:flex-start;gap:8px}.dealTitle strong{text-transform:uppercase;font-size:13px;line-height:1.25}.dealTitle .count{margin-left:auto;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dfe2e5;color:#fff;font-size:11px}.amount{font-size:15px;margin-top:9px}.detail{margin-top:11px}.detail label{display:block;color:#9aa0a7;font-size:10px;text-transform:uppercase;margin-top:7px}.detail span{font-size:12px;color:#56606d;word-break:break-word}.cardFooter{display:flex;align-items:center;justify-content:space-between;margin-top:13px;border-top:1px solid #f0f1f2;padding-top:10px;color:#9aa0a7;font-size:12px}.owner{width:24px;height:24px;border-radius:50%;background:#dce8f8;color:#3971b8;display:grid;place-items:center;font-weight:800;font-size:9px}
.dealTable{margin:25px 28px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tableRow{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1fr auto;gap:15px;align-items:center;padding:14px 18px;border-bottom:1px solid #eceef0}.tableRow.head{background:#f5f6f7;color:#7a8088;font-size:11px;font-weight:800;text-transform:uppercase}.tableRow:last-child{border:0}.stagePill{width:max-content;border-radius:12px;padding:4px 9px;color:white;font-size:11px}.emptyState{margin:45px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:15px;max-width:620px;padding:60px}.emptyIcon{font-size:42px;color:#8f969f}.emptyState p{color:var(--muted)}
.dealTitle strong{flex:1}.deleteDealButton{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:1px solid #ff718c2e;border-radius:8px;background:#ff5f7a0c;color:#b99fa7;font-size:18px;line-height:1;cursor:pointer;opacity:.7}.deal:hover .deleteDealButton{opacity:1}.deleteDealButton:hover{background:#ff5f7a25;border-color:#ff718c66;color:#ff9bac}.deleteDealListButton{border:1px solid #ff718c35;border-radius:9px;background:#ff5f7a0d;color:#e89aaa;padding:7px 10px;font-size:10px;font-weight:750;cursor:pointer}.deleteDealListButton:hover{background:#ff5f7a20;color:#ffb0be}
.contentView{padding:35px}.sectionHeading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.sectionHeading p{margin:7px 0 0;color:var(--muted)}.eyebrow{font-size:10px!important;color:#8c939c!important;font-weight:800;letter-spacing:1.2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.stat span{color:#858b93;font-size:11px;font-weight:800;text-transform:uppercase}.stat strong{display:block;font-size:30px;margin-top:10px}.ruleCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;align-items:center;gap:15px}.ruleIcon{width:42px;height:42px;border-radius:11px;background:#fff3d6;color:#f2a000;display:grid;place-items:center}.ruleCard p{margin:5px 0 0;color:var(--muted)}.status{margin-left:auto;border-radius:15px;background:#e2f5eb;color:#168653;padding:5px 10px;font-size:12px;font-weight:800}
.moduleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summaryCard,.emptyPanel,.dataPanel,.reportPanel,.settingsPanel{background:#fff;border:1px solid var(--line);border-radius:14px}.summaryCard{padding:18px}.summaryCard span{color:var(--muted);font-size:12px}.summaryCard strong{display:block;font-size:27px;margin-top:6px}.emptyPanel{text-align:center;padding:65px 25px}.emptyPanel h2{margin:12px 0 5px}.emptyPanel p{margin:0;color:var(--muted)}.dataPanel{overflow:hidden}.clientRow{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;gap:15px;padding:15px 18px;border-bottom:1px solid #edf0f2;align-items:center}.clientRow:last-child{border:0}.clientRow.head{background:#f5f6f7;color:#7a8088;text-transform:uppercase;font-size:10px;font-weight:800}.clientIdentity{display:flex;align-items:center;gap:10px}.clientAvatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e1ebf8;color:#376da9;font-size:11px;font-weight:800}.reportPanel{padding:22px}.reportRow{display:grid;grid-template-columns:170px 1fr 50px;gap:15px;align-items:center;margin:15px 0}.reportBar{height:12px;background:#edf0f3;border-radius:10px;overflow:hidden}.reportBar i{display:block;height:100%;border-radius:10px;background:var(--bar);min-width:3px}.settingsPanel{max-width:650px;padding:24px;display:grid;gap:17px}.settingsPanel label{display:grid;gap:7px;font-size:12px;font-weight:750}.settingsPanel input,.settingsPanel select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 12px}.settingsPanel button{width:max-content}
dialog{border:0;border-radius:16px;width:min(590px,92vw);padding:0;box-shadow:0 30px 90px #1d263850}dialog::backdrop{background:#27314288}form{padding:26px;display:grid;gap:16px}form>label,.grid label{display:grid;gap:7px;font-size:12px;font-weight:750}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}form input{border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:0}form input:focus{border-color:#6a9be8;box-shadow:0 0 0 3px #2684ff19}.dialogHead{display:flex;align-items:flex-start;justify-content:space-between}.dialogHead h2{margin:3px 0 0}.dialogHead button{border:0;background:#eef0f2;border-radius:50%;width:35px;height:35px;font-size:21px}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.secondary{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 16px}.toast{position:fixed;right:25px;bottom:25px;background:#20262e;color:#fff;padding:12px 17px;border-radius:9px;opacity:0;transform:translateY(8px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}
.dealDetail{position:fixed;inset:0;background:#eef2f5;z-index:20;overflow:auto}.detailTop{height:82px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:210px 1fr 50px;align-items:center;gap:20px;padding:12px 26px}.detailTop>div{display:flex;align-items:center;gap:12px}.detailTop h1{margin:0;font-size:23px}.detailColumns{display:grid;grid-template-columns:minmax(360px,41%) 1fr;gap:16px;padding:16px;min-height:calc(100vh - 82px)}.dealFieldsPanel,.timelinePanel{position:static;width:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.panelHeading{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.panelHeading h2{margin:3px 0 0}.fieldList{display:grid;gap:2px;padding-top:12px}.dealField{display:grid;gap:5px;padding:10px 0}.dealField label{font-size:10px;color:#969da6;text-transform:uppercase;font-weight:800}.dealField input,.dealField select{width:100%;border:1px solid transparent;border-radius:8px;background:#f7f8f9;padding:9px 10px;color:#3e4651}.dealField input:focus,.dealField select:focus{outline:0;border-color:#6ca4e8;background:#fff}.dealField .bigValue{font-size:27px;font-weight:650;background:transparent;padding-left:0}.fieldDivider{display:flex;align-items:center;gap:10px;color:#9198a1;font-size:10px;text-transform:uppercase;font-weight:800;margin-top:12px}.fieldDivider:after{content:"";height:1px;background:var(--line);flex:1}.emptyFields{padding:25px 0;color:var(--muted);font-size:13px}.documentsHeading{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.documentsHeading .fieldDivider{flex:1}.uploadButton{font-size:11px;white-space:nowrap}.documentList{display:grid;gap:8px;padding-top:13px}.documentItem{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;background:#f6f8fa;border:1px solid #e8ebee;border-radius:9px;padding:10px}.documentIcon{width:32px;height:32px;border-radius:8px;background:#e7f0ff;color:#3177d3;display:grid;place-items:center}.documentItem strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documentItem small{color:#9299a2}.documentItem a{text-decoration:none;color:#2775d5;font-size:12px}.timelinePanel{background:#f8fafb}.timelineTabs{display:flex;gap:8px;margin-bottom:15px}.timelineTabs button{border:0;background:transparent;padding:9px 13px;color:#747c87;border-radius:9px}.timelineTabs button.active{background:#e9f3ff;color:#2476dc}.commentComposer{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px}.commentComposer textarea{border:0;outline:0;resize:vertical;min-height:54px;flex:1;font:inherit;padding:5px}.commentComposer button{align-self:flex-end}.timelineLabel{text-align:center;border-bottom:1px solid #dfe3e7;height:35px;margin:20px 0 26px}.timelineLabel span{position:relative;top:25px;background:#25b879;color:#fff;border-radius:14px;padding:5px 16px;font-size:11px;font-weight:800}.timeline{display:grid;gap:12px}.timelineEvent{position:relative;background:#fff;border:1px solid #e7e9ec;border-radius:13px;padding:15px 17px 15px 55px}.eventIcon{position:absolute;left:15px;top:15px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f3ff;color:#2d7fdf}.timelineEvent.STAGE .eventIcon{background:#eeeafb;color:#744bd1}.timelineEvent.COMMENT .eventIcon{background:#e7f5ed;color:#17965a}.timelineEvent.ACTIVITY .eventIcon{background:#fff1d7;color:#e89918}.eventHead{display:flex;align-items:center;gap:9px}.eventHead time{color:#9aa0a7;font-size:11px}.timelineEvent p{margin:7px 0 0;color:#59616d;white-space:pre-wrap}.eventAuthor{color:#9aa0a7;font-size:10px;margin-top:8px}.exportButton{width:auto;padding:0 12px;color:#28764e;font-size:16px;font-weight:750;display:flex;gap:6px;align-items:center}.exportButton span{font-size:12px}
.settingsLayout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr);gap:18px;align-items:start}.settingsLayout .settingsPanel{max-width:none}.settingsPanel h2{margin:0}.settingsPanel textarea{border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 12px;resize:vertical;font:inherit}.pipelineList{border-top:1px solid var(--line);padding-top:13px;display:grid;gap:8px}.pipelineItem{display:flex;align-items:center;justify-content:space-between;background:#f6f7f8;border-radius:8px;padding:9px 11px;font-size:13px}.pipelineItem span{color:var(--muted);font-size:11px}
.calendarToolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.calendarToolbar h2{margin:0 0 0 12px;text-transform:capitalize}.calendar{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.weekdays,.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{background:#f4f5f7;border-bottom:1px solid var(--line)}.weekdays span{text-align:center;padding:11px;color:#777e87;font-size:11px;font-weight:800;text-transform:uppercase}.day{min-height:112px;border-right:1px solid #eceef0;border-bottom:1px solid #eceef0;padding:8px;background:#fff}.day:nth-child(7n){border-right:0}.day.outside{background:#fafbfc;color:#b3b7bc}.day.today .dayNumber{background:#2563eb;color:#fff}.dayNumber{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px}.calendarEvent{margin-top:6px;background:#e7f0ff;border-left:3px solid #3977d8;border-radius:5px;padding:5px 6px;font-size:10px;overflow:hidden}.calendarEvent strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendarEvent span{color:#66707d}
@media(max-width:1050px){:root{--sidebar:220px}.toplinks span:nth-last-child(-n+2){display:none}.stats{grid-template-columns:repeat(2,1fr)}.search{width:250px}.settingsLayout{grid-template-columns:1fr}.detailColumns{grid-template-columns:42% 1fr}}@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.toplinks span{display:none}.topbar{padding:0 16px}.pageHeader{padding:20px 16px}.toolbar{flex-wrap:wrap}.search{order:4;width:100%;margin:0}.subbar{padding:10px 16px}.automationShortcut{display:none}.kanban{padding:18px 14px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.contentView{padding:22px}.day{min-height:85px;padding:4px}.calendarEvent span{display:none}.detailTop{grid-template-columns:1fr auto;height:auto}.detailTop>div{grid-column:1/-1;grid-row:2}.detailColumns{grid-template-columns:1fr}.dealFieldsPanel,.timelinePanel{padding:16px}}

/* Dark amber glass theme */
:root{--ink:#f8f4ef;--muted:#b8adb0;--line:#ffffff20;--soft:#211b24;--green:#64b9ff;--blue:#63b8ff;--sidebar:282px;--panel:#231d27cc;--panel-strong:#1d1822;--amber:#ffbd62}
body{color:var(--ink);background:radial-gradient(circle at 85% 2%,#ffb85b55 0,transparent 34%),radial-gradient(circle at 34% 8%,#963c3744 0,transparent 38%),linear-gradient(135deg,#1e1a22 0%,#2a2027 47%,#5a352b 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff08,transparent 30%),radial-gradient(circle at 75% 20%,#ffd17920,transparent 28%);z-index:-1}
.sidebar{background:linear-gradient(180deg,#0c0a0df5,#120c10f3);border-right:1px solid #ffffff16;box-shadow:18px 0 45px #0004}.workspace{border-color:#ffffff18}.workspace strong{color:#fff}.iconButton{color:#d6cdd0}.sideNav{color:#d7ced1}.sideNav span{color:#bcb1b5}.sideNav:hover{background:#ffffff0d}.sideNav.active{background:linear-gradient(100deg,#58b6ff,#78c8ff);color:#11151c;box-shadow:0 9px 25px #43aaf73b}.sideNav.active span{color:#15202b}.sideNav b{background:#ffad52;color:#24160b}.navLabel{color:#72696d}
main{background:transparent}.topbar,.pageHeader,.subbar{background:#211a22aa;border-color:#ffffff17;backdrop-filter:blur(20px)}.topbar{box-shadow:0 10px 35px #0002}.toplinks{color:#bcb2b5}.toplinks strong{background:#ffffff12;color:#fff}.help{border-color:#ffffff25;background:#ffffff0b;color:#f1e9e7}.avatar{background:linear-gradient(135deg,#ffba5d,#b04b54);color:#fff}.titleRow h1,.sectionHeading h1{color:#fff}.pin{color:#b5a8ad}.pipelinePicker,.search{border-color:#ffffff22;background:#ffffff0c;color:#eee}.pipelinePicker select,.search input{color:#f5f1ef}.pipelinePicker select option,.settingsPanel select option,.dealField select option{background:#29212a;color:#fff}.search input::placeholder{color:#9d9398}.toolButton{background:#ffffff0d;color:#ddd4d6}.exportButton{color:#9bd6ff;border:1px solid #ffffff16}.create{background:linear-gradient(135deg,#55b4ff,#6dc7ff);color:#0d1822;box-shadow:0 8px 22px #3fa8ff32}.secondary{background:#ffffff0a;border-color:#ffffff20;color:#eee}.tabs{background:#ffffff0b}.viewTab{color:#aca1a6}.viewTab.active{background:#ffffff16;color:#fff;box-shadow:none}.automationShortcut{background:#ffffff0a;border-color:#ffffff1c;color:#e7dfe0}
.kanban{background:linear-gradient(145deg,#18151be0,#2a2028bb);border-top:1px solid #ffffff0d}.column{border-color:#ffffff18}.columnHead{box-shadow:0 8px 18px #0002}.columnTotal{color:#e7dcdd}.quickAdd{background:#ffffff0b;color:#a99fa3}.quickAdd:hover{background:#ffffff15;color:#fff}.deal{background:linear-gradient(145deg,#302732,#221d27);border-color:#ffffff18;box-shadow:0 10px 25px #0003;color:#f8f3f2}.deal:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0005;transition:.2s}.deal .detail label{color:#83787e}.deal .detail span,.client{color:#d0c5c7}.cardFooter{border-color:#ffffff12}.owner{background:#6abfff;color:#13212c}.amount{color:#fff}
.contentView{background:transparent}.stat,.ruleCard,.summaryCard,.emptyPanel,.dataPanel,.reportPanel,.settingsPanel,.calendar{background:linear-gradient(145deg,#2b232cdd,#1d1921e8);border-color:#ffffff18;box-shadow:0 14px 35px #0002}.stat span,.sectionHeading p,.emptyPanel p,.ruleCard p{color:#ab9fa4}.stat strong{color:#fff}.ruleIcon{background:#ffb45522;color:#ffc66f}.status{background:#56c99122;color:#71e5aa}.clientRow{border-color:#ffffff12}.clientRow.head,.weekdays{background:#ffffff0a;color:#b8adb1}.clientAvatar{background:#63baff22;color:#91d2ff}.reportBar{background:#ffffff12}.settingsPanel input,.settingsPanel select,.settingsPanel textarea{background:#ffffff0a;border-color:#ffffff18;color:#fff}.pipelineList{border-color:#ffffff17}.pipelineItem{background:#ffffff09}.calendarToolbar h2{color:#fff}.calendar{overflow:hidden}.day{background:#211b24;border-color:#ffffff10}.day.outside{background:#19161c;color:#71686d}.day.today .dayNumber{background:#62baff;color:#101820}.calendarEvent{background:#5bb8ff20;border-color:#5dbaff}.weekdays{border-color:#ffffff14}
.dealTable{background:#211b24;border-color:#ffffff18}.tableRow{border-color:#ffffff12}.tableRow.head{background:#ffffff0a;color:#a99ea3}.emptyState{background:#211b24;border-color:#ffffff18}.emptyState p{color:#aaa0a4}
.dealDetail{background:radial-gradient(circle at 88% 0,#ffb55545,transparent 35%),linear-gradient(135deg,#211b23,#382329)}.detailTop{background:#171318dd;border-color:#ffffff18;backdrop-filter:blur(20px)}.detailTop h1{color:#fff}.dealFieldsPanel,.timelinePanel{background:linear-gradient(150deg,#2b232ce8,#1c1820ee);border-color:#ffffff19;box-shadow:0 18px 45px #0003}.panelHeading{border-color:#ffffff18}.dealField input,.dealField select{background:#ffffff09;border-color:#ffffff0b;color:#fff}.dealField input:focus,.dealField select:focus{background:#ffffff0f;border-color:#64baff}.fieldDivider:after{background:#ffffff18}.documentItem{background:#ffffff08;border-color:#ffffff14}.documentIcon{background:#64baff22;color:#84cbff}.documentItem a{color:#84cbff}.timelineTabs button{color:#aea3a7}.timelineTabs button.active{background:#62baff22;color:#91d1ff}.commentComposer{background:#ffffff08;border-color:#ffffff1c}.commentComposer textarea{background:transparent;color:#fff}.commentComposer textarea::placeholder{color:#91868b}.timelineLabel{border-color:#ffffff18}.timelineLabel span{background:linear-gradient(135deg,#ffb75c,#ef7a65);color:#201517}.timelineEvent{background:#ffffff08;border-color:#ffffff16}.timelineEvent p{color:#d0c5c8}.eventHead time,.eventAuthor{color:#8f8489}.timelineEvent.STAGE .eventIcon{background:#8b6cff22;color:#a993ff}.timelineEvent.COMMENT .eventIcon{background:#55d49522;color:#75e8af}.timelineEvent.ACTIVITY .eventIcon{background:#ffb44f22;color:#ffc36b}
dialog{background:linear-gradient(150deg,#302731,#1e1921);color:#fff;border:1px solid #ffffff20}.dialogHead button{background:#ffffff10;color:#eee}dialog::backdrop{background:#09070abd;backdrop-filter:blur(4px)}form input,form select{background:#ffffff0a;border-color:#ffffff20;color:#fff}form input::placeholder{color:#8f858a}.toast{background:#0e0b0f;color:#fff;border:1px solid #ffffff20;box-shadow:0 12px 35px #0006}

/* Violet cloud-dashboard accents */
:root{--violet:#8b5cf6;--violet-light:#aa8bff;--cloud:#f7f6fb}
body{background:radial-gradient(circle at 88% 0,#ffb65555 0,transparent 31%),radial-gradient(circle at 24% 5%,#8d57e84a 0,transparent 38%),linear-gradient(135deg,#19151f 0%,#28202b 48%,#51342f 100%)}
.sidebar{background:radial-gradient(circle at 80% 90%,#6e3bc42b,transparent 30%),linear-gradient(180deg,#0c0912f8,#161022f4);border-radius:0 24px 24px 0}.workspace{margin:0 7px}.sideNav{position:relative}.sideNav.active{background:linear-gradient(100deg,#7a4cf3,#a46cff);color:#fff;box-shadow:0 10px 28px #7f4cf54d}.sideNav.active span{color:#fff}.sideNav.active:before{content:"";position:absolute;left:-12px;width:4px;height:25px;border-radius:0 5px 5px 0;background:#b597ff}.navLabel+button:before{content:"";position:absolute;left:24px;top:-9px;height:12px;width:12px;border-left:1px solid #725a914f;border-bottom:1px solid #725a914f;border-radius:0 0 0 8px}.settings{border:1px dashed #ffffff12}
.topbar{margin:10px 14px 0;border:1px solid #ffffff14;border-radius:18px 18px 0 0}.pageHeader{margin:0 14px}.subbar{margin:0 14px;border-radius:0 0 16px 16px}.toplinks strong{background:#8b5cf625;color:#c7b4ff}.create{background:linear-gradient(135deg,#8b5cf6,#b178ff);color:#fff;box-shadow:0 9px 24px #8a52f63d}.sideNav b{background:#b991ff;color:#1c1029}.avatar{background:linear-gradient(135deg,#8c5cf5,#ff9d66)}.viewTab.active{background:#8b5cf625;color:#cab9ff}.pipelinePicker:focus-within,.search:focus-within{border-color:#9b75ff;box-shadow:0 0 0 3px #8b5cf619}.exportButton{color:#c7b1ff}.kanban{margin:12px 14px 0;border:1px solid #ffffff12;border-radius:18px 18px 0 0}.quickAdd:hover{box-shadow:inset 0 0 0 1px #9a73ff55}.deal{border-radius:16px}.deal:hover{border-color:#9671ff66}.owner{background:linear-gradient(135deg,#8662eb,#ae82ff);color:#fff}
.contentView{margin:14px}.stat,.ruleCard,.summaryCard,.emptyPanel,.dataPanel,.reportPanel,.settingsPanel,.calendar{border-radius:20px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-35px;background:#8c5cf625;filter:blur(2px)}.settingsPanel button,.calendarToolbar button{border-radius:12px}.clientRow:hover,.tableRow:not(.head):hover{background:#8b5cf60d}.reportBar i{background:linear-gradient(90deg,var(--bar),#b187ff)}.day.today .dayNumber{background:#8b5cf6}.calendarEvent{background:#8b5cf61b;border-color:#9672f5}.calendarEvent:hover{background:#8b5cf62b}
.dealDetail{background:radial-gradient(circle at 90% 0,#ffad5940,transparent 30%),radial-gradient(circle at 15% 15%,#8654e838,transparent 34%),linear-gradient(135deg,#1a1620,#302230)}.detailTop{margin:10px 14px 0;border:1px solid #ffffff15;border-radius:18px}.detailColumns{padding:14px}.dealFieldsPanel,.timelinePanel{border-radius:22px}.panelHeading .secondary,.uploadButton{border-style:dashed}.dealField input:focus,.dealField select:focus{border-color:#a17cff;box-shadow:0 0 0 3px #8b5cf616}.documentItem:hover{border-color:#916cff55;background:#8b5cf60e}.documentIcon{background:#8b5cf622;color:#c0a9ff}.documentItem a{color:#b89dff}.timelineTabs button.active{background:#8b5cf625;color:#c8b5ff}.timelineLabel span{background:linear-gradient(135deg,#8d5cf5,#f08a74);color:#fff}.timelineEvent{border-radius:17px}.timelineEvent:hover{border-color:#8f68f044}.eventIcon{background:#8b5cf61e;color:#bea6ff}
dialog{border-radius:22px;box-shadow:0 40px 100px #0009,0 0 0 1px #9d7aff20}.dialogHead button:hover{background:#8b5cf62b}.toast{border-radius:14px;border-color:#8b5cf642}
.calendarSearch{height:44px;max-width:560px;border:1px solid #ffffff18;border-radius:13px;background:#ffffff09;display:flex;align-items:center;gap:9px;padding:0 13px;margin-bottom:15px}.calendarSearch input{border:0;outline:0;background:transparent;color:#fff;flex:1}.calendarSearch input::placeholder{color:#8f858b}.upcomingBlock{margin-bottom:18px}.upcomingHead{display:flex;align-items:center;gap:9px;margin-bottom:9px}.upcomingHead span{background:#8b5cf629;color:#c8b6ff;border-radius:12px;padding:2px 8px;font-size:11px}.upcomingActivities{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;overflow:auto;padding-bottom:5px}.upcomingCard{background:linear-gradient(145deg,#ffffff10,#ffffff07);border:1px solid #ffffff16;border-radius:16px;padding:14px;min-height:108px}.upcomingCard:hover{border-color:#9a75ff66}.upcomingCardTop{display:flex;align-items:center;justify-content:space-between}.upcomingCardTop span{font-size:10px;border-radius:10px;padding:3px 7px;background:#8d5cf62b;color:#cbbaff}.upcomingCard strong{display:block;margin:13px 0 5px}.upcomingCard small{color:#a99da2}.calendarToolbar{justify-content:space-between}.calendarNav,.calendarTools{display:flex;align-items:center;gap:8px}.calendarTools{margin-left:auto}.calendarModes{display:flex;background:#ffffff0a;border-radius:10px;padding:3px}.calendarModes button{border:0;background:transparent;color:#9e9398;padding:7px 10px;border-radius:8px}.calendarModes button.active{background:#8c5cf6;color:#fff}.calendarShell{position:relative}.responsiblePanel{position:absolute;z-index:5;left:14px;top:14px;width:290px;background:#1a1521f5;border:1px solid #ffffff20;border-radius:18px;padding:16px;box-shadow:0 24px 60px #0008;backdrop-filter:blur(18px)}.responsiblePanel .panelHeading{padding-bottom:10px}.responsiblePanel .panelHeading button{border:0;background:#ffffff10;color:#fff;border-radius:50%;width:30px;height:30px}.responsibleOption{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px}.responsibleOption:hover{background:#ffffff0a}.responsibleOption input{accent-color:#8b5cf6}.responsibleDot{width:10px;height:10px;border-radius:50%;background:var(--dot)}.calendar.fullscreenCalendar{position:fixed;inset:14px;z-index:40;box-shadow:0 40px 100px #000b;background:#1b1720}.calendar.fullscreenCalendar:after{content:"Esc para salir";position:absolute;right:14px;top:11px;color:#9d9297;font-size:10px}.calendarGrid.month{display:grid;grid-template-columns:repeat(7,1fr)}.calendarGrid.week,.calendarGrid.day{display:grid;grid-template-columns:65px repeat(var(--days),1fr)}.calendarGrid.day{--days:1}.calendarGrid.week{--days:7}.timeLabel{min-height:68px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff10;padding:7px;color:#8d8388;font-size:10px}.weekSlot{min-height:68px;border-right:1px solid #ffffff10;border-bottom:1px solid #ffffff10;padding:4px;cursor:pointer;transition:.15s}.weekSlot:hover{background:#8b5cf612}.weekEvent{height:100%;min-height:52px;background:linear-gradient(135deg,#8b5cf62e,#5da9ff20);border-top:2px solid var(--event,#8b5cf6);border-radius:7px;padding:6px;font-size:10px;overflow:hidden}.weekEvent strong{display:block}.weekEvent span{color:#aaa0a5}.weekdays.weekHead{display:grid;grid-template-columns:65px repeat(var(--days),1fr)}.weekdays.weekHead span.todayColumn{background:#8b5cf638;color:#fff}.weekdays.weekHead span:first-child{color:#8f858b}
.dealDetail{left:auto;right:18px;top:18px;bottom:18px;width:min(1120px,calc(100vw - var(--sidebar) - 36px));border:1px solid #ffffff20;border-radius:24px;box-shadow:-25px 0 80px #0009;animation:dealDrawerIn .24s ease-out}.detailTop{margin:0;border:0;border-bottom:1px solid #ffffff18;border-radius:24px 24px 0 0}.detailColumns{min-height:calc(100% - 82px)}.fieldActions{display:flex;gap:7px;align-items:center}.fieldActions button{padding:9px 11px;font-size:11px}.baseFieldInput{font-size:14px}.baseFieldInput.bigValue{font-size:24px}.dealFieldsPanel{overflow:auto}@keyframes dealDrawerIn{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@media(max-width:760px){.dealDetail{inset:8px;width:auto}.fieldActions{flex-direction:column;align-items:stretch}}
@media(max-width:1200px){.detailColumns{grid-template-columns:1fr}.detailTop{grid-template-columns:180px minmax(0,1fr) 42px}.detailTop h1{font-size:19px}.dealFieldsPanel,.timelinePanel{overflow:visible}.fieldActions{flex-wrap:wrap}}@media(max-width:760px){.detailTop{grid-template-columns:1fr auto}.detailTop>div{grid-column:1/-1}.dealDetail{inset:8px;width:auto}}
.dealField textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #ffffff0b;border-radius:8px;background:#ffffff09;padding:10px;color:#fff;font:inherit}.dealField textarea:focus{outline:0;border-color:#a17cff;box-shadow:0 0 0 3px #8b5cf616}.dealField textarea::placeholder{color:#91868b}

/* KPI dashboard */
.navIcon{width:34px!important;height:34px;flex:0 0 34px;display:grid!important;place-items:center;border:1px solid transparent;border-radius:10px;background:#ffffff04;color:#93899b;transition:.2s}.navIcon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sideNav:hover .navIcon{color:#d3c5df;background:#ffffff09;border-color:#ffffff0b;transform:translateY(-1px)}.sideNav.active .navIcon{color:#fff;background:#ffffff18;border-color:#ffffff1c;box-shadow:0 6px 16px #3a176a35}.sideNav.active .navIcon svg{filter:drop-shadow(0 0 5px #d9c8ff88)}.menuToggle{border:1px solid #ffffff19!important;background:#ffffff08!important;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0003}.menuToggle svg{width:21px;height:21px;fill:none;stroke:#c8bdcb;stroke-width:2;stroke-linecap:round}.menuToggle:hover{border-color:#9e7aff66!important;background:#8b5cf618!important}.menuToggle:hover svg{stroke:#fff}.sidebarCollapsed .navIcon{width:38px!important;height:38px;flex-basis:38px}.sidebarCollapsed .sideNav span.navIcon{font-size:0}
.lastStage .columnHead{position:relative;clip-path:none;border-radius:10px;margin-right:18px}.inlineAddStage{position:absolute;z-index:3;right:-22px;top:50%;transform:translateY(-50%);width:43px;height:43px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e9e5ed);color:#716978;font-size:29px;font-weight:300;line-height:1;box-shadow:0 7px 18px #0005;cursor:pointer;transition:.18s}.inlineAddStage:hover{transform:translateY(-50%) scale(1.08);color:#7d4ee8;box-shadow:0 9px 24px #0006,0 0 0 4px #a879ff25}.lastStage .columnHead .count{margin-right:12px}
.userDialog{max-height:92vh;overflow:auto}.employeeSection{display:grid;gap:13px;padding:4px 0}.employeeSection .fieldDivider{margin:0 0 3px}.employeeSection>label,.employeeSection .grid label{display:grid;gap:7px;font-size:12px;font-weight:750}.userIdentity small{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Refined pipeline toolbar and popover */
.pageHeader{position:relative;z-index:18;overflow:visible}.subbar{position:relative;z-index:8}.toolbar{display:grid;grid-template-columns:auto minmax(270px,1fr) auto minmax(190px,320px) 42px;gap:12px}.pipelineControl{min-width:0}.pipelineDropdown{min-width:0;flex:1}.pipelineDropdown .pipelinePicker{width:100%;min-width:0;justify-content:flex-start}.pipelineDropdown .pipelinePicker[aria-expanded="true"]{border-color:#9c75ff;background:#8b5cf612;box-shadow:0 0 0 3px #8b5cf619}.pipelineOptions{z-index:100;top:calc(100% + 11px);width:min(340px,calc(100vw - 40px));padding:8px;border-color:#ffffff25;border-radius:17px;background:linear-gradient(155deg,#261d2aFA,#151119FC);box-shadow:0 24px 70px #000c,0 0 0 1px #a87cff12;animation:pipelineMenuIn .16s ease-out}.pipelineMenuHead{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 12px;border-bottom:1px solid #ffffff12;color:#f4edf5;font-size:11px;font-weight:800}.pipelineMenuHead small{color:#897e8a;font-size:9px;font-weight:650}.pipelineMenuList{display:grid;gap:3px;padding-top:6px;max-height:310px;overflow:auto}.pipelineOptions .pipelineMenuList button{min-height:48px;padding:8px 10px}.pipelineOptions .pipelineMenuList button>span{display:flex;align-items:center;min-width:0;gap:9px}.pipelineOptions .pipelineMenuList button i{width:25px;height:25px;flex:0 0 25px;border-radius:8px;display:grid;place-items:center;background:#ffffff07;color:transparent;font-style:normal}.pipelineOptions .pipelineMenuList button.active i{background:#8b5cf62d;color:#cebaff}.pipelineOptions .pipelineMenuList button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pipelineOptions .pipelineMenuList button small{padding:4px 7px;border-radius:8px;background:#ffffff06;white-space:nowrap}.pipelineOptions .pipelineMenuList button.active{background:linear-gradient(90deg,#8b5cf622,#8b5cf608);box-shadow:inset 3px 0 #9e78ff}.pipelineOptions .pipelineMenuList button:hover{transform:translateX(2px)}@keyframes pipelineMenuIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1180px){.toolbar{grid-template-columns:auto minmax(250px,1fr) auto 42px}.toolbar>.search{grid-column:1/-1;width:100%;margin:0}.toolbar>.toolButton:last-child{grid-column:4;grid-row:1}.automationShortcut{display:none}}@media(max-width:760px){.toolbar{grid-template-columns:1fr auto auto}.toolbar>#newDeal{grid-column:1}.pipelineControl{grid-column:1/-1;grid-row:2}.toolbar>.exportButton{grid-column:2;grid-row:1}.toolbar>.toolButton:last-child{grid-column:3;grid-row:1}.toolbar>.search{grid-column:1/-1;grid-row:3}.pipelineOptions{width:100%}}

/* Premium pipeline header */
#pipelineView>.pageHeader{padding:25px 40px 20px;background:radial-gradient(circle at 92% 0,#b16bff12,transparent 32%),linear-gradient(110deg,#211a27e8,#2d2328d9);border-bottom:1px solid #ffffff13}.titleRow{min-height:42px}.titleRow h1{font-size:29px;letter-spacing:-1.15px}.titleRow .pin{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#ffffff06;font-size:12px}.toolbar{grid-template-columns:190px minmax(310px,440px) 112px minmax(260px,1fr) 46px;align-items:center;margin-top:17px}.toolbar>#newDeal{height:47px;border-radius:13px;padding:0 17px;font-size:13px;box-shadow:0 10px 26px #7d42ef32,inset 0 1px #ffffff2c}.toolbar>#newDeal:hover{transform:translateY(-1px);filter:brightness(1.07)}.pipelineControl{height:47px}.pipelineDropdown .pipelinePicker{height:47px;border-radius:13px 0 0 13px;background:#ffffff08;border-color:#ffffff18;padding:0 15px}.pipelineDropdown .pipelinePicker>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#ffffff0b;font-size:12px}.pipelineDropdown .pipelinePicker strong{font-size:13px}.addStageButton{width:47px;border-radius:0 13px 13px 0;font-size:23px}.toolbar>.exportButton{width:112px;height:47px;border-radius:13px;justify-content:center;background:#ffffff07;border:1px solid #ffffff16}.toolbar>.exportButton:hover{background:#8b5cf616;border-color:#9c78ff48}.toolbar>.search{width:100%;max-width:none;height:47px;margin:0;justify-self:stretch;border-radius:13px;background:#ffffff07;border-color:#ffffff18;padding:0 14px}.toolbar>.search:focus-within{background:#ffffff0b}.toolbar>.search input{font-size:12px}.toolbar>.toolButton:last-child{width:46px;height:46px;border:1px solid #ffffff10;border-radius:13px}.subbar{height:64px;padding:10px 40px;background:linear-gradient(90deg,#211a27ed,#2d2328e3);border-top:0}.tabs{padding:4px;border:1px solid #ffffff0b;border-radius:13px;background:#ffffff08}.viewTab{min-width:82px;height:38px;padding:0 15px;border-radius:10px;font-weight:650}.viewTab.active{background:linear-gradient(135deg,#7250ba55,#8b5cf638);box-shadow:inset 0 0 0 1px #a681ff1e}.automationShortcut{height:42px;border-radius:12px;background:#ffffff06;border-color:#ffffff15;color:#cfc3ce}.automationShortcut:hover{background:#ffffff0c;border-color:#9b79ff3b}@media(max-width:1450px){.toolbar{grid-template-columns:175px minmax(280px,390px) 105px minmax(220px,1fr) 44px}}@media(max-width:1180px){#pipelineView>.pageHeader{padding:22px 26px 18px}.toolbar{grid-template-columns:175px minmax(260px,1fr) 105px 44px}.toolbar>.search{grid-column:1/-1;width:100%;margin:0}.toolbar>.toolButton:last-child{grid-column:4;grid-row:1}.subbar{padding:10px 26px}}@media(max-width:760px){#pipelineView>.pageHeader{padding:19px 16px 16px}.toolbar{grid-template-columns:1fr auto auto}.toolbar>#newDeal{grid-column:1;width:100%}.pipelineControl{grid-column:1/-1;grid-row:2}.toolbar>.exportButton{grid-column:2;grid-row:1;width:92px}.toolbar>.toolButton:last-child{grid-column:3;grid-row:1}.toolbar>.search{grid-column:1/-1;grid-row:3}.subbar{padding:9px 16px}.viewTab{min-width:0;padding:0 12px}}
.pipelineItem{min-height:58px;padding:10px 12px;border:1px solid #ffffff0d;border-radius:12px}.pipelineItem>div{display:grid;gap:4px}.pipelineItem>div>span{display:block}.deletePipelineButton{height:36px;padding:0 11px;border:1px solid #ff718c24;border-radius:10px;background:#ff5f7a0b;color:#e898a8;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;cursor:pointer}.deletePipelineButton svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deletePipelineButton:hover{background:#ff5f7a18;border-color:#ff718c4a;color:#ffadbb}.deletePipelineButton:disabled{opacity:.35;cursor:not-allowed}.deletePipelineButton span{color:inherit;font-size:11px}
.detailTop{grid-template-columns:210px minmax(0,1fr) auto}.detailTopActions{display:flex;align-items:center;gap:8px}.closeDealX{width:42px;height:42px;border:1px solid #ff9aac22;border-radius:12px;background:#ff6d870d;color:#d9ccd2;font-size:27px;line-height:1;cursor:pointer;transition:.18s}.closeDealX:hover{background:#ff647d1c;border-color:#ff91a744;color:#fff;transform:rotate(4deg)}.closeDealDialog{width:min(500px,92vw)}.closeDealCard{padding:27px;display:grid;grid-template-columns:54px 1fr;gap:16px}.closeDealIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf62c,#ea76b523);border:1px solid #ffffff17;color:#cbb2ff;font-size:22px}.closeDealCard h2{margin:3px 0 7px;font-size:24px}.closeDealCard>div:nth-child(2)>p:last-child{margin:0;color:#a99da5;line-height:1.55}.closeDealStatus{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #ffb35c24;border-radius:13px;background:#ffad500b;color:#d6c7be}.closeDealStatus>span{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#ffad501a;color:#ffc574;font-weight:900}.closeDealStatus p{margin:0;font-size:12px;line-height:1.4}.closeDealStatus.commentDone{border-color:#55d89a2e;background:#45ce8b0c}.closeDealStatus.commentDone>span{background:#45ce8b1c;color:#72e3ad}.closeDealCard>.dialogActions{grid-column:1/-1;margin-top:2px}.closeDealCard>.dialogActions button{min-height:43px}@media(max-width:760px){.detailTop{grid-template-columns:1fr auto}.detailTopActions{grid-column:2;grid-row:1}.closeDealCard{grid-template-columns:44px 1fr;padding:21px}.closeDealIcon{width:42px;height:42px}.closeDealCard>.dialogActions{flex-direction:column-reverse}.closeDealCard>.dialogActions button{width:100%}}
.dataMenu{position:relative;width:46px;height:46px}.dataMenu>.toolButton{width:46px!important;height:46px!important;border:1px solid #ffffff10!important;border-radius:13px!important}.dataMenu>.toolButton[aria-expanded="true"]{background:#8b5cf61d;color:#cdb9ff;border-color:#9c79ff3b!important}.dataMenuOptions{position:absolute;z-index:110;right:0;top:calc(100% + 11px);width:330px;padding:8px;border:1px solid #ffffff20;border-radius:17px;background:linear-gradient(150deg,#271e2aFA,#151117FC);box-shadow:0 24px 70px #000c;animation:pipelineMenuIn .16s ease-out}.dataMenuHead{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 12px;border-bottom:1px solid #ffffff11}.dataMenuHead span{font-size:11px;font-weight:850;color:#f2eaf3}.dataMenuHead small{font-size:9px;color:#887d89}.dataMenuOptions>button{width:100%;min-height:62px;border:0;border-radius:12px;background:transparent;color:#eee;padding:9px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;text-align:left}.dataMenuOptions>button:hover{background:#8b5cf614}.dataMenuOptions>button:disabled{opacity:.5}.dataActionIcon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:800}.dataActionIcon.export{background:#53b6ff1c;color:#79c8ff}.dataActionIcon.import{background:#53da9a1c;color:#76e8b0}.dataMenuOptions strong,.dataMenuOptions small{display:block}.dataMenuOptions strong{font-size:12px}.dataMenuOptions small{margin-top:4px;color:#8f8490;font-size:10px;line-height:1.35}.dataMenuOptions>p{margin:6px 8px 4px;padding:10px;border-radius:10px;background:#ffffff05;color:#807681;font-size:9px;line-height:1.45}.toolbar>.dataMenu{grid-column:5}.toolbar>.dataMenu .toolButton{background:#ffffff08}@media(max-width:1180px){.toolbar>.dataMenu{grid-column:4;grid-row:1}}@media(max-width:760px){.toolbar>.dataMenu{grid-column:3;grid-row:1}.dataMenuOptions{right:0;width:min(330px,calc(100vw - 32px))}}
.automationSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.automationSummary article{padding:17px;border:1px solid #ffffff13;border-radius:16px;background:linear-gradient(145deg,#ffffff0b,#ffffff05)}.automationSummary span{display:block;color:#958a95;font-size:10px;text-transform:uppercase;font-weight:800}.automationSummary strong{display:block;margin-top:9px;font-size:22px}.automationSummary article:last-child strong{font-size:15px;color:#c7b1ff}.automationRulesList{display:grid;gap:11px}.automationRuleCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;border:1px solid #ffffff15;border-radius:17px;background:linear-gradient(145deg,#2b222de8,#1b171ee8);box-shadow:0 14px 35px #0002}.automationRuleCard.disabled{opacity:.62}.automationRuleIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf62c,#ef8c6d25);color:#c7aaff;font-size:20px}.automationRuleInfo>div:first-child{display:flex;align-items:center;gap:9px}.automationRuleInfo>div>strong{font-size:14px}.automationRuleInfo p{margin:6px 0;color:#a398a2;font-size:11px}.automationRuleInfo p b{color:#d0c0ff}.automationState{padding:4px 7px;border-radius:8px;font-size:9px;font-weight:800}.automationState.on{background:#4ed18e1a;color:#75e4ad}.automationState.off{background:#ffffff0a;color:#9b909a}.automationActionTags{display:flex;gap:6px;flex-wrap:wrap}.automationActionTags span{padding:4px 7px;border-radius:7px;background:#8b5cf611;color:#bda7ed;font-size:9px}.automationRuleButtons{display:flex;align-items:center;gap:7px}.automationRuleButtons .secondary{padding:8px 10px;font-size:10px}.deleteRuleButton{width:32px;height:32px;border:1px solid #ff718c24;border-radius:9px;background:#ff5f7a0b;color:#e898a8;font-size:18px}.automationDialog{width:min(700px,94vw);max-height:92vh;overflow:auto}.automationActionBuilder{display:grid;gap:9px}.automationAction{display:flex!important;align-items:center;gap:10px!important;padding:11px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05}.automationAction>input{width:17px;height:17px;accent-color:#8b5cf6}.automationAction>span{display:grid;gap:3px}.automationAction small{color:#918692;font-weight:500}.actionFields{padding:12px;border-left:2px solid #8b5cf65c;background:#8b5cf608;border-radius:0 11px 11px 0}.actionFields>label,.actionFields .grid label{display:grid;gap:7px;font-size:12px;font-weight:750}.actionFields textarea{border:1px solid #ffffff18;border-radius:9px;background:#ffffff09;color:#fff;padding:10px;font:inherit;resize:vertical}@media(max-width:800px){.automationSummary{grid-template-columns:1fr}.automationRuleCard{grid-template-columns:42px 1fr}.automationRuleButtons{grid-column:2;flex-wrap:wrap}.automationDialog .grid{grid-template-columns:1fr}}
.toplinks button{border:0;background:transparent;padding:13px 14px;border-radius:9px;color:#bcb2b5;font:inherit;white-space:nowrap;cursor:pointer;transition:.18s}.toplinks button:hover{background:#ffffff0a;color:#fff}.toplinks button.active{background:#8b5cf625;color:#cbb9ff;font-weight:800;box-shadow:inset 0 0 0 1px #a47cff12}.helpDialog{width:min(600px,92vw)}.helpOptions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.helpOptions>button{border:1px solid #ffffff14;border-radius:14px;background:#ffffff06;color:#eee;padding:15px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.helpOptions>button:hover{border-color:#936dff66;background:#8b5cf612}.helpOptions>button>span{width:32px;height:32px;border-radius:10px;background:#8b5cf622;color:#c2abff;display:grid;place-items:center}.helpOptions strong,.helpOptions small{display:block}.helpOptions small{margin-top:4px;color:#928791;line-height:1.4}@media(max-width:1050px){.toplinks button:nth-last-child(-n+2){display:none}}@media(max-width:760px){.toplinks button{display:none}.toplinks button.active{display:block}.helpOptions{grid-template-columns:1fr}}
.kpiView{display:grid;gap:18px}.kpiView.hidden{display:none}.kpiHeading{margin-bottom:0}.kpiFilters{display:flex;align-items:end;gap:11px;padding:14px;border:1px solid #ffffff14;border-radius:17px;background:#ffffff06;backdrop-filter:blur(18px)}.kpiFilters label{display:grid;gap:6px;min-width:150px;color:#9f949f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.kpiFilters select,.kpiFilters input{height:40px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff09;color:#eee;padding:0 11px;color-scheme:dark}.kpiFilters label:first-child{min-width:210px}.kpiFilters button{height:40px;margin-left:auto}.kpiSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpiSummary article{position:relative;overflow:hidden;min-height:130px;padding:20px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);box-shadow:0 18px 45px #0002}.kpiSummary article:after{content:"";position:absolute;width:100px;height:100px;right:-30px;top:-35px;border-radius:50%;background:#8b5cf62c;filter:blur(12px)}.kpiSummary article:nth-child(2):after{background:#46b4ff2b}.kpiSummary article:nth-child(3):after{background:#48d3942a}.kpiSummary article:nth-child(4):after{background:#f3a54b2c}.kpiSummary span{display:block;color:#a99fa8;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.6px}.kpiSummary strong{display:block;margin:13px 0 6px;color:#fff;font-size:28px;letter-spacing:-1px}.kpiSummary small{color:#918691}.kpiCharts{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.kpiPanel{border:1px solid #ffffff15;border-radius:20px;background:linear-gradient(145deg,#2a202be8,#19151ddf);box-shadow:0 18px 48px #0002;padding:18px}.kpiPanelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.kpiPanelHead h2{margin:3px 0 0;color:#f4edf3;font-size:17px}.kpiPanelHead>span{color:#978c96;font-size:10px}.kpiStageChart{display:grid;gap:10px}.kpiBarRow{display:grid;grid-template-columns:minmax(110px,180px) 1fr 28px;align-items:center;gap:10px}.kpiBarRow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9aeb8;font-size:11px}.kpiBarRow>div{height:9px;border-radius:9px;background:#ffffff09;overflow:hidden}.kpiBarRow i{display:block;height:100%;min-width:3px;border-radius:9px;background:var(--kpi-color);box-shadow:0 0 14px color-mix(in srgb,var(--kpi-color),transparent 45%)}.kpiBarRow strong{font-size:11px}.kpiTrendChart{height:220px;display:flex;align-items:end;gap:12px;padding:20px 8px 0;border-bottom:1px solid #ffffff12}.kpiMonth{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}.kpiMonth strong{font-size:10px;color:#bfb4be}.kpiMonth i{width:min(34px,70%);min-height:8px;border-radius:9px 9px 3px 3px;background:linear-gradient(#ac84ff,#6a49d9 56%,#55b9ff);box-shadow:0 0 18px #815cef35}.kpiMonth span{font-size:10px;color:#8e838d;text-transform:capitalize}.kpiSections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kpiMetricGroup{padding-top:16px;border-top:2px solid var(--group)}.kpiMetricTable{display:grid}.kpiMetricRow{display:grid;grid-template-columns:minmax(0,1fr) 130px 90px;gap:12px;align-items:center;min-height:42px;padding:7px 9px;border-top:1px solid #ffffff0c}.kpiMetricRow.head{color:#837984;font-size:9px;text-transform:uppercase;font-weight:850}.kpiMetricRow>span{color:#c5bac4;font-size:11px}.kpiMetricRow>strong{color:#fff;font-size:12px}.kpiMetricRow>small{color:#948994}.kpiEmpty{display:grid;place-items:center;min-height:170px;color:#8f848e}.loading{opacity:.55;pointer-events:none}@media(max-width:1050px){.kpiSummary{grid-template-columns:repeat(2,1fr)}.kpiCharts,.kpiSections{grid-template-columns:1fr}}@media(max-width:700px){.kpiFilters{align-items:stretch;flex-direction:column}.kpiFilters label,.kpiFilters label:first-child{width:100%;min-width:0}.kpiFilters button{margin:0}.kpiSummary{grid-template-columns:1fr}.kpiMetricRow{grid-template-columns:1fr 80px}.kpiMetricRow small{display:none}}
.calendarEvent,.weekEvent{display:block;width:100%;border-right:0;border-bottom:0;text-align:left;color:inherit;cursor:pointer;font-family:inherit}.calendarEvent:focus-visible,.weekEvent:focus-visible,.upcomingCard:focus-visible{outline:2px solid #b798ff;outline-offset:2px}.upcomingCard{cursor:pointer}.activityDetailDialog{width:min(560px,calc(100vw - 28px));padding:0;overflow:hidden}.activityDetailCard{padding:24px}.activityDetailContent{display:grid;gap:18px}.activityDate{display:flex;gap:14px;align-items:center;padding:18px;border-radius:17px;background:linear-gradient(135deg,#8b5cf62c,#ffac5a18);border:1px solid #ffffff17}.activityDate>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#8b5cf63b;color:#cfbdff;font-size:22px}.activityDate small,.activityDetailGrid small{display:block;color:#94898f;font-size:9px;font-weight:800;letter-spacing:.09em;margin-bottom:5px}.activityDate strong{text-transform:capitalize}.activityDate p{margin:4px 0 0;color:#bdafb5}.activityDetailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.activityDetailGrid>div{padding:14px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff12;min-width:0}.activityDetailGrid strong{display:block;overflow-wrap:anywhere}.activityStatus{color:#ffc66f}@media(max-width:520px){.activityDetailGrid{grid-template-columns:1fr}}
.calendarEvent,.weekEvent{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.calendarEvent:active,.weekEvent:active{cursor:grabbing}.activityDragging{opacity:.42;transform:scale(.97);box-shadow:0 10px 30px #0008}.day.activityDropTarget,.weekSlot.activityDropTarget{background:#8b5cf633!important;box-shadow:inset 0 0 0 2px #a884ff;transition:.12s}.day.activityDropTarget:after,.weekSlot.activityDropTarget:after{content:"Mover aquí";display:block;color:#d9ccff;font-size:9px;font-weight:800;text-align:center;padding:4px}
.pipelineControl{display:flex;align-items:stretch}.pipelineControl .pipelinePicker{border-radius:12px 0 0 12px}.addStageButton{width:42px;border:1px solid #ffffff22;border-left:0;border-radius:0 12px 12px 0;background:linear-gradient(135deg,#8b5cf6,#a96fff);color:#fff;font-size:21px;cursor:pointer}.addStageButton:hover{filter:brightness(1.12)}.pipelineHint{color:#a99da2;line-height:1.5;padding:11px 13px;border-radius:12px;background:#ffffff07;border:1px solid #ffffff10}.loadingPipeline{opacity:.42;pointer-events:none;transition:.15s}
.workspace{height:76px;padding:5px 8px;gap:7px}.workspace .iconButton{flex:0 0 25px;font-size:20px}.brandLogo{display:block;width:148px;height:64px;object-fit:contain;object-position:center;border-radius:11px;mix-blend-mode:screen;filter:drop-shadow(0 5px 15px #d69cff20)}

/* Refined sidebar hierarchy */
.sidebar{padding:12px 14px 14px;border-radius:0 26px 26px 0;background:radial-gradient(circle at 35% 4%,#42256755,transparent 22%),radial-gradient(circle at 80% 88%,#6d3cc02b,transparent 28%),linear-gradient(180deg,#0d0914 0%,#110c19 100%);box-shadow:20px 0 55px #05030855}
.workspace{height:82px;margin:0 2px;padding:8px 7px 11px;gap:13px;border-color:#ffffff12}
.workspace .iconButton{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#ffffff07;color:#cfc4d1;font-size:18px;display:grid;place-items:center;padding:0;transition:.18s}
.workspace .iconButton:hover{background:#ffffff11;color:#fff}
.brandLogo{width:112px;height:54px;border-radius:12px;object-fit:cover;mix-blend-mode:normal;box-shadow:0 8px 25px #0005,0 0 0 1px #ffffff0c;filter:saturate(.92) brightness(1.05)}
.sidebar nav{padding-top:16px;display:grid;gap:5px}
.sideNav{height:46px;border-radius:13px;padding:0 14px;gap:12px;font-size:15px;font-weight:560;color:#cfc6d1;transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.sideNav:hover{background:#ffffff0a;color:#fff;transform:translateX(2px)}
.sideNav span{width:23px;font-size:17px;color:#95899c}
.sideNav.active{background:linear-gradient(100deg,#7548e8 0%,#9a62f5 100%);box-shadow:0 10px 25px #6f42db40,inset 0 1px #ffffff25;font-weight:720;transform:none}
.sideNav.active:before{left:-14px;width:3px;height:23px;background:#c2a8ff;box-shadow:0 0 12px #a57aff}
.sideNav b{min-width:23px;height:23px;padding:0 6px;display:grid;place-items:center;background:#d7c6ff;color:#2c1749;font-size:10px;box-shadow:0 3px 10px #30195144}
.navLabel{margin:24px 14px 8px;color:#776d7e;font-size:9px;letter-spacing:1.6px}
.navLabel+button:before{left:26px;top:-10px;border-color:#8b6eaf45}
.settings{height:48px;margin-top:auto;border-color:#ffffff12;background:#ffffff03}
@media(max-width:1050px) and (min-width:761px){.brandLogo{width:92px}.workspace{gap:8px}.sidebar{padding-left:11px;padding-right:11px}.sideNav{padding-left:12px;padding-right:12px}}
.mobileMenuButton{display:none}.sidebar,main{transition:width .22s ease,margin-left .22s ease,transform .22s ease}.sidebarCollapsed{--sidebar:82px}.sidebarCollapsed .sidebar{padding-left:10px;padding-right:10px}.sidebarCollapsed .workspace{justify-content:center}.sidebarCollapsed .brandLogo,.sidebarCollapsed .sideNav:not(.settings)::after,.sidebarCollapsed .navLabel{display:none}.sidebarCollapsed .sideNav{justify-content:center;padding:0}.sidebarCollapsed .sideNav span{width:auto}.sidebarCollapsed .sideNav b{position:absolute;right:2px;top:2px;min-width:17px;width:17px;height:17px;padding:0}.sidebarCollapsed .settings{font-size:0;justify-content:center}.sidebarCollapsed .settings span{font-size:17px}.sidebarCollapsed .sideNav{font-size:0}.sidebarCollapsed .sideNav span{font-size:18px}.sidebarCollapsed .sideNav.active:before{left:-10px}
@media(max-width:760px){.mobileMenuButton{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#ffffff09}.topbar{gap:10px}.sidebar{display:flex;width:min(282px,88vw);transform:translateX(-105%);box-shadow:25px 0 70px #000b}.sidebarOpen .sidebar{transform:translateX(0)}.sidebarOpen:after{content:"";position:fixed;inset:0;background:#0503088c;z-index:9}.sidebarOpen main{pointer-events:none}}

/* Animated login */
.authPending>.sidebar,.authPending>main,.loginActive>.sidebar,.loginActive>main{visibility:hidden}.authPending .loginScreen,.loginActive .loginScreen{display:grid}.loginScreen{display:none;position:fixed;inset:0;z-index:100;place-items:center;overflow:hidden;background:radial-gradient(circle at 23% 18%,#703bcf66,transparent 29%),radial-gradient(circle at 78% 78%,#f260b342,transparent 28%),linear-gradient(135deg,#10091c,#2e1750 48%,#170d2d);color:#fff}.loginGrid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%);animation:gridDrift 14s linear infinite}.loginGlow{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(90px);opacity:.28;animation:glowFloat 9s ease-in-out infinite alternate}.loginGlowOne{background:#7c3aed;left:-15%;top:-20%}.loginGlowTwo{background:#ff5eaa;right:-12%;bottom:-25%;animation-delay:-4s}.loginShell{position:relative;width:min(1180px,calc(100vw - 56px));min-height:min(720px,calc(100vh - 56px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,.65fr);border:1px solid #ffffff24;border-radius:30px;background:#ffffff08;box-shadow:0 40px 120px #07030eaa,inset 0 1px #ffffff19;backdrop-filter:blur(24px);overflow:hidden;animation:loginArrive .8s cubic-bezier(.2,.8,.2,1)}.loginVisual{position:relative;min-height:640px;padding:42px;overflow:hidden;border-right:1px solid #ffffff16;background:radial-gradient(circle at 60% 45%,#a24df232,transparent 35%)}.loginLogo{width:105px;height:54px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0005}.loginMessage{position:absolute;z-index:4;left:58px;bottom:62px;max-width:520px}.loginMessage p{font-size:10px;letter-spacing:5px;font-weight:800;color:#dbbfff}.loginMessage h1{margin:15px 0;font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-3px}.loginMessage h1 em{font-style:normal;background:linear-gradient(90deg,#c49aff,#ff8cc9);-webkit-background-clip:text;color:transparent}.loginMessage>span{display:block;max-width:440px;color:#c1b3cb;line-height:1.6}.loginArt{position:absolute;width:430px;height:430px;right:4%;top:8%;animation:artFloat 7s ease-in-out infinite}.artCore{position:absolute;inset:24%;border-radius:42% 58% 63% 37%/46% 37% 63% 54%;background:radial-gradient(circle at 35% 30%,#ffd8fc,#d453ef 28%,#6532da 58%,#23106b);box-shadow:0 0 90px #bc57ff88,inset -30px -30px 80px #160955aa;animation:morph 8s ease-in-out infinite}.artRibbon{position:absolute;inset:12%;border-radius:46% 54% 62% 38%;border:23px solid transparent;filter:drop-shadow(0 0 20px #a55cff88);animation:orbit 12s linear infinite}.ribbonOne{border-top-color:#f89eea;border-right-color:#7f52ff}.ribbonTwo{inset:2%;border-width:15px;border-bottom-color:#486dff;border-left-color:#cb5af1;animation-duration:17s;animation-direction:reverse}.ribbonThree{inset:28%;border-width:11px;border-top-color:#fff2ff;border-left-color:#e875df;animation-duration:9s}.orbital{position:absolute;border:1px solid #ffffff13;border-radius:50%;animation:orbit 20s linear infinite}.orbitalOne{width:520px;height:520px;right:-20px;top:25px}.orbitalTwo{width:650px;height:650px;right:-90px;top:-40px;animation-direction:reverse}.loginCard{align-self:center;margin:42px;padding:0 8px;display:grid;gap:16px}.loginCardLogo{display:none}.loginCard h2{font-size:38px;letter-spacing:-1.5px;margin:0}.loginIntro{color:#a99bb5;margin:-8px 0 12px}.loginCard>label{display:grid;gap:8px;color:#d8ccdf;font-size:12px;font-weight:700}.loginInput{height:52px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0a;padding:0 14px;transition:.2s}.loginInput:focus-within{border-color:#a879ff;box-shadow:0 0 0 4px #8b5cf61d;background:#ffffff0e}.loginInput input{flex:1;min-width:0;border:0!important;box-shadow:none!important;background:transparent!important;color:#fff;padding:0}.loginInput input::placeholder{color:#74697c}.loginInput button{border:0;background:transparent;color:#9e91aa}.loginError{min-height:18px;color:#ff91a9;font-size:12px}.loginSubmit{height:54px;border:0;border-radius:15px;background:linear-gradient(100deg,#7c4bf2,#b866f5 65%,#ec70b7);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 15px 35px #7a3ee848;transition:.2s}.loginSubmit:hover{transform:translateY(-2px);box-shadow:0 19px 42px #8e49ef5c}.loginSubmit b{font-size:22px}.loginSubmit.loading span{opacity:.6}.loginCard>small{text-align:center;color:#766b80;margin-top:4px}.avatar{border:0}.loginActive{overflow:hidden}@keyframes loginArrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes gridDrift{to{background-position:72px 72px}}@keyframes glowFloat{to{transform:translate(12%,8%) scale(1.15)}}@keyframes artFloat{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes morph{0%,100%{border-radius:42% 58% 63% 37%/46% 37% 63% 54%;transform:rotate(-4deg)}50%{border-radius:58% 42% 38% 62%/39% 61% 39% 61%;transform:rotate(7deg) scale(1.06)}}@media(max-width:900px){.loginShell{grid-template-columns:1fr;max-width:520px;min-height:0}.loginVisual{display:none}.loginCard{margin:38px;padding:0}.loginCardLogo{display:block}.loginCardLogo img{width:90px;height:46px;object-fit:cover;border-radius:10px}}@media(max-width:520px){.loginShell{width:calc(100vw - 24px);border-radius:22px}.loginCard{margin:26px 20px}.loginCard h2{font-size:32px}}

/* Neon flower login refinement */
.loginScreen{background:radial-gradient(circle at 70% 42%,#5e20ae3b,transparent 28%),radial-gradient(circle at 18% 86%,#006dff1c,transparent 24%),linear-gradient(135deg,#05030e,#130726 54%,#090314)}
.loginGrid{opacity:.38;background-size:84px 84px;animation-duration:22s}
.loginShell{width:min(1240px,calc(100vw - 48px));grid-template-columns:minmax(0,1.48fr) minmax(390px,.72fr);border-color:#bd7aff2b;background:#0f071b9c;box-shadow:0 45px 140px #000c,0 0 70px #8d35d519,inset 0 1px #ffffff1b}
.loginVisual{min-height:680px;padding:36px;border-color:#ffffff10;background:#05030b;isolation:isolate}
.loginVisual:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#05030ae8 0%,#05030a83 34%,transparent 66%),linear-gradient(0deg,#05030af2 0%,transparent 45%);pointer-events:none}
.loginFlower{position:absolute;z-index:1;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.06);animation:flowerBreathe 9s ease-in-out infinite alternate;will-change:transform,filter}
.flowerPulse{position:absolute;z-index:1;width:310px;height:310px;border-radius:50%;right:17%;top:20%;background:#e846f02b;filter:blur(55px);animation:flowerGlow 4.5s ease-in-out infinite alternate}
.loginLogo{position:relative;z-index:5;width:96px;height:49px;border:1px solid #ffffff13;background:#08030eaa;backdrop-filter:blur(10px)}
.orbital{z-index:3;border-color:#d683ff17}.orbitalOne{right:3%;top:5%}.orbitalTwo{right:-5%;top:-5%}
.loginMessage{z-index:5;left:48px;bottom:44px;max-width:490px}.loginMessage p{color:#b7a0db}.loginMessage h1{font-size:clamp(42px,4.6vw,66px);text-shadow:0 8px 35px #000}.loginMessage>span{max-width:400px;color:#a99db4}
.loginCard{margin:50px 46px 50px 42px;padding:0;gap:15px}.loginCard:before{content:"";position:absolute;right:-100px;top:14%;width:260px;height:260px;border-radius:50%;background:#d13fc722;filter:blur(65px);pointer-events:none}.loginCard h2{font-size:42px}.loginIntro{color:#95879f}.loginInput{background:#ffffff07;border-color:#ffffff17}.loginInput:hover{background:#ffffff0a;border-color:#ffffff24}.loginSubmit{background:linear-gradient(105deg,#6238df,#9c4ff0 54%,#e152c4);box-shadow:0 16px 42px #7730db48}.loginSubmit:hover{box-shadow:0 20px 50px #a03ddb57}.loginCard>small{color:#655c6c}
@keyframes flowerBreathe{0%{transform:scale(1.01) translate3d(0,0,0);filter:saturate(.9) contrast(1.04) brightness(.92)}100%{transform:scale(1.045) translate3d(-.8%,-.6%,0);filter:saturate(1.06) contrast(1.08) brightness(1.08)}}@keyframes flowerGlow{to{transform:scale(1.3);opacity:.72}}
@media(max-width:900px){.loginCard{margin:38px;padding:0}.loginCard:before{right:-70px}.loginCardLogo{display:block}}
@media(prefers-reduced-motion:reduce){.loginFlower,.flowerPulse,.loginGrid,.loginGlow,.orbital{animation:none!important}}
.userManagement{grid-column:1/-1;max-width:none!important}.userManagementHead{display:flex;align-items:center;justify-content:space-between;gap:18px}.userManagementHead h2{margin:3px 0}.userManagementHead p:not(.eyebrow){margin:5px 0 0;color:#a99da2}.usersList{display:grid;border:1px solid #ffffff13;border-radius:15px;overflow:hidden}.userRow{display:grid;grid-template-columns:42px minmax(180px,1.4fr) 120px 110px 90px auto;align-items:center;gap:12px;padding:13px 15px;background:#ffffff05;border-bottom:1px solid #ffffff10}.userRow:last-child{border:0}.userRow:hover{background:#8b5cf60b}.userAvatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7548e8,#da64bb);font-size:11px;font-weight:850}.userIdentity{display:grid;gap:3px}.userIdentity small{color:#93888e}.roleBadge,.userPermissionCount,.userState{font-size:11px}.roleBadge{color:#c6b5ff}.userPermissionCount{color:#a99da2}.userState{width:max-content;padding:5px 8px;border-radius:10px;font-weight:750}.userState.on{color:#73e5ac;background:#48ca8a1c}.userState.off{color:#ff91a9;background:#ff5d7a17}.editUser{padding:8px 11px}.userDialog{width:min(720px,94vw)}.permissionsBox{border:1px solid #ffffff17;border-radius:14px;padding:15px}.permissionsBox legend{padding:0 7px;color:#c9b8d0;font-size:12px;font-weight:750}.permissionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permissionGrid label,.activeUser{display:flex!important;align-items:center;gap:8px!important;font-size:12px!important;font-weight:550!important;color:#c0b4c5}.permissionGrid input,.activeUser input{width:16px;height:16px;accent-color:#8b5cf6}.activeUser{padding:11px;border-radius:11px;background:#ffffff06}@media(max-width:900px){.userRow{grid-template-columns:40px 1fr auto}.roleBadge,.userPermissionCount{display:none}.permissionGrid{grid-template-columns:1fr}}@media(max-width:600px){.userManagementHead{align-items:flex-start;flex-direction:column}.userRow{grid-template-columns:38px 1fr}.userRow .userState,.userRow button{grid-column:2}.userDialog .grid{grid-template-columns:1fr}}
.pipelineDropdown{position:relative}.pipelineDropdown .pipelinePicker{min-width:250px;border-radius:12px 0 0 12px;padding:0 13px;gap:10px;color:#fff}.pipelineDropdown .pipelinePicker strong{flex:1;text-align:left}.pipelineDropdown .pipelinePicker b{color:#988da1;font-size:12px}.pipelineOptions{position:absolute;z-index:35;left:0;top:49px;width:280px;padding:7px;border:1px solid #ffffff1e;border-radius:14px;background:#18121ef5;box-shadow:0 20px 55px #0009;backdrop-filter:blur(20px)}.pipelineOptions button{width:100%;border:0;border-radius:10px;background:transparent;color:#d6cbd9;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;text-align:left}.pipelineOptions button:hover,.pipelineOptions button.active{background:#8b5cf621;color:#fff}.pipelineOptions button.active{box-shadow:inset 3px 0 #9e78ff}.pipelineOptions small{color:#8f8495;font-size:10px}
.editStageButton{margin-left:auto;width:26px;height:26px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:#fff;opacity:.72;font-size:12px}.editStageButton:hover{opacity:1;background:#ffffff2b;transform:scale(1.06)}.columnHead .editStageButton+.count{margin-left:0}.stagePreview{height:46px;padding:0 16px;display:flex;align-items:center;color:#fff;border-radius:10px;font-weight:800;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);box-shadow:0 8px 22px #0003}.stageDialog input[type="color"],#stageForm input[type="color"]{height:44px;padding:4px;cursor:pointer}.stageDialog select,#stageForm select{height:44px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff0a;color:#fff;padding:0 10px}
.webhookManagement{margin:18px 0;max-width:none!important}.webhooksList{display:grid;gap:9px;margin-top:18px}.webhookRow{display:grid;grid-template-columns:44px minmax(220px,1.4fr) minmax(180px,1fr) auto auto auto;gap:11px;align-items:center;padding:13px;border:1px solid #ffffff13;border-radius:14px;background:#ffffff05}.webhookIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:20px;font-weight:800}.webhookIcon.incoming{color:#71d9ff;background:#3aaeff20}.webhookIcon.outgoing{color:#d0a8ff;background:#945fff20}.webhookRow>div:nth-child(2){display:grid;gap:3px;min-width:0}.webhookRow small{color:#948993}.webhookRow code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcaed0;font-size:10px}.webhookEvents{display:flex;flex-wrap:wrap;gap:4px}.webhookEvents span{padding:4px 6px;border-radius:7px;background:#8b5cf618;color:#bfa9ef;font-size:9px}.webhookFields{display:grid;gap:13px}@media(max-width:900px){.webhookRow{grid-template-columns:42px 1fr auto}.webhookEvents{grid-column:2/-1}.webhookRow>button{grid-column:auto}}
.userAvatar img,.avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.avatar{overflow:hidden}.avatarEditor{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff05}.userAvatar.large{flex:0 0 72px;width:72px;height:72px;border-radius:20px;font-size:18px;overflow:hidden}.avatarUpload{display:grid!important;gap:6px!important;flex:1}.avatarUpload input[type="file"]{padding:9px!important;height:auto!important}.avatarUpload small{color:#8e8394;font-weight:500}
.mailWorkspace{display:grid;grid-template-columns:360px 1fr;min-height:620px;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;background:#120d17}.mailList{border-right:1px solid #ffffff14;background:#ffffff03}.mailListHead{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.mailItem{width:100%;display:grid;gap:5px;padding:14px 16px;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:#cfc4ce;text-align:left;cursor:pointer}.mailItem:hover{background:#8b5cf612}.mailItem.unread{box-shadow:inset 3px 0 #9564ff;background:#8b5cf60c}.mailItem strong,.mailItem span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailItem strong{font-size:12px}.mailItem span{color:#a99eaa}.mailItem small{color:#786e79}.mailReader{padding:26px;min-width:0}.mailReaderHead{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #ffffff12}.mailReaderHead div{display:grid;gap:7px}.mailReaderHead small{color:#817583}.mailReaderHead h2{margin:8px 0 0}.mailBody{margin:0;padding:24px 0;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 inherit;color:#c8bec8}.mailLoading{padding:30px;color:#9b8fa0}@media(max-width:850px){.mailWorkspace{grid-template-columns:1fr}.mailList{border-right:0}.mailReader{min-height:420px}}
.taskToolbar{display:flex;gap:10px;margin-bottom:15px}.taskToolbar input{flex:1}.taskBoard{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:14px}.taskLane{min-height:570px;border:1px solid #ffffff12;border-radius:16px;background:#100b15;overflow:hidden}.taskLane>header{display:flex;justify-content:space-between;padding:14px 15px;background:#8b5cf617;border-bottom:2px solid #8d5cf3}.taskLane>header span{color:#a99cb0}.taskLane>div{display:grid;gap:9px;padding:10px}.taskCard{padding:13px;border:1px solid #ffffff12;border-left:3px solid #8b5cf6;border-radius:13px;background:#ffffff07}.taskCard.priority-high{border-left-color:#f2a84b}.taskCard.priority-urgent{border-left-color:#ff5d72}.taskCard.priority-low{border-left-color:#4ccba0}.taskCard>div:first-child{display:flex;justify-content:space-between;gap:8px}.taskCard p{min-height:32px;color:#988d99;font-size:11px}.taskStatus{font-size:9px;color:#c4afff}.taskMeta{display:grid;gap:5px;color:#aaa0aa;font-size:10px}.taskActions{display:flex;gap:6px;margin-top:11px}.taskActions button{flex:1}.taskEmpty{padding:14px;color:#786f7a;text-align:center}.dealTaskList{display:grid;gap:7px}.dealTask{display:flex;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid #ffffff10;border-radius:11px;background:#ffffff05;color:#d7cdd8;text-align:left}.dealTask>span{color:#aa81ff;font-size:17px}.dealTask div{display:grid;gap:3px}.dealTask small{color:#8e838e}@media(max-width:900px){.taskBoard{grid-template-columns:repeat(5,250px)}.taskToolbar{flex-wrap:wrap}}
.calendarIntegrations,.calendarEventActions{display:flex;align-items:center;gap:8px}.calendarEventActions{padding-top:4px}.calendarEventActions button{flex:1}@media(max-width:700px){.calendarIntegrations{flex-wrap:wrap}.calendarIntegrations button{flex:1}}

/* Refined tasks workspace */
#tasksView{padding:30px 32px 38px;background:radial-gradient(circle at 8% 0%,#7145b526,transparent 31%),radial-gradient(circle at 92% 1%,#d9894430,transparent 34%)}
#tasksView .sectionHeading{align-items:center;margin-bottom:22px;padding:2px 2px 0}
#tasksView .sectionHeading h1{font-size:32px;letter-spacing:-1.1px}
#tasksView .sectionHeading>div:last-child{display:flex;gap:9px}
#tasksView .sectionHeading button{height:43px;padding:0 18px;border-radius:12px}
#tasksView #newTask{background:linear-gradient(110deg,#7b4be9,#a465f4);color:#fff;box-shadow:0 12px 28px #7040dc40}
.taskToolbar{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) 240px auto;align-items:center;gap:10px;margin:0 0 17px;padding:10px;border:1px solid #ffffff12;border-radius:16px;background:#140f19a8;box-shadow:0 14px 38px #08050c2e;backdrop-filter:blur(16px)}
.taskToolbar input,.taskToolbar select{height:44px;min-width:0;border:1px solid #ffffff17!important;border-radius:11px!important;background:#ffffff09!important;color:#eee5f0!important;padding:0 14px!important;outline:none;box-shadow:inset 0 1px #ffffff08;transition:.18s}
.taskToolbar input::placeholder{color:#807586}
.taskToolbar input:focus,.taskToolbar select:focus{border-color:#9b73f2!important;box-shadow:0 0 0 3px #8b5cf61d,inset 0 1px #ffffff0c}
.taskToolbar select option{background:#211927;color:#f4edf5}
.taskToolbar #requestNotifications{height:44px;border-radius:11px;padding:0 16px;white-space:nowrap;background:#ffffff08}
.taskBoard{grid-template-columns:repeat(5,minmax(260px,1fr));gap:12px;padding:0 1px 16px;scrollbar-color:#7654af #ffffff08}
.taskLane{position:relative;min-height:560px;border-color:#ffffff10;border-radius:17px;background:linear-gradient(180deg,#17111f 0%,#110d17 100%);box-shadow:0 16px 38px #05030738}
.taskLane>header{position:sticky;top:0;z-index:2;align-items:center;min-height:54px;padding:0 16px;border-bottom:1px solid #ffffff12;background:#241833;backdrop-filter:blur(14px)}
.taskLane>header strong{font-size:13px;letter-spacing:-.1px}
.taskLane>header span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:9px;background:#ffffff0d;color:#c4b8ca;font-size:11px;font-weight:800}
.taskLane:nth-child(1)>header{border-top:3px solid #ff6377;background:linear-gradient(180deg,#3b1c2a,#24151f)}
.taskLane:nth-child(2)>header{border-top:3px solid #f6ba4e;background:linear-gradient(180deg,#392c1b,#241d17)}
.taskLane:nth-child(3)>header{border-top:3px solid #56b8f7;background:linear-gradient(180deg,#172d3d,#151f29)}
.taskLane:nth-child(4)>header{border-top:3px solid #8d68f4;background:linear-gradient(180deg,#2d2147,#1e1830)}
.taskLane:nth-child(5)>header{border-top:3px solid #8c929f;background:linear-gradient(180deg,#29272e,#1c1a20)}
.taskLane>div{gap:10px;padding:11px}
.taskCard{padding:14px;border-color:#ffffff13;border-left-width:3px;border-radius:14px;background:linear-gradient(145deg,#ffffff0b,#ffffff05);box-shadow:0 8px 22px #0503082b;transition:transform .18s,border-color .18s,background .18s}
.taskCard:hover{transform:translateY(-2px);border-color:#ffffff22;background:linear-gradient(145deg,#ffffff11,#ffffff08)}
.taskCard>div:first-child strong{font-size:13px;color:#f4eef5}
.taskStatus{padding:4px 7px;border-radius:8px;background:#8b5cf617;font-weight:750;white-space:nowrap}
.taskCard p{margin:10px 0 12px;line-height:1.5}
.taskMeta{padding-top:10px;border-top:1px solid #ffffff0d}
.taskActions button{min-height:34px;border-radius:9px;font-size:10px}
.taskEmpty{margin:5px;padding:30px 12px;border:1px dashed #ffffff10;border-radius:12px;background:#ffffff02}
@media(max-width:1050px){#tasksView{padding:25px 22px}.taskToolbar{grid-template-columns:1fr 220px}.taskToolbar #requestNotifications{grid-column:1/-1}.taskBoard{grid-template-columns:repeat(5,270px)}}
@media(max-width:700px){#tasksView{padding:20px 14px}#tasksView .sectionHeading{align-items:flex-start;gap:16px}#tasksView .sectionHeading>div:last-child{width:100%}#tasksView .sectionHeading button{flex:1}.taskToolbar{display:flex;align-items:stretch;padding:9px}.taskToolbar>*{width:100%}.taskBoard{grid-template-columns:repeat(5,84vw)}}

/* Refined webmail workspace */
#webmailView{padding:30px 32px 38px;background:radial-gradient(circle at 10% 0%,#673bbf26,transparent 31%),radial-gradient(circle at 91% 2%,#d17a4830,transparent 35%)}
#webmailView .sectionHeading{align-items:center;margin-bottom:22px}
#webmailView .sectionHeading h1{font-size:32px;letter-spacing:-1.1px}
#webmailView .sectionHeading>div:last-child{display:flex;gap:9px}
#webmailView .sectionHeading button{height:43px;padding:0 18px;border-radius:12px}
#webmailView #composeMail{background:linear-gradient(110deg,#7b4be9,#a465f4);color:#fff;box-shadow:0 12px 28px #7040dc40}
#webmailView #mailSettings{background:#ffffff08;border-color:#ffffff18}
.mailWorkspace{grid-template-columns:370px minmax(0,1fr);min-height:650px;border-color:#ffffff12;border-radius:19px;background:linear-gradient(145deg,#17111e,#0f0b14);box-shadow:0 22px 55px #0503084a;backdrop-filter:blur(18px)}
.mailList{border-color:#ffffff10;background:linear-gradient(180deg,#1e1628,#15101c)}
.mailListHead{height:68px;padding:0 17px;border-color:#ffffff10;background:#ffffff04}
.mailListHead strong{display:flex;align-items:center;gap:9px;color:#f4edf5;font-size:14px}.mailListHead strong:before{content:"";width:9px;height:9px;border-radius:50%;background:#9a6af5;box-shadow:0 0 14px #9a6af5}
.mailListHead #refreshMail{width:36px;height:36px;padding:0;border-radius:10px;font-size:17px;transition:transform .25s,background .18s}
.mailListHead #refreshMail:hover{transform:rotate(45deg);background:#9563ee1f}
#mailMessages{max-height:calc(100vh - 280px);min-height:580px;overflow:auto;scrollbar-color:#704ca3 #ffffff05}
.mailItem{position:relative;gap:6px;padding:15px 17px 15px 20px;border-color:#ffffff0a;background:transparent;transition:background .16s,transform .16s}
.mailItem:hover{z-index:1;transform:translateX(3px);background:#ffffff08}
.mailItem.unread{box-shadow:inset 3px 0 #9a6bf4;background:linear-gradient(90deg,#8b5cf616,transparent)}
.mailItem.unread:after{content:"";position:absolute;right:14px;top:17px;width:7px;height:7px;border-radius:50%;background:#a97aff;box-shadow:0 0 11px #a97aff}
.mailItem strong{max-width:calc(100% - 18px);color:#e9e0eb;font-size:12px;letter-spacing:.05px}
.mailItem.unread strong{color:#fff;font-weight:800}
.mailItem span{padding-right:12px;color:#a79ca9;font-size:11px}
.mailItem small{margin-top:2px;color:#716776;font-size:9px}
.mailReader{position:relative;padding:31px 34px;background:radial-gradient(circle at 80% 0%,#7344b410,transparent 32%)}
.mailReader>.emptyPanel{min-height:540px;display:grid;place-content:center;text-align:center;border:1px dashed #ffffff11;background:#ffffff02;box-shadow:none}
.mailReader>.emptyPanel:before{content:"✉";display:grid;place-items:center;width:64px;height:64px;margin:0 auto 17px;border-radius:20px;background:linear-gradient(145deg,#7650cb33,#bb6fe41e);color:#c4a8ff;font-size:27px;box-shadow:inset 0 1px #ffffff16}
.mailReaderHead{align-items:flex-start;padding-bottom:25px;border-color:#ffffff10}
.mailReaderHead div{gap:8px;min-width:0}.mailReaderHead small{color:#8e8291;font-size:9px;font-weight:800;letter-spacing:1.2px}.mailReaderHead strong{color:#c5b8c7;font-size:12px}.mailReaderHead h2{margin-top:10px;color:#fff;font-size:25px;letter-spacing:-.5px}.mailReaderHead button{border-radius:11px;background:linear-gradient(110deg,#7649df,#9d63ee);color:#fff}
.mailBody{padding:29px 3px;color:#cfc5d0;font-size:13px;line-height:1.75}
.mailLoading{display:flex;align-items:center;gap:10px;padding:30px;color:#9e91a2}.mailLoading:before{content:"";width:15px;height:15px;border:2px solid #ffffff1c;border-top-color:#9b6ff1;border-radius:50%;animation:mailSpin .8s linear infinite}
#mailNotConfigured{min-height:480px;display:grid;place-content:center;text-align:center;border:1px dashed #ffffff14;background:linear-gradient(145deg,#211827cc,#17111ed9)}
#mailNotConfigured:before{content:"✉";display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:24px;background:linear-gradient(145deg,#7f54d93b,#c26ada22);color:#d2b7ff;font-size:31px;box-shadow:0 16px 32px #09050e4a,inset 0 1px #ffffff1b}
#mailNotConfigured button{width:max-content;margin:8px auto 0;background:linear-gradient(110deg,#7549de,#a05ff0);color:#fff}
#mailConfigDialog form,#composeMailDialog form{background:radial-gradient(circle at 100% 0%,#7140a820,transparent 34%)}
#mailConfigDialog input,#mailConfigDialog select,#composeMailDialog input,#composeMailDialog textarea{background:#ffffff08!important;border-color:#ffffff16!important;color:#f5eef6!important}
@keyframes mailSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){#webmailView{padding:25px 20px}.mailWorkspace{grid-template-columns:320px minmax(0,1fr)}.mailReader{padding:25px}}
@media(max-width:720px){#webmailView{padding:20px 14px}#webmailView .sectionHeading{align-items:flex-start;gap:16px}#webmailView .sectionHeading>div:last-child{width:100%}#webmailView .sectionHeading button{flex:1}.mailWorkspace{grid-template-columns:1fr}.mailList{border-right:0;border-bottom:1px solid #ffffff10}#mailMessages{min-height:280px;max-height:360px}.mailReader{min-height:440px;padding:20px}}
.mailProviderLabel select{background:#ffffff08!important;border-color:#ffffff18!important;color:#fff!important}.mailConnectionGuide{display:flex;gap:11px;padding:12px 14px;border:1px solid #f0b85a2b;border-radius:12px;background:#f0aa3910;color:#b9adb8;font-size:11px;line-height:1.45}.mailConnectionGuide strong{color:#ffc979;white-space:nowrap}.toast{max-width:min(520px,calc(100vw - 30px));white-space:normal;line-height:1.45;text-align:left}
.mailConnectDialog{width:min(850px,calc(100vw - 28px))}.mailConnectDialog form{width:100%;max-width:none;padding:27px;background:radial-gradient(circle at 90% 0%,#7f45ce24,transparent 35%),linear-gradient(145deg,#211827,#17111e)!important}.mailConnectDialog .dialogHead p:last-child{margin:7px 0 0;color:#968a9b;font-size:12px}.mailStepLabel{display:flex;align-items:center;gap:10px;margin:5px 0 16px;color:#eee7f0;font-size:14px;font-weight:800}.mailStepLabel b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#7549de,#a05ff0);color:#fff}.mailProviderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mailProviderCard{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 13px;min-height:91px;padding:16px;border:1px solid #ffffff12;border-radius:17px;background:#ffffff05;color:#f3edf5;text-align:left;transition:.18s transform,.18s border-color,.18s background}.mailProviderCard:hover{transform:translateY(-2px);border-color:#a879fa78;background:#8b5cf613}.mailProviderCard>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff;color:#5e2acf;font-size:21px;font-weight:950}.mailProviderCard.microsoft>span{background:linear-gradient(135deg,#f25022 0 49%,#7fba00 50%);color:#fff}.mailProviderCard.apple>span{background:#fff;color:#111}.mailProviderCard.domain>span{background:linear-gradient(135deg,#7b4bea,#c25bd2);color:#fff}.mailProviderCard strong{font-size:15px}.mailProviderCard small{color:#93879a}.mailStepHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.mailStepHead .secondary{min-height:36px;padding:0 12px}.mailProviderGuide,.mailSecurityNote{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px;padding:13px 14px;border:1px solid #a978fa30;border-radius:13px;background:#8b5cf610;color:#bcb0c0;line-height:1.5}.mailProviderGuide span,.mailSecurityNote span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:#8b5cf624;color:#cdb8ff;font-weight:900}.mailProviderGuide p,.mailSecurityNote p{margin:1px 0;font-size:11px}.mailProviderAction{display:flex;align-items:center;justify-content:center;min-height:43px;margin:8px 0 14px;border:1px solid #9d70ef4a;border-radius:12px;background:#8b5cf611;color:#cfb9ff;font-size:12px;font-weight:800;text-decoration:none}.mailProviderAction:hover{background:#8b5cf622;color:#fff}.mailSecurityNote{margin:14px 0 0;border-color:#55d6a32b;background:#2fb77a0c}.mailSecurityNote span{background:#34d3991b;color:#5ee0ad}.mailServerFields{padding:1px 0 5px}.mailCredentialsStep .dialogActions{margin-top:17px}
@media(max-width:620px){.mailConnectDialog form{padding:20px 16px}.mailProviderGrid{grid-template-columns:1fr}.mailProviderCard{min-height:78px}.mailStepHead{align-items:flex-start}.mailStepHead .secondary{font-size:10px}.mailCredentialsStep .grid{grid-template-columns:1fr}.mailConnectDialog .dialogActions{display:grid;grid-template-columns:1fr 1fr}.mailConnectDialog .dialogActions button{width:100%}}
.mailHtmlBody{display:block;width:100%;height:620px;margin-top:20px;border:0;border-radius:14px;background:#fff;color:#111}.mailAttachments{margin-top:18px;padding:16px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff04}.mailAttachments>div:first-child{display:flex;align-items:center;gap:8px;margin-bottom:11px}.mailAttachments>div:first-child span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:8px;background:#8b5cf620;color:#c5adff;font-size:10px}.mailAttachments>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.mailAttachment{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff06;color:#ddd3df;text-align:left}.mailAttachment:hover{border-color:#9b70ef55;background:#8b5cf611}.mailAttachment>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#8b5cf61d;color:#c5abff;font-size:17px}.mailAttachment>div{display:grid;gap:3px;min-width:0}.mailAttachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailAttachment small{color:#887d8b;font-size:9px}@media(max-width:720px){.mailHtmlBody{height:520px}.mailAttachments>div:last-child{grid-template-columns:1fr}}
.mailWorkspace:has(.mailFolders){grid-template-columns:230px 350px minmax(0,1fr)}.mailFolders{border-right:1px solid #ffffff10;background:linear-gradient(180deg,#191329,#11101c)}.mailAccountTitle{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px 15px;border-bottom:1px solid #ffffff10}.mailAccountTitle>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#8958e72b;color:#cbb3ff}.mailAccountTitle>div{display:grid;gap:3px;min-width:0}.mailAccountTitle strong{overflow:hidden;text-overflow:ellipsis;color:#eee5ef;font-size:11px}.mailAccountTitle small{color:#776c7c;font-size:9px}.mailFolders nav{display:grid;gap:3px;padding:10px}.mailFolderButton{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#a99dac;text-align:left}.mailFolderButton:hover{background:#ffffff08;color:#fff}.mailFolderButton.active{background:linear-gradient(90deg,#7547df3b,#7547df12);color:#cbb6ff;box-shadow:inset 3px 0 #9369ed}.mailFolderButton>span{width:20px;color:#8c7c9c}.mailFolderButton strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.mailSenderAvatar{grid-row:1/4;display:grid!important;place-items:center;width:34px;height:34px;margin-right:2px;border-radius:50%;background:linear-gradient(135deg,#6f4dd6,#a665e3);color:#fff!important;font-size:9px;font-weight:800}.mailItem:has(.mailSenderAvatar){grid-template-columns:38px minmax(0,1fr);column-gap:8px}.mailItem:has(.mailSenderAvatar)>strong,.mailItem:has(.mailSenderAvatar)>span:not(.mailSenderAvatar),.mailItem:has(.mailSenderAvatar)>small{grid-column:2}.mailActionBar{display:flex;align-items:center;gap:6px;margin:-10px -8px 22px;padding:9px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05}.mailActionBar button,.mailActionBar label{min-height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#bdb2c0;font-size:10px}.mailActionBar button:hover{background:#ffffff0c;color:#fff}.mailActionBar label{display:flex;align-items:center;gap:7px}.mailActionBar select{height:30px;max-width:140px;border:1px solid #ffffff12;border-radius:8px;background:#211827;color:#ddd1df}.mailReplyActions{display:flex!important;grid-auto-flow:column;gap:7px!important}.mailReplyActions button{white-space:nowrap}@media(max-width:1150px){.mailWorkspace:has(.mailFolders){grid-template-columns:190px 310px minmax(0,1fr)}}@media(max-width:850px){.mailWorkspace:has(.mailFolders){grid-template-columns:190px minmax(0,1fr)}.mailReader{grid-column:1/-1}.mailActionBar{overflow:auto}}@media(max-width:650px){.mailWorkspace:has(.mailFolders){grid-template-columns:1fr}.mailFolders{border-right:0}.mailFolders nav{grid-template-columns:repeat(2,1fr)}.mailList{border-top:1px solid #ffffff10}.mailActionBar{margin:0 0 16px}.mailReaderHead{flex-direction:column}.mailReplyActions{width:100%}.mailReplyActions button{flex:1}}
#exportClients{display:none!important}
.documentUploadButton{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;cursor:pointer;user-select:none}.documentUploadButton.uploading{pointer-events:none;opacity:.72}.documentUploadButton.uploading:after{content:"";width:14px;height:14px;margin-left:9px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:mailSpin .75s linear infinite}.documentToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 20px}.documentToolbar label{display:flex;align-items:center;gap:10px;width:min(520px,100%);height:48px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.documentToolbar label span{color:#b69fe1;font-size:21px}.documentToolbar input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.documentToolbar>span{color:var(--muted);font-size:12px}.documentsLibrary{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:13px;min-height:210px}.documentsLibrary.loading{opacity:.62}.documentLibraryCard{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:108px;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 12px 35px rgba(4,2,8,.16);transition:transform .18s,border-color .18s,background .18s}.documentLibraryCard:hover{transform:translateY(-2px);border-color:rgba(170,125,255,.36);background:linear-gradient(145deg,rgba(142,89,240,.11),rgba(255,255,255,.025))}.documentLibraryIcon{display:grid;place-items:center;width:54px;height:60px;border-radius:13px;background:linear-gradient(145deg,#7250d5,#9d65e9);color:#fff;font-size:11px;font-weight:900;letter-spacing:.7px;box-shadow:0 11px 25px rgba(100,56,190,.28)}.documentLibraryIcon.pdf{background:linear-gradient(145deg,#d94f75,#a83363)}.documentLibraryIcon.img{background:linear-gradient(145deg,#2aa8b5,#3f74d6)}.documentLibraryIcon.xls{background:linear-gradient(145deg,#1eae74,#177e64)}.documentLibraryIcon.doc{background:linear-gradient(145deg,#438ee8,#5365d4)}.documentLibraryInfo{display:grid;gap:5px;min-width:0}.documentLibraryInfo strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5eff7;font-size:14px}.documentLibraryInfo span{color:#b5a8ba;font-size:11px}.documentLibraryInfo small{color:#776b7e;font-size:10px}.documentLibraryActions{display:flex;flex-direction:column;gap:6px}.documentLibraryActions a,.documentLibraryActions button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:#c9b2f7;text-decoration:none;font-size:18px}.documentLibraryActions a:hover{background:rgba(139,92,246,.2);color:#fff}.documentLibraryActions button:hover{border-color:rgba(248,113,113,.35);background:rgba(239,68,68,.12);color:#fda4af}.documentLibraryEmpty{grid-column:1/-1;display:grid;place-items:center;align-content:center;min-height:300px;padding:35px;border:1px dashed rgba(255,255,255,.13);border-radius:20px;text-align:center;background:rgba(255,255,255,.018)}.documentLibraryEmpty>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:14px;border-radius:20px;background:linear-gradient(145deg,rgba(126,79,220,.25),rgba(198,104,217,.13));color:#ceb6ff;font-size:28px}.documentLibraryEmpty h2{margin:0 0 8px;color:#f4edf5;font-size:20px}.documentLibraryEmpty p{max-width:480px;margin:0;color:var(--muted);line-height:1.55}.documentLibraryEmpty.error>span{color:#fda4af;background:rgba(239,68,68,.12)}
.documentGroupModes{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#ffffff05}.documentGroupModes button{min-height:38px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#9f92a5;font:inherit;font-size:11px;font-weight:750;white-space:nowrap}.documentGroupModes button.active{background:linear-gradient(135deg,#7650dc,#a95edb);color:#fff;box-shadow:0 8px 20px #6f3bc638}.documentContext{display:flex;gap:5px;flex-wrap:wrap}.documentContext em{padding:3px 6px;border-radius:7px;background:#9260dd18;color:#bfa8dd;font-size:8px;font-style:normal}.documentGroup{grid-column:1/-1;display:grid;gap:12px;margin-bottom:10px}.documentGroup>header{display:flex;align-items:end;justify-content:space-between;padding:4px 3px 10px;border-bottom:1px solid #ffffff12}.documentGroup>header span{color:#977eb8;font-size:8px;font-weight:850;letter-spacing:1.5px}.documentGroup>header h2{margin:4px 0 0;color:#f3edf5;font-size:18px}.documentGroup>header b{padding:5px 9px;border-radius:9px;background:#ffffff07;color:#a99cae;font-size:9px}.documentGroupGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:13px}@media(max-width:900px){.documentToolbar{align-items:stretch;flex-wrap:wrap}.documentToolbar label{flex:1 1 100%}.documentGroupModes{order:2}.documentToolbar>span{order:3;align-self:center}}@media(max-width:560px){.documentGroupModes{width:100%;overflow-x:auto}.documentGroupModes button{flex:1}.documentLibraryCard{grid-template-columns:46px minmax(0,1fr)}.documentLibraryIcon{width:46px;height:52px}.documentLibraryActions{grid-column:1/-1;flex-direction:row}.documentLibraryActions a,.documentLibraryActions button{flex:1;width:auto}.documentGroupGrid{grid-template-columns:1fr}}
.whatsappView{padding-bottom:24px}.whatsappConnection{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.whatsappConnection small{color:var(--muted);flex:1}.waStatus{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.waStatus.online{color:#6ee7b7;background:rgba(16,185,129,.14)}.waStatus.pending{color:#fbbf24;background:rgba(245,158,11,.12)}.whatsappWorkspace{display:grid;grid-template-columns:minmax(270px,330px) minmax(390px,1fr) minmax(220px,280px);height:calc(100vh - 245px);min-height:540px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(13,8,21,.62)}.whatsappInbox,.whatsappContact{background:rgba(255,255,255,.025)}.whatsappInbox{border-right:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.whatsappContact{border-left:1px solid var(--line);padding:22px;overflow:auto}.whatsappInboxHead{display:flex;gap:8px;padding:14px}.whatsappInboxHead label{display:flex;align-items:center;gap:8px;flex:1;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:rgba(255,255,255,.035)}.whatsappInboxHead input{width:100%;height:42px;border:0;background:transparent;color:var(--text);outline:0}.whatsappInboxHead button{padding:10px 13px}.whatsappFilters{display:flex;gap:5px;padding:0 14px 12px;overflow:auto}.whatsappFilters button{border:0;border-radius:999px;padding:7px 10px;color:var(--muted);background:transparent;white-space:nowrap}.whatsappFilters button.active{background:rgba(139,92,246,.2);color:#d8c7ff}.whatsappConversations{overflow:auto}.whatsappConversation{position:relative;width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:10px;text-align:left;padding:14px;border:0;border-top:1px solid rgba(255,255,255,.055);background:transparent;color:var(--text)}.whatsappConversation:hover,.whatsappConversation.active{background:rgba(139,92,246,.11)}.whatsappConversation div{min-width:0}.whatsappConversation strong,.whatsappConversation p,.whatsappConversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsappConversation p{margin:4px 0;color:#d2cad8}.whatsappConversation small,.whatsappConversation time{color:var(--muted);font-size:11px}.whatsappConversation>b{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#25d366;color:#07180d;font-size:11px}.waAvatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#25d366,#128c7e);color:white;font-weight:900}.waAvatar.large{width:72px;height:72px;font-size:24px}.whatsappChat{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 60% 20%,rgba(139,92,246,.09),transparent 40%)}.whatsappChatHead{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(16,11,24,.8)}.whatsappChatHead div{display:flex;flex-direction:column}.whatsappChatHead small{color:var(--muted)}.whatsappMessages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:9px}.waBubble{align-self:flex-start;max-width:min(72%,560px);padding:11px 13px;border-radius:6px 17px 17px 17px;background:#2a2231;box-shadow:0 5px 16px rgba(0,0,0,.18)}.waBubble.outbound{align-self:flex-end;border-radius:17px 6px 17px 17px;background:linear-gradient(145deg,#5931ac,#7441c8)}.waBubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.waBubble span,.waAttachment{display:block;margin-top:5px;font-size:10px;color:rgba(255,255,255,.58)}.whatsappComposer{display:flex;gap:10px;padding:13px;border-top:1px solid var(--line);background:rgba(16,11,24,.88)}.whatsappComposer textarea{flex:1;resize:none;min-height:48px;max-height:110px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045);color:var(--text)}.whatsappEmpty{margin:auto;text-align:center;color:var(--muted);padding:28px}.whatsappEmpty>span{font-size:52px;color:#25d366}.waContactProfile{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.waContactProfile .waAvatar{margin:0 auto 12px}.waContactProfile h3{margin:0 0 6px}.waContactProfile a{color:#8ce7bc}.whatsappContact>label{display:flex;flex-direction:column;gap:7px;margin-top:18px;color:var(--muted);font-size:12px;font-weight:700}.whatsappContact select{padding:11px;border:1px solid var(--line);border-radius:12px;background:#211728;color:var(--text)}.waLinkedDeal{margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:15px}.waLinkedDeal small,.waLinkedDeal strong{display:block}.waLinkedDeal strong{margin:7px 0 12px}.waLinkedDeal p{color:var(--muted);font-size:13px}.whatsappSetupNote{padding:14px;border-radius:14px;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.2)}.whatsappSetupNote p{margin:5px 0 0;color:var(--muted)}.whatsappEnvList{display:grid;grid-template-columns:1fr 1fr;gap:7px}.whatsappEnvList code{padding:8px;border-radius:8px;background:rgba(0,0,0,.25);font-size:11px;color:#bca7dc}
.waChatBack{display:none;border:0;background:transparent;color:var(--text);font-size:34px;line-height:1;padding:0 5px}
.dealList{border-radius:12px;transition:background .16s,box-shadow .16s}.dealList.dragTarget{background:#8b5cf612;box-shadow:inset 0 0 0 2px #a77aff80}.moveDealControl{display:flex;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 34px);height:30px;padding:0 7px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff08;color:#bda8df;cursor:pointer}.moveDealControl>span{font-size:15px}.moveDealControl select{min-width:0;max-width:150px;height:27px;border:0;outline:0;background:transparent;color:#c9bdcc;font-size:10px;cursor:pointer}.moveDealControl select option{background:#261d29;color:#fff}
#pipelineView>.pageHeader{position:relative;overflow:visible;margin:14px 14px 0;padding:25px 28px 22px;border:1px solid #ffffff16;border-bottom:0;border-radius:22px 22px 0 0;background:radial-gradient(circle at 12% -20%,#925be32d,transparent 32%),radial-gradient(circle at 92% 0,#e98d6c1c,transparent 28%),linear-gradient(135deg,#211728f2,#2c2027e8);box-shadow:0 22px 55px #08050d38}.pipelineTitleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.pipelineTitleCopy{display:grid;gap:3px}.pipelineTitleCopy .eyebrow{margin:0;color:#9f7cda;font-size:9px;letter-spacing:1.8px}.pipelineTitleCopy h1{margin:0;color:#fff;font-size:36px;letter-spacing:-1.5px}.pipelineTitleCopy>span{color:#8f8293;font-size:11px}.pipelineLive{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff13;border-radius:999px;background:#ffffff06;color:#9e929f;font-size:10px}.pipelineLive i{width:7px;height:7px;border-radius:50%;background:#4fd59c;box-shadow:0 0 12px #4fd59c}.pageHeader .toolbar{display:grid;grid-template-columns:172px minmax(330px,540px) minmax(280px,1fr) 52px;align-items:center;gap:12px;margin-top:22px}.pageHeader .toolbar>#newDeal{height:48px;border-radius:14px;font-weight:850;box-shadow:0 14px 30px #7b47df3d}.pageHeader .pipelineControl{height:48px}.pageHeader .pipelineDropdown{flex:1;min-width:0}.pageHeader .pipelinePicker{width:100%;height:48px;border-radius:14px 0 0 14px;background:#ffffff08}.pageHeader .addStageButton{height:48px}.pageHeader .search{width:100%;height:48px;margin:0;border-radius:14px;background:#ffffff07}.pageHeader .dataMenu,.pageHeader .dataMenuTrigger{width:52px;height:48px}.pageHeader .toolButton{border-radius:14px}#pipelineView>.subbar{min-height:68px;margin:0 14px;padding:11px 28px;border:1px solid #ffffff14;border-radius:0 0 22px 22px;background:linear-gradient(135deg,#1c1521e8,#271b22e3);box-shadow:0 18px 45px #08050d24}.subbar .tabs{padding:4px;border:1px solid #ffffff0e;border-radius:14px}.subbar .viewTab{min-height:39px;border-radius:10px}.subbar .automationShortcut{min-height:42px;border-radius:12px}.viewLoading{opacity:.66;pointer-events:none;transition:opacity .16s}
#mailConfigDialog{width:min(760px,calc(100vw - 28px))}#mailConfigDialog form{border:1px solid #ffffff1a;border-radius:22px;background:radial-gradient(circle at 100% 0,#8154df26,transparent 34%),linear-gradient(145deg,#24192bf5,#15101cf7);box-shadow:0 30px 90px #0009}#mailConfigDialog .dialogHead{padding-bottom:16px;border-bottom:1px solid #ffffff12}#mailConfigDialog .mailProviderLabel{margin-top:16px}#mailConfigDialog .fieldDivider{margin-top:18px;color:#bca7dc}#mailConfigDialog .activeUser{padding:11px 13px;border:1px solid #ffffff0f;border-radius:11px;background:#ffffff04}#mailConfigDialog .dialogActions{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff10}
@media(max-width:1180px) and (min-width:761px){.pageHeader .toolbar{grid-template-columns:160px minmax(300px,1fr) 52px}.pageHeader .toolbar>.search{grid-column:1/-1;grid-row:2}.pageHeader .toolbar>.dataMenu{grid-column:3;grid-row:1}.pipelineTitleCopy h1{font-size:32px}}
.whatsappSetupStatus{display:grid;grid-template-columns:1fr 1fr;gap:8px}.whatsappSetupStatus span{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff05;color:#a99bad;font-size:11px}.whatsappSetupStatus i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-weight:900}.whatsappSetupStatus .ready i{background:#4fd59c22;color:#6de0ae}.whatsappSetupStatus .pending i{background:#f1b34b1b;color:#f1b34b}.copyField{display:grid;grid-template-columns:1fr auto;gap:8px}.copyField .secondary{min-width:76px}.metaSetupLink{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #9562e64a;border-radius:12px;background:#8b5cf615;color:#cdb7f2;font-size:12px;font-weight:800;text-decoration:none}.metaSetupLink:hover{background:#8b5cf626}

/* Pipeline cards: clearer hierarchy and long-press transfer */
#kanban{gap:16px;padding:22px 16px 34px;background:radial-gradient(circle at 12% 0,#7e4bd912,transparent 28%),linear-gradient(180deg,#120d18,#0d0912)}
#kanban .column{min-width:310px;border:1px solid #ffffff0d;border-radius:20px;background:linear-gradient(180deg,#211827b8,#15101c9e);box-shadow:0 18px 50px #05030840;overflow:visible}
#kanban .columnHead{min-height:58px;margin:-1px -1px 0;padding:0 15px;border-radius:19px 19px 8px 8px;box-shadow:inset 0 1px #ffffff2b,0 9px 24px color-mix(in srgb,var(--stage) 24%,transparent)}
#kanban .columnTotal{margin:15px 14px 8px;color:#fff;font-size:25px;font-weight:850;letter-spacing:-.6px}
#kanban .quickAdd{margin:0 12px 12px;width:calc(100% - 24px);border:1px dashed #ffffff13;border-radius:12px;background:#ffffff035;color:#9b8fa0}
#kanban .dealList{min-height:170px;padding:2px 11px 18px}
#kanban .deal{position:relative;margin:8px 0;padding:17px 16px 13px;border:1px solid #ffffff14;border-left:4px solid var(--stage);border-radius:16px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--stage) 12%,transparent),transparent 36%),linear-gradient(145deg,#2b2230f5,#1d1722f8);box-shadow:0 13px 28px #0503074d,inset 0 1px #ffffff0d;transition:transform .18s,border-color .18s,box-shadow .18s,filter .18s;touch-action:pan-y;-webkit-touch-callout:none;user-select:none}
#kanban .deal:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--stage) 55%,#ffffff18);box-shadow:0 18px 36px #05030770,0 0 0 1px color-mix(in srgb,var(--stage) 18%,transparent)}
#kanban .deal.pressing{transform:scale(.975);filter:brightness(1.18);box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 42%,transparent),0 12px 35px #05030777}
#kanban .dealTitle strong{font-size:14px;line-height:1.35;color:#fff}#kanban .deal .amount{margin:9px 0 13px;font-size:24px;color:#f5eff7}
.dealHoldHint{display:flex;align-items:center;gap:6px;width:100%;margin:12px 0 9px;padding:8px 9px;border:1px solid #a777ef24;border-radius:10px;background:linear-gradient(90deg,#8754db14,#d76bb50b);color:#bca7d8;font-size:9px;font-weight:750;letter-spacing:.15px;text-align:left}.dealHoldHint span{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#9668e329;color:#d9c8ff;font-size:12px}.dealHoldHint:hover{border-color:#a777ef49;background:#8959df20;color:#e1d4f5}
.dealTransferDialog{width:min(520px,calc(100vw - 28px));border:0;background:transparent;color:#fff}.dealTransferDialog::backdrop{background:#07040bc4;backdrop-filter:blur(9px)}.dealTransferDialog form{display:grid;gap:17px;padding:25px;border:1px solid #ffffff18;border-radius:24px;background:radial-gradient(circle at 100% 0,#8f55e82e,transparent 38%),linear-gradient(145deg,#291d30,#17111e);box-shadow:0 35px 100px #000b}.dealTransferDialog label{display:grid;gap:8px;color:#d8ccdf;font-size:12px;font-weight:750}.dealTransferDialog select{height:49px;padding:0 13px;border:1px solid #ffffff17;border-radius:13px;background:#ffffff08;color:#fff}.dealTransferDialog select option{background:#241a29}.dealTransferSummary{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #9d6ae636;border-radius:15px;background:#8b5cf612}.transferDealIcon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#7549df,#c25bc5);font-size:22px;box-shadow:0 10px 24px #7549df45}.dealTransferSummary div{display:grid;gap:3px;min-width:0}.dealTransferSummary small{color:#9c8ca4;font-size:9px;letter-spacing:1.3px}.dealTransferSummary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.dealTransferSummary p{margin:0;color:#a99cad;font-size:11px}
@media(max-width:760px){#kanban{gap:12px;padding:15px 12px 28px;scroll-snap-type:x proximity}#kanban .column{min-width:min(86vw,330px);scroll-snap-align:start}#kanban .deal{padding:16px 14px 13px}.dealHoldHint{font-size:9px}.dealTransferDialog form{padding:21px 18px;border-radius:20px}}

/* Persistent deal documents and inline preview */
.uploadButton{position:relative}.uploadButton.uploading{pointer-events:none;opacity:.68}.uploadButton.uploading:after{content:"";width:14px;height:14px;margin-left:8px;border:2px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:mailSpin .75s linear infinite}
.documentItem{grid-template-columns:38px minmax(0,1fr) auto!important}.documentItemActions{display:flex;align-items:center;gap:6px}.documentItemActions button,.documentItemActions a{min-height:34px;padding:0 10px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff05;color:#cbb5f4;font-size:10px;font-weight:750;text-decoration:none}.documentItemActions button:hover,.documentItemActions a:hover{border-color:#9c6ceb55;background:#8b5cf617;color:#fff}
.documentPreviewDialog{width:min(1040px,calc(100vw - 28px));max-width:none;border:0;background:transparent;color:#fff}.documentPreviewDialog::backdrop{background:#050308d1;backdrop-filter:blur(8px)}.documentPreviewCard{display:grid;grid-template-rows:auto minmax(300px,72vh) auto;gap:15px;padding:20px;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(145deg,#211629,#110c17);box-shadow:0 35px 110px #000c}.documentPreviewBody{overflow:hidden;border:1px solid #ffffff13;border-radius:16px;background:#fff}.documentPreviewBody iframe{display:block;width:100%;height:100%;border:0;background:#fff}.documentPreviewUnsupported{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;padding:28px;text-align:center;color:#251b2b}.documentPreviewUnsupported>span{font-size:54px;color:#8053d5}.documentPreviewUnsupported h3,.documentPreviewUnsupported p{margin:0}.documentPreviewUnsupported a{margin-top:10px;padding:12px 18px;text-decoration:none}.documentPreviewCard .dialogActions a{display:inline-grid;place-items:center;text-decoration:none}
@media(max-width:650px){.documentItem{grid-template-columns:34px minmax(0,1fr)!important}.documentItemActions{grid-column:1/-1;width:100%}.documentItemActions button,.documentItemActions a{flex:1;text-align:center}.documentPreviewCard{grid-template-rows:auto minmax(320px,67vh) auto;padding:13px;border-radius:18px}.documentPreviewCard .dialogActions{display:grid;grid-template-columns:1fr 1fr}}

.contractSection{margin-top:4px;padding:15px;border:1px solid #9f70ed24;border-radius:15px;background:linear-gradient(145deg,#8b5cf60d,#ffffff03)}.contractSection .fieldDivider{margin:0 0 14px}.contractSection .fieldDivider span{color:#c7b0ef}.contractField{padding:12px!important;border:1px solid #a575e922!important;border-radius:13px;background:linear-gradient(145deg,#8c5be711,#ffffff02)}

/* CRM AI assistant */
.aiSideNav i{margin-left:auto;padding:3px 6px;border:1px solid #d887ff45;border-radius:999px;background:#b65cec1c;color:#d9a5ff;font-size:7px;font-style:normal;letter-spacing:.7px}.aiView{padding:24px!important;background:radial-gradient(circle at 15% 0,#7a3ee31c,transparent 30%),radial-gradient(circle at 95% 10%,#d34bba12,transparent 28%)}.aiHero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:4px 3px}.aiHero h1{margin:2px 0 5px;font-size:38px;letter-spacing:-1.4px}.aiHero p{margin:0;color:var(--muted)}.aiStatus{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff06;color:#afa2b4;font-size:11px}.aiStatus i{width:8px;height:8px;border-radius:50%;background:#9a8da0}.aiStatus.connected i{background:#4ee2a3;box-shadow:0 0 13px #4ee2a3}.aiStatus.local i{background:#f0ad49;box-shadow:0 0 12px #f0ad4966}.aiLayout{display:grid;grid-template-columns:315px minmax(0,1fr);height:calc(100dvh - 170px);min-height:590px;border:1px solid #ffffff14;border-radius:24px;background:linear-gradient(145deg,#1c1423e8,#110c18ed);box-shadow:0 25px 70px #05030855;overflow:hidden}.aiSuggestions{padding:27px 23px;border-right:1px solid #ffffff10;background:radial-gradient(circle at 50% 6%,#9b56ef28,transparent 32%),linear-gradient(180deg,#201529,#17101f)}.aiOrb{display:grid;place-items:center;width:66px;height:66px;margin-bottom:20px;border:1px solid #d79cff44;border-radius:22px;background:radial-gradient(circle at 35% 25%,#e6b4ff,#8e4ee0 42%,#3b196a);box-shadow:0 16px 40px #8041d44d,0 0 40px #b761e927}.aiOrb span{font-size:30px;color:#fff;text-shadow:0 0 15px #fff}.aiSuggestions h2{margin:0 0 7px;font-size:21px}.aiSuggestions>p{margin:0 0 20px;color:#9d91a2;font-size:12px;line-height:1.55}.aiQuickPrompts{display:grid;gap:8px}.aiQuickPrompts button{padding:12px 13px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05;color:#c9bdcc;font:inherit;font-size:11px;line-height:1.4;text-align:left;cursor:pointer;transition:.16s}.aiQuickPrompts button:hover{border-color:#a76ce15c;background:#9551e51b;color:#fff;transform:translateX(3px)}.aiSafety{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:13px;border:1px solid #58d6aa20;border-radius:13px;background:#36c8960b}.aiSafety>span{color:#5ce2b3}.aiSafety strong,.aiSafety small{display:block}.aiSafety strong{font-size:10px}.aiSafety small{margin-top:3px;color:#8f8493;font-size:9px;line-height:1.45}.aiConversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;background:radial-gradient(circle at 80% 0,#8b4ddb12,transparent 32%)}.aiConversation>header{display:flex;align-items:center;gap:11px;padding:16px 20px;border-bottom:1px solid #ffffff0e;background:#ffffff025}.aiConversation>header>div:nth-child(2){display:grid;gap:2px}.aiConversation>header strong{font-size:12px}.aiConversation>header small{color:#887d8c;font-size:9px}.aiConversation>header button{margin-left:auto;min-height:34px;padding:0 12px;font-size:10px}.aiAvatar,.aiMessage>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid #cc8bff3d;border-radius:12px;background:linear-gradient(145deg,#8650df,#c65bc6);color:#fff;box-shadow:0 8px 20px #6f36b645}.aiMessages{overflow-y:auto;padding:24px 24px 12px;scroll-behavior:smooth}.aiMessage{display:flex;align-items:flex-start;gap:11px;max-width:82%;margin-bottom:18px}.aiMessage.user{margin-left:auto;flex-direction:row-reverse}.aiMessage.user>span{background:linear-gradient(145deg,#dc6d98,#ef926d);font-size:10px;font-weight:900}.aiMessage>div{padding:13px 15px;border:1px solid #ffffff10;border-radius:5px 16px 16px;background:#ffffff05}.aiMessage.user>div{border-radius:16px 5px 16px 16px;background:linear-gradient(135deg,#8653df2b,#d55bb420)}.aiMessage strong{display:block;margin-bottom:5px;font-size:10px;color:#d9cbe1}.aiMessage p{margin:0;color:#c8bdcb;font-size:12px;line-height:1.65}.aiMessage.thinking p{display:flex;gap:4px;padding:4px 0}.aiMessage.thinking p i{width:6px;height:6px;border-radius:50%;background:#bd7cec;animation:aiDot 1s infinite}.aiMessage.thinking p i:nth-child(2){animation-delay:.15s}.aiMessage.thinking p i:nth-child(3){animation-delay:.3s}@keyframes aiDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.aiResults{padding:0 24px 12px}.aiResultHead{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#96899c;font-size:9px;letter-spacing:.5px}.aiResultHead span{padding:2px 6px;border-radius:999px;background:#9a5de028;color:#d6b6f9}.aiResults>div:last-child{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.aiResults button{display:grid;grid-template-columns:30px minmax(130px,1fr) auto;align-items:center;gap:8px;min-width:220px;padding:10px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05;color:#fff;text-align:left;cursor:pointer}.aiResults button:hover{border-color:#9c67e454;background:#8e50da16}.aiResults button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#8953da22;color:#bd8cf2;font-style:normal}.aiResults button>span{display:grid;min-width:0}.aiResults button small{color:#8e8194;font-size:7px;text-transform:uppercase;letter-spacing:.8px}.aiResults button strong,.aiResults button em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aiResults button strong{font-size:10px}.aiResults button em{color:#8e8391;font-size:8px;font-style:normal}.aiResults button>b{color:#af84e8}.aiComposer{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;padding:14px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid #ffffff0e;background:#100b16e8}.aiComposer textarea{height:50px;min-height:50px;max-height:120px;padding:14px 16px;resize:none;border:1px solid #ffffff14;border-radius:14px;background:#ffffff06;color:#fff;font:inherit;font-size:12px;outline:0}.aiComposer textarea:focus{border-color:#9e69e773;box-shadow:0 0 0 3px #8d56dd13}.aiComposer button{width:48px;height:50px;padding:0;border-radius:14px;font-size:18px}.aiComposer>small{grid-column:1/-1;color:#706774;font-size:8px;text-align:center}
@media(max-width:980px){.aiLayout{grid-template-columns:260px minmax(0,1fr)}.aiSuggestions{padding:23px 17px}}
@media(max-width:760px){.aiView{padding:12px!important}.aiHero{align-items:flex-start;flex-direction:column;margin-bottom:12px}.aiHero h1{font-size:30px}.aiStatus{font-size:9px}.aiLayout{display:block;height:calc(100dvh - 190px);min-height:530px;border-radius:18px}.aiSuggestions{display:none}.aiConversation{height:100%;grid-template-rows:auto minmax(0,1fr) auto auto}.aiConversation>header{padding:12px}.aiMessages{padding:16px 12px 8px}.aiMessage{max-width:92%}.aiMessage>div{padding:11px 12px}.aiResults{padding:0 12px 8px}.aiComposer{padding:10px}.aiComposer textarea{font-size:16px}.aiComposer>small{display:none}}
.calendarConnectionsDialog{border:0;background:transparent;padding:18px;width:min(900px,calc(100vw - 28px));color:#f7f2ff}.calendarConnectionsDialog::backdrop{background:rgba(4,2,12,.78);backdrop-filter:blur(10px)}.calendarConnectionsCard{background:linear-gradient(145deg,#251b31,#17121f);border:1px solid rgba(190,147,255,.22);border-radius:30px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.calendarConnectionsCard .dialogHead{align-items:flex-start}.calendarConnectionsCard .dialogHead h2{font-size:32px;margin:4px 0 6px}.calendarConnectionsCard .dialogHead p:not(.eyebrow){color:#aaa0b6;max-width:650px}.calendarProviderList{display:grid;gap:14px;margin:26px 0}.calendarProviderCard{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035)}.calendarProviderCard.connected{grid-template-columns:64px minmax(0,1fr) auto auto auto;border-color:rgba(113,227,170,.45);box-shadow:inset 4px 0 #54d69b}.calendarProviderIcon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:26px;font-weight:900;background:#fff;color:#5f35c8}.calendarProviderIcon.microsoft{background:linear-gradient(135deg,#f25022 0 49%,#7fba00 50%);color:white}.calendarProviderIcon.apple{color:#111}.calendarProviderCard>div{display:grid;gap:5px;min-width:0}.calendarProviderCard strong{font-size:17px}.calendarProviderCard small{color:#a99fb5}.calendarProviderCard em{color:#ff9db7;font-style:normal;font-size:12px}.calendarProviderCard a{text-decoration:none}.calendarProviderCard a.disabled{pointer-events:none;opacity:.55}.calendarConnected{color:#65dda5;font-weight:800;font-size:13px;white-space:nowrap}.calendarPrivacy{display:flex;gap:12px;color:#9e95a9;background:rgba(132,89,196,.09);padding:14px 18px;border-radius:16px}.calendarPrivacy span{color:#65dda5}.calendarPrivacy p{margin:0}.calendarConnectionNotice{padding:12px;border-radius:12px;background:#39243f;color:#ffc5dc}.calendarProviderCard .loading{opacity:.6;pointer-events:none}.calendarProviderCard .loading::after{content:"…"}
.icloudCalendarError{padding:13px 15px;border:1px solid rgba(255,116,151,.35);border-radius:13px;background:rgba(155,35,70,.18);color:#ffc0d0;font-size:12px;line-height:1.5}.icloudCalendarError.hidden{display:none}#icloudCalendarForm button[type="submit"]{min-width:168px}#icloudCalendarForm button[type="submit"]:disabled{cursor:wait;opacity:.72}
@media(max-width:720px){.calendarConnectionsDialog{padding:8px;width:calc(100vw - 12px)}.calendarConnectionsCard{padding:20px 16px;border-radius:22px}.calendarConnectionsCard .dialogHead h2{font-size:26px}.calendarProviderCard,.calendarProviderCard.connected{grid-template-columns:52px minmax(0,1fr);padding:15px}.calendarProviderIcon{width:48px;height:48px;border-radius:15px}.calendarProviderCard>a,.calendarProviderCard>button,.calendarProviderCard>.calendarConnected{grid-column:2;width:100%;text-align:center}.calendarProviderCard>.iconButton{position:absolute;right:28px;margin-top:-70px;width:38px}.calendarIntegrations{display:grid!important;grid-template-columns:1fr 1fr}.calendarIntegrations .create{grid-column:1/-1}}