:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17203a;background:#f8f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.app>aside{background:#fff;border-right:1px solid #eae9e5;padding:26px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:7px;font-weight:750;font-size:18px;letter-spacing:-.5px;padding:0 10px}.brand b{color:#7656df;font-size:13px}.brand-mark{display:inline-grid;place-items:center;background:#7152da;color:#fff;width:26px;height:26px;border-radius:8px;font-size:15px;font-family:Georgia;font-weight:700}nav{display:grid;gap:3px;margin-top:38px}nav button,.nav-bottom>button{background:transparent;color:#697187;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;text-align:left;font-size:14px}nav button:hover,nav button.active,.nav-bottom>button.active{color:#583bbd;background:#f1edff;font-weight:650}nav em{margin-left:auto;background:#e6ddff;color:#6347c8;padding:1px 6px;border-radius:9px;font-size:11px;font-style:normal}.icon{font-size:17px;line-height:1;width:18px;text-align:center}.nav-bottom{margin-top:auto}.user{border-top:1px solid #eeeef0;margin:16px 5px 0;padding-top:16px;display:flex;align-items:center;gap:9px}.user>span{display:grid;gap:2px;flex:1}.user strong{font-size:12px}.user small,.subtle,small{font-size:12px;color:#8a90a1}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:#eee9ff;color:#674bc9;font-size:11px;font-weight:750}.avatar.orange{background:#fae7d3;color:#b45e2c}.mobilebar{display:none}.page{max-width:1330px;padding:48px clamp(28px,5vw,78px) 60px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{color:#7254d6;font-size:11px;font-weight:750;letter-spacing:1.1px;margin:0 0 9px}h1{font-size:32px;line-height:1.13;letter-spacing:-1.2px;margin:0;color:#18223d}h2{font-size:15px;letter-spacing:-.15px;margin:0}.subtle{font-size:14px;margin:9px 0 0}.primary{background:#6950d2;color:#fff;padding:10px 14px;border-radius:8px;font-weight:650;font-size:13px;display:inline-flex;gap:8px;align-items:center;box-shadow:0 2px 5px #6950d230}.secondary{background:#fff;border:1px solid #dfdde5;color:#4c556c;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600}.card{background:#fff;border:1px solid #e9e8e5;border-radius:13px;box-shadow:0 1px 2px #1d24400a}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric{padding:17px}.metric-icon{background:#f0edfd;color:#6347c6;width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.metric p{font-size:12px;color:#72798d;margin:17px 0 5px}.metric>strong{font-size:25px;letter-spacing:-1px;display:block}.metric small{color:#729878;font-size:11px}.split,.detail-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:18px}.split>.card{min-height:247px}.section-title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #efeeec}.text-button{color:#6b4ed1;background:transparent;font-size:12px;font-weight:650}.list{padding:3px 20px}.task-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0efed}.task-row:last-child{border:0}.check{height:19px;width:19px;border:1.5px solid #c6c8ce;border-radius:50%;background:#fff;color:#fff;font-size:12px}.task-row.done .check{background:#6a51d5;border-color:#6a51d5}.task-row.done strong{text-decoration:line-through;color:#858b99}.task-row>div{display:grid;gap:3px;flex:1}.task-row strong,.approval-mini strong{font-size:13px}.status{font-size:11px;font-weight:700;border-radius:20px;padding:4px 8px;display:inline-block;white-space:nowrap}.status.pending,.status.medium{background:#fff3d6;color:#a06105}.status.approved,.status.active,.status.low{background:#e5f6eb;color:#278154}.status.rejected,.status.high{background:#fce7e5;color:#bc4c42}.status.prospect{background:#ede9ff;color:#674bc7}.status.paused{background:#eeeef0;color:#687084}.approval-mini{margin:0 20px;padding:16px 0;border-bottom:1px solid #f0efed;display:flex;gap:10px;justify-content:space-between}.approval-mini:last-child{border:0}.approval-mini div{display:grid;gap:3px}.activity{margin-top:18px}.timeline{padding:15px 21px}.timeline>div{display:flex;gap:12px;min-height:49px}.timeline>div:not(:last-child) .timeline-dot:after{content:"";width:1px;background:#e5e1f7;height:29px;position:absolute;top:14px;left:5px}.timeline-dot{position:relative;margin-top:4px;width:11px;height:11px;border-radius:50%;background:#7254d6;flex:none}.timeline-dot.d1{background:#4ea87b}.timeline-dot.d2{background:#e7a535}.timeline-dot.d3{background:#91a0b7}.timeline p{display:grid;margin:0;gap:4px;font-size:13px}.timeline small{font-size:11px}.state{min-height:210px;padding:45px 20px;text-align:center;display:grid;justify-items:center;align-content:center}.state>span{width:35px;height:35px;background:#f0edfd;color:#684acb;border-radius:10px;display:grid;place-items:center;font-size:19px;margin-bottom:11px}.state strong{font-size:14px}.state p{font-size:13px;color:#7c8291;margin:7px 0}.state.error>span{background:#fbe8e7;color:#c0584b}.state button{background:#f0edfd;color:#6346c7;border-radius:7px;padding:7px 10px;font-size:12px}.inbox{display:grid;grid-template-columns:360px 1fr;gap:18px}.threads{overflow:hidden}.filter{height:52px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #efeeec;padding:0 15px;color:#8b91a0}.filter input{border:0;outline:0;min-width:0;width:100%;color:#283149;font-size:13px}.thread{width:100%;display:flex;gap:10px;text-align:left;background:#fff;padding:14px 15px;border-bottom:1px solid #f0efed;position:relative}.thread.selected{background:#f7f5ff}.thread>span{display:grid;gap:3px;min-width:0;flex:1}.thread strong{font-size:13px}.thread strong i{width:6px;height:6px;border-radius:10px;background:#7656dc;display:inline-block;margin-left:5px}.thread b{font-size:12px;font-weight:650}.thread small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread time{font-size:11px;color:#9298a6}.message{min-height:535px;padding:25px}.message-head{display:flex;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid #efeeec}.message h2{font-size:18px;margin-top:5px}.tag{font-size:11px;color:#6a4eca;font-weight:700;margin:0}.icon-button{background:transparent;color:#8990a0;padding:4px}.sender{display:flex;gap:10px;align-items:center;padding:20px 0}.sender span{display:grid;gap:3px}.sender strong{font-size:13px}.message-copy{font-size:14px;line-height:1.65;color:#414a60;padding:4px 0}.reply{border:1px solid #e0dfe4;border-radius:9px;height:100px;padding:13px;display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px;color:#9a9fac;font-size:13px}.tabs{display:flex;gap:6px;margin:-10px 0 17px}.tabs button{background:transparent;color:#7c8291;font-size:13px;padding:8px 11px;border-radius:7px}.tabs button.selected{background:#eeebfc;color:#5d40c2;font-weight:700}.tabs span{margin-left:5px;font-size:10px;background:#ddd5fb;padding:2px 5px;border-radius:10px}.table-card{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:710px}th{text-align:left;color:#8a90a0;font-size:11px;text-transform:uppercase;letter-spacing:.45px;padding:14px 20px;border-bottom:1px solid #ecebea}td{font-size:13px;color:#596177;padding:16px 20px;border-bottom:1px solid #f0efed}td strong{color:#29324a;font-size:13px;display:block}td small{display:block;margin-top:4px;max-width:300px}.actions{display:flex;gap:6px}.approve,.reject{font-size:11px;font-weight:650;padding:7px 9px;border-radius:6px}.approve{background:#e6f5eb;color:#28794f}.reject{background:#fbe9e7;color:#b34f45}.toolbar{display:flex;gap:10px;justify-content:space-between;margin:-8px 0 17px}.toolbar .filter{background:#fff;border:1px solid #e5e3e3;border-radius:8px;width:290px;height:38px}.person{display:flex;align-items:center;gap:10px}.person>span{display:grid;gap:3px}.click-row{cursor:pointer}.click-row:hover{background:#faf9ff}.back{color:#7254d6;background:transparent;padding:0;margin-bottom:20px;font-size:13px;font-weight:650}.customer-head{display:flex;gap:14px;align-items:center;margin-bottom:27px}.customer-head .avatar{width:48px;height:48px;font-size:14px}.customer-head>div{flex:1}.customer-head .subtle{margin:5px 0 0;font-size:13px}.detail-grid{grid-template-columns:minmax(0,1fr) 290px}.detail-grid>div{display:grid;gap:18px}.detail-side{min-width:0}dl{margin:0;padding:4px 20px}dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0efed}dt{font-size:12px;color:#818899}dd{margin:0;font-size:13px;font-weight:650}.notes{background:#faf9f6;margin:15px 20px;padding:13px;border-radius:8px}.notes strong{font-size:12px}.notes p{font-size:12px;line-height:1.55;color:#6c7383;margin:6px 0 0}.mini-item{display:flex;gap:10px;padding:14px 18px;border-bottom:1px solid #f0efed}.mini-item div{display:grid;gap:4px}.mini-item strong{font-size:12px}.dot{width:8px;height:8px;border-radius:50%;margin-top:5px}.dot.amber{background:#e3a52b}.dot.violet{background:#7254d6}.calendar{overflow:auto;padding-bottom:12px}.calendar-top{height:58px;display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid #ecebe9}.calendar-top strong{flex:1;text-align:center;font-size:14px}.calendar-top button{background:#f7f6f5;color:#535b6e;border-radius:6px;padding:5px 9px;font-size:12px}.week{display:grid;grid-template-columns:64px repeat(5,minmax(135px,1fr));min-width:750px}.time-col,.day{display:grid;grid-template-rows:40px repeat(8,62px)}.time-col span{font-size:10px;color:#9298a7;text-align:right;padding:8px 8px 0}.day{position:relative;border-left:1px solid #edebe9;background:repeating-linear-gradient(to bottom,transparent 0,transparent 101px,#eeecea 102px)}.day>strong{font-size:11px;text-align:center;padding-top:13px}.day>strong.today{color:#6647ca}.event{left:6px;right:6px;position:absolute;background:#ede9ff;border-left:3px solid #7151d8;border-radius:4px;padding:6px 7px;display:grid;gap:2px;z-index:1}.event b{font-size:10px;color:#4d3aa4}.event small{font-size:9px;color:#725fd0}.task-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty-card{margin-top:18px}.audit{padding:2px 20px}.audit-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0efed}.audit-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#efedff;color:#6548c6}.audit-icon.message{background:#e5f5ed;color:#298050}.audit-icon.customer{background:#fff3dc;color:#a66d10}.audit-icon.task{background:#e7f1ff;color:#4679b4}.audit-row p{display:grid;gap:4px;margin:0;flex:1}.audit-row strong{font-size:13px}.audit-row p span,.audit-row time{font-size:12px;color:#858b9a}.settings{display:grid;gap:18px;max-width:720px}.setting{padding:15px 20px;display:grid;gap:7px;font-size:12px;font-weight:650}.setting input{padding:9px 10px;border:1px solid #e0dfe4;border-radius:7px;color:#555e72;background:#fff}.toggle{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0efed}.toggle div{display:grid;gap:4px}.toggle strong{font-size:13px}.toggle small{max-width:390px}.toggle button{width:35px;height:20px;background:#d8d9de;border-radius:20px;padding:2px;text-align:left}.toggle button.on{background:#7151d8;text-align:right}.toggle i{display:inline-block;background:#fff;border-radius:50%;width:16px;height:16px}.connection{padding:17px 20px;display:flex;gap:11px;align-items:center}.connection div{display:grid;gap:3px;flex:1}.connection strong{font-size:13px}.google{font-weight:800;color:#4285f4;font-size:21px}.demo-error{margin-top:18px;max-width:420px;background:#fff;border:1px solid #e9e8e5;border-radius:13px}@media (max-width:850px){.app{grid-template-columns:1fr}.app>aside{position:fixed;z-index:10;width:248px;left:-260px;transition:left .2s}.app>aside.open{left:0;box-shadow:10px 0 30px #1e234422}.mobilebar{height:58px;padding:0 18px;background:#fff;border-bottom:1px solid #eae9e5;display:flex;align-items:center;justify-content:space-between}.mobilebar button{background:transparent;color:#5d6474}.page{padding:30px 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.split,.inbox,.detail-grid{grid-template-columns:1fr}.detail-side{display:none}.inbox .message{min-height:400px}.page-head{margin-bottom:22px}.customer-head{flex-wrap:wrap}.customer-head .status{margin-left:62px}.task-layout{grid-template-columns:1fr}.calendar,.table-card{margin-left:-20px;margin-right:-20px;border-radius:0}.table-card table td:first-child,.table-card table th:first-child{padding-left:20px}}@media (max-width:520px){h1{font-size:27px}.page-head .subtle{max-width:250px}.page-head .primary{padding:9px}.page-head .primary .icon{display:none}.metric-grid{gap:10px}.metric{padding:13px}.metric p{margin-top:12px}.metric>strong{font-size:21px}.split{gap:12px}.inbox{margin-left:-20px;margin-right:-20px}.inbox .threads{border-radius:0}.inbox .message{display:none}.tabs{overflow:auto;white-space:nowrap}.toolbar .filter{width:100%}.toolbar .secondary{white-space:nowrap}.audit{margin:0 -20px;border-radius:0;padding:2px 20px}.audit-row time{display:none}}.event-list{padding:8px 20px}.scheduled-event{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #efeeec}.scheduled-event>span{color:#7051d5;font-size:12px;font-weight:700;width:52px}.scheduled-event div{display:grid;gap:4px;flex:1}.scheduled-event strong{font-size:13px}.scheduled-event em{font-size:11px;color:#848b9a;font-style:normal}.user>.avatar{flex:none;width:34px}.user>span:not(.avatar){min-width:0}.user>span small,.user>span strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-out{background:transparent;color:#8a90a1;font-size:16px;padding:4px 6px;border-radius:6px}.sign-out:hover{background:#f1edff;color:#583bbd}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;padding:34px 32px;display:grid;gap:14px}.login-card .brand{padding:0;margin-bottom:12px}.login-card h1{font-size:24px;letter-spacing:-.6px}.login-card .subtle{margin:0;line-height:1.5}.login-notice{margin:0;background:#fbe9e7;color:#9d3f36;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.login-button{justify-content:center;padding:12px 14px;margin-top:8px;font-size:14px}.login-button:disabled{opacity:.7;cursor:progress}.google-g{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#4285f4;font-weight:800;font-size:13px}