:root{--purple:#7760dc;--ink:#292737;--muted:#95939f;--line:#eeedf2;--bg:#f8f9fc}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:13px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:hover{filter:brightness(.97)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{text-decoration:none;color:#302941;font-size:31px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:33px;height:36px;background:var(--purple);color:white;border-radius:10px;font-size:29px;transform:rotate(-6deg)}.brand-dot{font-size:9px;color:var(--purple);margin-left:-5px;align-self:flex-end;margin-bottom:9px}.workspace{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px 10px;margin:32px 0;font-weight:700;font-size:12px;white-space:nowrap}.workspace-logo{background:#f0edf9;color:var(--purple);font-size:19px;padding:6px 11px;border-radius:8px}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:4px}.chevron{margin-left:auto}.nav-label{font-size:9px;font-weight:800;color:#a9a7b1;letter-spacing:1px;margin:0 10px 14px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px;border-radius:8px;color:#777582;font-weight:600}nav button.active{background:#eeebfa;color:#755ad3}nav button .nav-icon{font-size:20px;width:23px;text-align:center}nav button .badge{margin-left:auto;border-radius:5px;font-size:10px;padding:2px 6px;background:#e1d9f5}.sidebar-bottom{margin-top:auto}.help-card{margin:30px 2px;background:linear-gradient(135deg,#f6f3fc,#eeedf9);border:1px solid #e8e3f4;padding:17px;border-radius:12px}.help-card>span:first-child{color:var(--purple);font-size:24px;display:block;margin-bottom:12px}.help-card strong{font-size:13px;line-height:1.7}.help-card p{font-size:11px;color:#928a9f;line-height:1.8}.help-link{color:var(--purple);font-size:10px;font-weight:700}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:11px;font-weight:700}.avatar{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:9px;font-weight:800;flex-shrink:0}.purple{background:#ece7fb;color:#876bc9}.pink{background:#fbe9ed;color:#be7c94}.blue{background:#e2f0fc;color:#659ab7}.small{width:30px;height:30px}.online,.live-dot{width:6px;height:6px;border-radius:50%;background:#7db49e;display:inline-block}.online{margin-left:auto}main{margin-left:238px}header{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{color:#96939f;font-size:11px}.breadcrumb span{margin:0 14px;color:#d2ced8}.breadcrumb b{font-weight:600;color:#666270}.header-right{display:flex;align-items:center;gap:23px}.today{font-size:11px;color:#97929f}.icon-btn{width:32px;height:32px;font-size:19px;position:relative}.icon-btn i{position:absolute;width:5px;height:5px;border-radius:50%;background:#9b83e7;right:5px;top:4px}.page{padding:33px 34px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#a19aa9}h1{font-size:29px;letter-spacing:-1px;margin:9px 0 8px;display:flex;align-items:center;gap:12px}.heading-dot{width:7px;height:7px;background:#ad9de5;border-radius:50%}.page-heading p{margin:0;color:#96919e;font-size:12px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--purple);color:white;padding:12px 18px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:0 4px 8px #7760dc15}.primary span{font-size:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:19px 20px;position:relative}.stat-label{font-size:11px;color:#908a99;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center}.stat-icon{color:#b2a4d8;font-size:16px}.stat-value{font-size:25px;font-weight:800;letter-spacing:-.8px}.stat-bottom{font-size:9px;color:#a49eac;margin-top:11px}.stat-bottom strong{color:#68a78a;font-weight:600;margin-right:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e6ee;gap:16px}.tabs{align-self:stretch;display:flex}.tab{border-bottom:2px solid var(--purple);font-size:12px;font-weight:800;padding:15px 0 20px;color:#6e56c2}.tab span{margin-left:8px;background:#eee9fa;padding:3px 7px;border-radius:5px;font-size:10px}.tools{display:flex;gap:10px;padding-bottom:13px}.search{display:flex;align-items:center;border:1px solid #e8e5ef;background:white;border-radius:7px;padding:7px 10px;gap:7px}.search span{font-size:20px;color:#aaa2b6}.search input{border:0;background:none;outline:none;width:135px;font-size:10px;color:var(--ink)}input::placeholder{color:#aaa4b1}.filter-button{border:1px solid #e8e5ef;border-radius:7px;font-size:11px;display:flex;gap:9px;align-items:center;background:white;color:#87808f;padding:8px 12px}.view-switch{display:flex;background:#eeedf3;padding:3px;border-radius:7px}.view-switch button{width:30px;font-size:16px;color:#a59dad}.view-switch button.active{background:white;color:var(--purple);border-radius:5px;box-shadow:0 1px 4px #29273710}.pipeline-meta{display:flex;justify-content:space-between;padding:19px 0;font-size:10px;color:#9991a0}.pipeline-meta>span:first-child{color:#6f6779;font-weight:600}.pipeline-meta .live-dot{margin-right:7px}.muted{color:#b1a9bb;margin-left:8px}.board{display:grid;grid-template-columns:repeat(5,minmax(205px,1fr));gap:13px;overflow-x:auto;padding-bottom:16px;min-height:410px}.column{border-radius:10px;background:#f0f1f6;min-height:430px;padding:0 9px 12px;border:1px solid #ebeaf1;transition:background .15s}.column.drag-over{background:#e6dffb;border-color:#ab96e5}.column-heading{padding:14px 3px 13px;border-top:3px solid var(--stage);margin:0 2px;border-radius:2px;display:flex;justify-content:space-between;align-items:center}.column-heading strong{font-size:11px;font-weight:800}.column-heading strong i{display:inline-block;background:var(--stage);width:6px;height:6px;border-radius:50%;margin-right:7px}.column-count{font-size:9px;background:#e5e6ef;color:#95909f;border-radius:4px;padding:2px 5px;margin-left:6px}.column-total{font-size:10px;margin:-4px 5px 16px;color:#9e98a7}.column-total b{font-weight:600;color:#7e778a}.deal{background:white;border:1px solid #e8e7ee;border-radius:8px;padding:14px 12px 11px;margin-bottom:10px;box-shadow:0 2px 3px #24213a03;cursor:grab;transition:transform .15s,box-shadow .15s;outline:none}.deal:hover,.deal:focus-visible{transform:translateY(-2px);box-shadow:0 4px 14px #35264c0e}.deal.dragging{opacity:.45}.deal-top{display:flex;justify-content:space-between;align-items:center;gap:4px}.tag{font-size:8px;font-weight:700;padding:4px 6px;border-radius:4px;background:#efebfa;color:#967cc8}.tag.blue{background:#edf3fc;color:#779aca}.tag.orange{background:#fcf1e7;color:#c7986b}.tag.green{background:#edf6f0;color:#7ba48c}.deal-more{font-size:13px;color:#b5aebe}.deal h3{font-size:12px;line-height:1.6;margin:11px 0 4px;font-weight:800}.company{font-size:10px;color:#a09aa7}.amount{font-size:14px;font-weight:800;margin:15px 0}.deal-person{display:flex;align-items:center;gap:7px;color:#9b94a1;font-size:9px;margin-bottom:13px}.deal-person .avatar{width:22px;height:22px;font-size:7px}.deal-task{padding-top:10px;border-top:1px solid #f1eff5;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9b95a4;gap:4px}.task-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:125px}.task-date{white-space:nowrap;color:#ae9e7f;background:#fbf7ef;padding:3px 4px;border-radius:3px}.task-date.overdue{color:#cf8792;background:#fff0f2}.column-add{color:#aaa1b7;font-size:11px;padding:8px;width:100%;text-align:center}.column-add:hover{color:var(--purple);background:#e8e3f4;border-radius:6px}footer{display:flex;justify-content:space-between;color:#aaa4b2;font-size:9px;margin-top:19px}footer .live-dot{width:5px;height:5px;margin-right:5px}dialog{border:1px solid var(--line);border-radius:16px;width:560px;max-width:calc(100vw - 30px);padding:27px;box-shadow:0 20px 100px #2e204d30}dialog::backdrop{background:#27203760;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;margin-bottom:22px}.modal-heading h2{font-size:22px;margin:9px 0 0}form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#81798e;margin-bottom:16px}form input,form select{width:100%;border:1px solid #e5dfed;border-radius:7px;background:#fcfbfe;padding:11px;color:var(--ink);outline:none}form input:focus,form select:focus{border-color:var(--purple)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:space-between;margin-top:25px}.danger{color:#c87d91;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#353043;color:white;padding:13px 24px;border-radius:10px;font-size:12px;transition:transform .2s;z-index:10}#toast.visible{transform:translateX(-50%) translateY(0)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:left;padding:16px;color:#a399b0;font-size:9px;background:#fcfbfe}td{padding:16px;border-top:1px solid var(--line)}tbody tr{cursor:pointer}tbody tr:hover{background:#faf8fe}td strong{display:block;margin-bottom:5px}td small{color:#9d93a7}.empty{padding:40px;text-align:center;color:#a49bb2}.task-row{display:flex;align-items:center;gap:15px;background:white;padding:17px 20px;border:1px solid var(--line);border-radius:9px;margin-bottom:9px}.task-row input{accent-color:var(--purple);width:17px;height:17px}.task-row strong{font-size:12px}.task-row small{display:block;color:#a79bad;margin-top:6px}.task-row .task-date{margin-left:auto}.overview-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.overview-panel h2{font-size:16px;margin:0 0 25px}.chart-row{display:grid;grid-template-columns:150px 1fr 90px;gap:20px;align-items:center;margin:22px 0;font-size:11px}.chart-track{background:#f2eff8;height:28px;border-radius:5px;overflow:hidden}.chart-fill{height:100%;border-radius:5px;min-width:3px}.chart-row>span:last-child{text-align:right;color:#8b819b}@media(min-width:1600px){.board{grid-template-columns:repeat(5,1fr)}.column{min-height:550px}.deal{padding:18px 15px}}@media(max-width:1200px){.sidebar{width:200px;padding:25px 14px}main{margin-left:200px}.page{padding:25px 22px}header{padding:0 22px}.stat{padding:16px}.stat-value{font-size:22px}.filter-button span{display:none}.search input{width:110px}}@media(max-width:800px){.sidebar{width:70px;padding:24px 10px}.brand{justify-content:center}.brand{font-size:0}.brand-mark{font-size:28px}.brand-dot,.workspace,.nav-label,.sidebar-bottom,nav .nav-text,nav .badge{display:none}nav{margin-top:40px}nav button{padding:12px;justify-content:center}main{margin-left:70px}.page{padding:24px 15px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.page-heading{gap:10px}h1{font-size:25px}.page-heading p{font-size:10px}.eyebrow{font-size:8px}.primary{padding:11px;font-size:10px;white-space:nowrap}.today{display:none}.toolbar{flex-wrap:wrap;gap:10px}.tools{width:100%;justify-content:space-between}.search{flex:1}.search input{width:100%}.pipeline-meta>span:last-child,footer>span:last-child{display:none}.form-row{grid-template-columns:1fr;gap:0}.chart-row{grid-template-columns:100px 1fr 65px;gap:10px}.breadcrumb{font-size:10px}.header-right{gap:10px}header{padding:0 15px}}
.storage-controls{display:flex;gap:12px;flex-wrap:wrap;margin:-8px 0 18px}.storage-controls button{font-size:10px;color:#7760dc;padding:8px 10px;border:1px solid #e6e0f4;border-radius:6px;background:white}button:disabled{opacity:.5;cursor:wait}
[hidden]{display:none!important}.auth-pending>.sidebar,.auth-pending>main{display:none}#auth-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top left,#e9e2fc,transparent 65%),#f8f9fc}.auth-card{width:440px;max-width:100%;background:white;padding:38px;border:1px solid #e9e3f3;border-radius:18px;box-shadow:0 15px 70px #62518813}.auth-card h1{font-size:25px;margin:17px 0}.auth-card p{color:#90869d;line-height:1.8;margin-bottom:24px}.auth-card .primary{width:100%}#auth-error,#team-error{color:#bb5268;font-size:12px}.logout-button{font-size:11px;color:#8b779f}#team-dialog{width:790px}.team-note,#invite-result p{font-size:12px;color:#90869d;line-height:1.7}.team-member{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee8f5}.team-member>div{flex:1}.team-member small{display:block;margin-top:5px;color:#9c90a8;font-size:10px}.team-member select,.team-member button{font-size:11px;padding:8px;border:1px solid #e5ddec;border-radius:6px;background:white}.team-member button{color:#9673b0}#invite-form{margin-top:26px}#invite-link{width:100%;padding:12px;border:1px solid #ded5ed;border-radius:7px;font-size:11px}.brand{font-size:25px}@media(max-width:800px){.brand{font-size:0}.team-member{flex-wrap:wrap}.team-member>div{min-width:100%}}
.text-action{color:var(--purple);font-size:11px;padding:6px}.task-filters{display:flex;gap:7px;margin:15px 0}.task-filters button{border:1px solid #e8e1f4;border-radius:7px;padding:8px 14px;color:#9488a3;font-size:11px}.task-filters button.active{background:#ede7fa;color:var(--purple)}.task-open{text-align:left;flex:1}.completed{text-decoration:line-through;opacity:.5}.record-form textarea{font:inherit;border:1px solid #e5dfed;border-radius:7px;padding:11px;resize:vertical;background:#fcfbfe;color:var(--ink)}.record-error{color:#b94e63;font-size:12px;line-height:1.6}.form-note{font-size:11px;color:#9c91a8;line-height:1.7}.related-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee8f3;padding-top:14px;margin-top:10px}.related-item{display:block;width:100%;text-align:left;border:1px solid #eee8f3;border-radius:8px;padding:10px;margin-top:8px;font-size:12px}.related-item small{display:block;margin-top:5px;font-size:10px;color:#988aa8}.checkbox-label{flex-direction:row;align-items:center}.checkbox-label input{width:16px}.task-counter{font-size:9px;color:#9d8bb2;margin-top:8px}
.channel-notice{display:flex;align-items:center;gap:12px;padding:14px 18px;margin:18px 0;background:#f0ecfb;border:1px solid #e3daf6;border-radius:10px;color:#6e5e92;font-size:12px;line-height:1.6}.channel-notice strong{white-space:nowrap}.chat-layout{display:grid;grid-template-columns:minmax(250px,31%) minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-height:540px}.chat-sidebar{border-right:1px solid var(--line);min-width:0;max-height:760px;overflow:auto}.chat-filters{padding:12px;flex-wrap:wrap;margin:0;border-bottom:1px solid var(--line)}.chat-filters button{font-size:10px;padding:7px 9px}.chat-list-item{display:block;width:100%;padding:16px;text-align:left;border-bottom:1px solid var(--line)}.chat-list-item.selected{background:#f3effb;box-shadow:inset 3px 0 var(--purple)}.chat-list-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-list-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-top .badge{background:var(--purple);color:#fff;border-radius:9px;padding:2px 6px;font-size:10px}.chat-subject,.chat-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px}.chat-preview{color:#82768f}.chat-list-item small{display:block;margin-top:10px;font-size:10px;color:#9689a3}.chat-heading{height:auto;min-height:105px;padding:20px;align-items:flex-start;gap:12px}.chat-heading>div{min-width:0}.chat-heading h2{font-size:17px;margin:0;overflow-wrap:anywhere}.chat-heading p{color:#92839f;font-size:11px;margin:7px 0}.chat-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.chat-links .text-action{padding:0;text-align:left;overflow-wrap:anywhere}.secondary{padding:10px 12px;border:1px solid #e4ddeb;background:#fff;border-radius:8px;color:#7f6a9c;font-size:11px;flex-shrink:0}#chat-thread{min-width:0}.chat-welcome{display:flex;min-height:540px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.chat-welcome>span{font-size:45px;color:#b3a3d5}.chat-welcome h2{font-size:18px}.chat-welcome p{font-size:12px;line-height:1.9;color:#91809f}.chat-history{display:flex;flex-direction:column;gap:12px;min-height:250px;max-height:460px;overflow:auto;background:#faf9fd;padding:20px}.chat-message{max-width:87%;padding:13px 16px;border:1px solid #e9e3f0;border-radius:12px;background:white;align-self:flex-start;min-width:130px}.chat-message.outbound{align-self:flex-end;background:#eee8fb;border-color:#e6ddf7}.chat-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.chat-message small,.chat-delivery{display:block;font-size:10px;margin-top:8px;color:#8a779c}.chat-delivery{font-size:9px;margin-top:5px;color:#7f6b92}.chat-older{align-self:center}.chat-error{font-size:12px;color:#af4662;padding:0 20px;line-height:1.8}.chat-error:not(:empty){padding:12px 20px}.chat-closed{padding:20px;font-size:12px;color:#96849f;background:#faf8fd}#chat-composer{padding:16px 20px;border-top:1px solid var(--line)}#chat-composer label,#incoming-form label{display:flex;flex-direction:column;font-size:12px;color:#84718f;gap:8px;margin-bottom:9px}#chat-reply,#incoming-form textarea{width:100%;font:inherit;border:1px solid #e1d8ed;border-radius:8px;padding:12px;resize:vertical;background:#fff;color:var(--ink)}.chat-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.chat-compose-actions .primary{font-size:11px}.chat-compose-actions+.form-note{margin-bottom:0}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}@media(max-width:1100px){.chat-layout{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}.chat-compose-actions{flex-wrap:wrap}}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-sidebar{max-height:300px;border-right:0;border-bottom:1px solid var(--line)}.chat-welcome{min-height:260px}.channel-notice{align-items:flex-start;flex-direction:column;gap:4px}.chat-heading{padding:16px}.chat-history{padding:14px}.chat-message{max-width:95%}}
/* Operational dialogs stay usable on narrow screens. */
.history-entry{padding:16px 0;border-bottom:1px solid #e6e5eb;overflow-wrap:anywhere}.history-entry p{margin:8px 0}.history-entry div{margin:4px 0;font-size:13px;color:#656272}
#integration-dialog{max-width:680px}#integration-dialog input{max-width:100%}#integration-error,#password-error{color:#a33d4a}.channel-notice{flex-wrap:wrap}.team-member{flex-wrap:wrap}#alerts-list{margin:20px 0}
@media(max-width:600px){.header-right{flex-wrap:wrap;justify-content:flex-end}.header-right .today{display:none}.modal-actions{flex-wrap:wrap}dialog{max-width:calc(100vw - 24px)}.team-member select{max-width:130px}.chat-compose-actions{flex-wrap:wrap}.chat-compose-actions button{flex:1}}