.dashboard-hero{background:linear-gradient(113deg,#283466 0%,#3d3c89 48%,#6150b5 100%);color:white;min-height:195px;border-radius:20px;padding:27px 32px;display:flex;justify-content:space-between;gap:18px;position:relative;overflow:hidden;margin-bottom:20px}.dashboard-hero:before{content:'';position:absolute;border:1px solid #ffffff19;width:270px;height:270px;border-radius:50%;right:0;top:-98px;box-shadow:0 0 0 30px #ffffff0a,0 0 0 70px #ffffff09,0 0 0 108px #ffffff07}.dashboard-hero h2{font-size:24px;letter-spacing:-1px;color:white;margin:5px 0 9px}.dashboard-hero p{font-size:12px;color:#e0dcff;max-width:470px;line-height:1.8}.hero-kicker{color:#d6cfff;text-transform:uppercase;font-size:11px;letter-spacing:1.6px;font-weight:800}.hero-actions{margin-top:17px;display:flex;gap:8px}.hero-actions .btn{height:35px;border-color:#ffffff50;background:white;color:#5044ad}.hero-actions .btn.outline{background:#ffffff15;color:white}.hero-stat{z-index:1;align-self:center;min-width:170px;padding:17px 21px;border-radius:15px;background:#ffffff17;border:1px solid #ffffff30;backdrop-filter:blur(4px)}.hero-stat span{font-size:11px;color:#dbd7ff}.hero-stat strong{display:block;font-size:32px;letter-spacing:-1.2px;margin:4px 0}.hero-stat small{color:#d4d2ff;font-size:11px}.hero-stat .progress-track{margin-top:10px;background:#ffffff35}.hero-stat .progress-fill{background:#d5c6ff}.dash-content{margin-top:20px}.chart-legend{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--violet)}.chart-legend i.green{background:var(--green)}.chart-svg{width:100%;height:219px;display:block;overflow:visible}.chart-svg text{font-family:var(--font);font-size:11px;fill:var(--muted)}.chart-svg .gridline{stroke:var(--line);stroke-width:1}.chart-foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.chart-foot b{color:var(--text)}.source-list{display:grid;gap:17px}.source-row{display:grid;grid-template-columns:110px 1fr 32px;align-items:center;gap:11px;font-size:11px}.source-row span:first-child{color:var(--text);font-weight:650}.source-row b{text-align:right;font-weight:800}.source-row .progress-track{height:7px}.funnel-list{display:grid;gap:15px}.funnel-row{display:grid;grid-template-columns:100px minmax(0,1fr) 31px;align-items:center;gap:11px;font-size:11px}.funnel-row .funnel-name{color:var(--muted)}.funnel-row .progress-track{height:7px}.funnel-row b{text-align:right}.priority-list{display:grid;gap:0}.priority-row{padding:13px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.priority-row:last-child{border:0;padding-bottom:0}.priority-row:first-child{padding-top:0}.priority-row .grow>b{font-size:12px;display:block}.priority-row .grow>small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.priority-row>button{border:0;background:transparent;color:var(--muted)}.activity-list{display:grid;gap:0}.activity-row{display:flex;gap:11px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-row .activity-dot{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--violet-pale);color:var(--violet)}.activity-row b{font-size:10.5px;display:block}.activity-row p{font-size:11px;color:var(--muted);line-height:1.55;margin-top:3px}.activity-row small{font-size:10px;color:var(--muted2)}.overview-tasks{display:grid;gap:0}.overview-task{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:9px;align-items:center}.overview-task:last-child{border:0}.overview-task .grow b{font-size:12px;display:block}.overview-task .grow span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.overview-task .due{font-size:11px;color:var(--muted);white-space:nowrap}.overview-task .due.overdue{color:var(--red)}.leads-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.summary-pill{min-width:110px;display:grid;gap:2px;padding:12px 17px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.summary-pill span{font-size:11px;color:var(--muted)}.summary-pill b{font-size:19px;letter-spacing:-.5px}.leads-filter-panel{margin-bottom:18px}.leads-filter-panel .table-toolbar{padding:15px 18px}.leads-filter-panel .search-input{width:min(270px,100%)}.leads-filter-panel .filter-row{margin-left:auto}.lead-list-avatar{width:35px;height:35px}.priority-indicator{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.priority-indicator:before{content:'';width:7px;height:7px;border-radius:50%;background:#a9b1c1}.priority-indicator.high:before{background:var(--red)}.priority-indicator.low:before{background:var(--green)}.board-container{overflow-x:auto;display:flex;align-items:stretch;gap:13px;padding:4px 0 15px}.board-col{width:262px;min-width:262px;background:#edf0f7;border:1px solid var(--line);border-radius:13px;padding:11px;align-self:stretch}.board-header{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 13px;font-size:12px;font-weight:750}.board-header .count{color:var(--muted);background:white;padding:3px 8px;border-radius:7px}.board-list{display:grid;gap:10px;min-height:120px}.board-card{border:1px solid #e5e9f1;background:white;color:#28334c;border-radius:11px;padding:13px;text-align:left;box-shadow:0 4px 12px #1e29400a;min-height:121px;cursor:grab}.board-card:active{cursor:grabbing}.board-card b{font-size:12px}.board-card p{font-size:11px;color:#8491a8;margin:6px 0 10px}.board-card .bottom{display:flex;justify-content:space-between;align-items:center}.board-card .bottom small{color:#9ba6b5;font-size:10px}.board-col.drag-over{outline:2px dashed #7066ee;outline-offset:2px;background:#ebe8ff}.board-empty{padding:22px 10px;color:var(--muted);text-align:center;font-size:11px}.inbox-workspace{height:calc(100dvh - 177px);min-height:530px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:305px minmax(0,1fr) 265px;overflow:hidden;box-shadow:var(--shadow)}.inbox-list{display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0}.inbox-list-head{padding:19px 17px 13px}.inbox-list-head>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.inbox-list-head h2{font-size:15px}.inbox-list-head .search-input{width:100%}.inbox-tabs{display:flex;gap:5px;padding:0 17px 12px}.inbox-tabs button{border:0;background:transparent;padding:7px 11px;color:var(--muted);font-size:11px;font-weight:700;border-radius:8px}.inbox-tabs button.active{background:var(--violet-pale);color:var(--violet)}.thread-list{overflow-y:auto;flex:1;min-height:0}.thread-item{width:100%;display:flex;gap:10px;padding:15px 17px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;align-items:start}.thread-item:hover,.thread-item.active{background:#f5f3ff}.thread-item.active{border-left:3px solid var(--violet);padding-left:14px}.thread-copy{min-width:0;flex:1}.thread-copy>b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-copy>span{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-copy>small{display:inline-flex;align-items:center;gap:5px;font-size:10px;margin-top:7px;color:var(--violet)}.thread-last{color:var(--muted2);font-size:10px;white-space:nowrap}.conversation{display:flex;min-width:0;flex-direction:column;background:#f7f8fc}.conversation-head{height:74px;flex:none;padding:13px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:var(--surface)}.conversation-head .name{flex:1;min-width:0}.conversation-head .name b{display:block;font-size:12px}.conversation-head .name small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.message-scroller{flex:1;overflow-y:auto;padding:23px 26px;display:flex;flex-direction:column;gap:13px;min-height:0}.chat-date{align-self:center;background:#e8ebf2;padding:6px 11px;border-radius:7px;color:#76829a;font-size:11px;font-weight:700}.message-row{display:flex;justify-content:flex-start}.message-row.out{justify-content:flex-end}.bubble{max-width:min(77%,440px);padding:12px 14px 9px;background:white;border:1px solid var(--line);border-radius:13px 13px 13px 3px;box-shadow:0 2px 4px #17213d0c;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#27334c}.message-row.out .bubble{background:#eeeaff;border-color:#e5ddff;border-radius:13px 13px 3px 13px}.bubble meta,.bubble small{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#8d91a5;font-size:10px;margin-top:7px}.composer{background:var(--surface);border-top:1px solid var(--line);padding:15px 18px}.compose-frame{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.composer textarea{height:56px;min-height:56px;max-height:115px;width:100%;border:0;resize:vertical;background:transparent;padding:13px;outline:0;font-size:12px}.composer-bottom{padding:5px 7px 7px 13px;display:flex;align-items:center;gap:8px;justify-content:space-between}.composer-bottom small{color:var(--muted);font-size:10px}.composer-bottom .btn{height:31px}.contact-sidebar{border-left:1px solid var(--line);background:var(--surface);padding:23px 17px;min-width:0;overflow-y:auto}.contact-sidebar h3{font-size:13px}.contact-hero{text-align:center;padding:24px 0 17px}.contact-hero .avatar{margin:auto}.contact-hero h2{font-size:14px;margin-top:12px}.contact-hero p{font-size:11px;color:var(--muted);margin-top:4px}.contact-hero .badge{margin-top:12px}.contact-prop{border-top:1px solid var(--line);padding:14px 0}.contact-prop>span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.contact-prop>b{font-size:12px;display:block;overflow-wrap:anywhere}.contact-prop .toggle-group{width:100%}.contact-prop .toggle-group button{padding:0 6px;flex:1}.contact-actions{display:grid;gap:8px;margin-top:15px}.contact-actions .btn{justify-content:flex-start}.kpr-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.kpr-card{padding:19px;border:1px solid var(--line);background:var(--surface);border-radius:15px;box-shadow:var(--shadow);min-width:0}.kpr-card-top{display:flex;align-items:start;justify-content:space-between;gap:9px}.kpr-card h3{font-size:13px;margin:9px 0 2px}.kpr-card p{font-size:11px;color:var(--muted)}.kpr-card .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.kpr-card .mini-grid small{display:block;font-size:10px;color:var(--muted)}.kpr-card .mini-grid b{font-size:12px;display:block;margin-top:4px}.kpr-card .progress-info{display:flex;justify-content:space-between;font-size:11px;margin:12px 0 6px}.kpr-card .card-actions{display:flex;gap:8px;margin-top:15px}.kpr-doc-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.kpr-doc-row .doc-symbol{width:35px;height:35px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.kpr-doc-row .grow>b{font-size:12px;display:block}.kpr-doc-row .grow>small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.kpr-doc-row .doc-action{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.task-list{display:grid;gap:11px}.task-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;gap:13px;min-width:0}.task-mark{width:37px;height:37px;border-radius:11px;background:var(--violet-pale);display:grid;place-items:center;color:var(--violet)}.task-mark.overdue{background:var(--red-soft);color:var(--red)}.task-main{min-width:0;flex:1}.task-main b{font-size:12px;display:block}.task-main span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.task-right{display:flex;align-items:center;gap:8px}.task-right .badge{margin-right:6px}.task-date{font-size:11px;color:var(--muted);white-space:nowrap}.task-date.overdue{color:var(--red)}.analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-donut{width:170px;height:170px;display:block;margin:0 auto}.donut-legend{display:grid;gap:10px}.donut-legend-item{display:flex;justify-content:space-between;gap:8px;font-size:11px}.donut-legend-item span{display:flex;align-items:center;gap:7px;color:var(--muted)}.donut-legend-item i{height:9px;width:9px;border-radius:3px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:var(--surface);box-shadow:var(--shadow)}.team-card .avatar{margin-bottom:14px}.team-card h3{margin-bottom:5px;font-size:13px}.team-card p{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.team-card .meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.team-card .meta b{font-size:11px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.settings-nav{padding:10px;height:max-content}.settings-nav button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-radius:9px;padding:12px;font-weight:700;text-align:left;color:var(--muted);font-size:12px}.settings-nav button.active{color:var(--violet);background:var(--violet-pale)}.setting-block{padding:23px;border-bottom:1px solid var(--line)}.setting-block:last-child{border-bottom:0}.setting-block h3{font-size:14px;margin-bottom:5px}.setting-block>p{font-size:12px;color:var(--muted);margin-bottom:17px}.setting-toggle{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.setting-toggle:last-child{border-bottom:0}.setting-toggle b{display:block;font-size:12px}.setting-toggle small{display:block;color:var(--muted);margin-top:4px;font-size:11px;max-width:430px}.integration-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:13px}.integration-card .logo-box{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.integration-card .logo-box.purple{background:var(--violet-pale);color:var(--violet)}.integration-card b{display:block;font-size:12px}.integration-card p{display:block;color:var(--muted);font-size:11px;margin-top:4px}.integration-card .badge{margin-left:auto}.auth-required{max-width:530px;margin:90px auto}.auth-required .login-box{max-width:390px}.mobile-only{display:none}
