/* Material-inspired workspace, following the user's dashboard reference. */
:root{--ink:#4c4c4c;--muted:#777;--line:#eee;--accent:#9c27b0;--green:#e1bee7;background:#eee;color:#555;font-family:Roboto,"Segoe UI",Arial,sans-serif;font-weight:400}
body{background:#eee}.brand{font-size:21px;letter-spacing:-.6px;font-weight:400}.brand-mark{background:linear-gradient(60deg,#ab47bc,#8e24aa);color:#fff;box-shadow:0 4px 12px #9c27b03b;border-radius:4px;font-weight:500}.brand small{color:#999;font-size:8px;letter-spacing:2.5px;margin-top:5px}.sidebar{width:235px;border:0;padding:23px 15px 18px;box-shadow:0 4px 24px #00000017;background:#fff}.sidebar>.brand{padding:4px 12px 22px;border-bottom:1px solid #eee;margin-bottom:20px}.sidebar .workspace{margin:0 0 22px;padding:10px;border-radius:3px;background:#fafafa;border:0}.workspace-badge{border:0;background:#eee;color:#999;border-radius:3px}.workspace small{color:#aaa}.nav-caption{font-weight:400;letter-spacing:1.4px;color:#aaa;font-size:9px}.nav{gap:8px}.nav button{border-radius:3px;font-size:12px;font-weight:400;color:#777;padding:15px}.nav button svg{width:21px;height:21px;color:#aaa}.nav button:hover{background:#f1f1f1}.nav button.active{color:#fff;font-weight:400;background:linear-gradient(60deg,#ab47bc,#8e24aa);box-shadow:0 6px 16px #9c27b04d}.nav button.active svg{color:white}.nav button .count{color:#fff;background:#ffffff30;border-radius:3px}.rules-mini{border:0;border-radius:3px;background:#f8f8f8;padding:15px}.rules-mini strong{font-weight:400;color:#888}.rules-mini strong svg{color:#ab47bc}.rules-mini .text-btn{color:#9c27b0}.profile{border-color:#eee}.avatar{background:#eadcf0;color:#9c27b0;font-weight:500}.profile strong{font-weight:400;color:#666}.profile small{color:#999}.main{margin-left:235px}.topbar{height:78px;background:#eee;border:0;padding:0 35px}.breadcrumb{font-size:13px;color:#999;gap:13px}.breadcrumb strong{font-weight:400;color:#555}.topbar-right .icon-btn{background:transparent}.live{font-size:10px;color:#888}.live:before{background:#66bb6a}.content{padding:18px 35px 25px;max-width:1700px}.page-heading{margin-bottom:42px}.page-heading h1{font-size:25px;font-weight:300;color:#555;letter-spacing:-.5px;margin-bottom:8px}.page-heading p{color:#999;font-size:12px;font-weight:300}.heading-actions{gap:12px}.btn{border:0;border-radius:3px;box-shadow:0 2px 4px #00000015;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:12px 17px;color:#777;font-weight:500}.btn:hover{background:#f7f7f7;box-shadow:0 3px 7px #00000020}.btn.primary{background:linear-gradient(60deg,#ab47bc,#8e24aa);border:0;box-shadow:0 4px 10px #9c27b03b;color:white}.btn.primary:hover{background:linear-gradient(60deg,#9c27b0,#7b1fa2);box-shadow:0 6px 15px #9c27b055}.btn.danger{background:#fcece9;box-shadow:none;color:#ef5350}.btn.small{font-size:9px;padding:9px 12px}.btn.ghost{box-shadow:none}select{border-radius:3px;border-color:#ddd;color:#888;font-weight:300;background:#fff;font-size:11px}.period-select{background:transparent}.icon-btn{border:0;border-radius:3px;background:transparent;color:#888}.demo-banner{background:#fff;border:0;border-left:3px solid #ab47bc;border-radius:3px;color:#888;box-shadow:0 1px 3px #00000008;font-size:10px;padding:10px 13px;margin-bottom:26px}.demo-banner strong{color:#9c27b0;font-weight:500}.demo-banner a{color:#9c27b0;font-weight:400}.color-orange{--material-a:#ffa726;--material-b:#fb8c00;--material-shadow:#ff98004d}.color-green{--material-a:#66bb6a;--material-b:#43a047;--material-shadow:#4caf504d}.color-red{--material-a:#ef5350;--material-b:#e53935;--material-shadow:#f443364d}.color-cyan{--material-a:#26c6da;--material-b:#00acc1;--material-shadow:#00bcd44d}.material-stats{gap:24px;margin-bottom:46px}.material-stat{position:relative;display:grid;grid-template-columns:85px 1fr;background:white;border:0;border-radius:5px;box-shadow:0 1px 5px #00000013;padding:15px 17px 0;min-height:133px}.stat-symbol{grid-column:1;grid-row:1 / 3;margin-top:-33px;background:linear-gradient(60deg,var(--material-a),var(--material-b));box-shadow:0 7px 15px var(--material-shadow);border-radius:3px;display:grid;place-items:center;width:78px;height:78px;color:#fff}.stat-symbol svg{width:29px;height:29px;stroke-width:1.5}.material-stat .stat-head{display:block;text-align:right;font-size:11px;color:#999;grid-column:2;font-weight:300;line-height:1.5}.material-stat .stat-value{grid-column:2;text-align:right;font-size:28px;font-weight:300;color:#555;line-height:1.4;margin:1px 0 15px;letter-spacing:-1px}.material-stat .stat-foot{grid-column:1 / -1;border-top:1px solid #eee;padding:11px 0 12px;color:#999;font-size:9px;gap:5px;line-height:1.6;align-items:flex-start}.material-stat .stat-foot svg{width:12px;height:12px;color:#bbb;margin-top:1px}.material-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:44px}.panel{border:0;border-radius:5px;box-shadow:0 1px 5px #00000014;background:#fff;overflow:visible}.material-chart{padding:0 15px}.chart-surface{position:relative;top:-20px;margin-bottom:-10px;background:linear-gradient(60deg,var(--material-a),var(--material-b));border-radius:3px;box-shadow:0 7px 15px var(--material-shadow);padding:12px 8px 6px}.chart-surface svg{width:100%;height:auto;display:block;stroke:none;overflow:visible}.chart-surface text{fill:#ffffffbb;font-family:inherit;font-size:9px;font-weight:300}.chart-surface .plot-grid{stroke:#ffffff32;stroke-width:1;stroke-dasharray:2 2}.chart-surface .plot-line{stroke:#fff;fill:none;stroke-width:2.7;stroke-linejoin:round}.chart-surface .plot-point{fill:#fff;stroke:none}.chart-surface .plot-bar{fill:#ffffffdf;stroke:none}.chart-description{padding:9px 4px 13px}.chart-description h2{color:#666;font-size:17px;font-weight:300;margin:0 0 7px;letter-spacing:-.3px}.chart-description p{font-size:11px;font-weight:300;color:#999;margin:0 0 5px;line-height:1.7}.chart-description p strong{font-weight:400;color:#66a16c}.chart-description .chart-caption{font-size:10px;color:#aaa;line-height:1.6;min-height:16px}.chart-meta{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:300;color:#aaa;padding:13px 4px;border-top:1px solid #eee}.chart-meta svg{width:12px;height:12px;color:#aaa}.material-lower{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:25px;margin-bottom:25px}.material-lower>.panel{padding:0 15px}.material-heading{position:relative;top:-20px;min-height:78px;border-radius:3px;padding:17px 19px;margin-bottom:-9px;align-items:center;color:white}.purple-heading{background:linear-gradient(60deg,#ab47bc,#8e24aa);box-shadow:0 7px 15px #9c27b04d}.orange-heading{background:linear-gradient(60deg,#ffa726,#fb8c00);box-shadow:0 7px 15px #ff98004d}.material-heading h2{font-size:16px;font-weight:300;letter-spacing:0;color:#fff;margin:0}.material-heading p{font-weight:300;font-size:10px;color:#ffffffb3;margin:6px 0 0}.material-heading>.text-btn{color:#fff;font-size:9px}.material-heading>svg{color:#ffffffa6}.leaderboard-table th{background:transparent;border:0;color:#ab47bc;font-size:10px;letter-spacing:0;text-transform:none;padding-top:16px;padding-bottom:13px;font-weight:400}.leaderboard-table td{border-color:#eee;font-size:12px;color:#777;padding-top:15px;padding-bottom:15px}.leaderboard-table td:first-child,.leaderboard-table th:first-child{padding-left:9px}.leaderboard-table td:last-child,.leaderboard-table th:last-child{padding-right:8px}.leaderboard-table .member-cell{min-width:145px}.member-cell strong{font-weight:400;color:#666;font-size:12px}.member-cell small{color:#aaa;font-size:9px}.rank{border-radius:50%;width:26px;height:26px;background:#f5f5f5;color:#aaa;font-weight:500}.rank.r1{background:#fff5db;color:#e9ad24}.rank.r2{background:#ededf3;color:#9c9cb7}.rank.r3{background:#f9e9e2;color:#cb967b}.points{color:#9c27b0!important;font-weight:500;font-size:13px!important}.rank-first{background:#fdfafe}.you-tag{background:#f3e5f5;color:#ba68c8}.panel-footer{background:transparent;border-top:1px solid #eee;color:#aaa;border-radius:0 0 5px 5px;font-size:9px;padding:13px 6px;font-weight:300}.activity-list{padding:0 7px}.activity-item{padding:15px 0;border-color:#eee;gap:10px}.activity-icon{border-radius:3px;background:#e8f5e9;color:#66bb6a}.activity-icon.instagram{background:#fff3e0;color:#ffa726}.activity-icon.dm{background:#f3e5f5;color:#ab47bc}.activity-text{font-size:10px;color:#888;font-weight:300}.activity-text strong{color:#777;font-weight:500}.activity-text p{color:#999;font-size:10px}.activity-text time{color:#bbb}.activity-score{color:#66bb6a;font-weight:400}.activity-score.pending{color:#ffb74d}.material-pacesetter{padding:18px 22px;display:flex;align-items:center;gap:17px;border-radius:4px}.pacesetter-icon{color:#ab47bc;display:grid;place-items:center;background:#f3e5f5;width:42px;height:42px;border-radius:50%}.pacesetter-icon svg{width:22px;height:22px}.material-pacesetter strong{font-size:13px;font-weight:400;color:#777}.material-pacesetter p{font-size:10px;color:#aaa;line-height:1.8;margin:4px 0 0;font-weight:300}.pacesetter-points{margin-left:auto;white-space:nowrap;font-size:21px;font-weight:300;color:#9c27b0}.footer{font-size:10px;color:#aaa;margin-top:29px}.text-btn{color:#ab47bc;font-weight:400}.tabs{background:#f4f4f4;border-radius:3px}.tabs button{border-radius:3px;color:#999;font-weight:400}.tabs button.active{background:#ab47bc;color:#fff;box-shadow:0 3px 8px #9c27b02b}.toolbar{border-color:#eee}.search input{border-radius:3px;background:#fff;border-color:#ddd;color:#777;font-weight:300}.filters-note{color:#aaa;font-weight:300}.lead-title{color:#777;font-weight:400}.lead-title small{color:#aaa}.badge{border-radius:3px;font-weight:400;background:#f3e5f5;color:#ab47bc}.badge.approved,.badge.won{background:#edf7ee;color:#66a76c}.badge.pending{background:#fff4df;color:#e9a94d}.badge.rejected,.badge.lost{background:#fcebe9;color:#e18177}.badge.contacted{background:#f3e5f5;color:#ab47bc}.badge.replied{background:#e0f7fa;color:#26a7b9}.badge.muted{background:#f3f3f3;color:#999}.table-scroll{border-radius:4px;overflow:auto}th{background:#fff;border-color:#eee;color:#ab47bc;font-weight:400;font-size:10px;letter-spacing:0;text-transform:none}td{border-color:#eee;font-weight:300;color:#888}.row-actions a{color:#ab47bc}.panel-heading h2{font-weight:400;color:#777}.material-heading h2{color:#fff;font-weight:300}.panel-heading p{color:#999;font-weight:300}.material-heading p{color:#ffffffc4}.review-card{border-radius:5px}.review-card h3{font-weight:400;color:#666}.review-card p,.review-meta{color:#999;font-weight:300}.proof-box{background:#fafafa;border-color:#eee;border-radius:3px;color:#888;font-weight:300}.proof-box small{color:#aaa}.detail-link{color:#ab47bc}.callout{background:#f8f4f9;border:0;border-left:3px solid #ce93d8;border-radius:3px;color:#9c7ba2;font-weight:300;font-size:11px}.callout strong{font-weight:500}.rule-card .rule-number{color:#ab47bc;font-weight:300}.rule-card h3{font-weight:400;color:#777}.rule-card p{color:#999;font-weight:300}.guide-item svg{color:#ba68c8}.guide-item strong{font-weight:400;color:#777}.guide-item p{color:#999;font-weight:300}.team-card h3{font-weight:400;color:#777}.team-card .email{color:#aaa}.team-numbers strong{font-weight:300;color:#9c27b0}.team-numbers small{color:#aaa}.audit-row{color:#888}.audit-row strong{font-weight:400}.audit-row p,.audit-row time{color:#aaa;font-weight:300}dialog{border:0;border-radius:6px;box-shadow:0 24px 80px #00000033;color:#666}dialog::backdrop{background:#1e142355;backdrop-filter:blur(2px)}.modal-head{border-bottom:1px solid #f1f1f1;margin-bottom:10px}.modal-head h2{font-weight:300;font-size:24px;color:#777}.modal-head p{font-weight:300;color:#999}.field-label{font-weight:400;color:#888}.field input,.field textarea,.field select{border-radius:2px;border:0;border-bottom:1px solid #ddd;background:#fff;color:#666;padding:10px 1px;font-size:12px;font-weight:300}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ab47bc;outline:0;box-shadow:0 1px 0 #ab47bc}.field small,.form-note{color:#aaa;font-weight:300}.detail-label{color:#ab47bc}.detail-content{color:#888;font-weight:300}.form-error{background:#fff1ef;color:#ef5350;border-radius:3px}.invite-url{border-radius:3px;border-color:#eee;color:#9c27b0;background:#fbf8fc}.empty{color:#aaa;font-weight:300}.empty svg{color:#ce93d8}.empty strong{color:#888;font-weight:300}.auth-art{background:linear-gradient(135deg,#ab47bc,#7b1fa2);color:white}.auth-art .brand-mark{color:#9c27b0;background:#fff;box-shadow:none}.auth-art .brand small{color:#ffffff9c}.auth-art h1{font-weight:300}.auth-art h1 em{color:#e1bee7}.auth-art p,.auth-art footer{color:#ffffffab}.auth-art .eyebrow{color:#e1bee7}.auth-art .hero-art{opacity:.25}.auth-form h2{font-weight:300;color:#777}.auth-form>p{color:#999;font-weight:300}.auth-form>.eyebrow{font-weight:400;color:#ab47bc}.auth-foot a{color:#ab47bc}#toast{background:#ab47bc;border-radius:3px;color:#fff;font-weight:300;box-shadow:0 7px 24px #9c27b04d}.offline{color:#ef9c68}.muted-text{color:#999;font-weight:300}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ab47bc}.brand-mark:after{content:""}
@media(min-width:1450px){.content{padding:22px 40px 30px}.topbar{padding:0 40px}.material-stat{min-height:143px}.material-stat .stat-value{font-size:32px}.chart-surface{padding:16px 10px 8px}.chart-description h2{font-size:19px}.material-heading h2{font-size:18px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{margin-left:205px}.content{padding:18px 25px 25px}.topbar{padding:0 25px}.material-stats{gap:17px}.material-stat{padding:13px 13px 0;grid-template-columns:63px 1fr;min-height:129px}.stat-symbol{width:59px;height:67px;margin-top:-29px}.stat-symbol svg{width:25px;height:25px}.material-stat .stat-head{font-size:10px}.material-stat .stat-value{font-size:26px}.material-stat .stat-foot{font-size:8px}.material-charts{gap:19px}.material-chart{padding:0 12px}.material-lower{gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(265px,1fr)}.material-heading{padding:16px}.chart-description h2{font-size:15px}.chart-description p{font-size:10px}.chart-description .chart-caption{font-size:9px;min-height:29px}.leaderboard-table .member-cell{min-width:125px}.leaderboard-table td{font-size:11px}.member-cell strong{font-size:11px}.material-heading h2{font-size:15px}.material-heading p{font-size:9px}}
@media(max-width:1000px){.material-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;margin-bottom:44px}.material-stat{grid-template-columns:84px 1fr}.stat-symbol{width:76px;height:76px;margin-top:-30px}.material-stat .stat-head{font-size:12px}.material-stat .stat-value{font-size:29px}.material-stat .stat-foot{font-size:9px}.material-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.material-chart{padding:0 10px}.chart-surface{padding:12px 0 6px}.chart-description{padding-left:2px;padding-right:2px}.chart-description h2{font-size:13px}.chart-description p{font-size:9px}.chart-description .chart-caption{font-size:9px;min-height:44px}.chart-meta{font-size:8px;line-height:1.6}.material-lower{grid-template-columns:1fr;gap:44px}.material-lower .activity-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.material-lower .activity-item{min-width:0}.material-lower .activity-text p{max-width:185px}.material-lower .activity-item:last-child{border-bottom:1px solid #eee}.material-lower .activity-panel{padding-bottom:10px}.material-pacesetter{margin-top:4px}.page-heading h1{font-size:24px}}
@media(max-width:760px){.sidebar{width:100%;padding:0;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e5e5e5}.sidebar>.brand,.sidebar>.workspace,.sidebar>.nav-caption{display:none}.nav{gap:4px;padding:9px 14px}.nav button{font-size:10px;padding:11px 13px;border-radius:3px}.nav button svg{width:15px;height:15px}.main{margin:0}.topbar{height:68px;padding:0 20px;background:#fff;border-bottom:1px solid #eee}.topbar-right .icon-btn{background:transparent}.topbar-right .live{font-size:9px}.content{padding:24px 20px}.mobile-brand{font-size:20px}.mobile-brand .brand-mark{width:30px;height:30px}.page-heading{margin-bottom:39px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;max-width:280px;line-height:1.7}.heading-actions .btn{font-size:9px;padding:11px 12px}.demo-banner{margin-bottom:23px;font-size:9px}.material-stats{gap:40px 17px;margin-bottom:43px}.material-stat{padding:14px 14px 0;min-height:132px;grid-template-columns:75px 1fr}.stat-symbol{width:68px;height:72px;margin-top:-31px}.material-stat .stat-head{font-size:11px}.material-stat .stat-value{font-size:29px;margin-bottom:14px}.material-stat .stat-foot{font-size:9px}.material-charts{gap:16px;margin-bottom:43px}.material-chart{padding:0 10px}.chart-description h2{font-size:14px}.chart-description p{font-size:10px}.chart-caption{display:none}.chart-meta{padding:10px 1px;font-size:8px}.material-heading{min-height:75px;padding:16px}.material-heading h2{font-size:17px}.material-heading p{font-size:10px}.material-heading>.text-btn{font-size:9px}.material-lower{gap:43px}.material-lower .activity-text p{max-width:200px}.material-pacesetter{padding:17px;gap:12px}.material-pacesetter strong{font-size:12px}.pacesetter-points{font-size:20px}.team-card{border-radius:4px}.review-card{padding:20px}.auth-mobile-brand .brand-mark{color:white;background:linear-gradient(60deg,#ab47bc,#8e24aa)}.modal-head{padding:21px 22px 17px}.modal-body{padding:0 22px 24px}.footer{font-size:9px}.material-pacesetter p{font-size:9px}}
@media(max-width:550px){.material-charts{grid-template-columns:1fr;gap:42px;margin-bottom:44px}.material-chart{padding:0 15px}.chart-surface{padding:10px 8px 4px;max-height:200px;overflow:hidden}.chart-surface svg{height:160px}.chart-description{padding:10px 5px 14px}.chart-description h2{font-size:18px}.chart-description p{font-size:11px}.chart-caption{display:block!important;min-height:0!important;font-size:10px!important}.chart-meta{font-size:10px;padding:13px 4px}.material-lower .activity-list{display:block}.material-lower .activity-item:last-child{border:0}.material-lower .activity-text p{max-width:230px}.material-lower .activity-item{padding:16px 0}.material-stats{gap:36px 14px}.material-stat{grid-template-columns:60px 1fr;min-height:127px;padding:13px 11px 0}.stat-symbol{width:55px;height:61px;margin-top:-28px}.stat-symbol svg{width:23px;height:23px}.material-stat .stat-head{font-size:10px;line-height:1.7}.material-stat .stat-value{font-size:27px}.material-stat .stat-foot{font-size:8px;min-height:39px}.stat-foot svg{width:11px!important;height:11px!important}.content{padding:22px 16px}.page-heading p{max-width:230px;font-size:10px}.page-heading h1{font-size:23px}.heading-actions .btn{font-size:9px;gap:5px}.heading-actions .btn svg{width:13px;height:13px}.material-pacesetter{padding:15px;gap:10px}.pacesetter-icon{width:33px;height:33px;flex-shrink:0}.pacesetter-icon svg{width:18px;height:18px}.material-pacesetter strong{font-size:11px}.material-pacesetter p{font-size:9px}.pacesetter-points{font-size:17px}.material-heading h2{font-size:16px}.nav{padding:8px 10px}.nav button{font-size:10px;padding:10px 12px}.review-grid{gap:17px}.page-heading .heading-actions>.btn:not(.primary){box-shadow:none}.leaderboard-table .member-cell{min-width:130px}.footer{font-size:8px;line-height:1.8}.auth-main{padding-top:35px}.auth-form h2{font-size:31px}.auth-mobile-brand{margin-bottom:47px}}