@charset "UTF-8";
:root{--bg:#f6f6f9;--card:#fff;--ink:#242337;--muted:#9291a3;--line:#ecebf2;--purple:#7763dc;--purple-soft:#f0ecfe;--green:#3f9a71;--sidebar:#1b1b2d;--radius:15px;--shadow:0 3px 18px #25213d03}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:650;letter-spacing:-1.05px;line-height:1.25;margin-bottom:10px}h2{font-size:16px;letter-spacing:-.3px;line-height:1.4;margin-bottom:8px;font-weight:650}h3{font-size:14px;margin-bottom:10px}p{margin-bottom:14px}small{font-size:11px}code{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;background:#eeedf5;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:3px solid #a194eb;outline-offset:3px}svg.icon{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite,.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted)}.accent{color:var(--purple)}.sidebar{width:236px;background:var(--sidebar);color:#a6a5be;position:fixed;left:0;top:0;bottom:0;padding:31px 18px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 10px;font-size:18px;font-weight:650;letter-spacing:-.3px}.brand small{display:block;font-size:9px;color:#8c8ca5;letter-spacing:2.7px;margin-top:3px;font-weight:500}.brand-mark{position:relative;width:38px;height:40px;border-radius:11px;background:#8470e8;display:grid;place-items:center;font-size:25px;font-weight:600;color:#fff}.brand-mark>span{position:absolute;right:1px;top:-4px;font-size:16px;color:#d2fac1}.workspace-switch{margin:32px 4px 25px;display:flex;gap:10px;align-items:center;border:1px solid #353548;border-radius:10px;padding:11px 9px;font-size:12px;color:#e0dfeb}.workspace-switch>span:nth-child(2){flex:1}.workspace-switch small{display:block;color:#77768f;font-size:9px;margin-top:2px}.workspace-icon{display:grid;place-items:center;width:28px;height:28px;background:#34334c;border-radius:7px;color:#c5beef;font-size:12px}.nav-caption{font-size:8px;font-weight:600;letter-spacing:1.1px;color:#64647e;padding:0 15px;margin-bottom:12px}.nav{display:flex;flex-direction:column;gap:5px;margin-bottom:29px}.nav a{padding:11px 14px;display:flex;align-items:center;gap:12px;font-size:12px;border-radius:9px;transition:background .15s,color .15s;position:relative}.nav a:hover{background:#27273e;color:#e5e2fc}.nav a.active{background:#343047;color:#e5defe}.nav a.active:before{content:"";position:absolute;left:-18px;width:3px;height:24px;border-radius:0 4px 4px 0;background:#ab94ff}.nav a.active .icon{color:#b5a0ff}.nav-count{font-size:9px;margin-left:auto;background:#8370da;color:#fff;border-radius:6px;min-width:21px;text-align:center;padding:1px 4px}.sidebar-bottom{margin-top:auto}.agent-status{display:flex;gap:9px;align-items:flex-start;padding:17px 14px;color:#c9c8d7;font-size:11px;border:1px solid #323145;border-radius:10px;margin:0 4px 22px}.agent-status .status-dot{margin-top:5px}.agent-status small{display:block;color:#71718c;font-size:9px;margin-top:4px}.status-dot{width:6px;height:6px;display:inline-block;background:#adaab8;border-radius:50%;flex-shrink:0}.status-dot.green{background:#62bf8e;box-shadow:0 0 0 3px #68bd8c12}.user-block{border-top:1px solid #303044;padding:19px 9px;display:flex;align-items:center;gap:9px;font-size:11px;color:#dddbe9}.user-block small{display:block;color:#73738a;font-size:9px}.user-block form{margin-left:auto}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:12px;background:#eee8fa;color:#8b77b4;font-weight:600;font-size:12px}.avatar-sm{width:31px;height:31px;font-size:10px;border-radius:9px}.avatar-lg{height:66px;width:66px;font-size:20px;border-radius:20px}.tone-1{background:#e8ebff;color:#7a7ebd}.tone-2{background:#e7f0e9;color:#83a28b}.tone-3{background:#fbebdf;color:#bf9b7c}.tone-4{background:#efe8f6;color:#a18bb5}.tone-5{background:#e4f0f3;color:#77a5af}.user-block .avatar{background:#484058;color:#d6c6f3}.app-shell{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#a3a1ae}.breadcrumb span{color:#d0cdd8}.breadcrumb strong{font-weight:500;color:#686575}.topbar-right{display:flex;align-items:center;gap:22px}.chip{font-size:10px;padding:5px 10px;border:1px solid;border-radius:6px;display:inline-flex;gap:7px;align-items:center;white-space:nowrap}.chip-green{background:#f2faf4;color:#6b9b7e;border-color:#e7f2ea}.chip-gray{background:#f5f4f8;color:#9893a2;border-color:#ece9ef}.main{padding:32px 38px 16px;max-width:1660px;width:100%;margin:0 auto;flex:1}.footer{padding:19px 38px 23px;color:#aba8b6;font-size:9px;display:flex;justify-content:space-between}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading>div:first-child{min-width:0}.page-heading p{color:var(--muted);font-size:12px;margin:0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#a4a0b0;font-weight:600;margin-bottom:12px}.button{border:1px solid #e5e2ec;border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;line-height:1.5;font-weight:550;background:#fff;color:#6e697d;white-space:nowrap;transition:.15s;min-height:37px}.button:hover{border-color:#b8ace8;background:#faf8ff}.button-primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 3px 9px #7763dc15}.button-primary:hover{background:#6956cf;color:white;border-color:#6956cf}.button-primary>span{font-size:16px;font-weight:400}.button-small{padding:7px 11px;min-height:31px;font-size:10px}.button-block{display:flex;width:100%}.button-light{background:#fff;color:#6251ac;border:none}.button-light:hover{background:#f4f0ff}.button-danger{color:#b76668;background:#fff7f6;border-color:#f4dddd}.button-group{display:flex;gap:10px;align-items:center}.icon-button{background:transparent;border:none;color:inherit;font-size:19px;padding:3px 6px}.hero{background:linear-gradient(107deg,#eae3fc 0%,#f0ebfe 50%,#eee9fc 100%);border:1px solid #e2d9f8;border-radius:16px;min-height:246px;margin-bottom:29px;display:flex;justify-content:space-between;position:relative;overflow:hidden;padding:26px 32px}.hero-copy{position:relative;z-index:2}.hero-label{font-size:8px;font-weight:650;letter-spacing:1.4px;display:flex;align-items:center;gap:7px;color:#8e7bb8;margin-bottom:13px}.hero-label .icon{height:13px;width:13px}.hero h2{font-size:26px;line-height:1.26;letter-spacing:-.8px;font-weight:600;margin-bottom:12px;color:#51436e}.hero p{font-size:11px;line-height:1.8;color:#9888b3;margin-bottom:19px}.hero-actions{display:flex;align-items:center;gap:22px}.hero-link{font-size:10px;color:#8573a4;font-weight:500}.hero-art{position:absolute;right:40px;top:0;height:100%;width:310px;display:grid;place-items:center}.orbit{position:absolute;width:250px;height:250px;border:1px solid #d6c9f1;border-radius:50%;transform:rotate(-15deg) scaleY(.75)}.orbit-two{width:190px;height:190px;transform:rotate(30deg) scaleY(.86);border-style:dashed}.ai-core{height:108px;width:108px;border-radius:30px;background:linear-gradient(145deg,#b6a4e9,#9180c7);box-shadow:0 15px 30px #9074c13b,inset 0 1px 1px #eee6ff;display:grid;place-items:center;color:#f5f1ff;font-size:85px;line-height:1;transform:rotate(-11deg)}.float-tag{position:absolute;background:#fffdfd;box-shadow:0 5px 20px #7054a01a;padding:9px 12px;border-radius:9px;font-size:9px;display:flex;align-items:center;gap:8px;color:#877a9e}.tag-one{top:43px;right:-5px;transform:rotate(4deg)}.tag-two{bottom:40px;left:-8px;transform:rotate(-5deg)}.spark{position:absolute;color:#a48bc9;font-size:27px}.spark-one{top:32px;left:25px}.spark-two{bottom:34px;right:22px;font-size:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{margin:0;font-size:14px}.period{display:flex;align-items:center;gap:6px;color:#a6a2af;font-size:10px}.period .icon{width:13px;height:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#9a95a5;font-size:10px}.stat-icon{height:31px;width:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.stat-icon .icon{height:15px;width:15px}.purple{background:#f0ecfd;color:#9b86d8}.blue{background:#eaf1fd;color:#82a2d1}.peach{background:#fff0e9;color:#dda382}.green-bg{background:#edf6ec;color:#91b78a}.stat-value{font-size:31px;line-height:1.3;letter-spacing:-.8px;font-weight:600;margin-top:12px;margin-bottom:9px}.stat-value small{font-size:21px;font-weight:400;color:#aaa3b6}.stat-foot{font-size:9px;color:#b0a9ba;display:flex;align-items:center;gap:6px}.stat-card>small{color:#aaa4b5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:21px;margin-bottom:21px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden;min-width:0}.dashboard-grid>.card{margin-bottom:0}.card-heading{padding:20px 22px 15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.card-heading h2{font-size:13px;margin-bottom:0}.card-heading p{color:#aaa4b5;font-size:9px;margin:6px 0 0}.text-link{font-size:10px;color:#9a89c4;font-weight:550;white-space:nowrap}.text-link:hover{color:#6b57b4}.chart-legend{display:flex;gap:13px;color:#a59dae;font-size:8px}.chart-legend>span{display:flex;gap:5px;align-items:center}.legend-dot{height:5px;width:5px;border-radius:50%;display:inline-block}.purple-dot{background:#a897dc}.mint-dot{background:#d1e8dd}.bar-chart{height:205px;position:relative;display:flex;gap:18px;padding:26px 25px 15px;justify-content:space-around}.chart-grid-lines{position:absolute;top:26px;left:25px;right:25px;bottom:40px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{border-top:1px dashed #eeebf3;width:100%}.chart-column{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;max-width:53px;z-index:1}.bar-pair{display:flex;align-items:flex-end;gap:5px;height:139px;justify-content:center;padding-top:12px}.bar{width:17px;min-height:2px;border-radius:4px 4px 0 0;position:relative}.bar-out{background:linear-gradient(#b5a5e8,#a491d7)}.bar-in{background:#d3e9dd}.bar span{position:absolute;top:-17px;width:100%;text-align:center;font-size:8px;color:#a59aaf;opacity:0}.bar:hover span{opacity:1}.chart-label{font-size:8px;text-align:center;color:#b1a8bc;margin-top:10px}.lead-row{display:flex;align-items:center;gap:10px;padding:10px 22px;border-bottom:1px solid #f5f3f8}.lead-row:hover{background:#fcfbff}.lead-row .avatar{height:32px;width:32px;font-size:10px;border-radius:10px}.lead-name{flex:1;min-width:0}.lead-name strong{font-size:10px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-name small{color:#b2aaba;display:block;font-size:8px;margin-top:3px}.badge{padding:4px 8px;font-size:9px;line-height:1.4;font-weight:500;border-radius:5px;display:inline-flex;white-space:nowrap;background:#f3f1f7;color:#a59aaf}.badge-hot,.badge-qualified{color:#cb926a;background:#fff0e4}.badge-warm,.badge-replied{color:#9d8dc4;background:#f2edf9}.badge-new,.badge-draft,.badge-queued,.badge-pending{color:#a9a3b5;background:#f5f3f8}.badge-sent,.badge-won,.badge-done,.badge-running,.badge-received{color:#80a18a;background:#edf5ef}.badge-paused,.badge-skipped{color:#bcac77;background:#faf6e8}.badge-lost,.badge-failed,.badge-unknown{color:#c18c90;background:#fdf0f0}.card-bottom-link{padding:14px 22px;display:flex;justify-content:space-between;color:#aa9ac9;font-size:10px}.card-bottom-link:hover{background:#faf8ff}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#b2aabb;font-size:9px;font-weight:500;background:#fcfbfd;padding:11px 22px;border-top:1px solid #f2eff5;border-bottom:1px solid #f2eff5;white-space:nowrap}td{padding:14px 22px;font-size:11px;border-bottom:1px solid #f3f1f6;color:#92879d;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-weight:550;color:#797081}.table-title{color:#7d708d;font-size:10px;font-weight:550}.table-title:hover{color:var(--purple)}.table-sub{display:block;font-size:9px;color:#b3a9bd;margin-top:4px}.table-empty{text-align:center;padding:42px;color:#b5abbf}.table-note{padding:0 22px 15px;font-size:8px;color:#bbb2c5;margin:0}.activity-list{padding:3px 22px 4px}.activity-row{display:flex;gap:11px;padding:9px 0}.activity-dot{height:6px;width:6px;background:#c0acd9;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-row p{font-size:10px;line-height:1.6;color:#a196ad;margin:0 0 3px}.activity-row small{font-size:8px;color:#c3b9cb}.system-footer{border-top:1px solid #f3eff8;margin-top:10px;padding:13px 22px;font-size:9px;color:#b8aabe;display:flex;align-items:center;gap:6px}.empty-inline{padding:28px 20px;text-align:center;color:#b0a6bd;font-size:11px}.empty-inline>span{font-size:30px;color:#c6b5de;display:block;margin-bottom:9px}.notice{padding:13px 16px;border-radius:9px;border:1px solid #e9e3f5;background:#faf8ff;color:#9c8cb3;font-size:11px;line-height:1.7;margin-bottom:20px;overflow-wrap:anywhere}.notice a{text-decoration:underline}.notice-subtle{background:#f2f0f8;border-color:#eae6f3;font-size:10px;color:#a397b5}.notice-error{background:#fff5f4;color:#bd7c81;border-color:#f5dedf}.toasts{margin-bottom:20px}.toast{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 17px;border-radius:10px;background:#f0f8f2;border:1px solid #dceee1;color:#6e9b7d;font-size:12px;margin-bottom:10px}.toast.error{background:#fff2f1;color:#bd8082;border-color:#f1dddd}.toast.info{background:#f3effc;color:#9b88ba;border-color:#e8e0f6}.toast.warning{background:#fff7eb;color:#b0844a;border-color:#f3e4c8}.qr-code{width:240px;max-width:100%;margin:4px auto 18px;padding:10px;background:#fff;border:1px solid #ecebf3;border-radius:14px}.qr-code svg{display:block;width:100%;height:auto}.qr-steps{margin:0 0 12px;padding-left:20px;line-height:1.7}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:11px 0;border-top:1px solid #f1eff6}.checklist li:first-child{border-top:0;padding-top:0}.checklist .badge{display:inline-flex;margin:0;min-width:96px;justify-content:center}.dismiss{color:inherit;font-size:20px;background:none;border:0}.input{width:100%;padding:11px 12px;border:1px solid #e6e1ed;border-radius:8px;background:#fff;color:#6f627f;font-size:12px;line-height:1.5;outline:none;min-width:0}.input:focus{border-color:#b3a2dd;box-shadow:0 0 0 3px #ede6f8}.input::placeholder{color:#bbb0c5}.input[type=file]{padding:21px;background:#fcfaff;border-style:dashed}textarea.input{resize:vertical;min-height:90px}.form-field{margin-bottom:20px;min-width:0}.form-field>label{display:block;color:#8b7d9c;font-size:11px;font-weight:550;margin-bottom:7px}.required{color:#b7a4ce;margin-left:4px}.help{font-size:10px;color:#b1a3bd;line-height:1.7;margin:7px 0 0}.errorlist{list-style:none;padding:10px 12px;border-radius:7px;margin:8px 0;background:#fdf2f1;color:#b77c7f;font-size:11px}.checkbox{accent-color:var(--purple);height:16px;width:16px;flex-shrink:0}.check-label{display:flex!important;align-items:center;gap:9px;font-size:11px;cursor:pointer}.check-label .checkbox{margin:0}.form-card{padding:25px 27px}.form-card>h2{font-size:17px;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.form-actions{border-top:1px solid var(--line);padding-top:21px;display:flex;gap:10px;margin-top:10px}.form-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px;align-items:start}.guide-card{padding:25px}.guide-card h2{font-size:16px;margin-bottom:14px}.guide-card p,.guide-card li{color:#aa9ab8;font-size:11px;line-height:1.9}.guide-card ol{margin:15px 0;padding-left:18px}.guide-card li{padding-bottom:11px}.guide-card a:not(.button){color:#9c84be}.guide-icon{height:46px;width:46px;display:inline-grid;place-items:center;background:#f2ecfc;color:#a28acc;border-radius:14px;margin-bottom:20px}.guide-icon .icon{height:23px;width:23px}.divider{height:1px;background:var(--line);margin:22px 0}.back-link{display:block;font-size:10px;color:#a997c1;margin-bottom:13px}.aside-stack>.card{margin-bottom:20px}.token-list{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.card-toolbar{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-form{display:flex;gap:10px;flex:1;align-items:center;max-width:760px}.filter-form>select{width:145px}.search-input{max-width:330px}.person-cell{display:flex;align-items:center;gap:11px;min-width:145px}.person-cell strong{font-size:11px;font-weight:550;color:#7b698e;display:block}.person-cell small{font-size:9px;color:#b5a4c1;display:block;margin-top:3px}.source-label{font-size:9px;background:#faf6ff;border:1px solid #eee7f7;color:#b5a5c3;padding:4px 7px;border-radius:5px}.pagination{display:flex;justify-content:space-between;padding:18px 22px;border-top:1px solid var(--line);font-size:10px;color:#b09cbf}.pagination>div{display:flex;gap:18px}.pagination a{color:#9b80bf}.upload-art{height:75px;width:75px;border-radius:22px;background:#f2eafa;color:#b39acb;display:grid;place-items:center;font-size:35px;margin:5px 0 20px}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.campaign-card{padding:23px 23px 0;transition:transform .2s,border-color .2s}.campaign-card:hover{border-color:#d7c6eb;transform:translateY(-2px)}.campaign-card h2{font-size:17px;margin:17px 0 11px;color:#88719a}.campaign-card>p{font-size:10px;line-height:1.9;color:#b4a1c1;min-height:58px}.campaign-card-top{display:flex;justify-content:space-between;align-items:center}.campaign-channel{display:flex;align-items:center;gap:7px;color:#b8a6c5;font-size:10px}.campaign-metrics{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding:19px 0}.campaign-metrics>div{flex:1}.campaign-metrics strong{display:block;font-size:22px;color:#a18ab4;font-weight:550}.campaign-metrics span{display:block;font-size:8px;color:#c5b1d0;margin-top:4px}.campaign-card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:9px;color:#c0aacc}.empty-state{padding:60px;text-align:center;grid-column:1/-1;color:#b49ec6}.empty-state .guide-icon{height:60px;width:60px}.empty-state h2{font-size:22px}.empty-state p{font-size:12px;margin-bottom:25px}.stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.two-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:23px}.preview-message{white-space:pre-wrap;font-size:13px;color:#a18bb3;line-height:1.85;background:#f7f0fc;border:1px solid #eee2f6;border-radius:13px;padding:20px}.plain-heading{padding:0 0 20px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px;margin:20px 0}.details-grid dt{color:#bfabca}.details-grid dd{margin:0;color:#a78cb7}.copy-button{margin-top:9px}.telegram-symbol{height:46px;width:46px;background:#edf5ff;color:#a4c5e7;display:inline-grid;place-items:center;border-radius:14px;font-size:25px;margin-bottom:13px;transform:none}.connection-card{padding:24px}.connection-card h2{font-size:18px;color:#a187b6;margin:12px 0}.connection-card>p{font-size:10px;color:#c0a9ce}.narrow-card{max-width:550px}.settings-form{max-width:1020px}.settings-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:28px}.settings-section-heading>div{flex:1}.settings-section-heading h2{font-size:15px;color:#a58ab9;margin-bottom:5px}.settings-section-heading p{font-size:10px;color:#c4add2;margin:0}.step-number{width:34px;height:34px;border-radius:10px;background:#f1e6fa;color:#baa0d0;display:inline-grid;place-items:center;font-size:11px;flex-shrink:0}.sticky-actions{position:sticky;bottom:15px;padding:14px 20px;border:1px solid #e9dbf4;background:#ffffffee;backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 25px #65437d0d}.sticky-actions>span{font-size:10px;color:#c1a5d1}.sticky-actions .icon{height:15px;width:15px}.compact-heading h1{font-size:26px}.inbox-main{max-width:none;padding-bottom:0}.inbox-layout{display:grid;grid-template-columns:270px minmax(280px,1fr) 230px;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;min-height:620px;height:calc(100vh - 240px)}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.inbox-search{padding:18px 14px 12px}.inbox-search input{font-size:10px;background:#fbf9fd;border-color:#f0eaf5}.inbox-tabs{display:flex;gap:10px;padding:0 14px 13px;border-bottom:1px solid var(--line);font-size:8px;color:#c6afd6}.inbox-tabs a{border-radius:5px;padding:5px 6px}.inbox-tabs a.selected{background:#f2e6fc;color:#b599cc}.conversation-scroll{overflow-y:auto;flex:1}.conversation-item{display:flex;gap:11px;padding:17px 15px;border-bottom:1px solid #f8f2fb;border-left:3px solid transparent}.conversation-item.selected{background:#f9f3ff;border-left-color:#c4a5dd}.conversation-item:hover{background:#fcf8ff}.conversation-item .avatar{width:33px;height:33px;font-size:10px;border-radius:11px}.conversation-item-body{flex:1;min-width:0}.conversation-item-body>div{display:flex;justify-content:space-between;align-items:center;gap:4px}.conversation-item strong{font-size:10px;color:#ab8cbe;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item time{font-size:8px;color:#d1b9df}.conversation-item p{font-size:9px;color:#c5abd4;margin:4px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-label{font-size:8px;color:#bca0d0}.unread-count{background:#b696ce;color:#fff;min-width:15px;height:15px;border-radius:5px;display:grid;place-items:center;font-size:8px}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:16px 20px;min-height:73px}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:12px;color:#ae8dc1;margin:0 0 3px}.chat-header small{font-size:8px;color:#cdb0df}.chat-header small span{margin:0 4px}.chat-header .avatar{width:34px;height:34px;font-size:10px}.chat-mode{display:flex;align-items:center;gap:7px;padding:9px 20px;background:#fcf9ff;border-bottom:1px solid #f5eafa;font-size:8px;color:#bda1d0;flex-wrap:wrap}.chat-mode>.muted{font-size:7px;margin-left:auto;color:#d6bce5}.chat-messages{flex:1;overflow-y:auto;background:#fcfaff;padding:24px 20px;min-height:150px;overscroll-behavior:contain}.message-row{display:flex;margin-bottom:17px}.message-out{justify-content:flex-end}.message-bubble{max-width:87%;padding:12px 14px 9px;background:#fff;border:1px solid #f0e4f7;border-radius:12px 12px 12px 3px;color:#b091c4;min-width:100px}.message-out .message-bubble{background:#eee2fc;border-color:#eaddf6;border-radius:12px 12px 3px 12px;color:#b08bca}.message-author{font-size:8px;color:#c6a9da;margin-bottom:5px}.message-text{white-space:pre-wrap;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.message-meta{text-align:right;margin-top:7px;font-size:7px;color:#ccafdf}.message-error{font-size:9px;color:#c88e9b;border-top:1px solid #f1ddeb;padding-top:6px;margin-top:6px}.composer{padding:12px 18px;background:#fff;border-top:1px solid var(--line)}.composer textarea{width:100%;resize:vertical;max-height:180px;min-height:44px;outline:none;border:0;color:#b392ca;font-size:11px;line-height:1.7;padding:6px 2px;background:#fff}.composer textarea::placeholder{color:#d1b9e1}.composer>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.composer>div>span{font-size:7px;color:#d4b8e5}.client-panel{border-left:1px solid var(--line);padding:22px 18px;overflow-y:auto;background:#fff}.client-panel>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:23px;color:#c2a0d9}.client-panel .avatar-lg{margin:0 auto 13px;display:grid}.client-panel>h2{text-align:center;font-size:13px;color:#ba98ce;margin-bottom:9px}.client-panel>.badge{display:table;margin:0 auto 23px}.client-panel dl{margin:20px 0}.client-panel dt,.guide-card dt{font-size:9px;color:#c5a6d9;margin-bottom:3px}.client-panel dd,.guide-card dd{font-size:10px;color:#b08bc6;margin:0 0 13px;overflow-wrap:anywhere}.client-summary{background:#faf3ff;border:1px solid #f0e4f9;border-radius:9px;padding:13px;margin:20px 0}.client-summary h3{font-size:9px;color:#c0a0d4;margin-bottom:8px}.client-summary p{font-size:9px;line-height:1.9;color:#c8aadb;margin:0;white-space:pre-wrap}.client-panel .button{font-size:9px;margin-bottom:9px;min-height:31px;padding:8px}.empty-chat{grid-column:2/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c5a8d9;text-align:center;padding:30px}.empty-chat p{font-size:11px}.playground-layout{display:grid;grid-template-columns:minmax(350px,1.8fr) minmax(250px,1fr);gap:23px;align-items:start}.playground-chat{display:flex;flex-direction:column;min-height:570px}.playground-chat .card-heading{border-bottom:1px solid var(--line)}.playground-chat .card-heading h2{font-size:13px;color:#c1a0d7}.playground-messages{height:400px;overflow-y:auto;flex:1;padding:24px;background:#fcf9ff}.playground-welcome{text-align:center;padding:35px 20px;color:#c7a7dd}.welcome-star{height:75px;width:75px;background:#efe0fa;color:#c3a0dc;display:grid;place-items:center;margin:0 auto 24px;border-radius:24px;font-size:60px}.playground-welcome h2{font-size:21px;color:#c0a0d6}.playground-welcome p{font-size:11px;color:#d3b5e5}.suggestions{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:21px}.suggestions button{padding:9px 13px;font-size:10px;color:#c9a9e0;background:#fff;border:1px solid #edddf8;border-radius:8px}.suggestions button:hover{background:#f3e8fc}.check-item{font-size:10px;color:#bfa0d6;margin:14px 0}.resolve-row{padding:21px 23px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}.resolve-row>div{flex:1}.resolve-row p{font-size:11px;color:#c5a1d9;margin:6px 0}.resolve-row strong{font-size:12px;color:#bf99d6}.resolve-row form{display:flex;gap:7px;flex-wrap:wrap}.error-cell{max-width:280px;font-size:10px;overflow-wrap:anywhere}.mobile-only{display:none}.login-body{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:#fff}.login-visual{background:#1e1c32;color:#fff;position:relative;overflow:hidden;padding:45px 55px;display:flex;flex-direction:column;min-height:100vh}.login-visual .brand{padding:0}.login-pitch{margin-top:130px;position:relative;z-index:2}.login-pitch .eyebrow{color:#9381af;font-size:9px;letter-spacing:1.5px;margin-bottom:24px}.login-pitch h1{font-size:45px;line-height:1.17;letter-spacing:-1.8px;color:#f0e8fa;font-weight:550}.login-pitch h1 span{color:#b393db}.login-pitch p{font-size:12px;line-height:1.9;color:#897497;margin-top:24px}.login-art{font-size:360px;line-height:1;color:#544069;position:absolute;right:-80px;bottom:-100px;opacity:.4;transform:rotate(15deg);pointer-events:none}.login-foot{font-size:9px;color:#7d638e;margin-top:auto;padding-top:90px;z-index:2}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:45px}.login-form{width:100%;max-width:350px}.login-mini-label{font-size:8px;color:#c5a3dd;letter-spacing:1.4px;display:block;margin-bottom:22px}.login-form h2{font-size:29px;color:#6c527e;letter-spacing:-1px;margin-bottom:11px}.login-form>.muted{font-size:11px;color:#b69cc6;margin-bottom:32px;line-height:1.8}.login-form .form-field label{color:#b090c5}.login-form .input{padding:12px;font-size:13px}.login-form .button-block{margin-top:28px;justify-content:space-between;padding:13px 16px}.login-help{font-size:9px;color:#c6adD7;line-height:1.9;margin-top:30px}.login-help code{font-size:9px}
/* Keep interface text readable, while preserving the soft violet palette. */
.guide-card p,.guide-card li,.campaign-card>p,.connection-card>p,.client-panel dt,.guide-card dt,.client-panel dd,.guide-card dd,.client-summary p,.playground-welcome p,.help,.details-grid dt,.details-grid dd,.composer>div>span,.conversation-item p,.conversation-item time,.message-meta,.tiny-label,.source-label,.activity-row p,.activity-row small{color:#8a7897}.message-text,.message-bubble,.message-out .message-bubble,.conversation-item strong,.chat-header h2,.client-panel>h2,.client-summary h3,.composer textarea,.playground-chat .card-heading h2,.playground-welcome h2,.suggestions button,.check-item,.form-field>label,.person-cell strong,.campaign-card h2,.connection-card h2,.settings-section-heading h2,.resolve-row strong{color:#695276}.form-card h2,.guide-card h2{color:#665171}.table-title,td{color:#7d6b89}.table-sub,.person-cell small,.pagination,.campaign-card-footer,.stat-foot,.stat-top,.table-note,.stat-card>small,.settings-section-heading p,.login-help{color:#97899f}
@media(min-width:1550px){.main{padding:38px 48px 20px}.hero{min-height:266px}.hero-art{right:80px}.inbox-layout{grid-template-columns:300px minmax(380px,1fr) 260px}.bar-chart{height:228px}.bar-pair{height:162px}}
@media(max-width:1240px){.sidebar{width:216px;padding-left:13px;padding-right:13px}.app-shell{margin-left:216px}.main{padding:27px 25px 15px}.topbar{padding:0 25px}.hero-art{right:12px;width:250px;opacity:.85}.hero-copy{max-width:65%}.hero h2{font-size:24px}.hero-link{font-size:9px}.hero{padding-left:25px}.stats-grid{gap:11px}.stat-card{padding:16px}.stat-top{font-size:9px}.stat-icon{width:27px;height:27px}.dashboard-grid{gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr)}.inbox-layout{grid-template-columns:230px minmax(290px,1fr)}.client-panel{display:none}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-card>p{min-height:42px}.login-pitch h1{font-size:39px}.login-visual{padding:40px}.chart-legend{font-size:7px;gap:9px}.card-heading{padding:18px}.bar-chart{gap:9px}.stat-value{font-size:29px}.hero-actions{gap:15px}.nav-caption{font-size:7px}}
@media(max-width:1020px){.sidebar{width:196px;padding-left:10px;padding-right:10px}.brand{font-size:16px;gap:10px}.brand-mark{width:33px;height:36px;font-size:22px}.nav a{font-size:11px;padding:10px;gap:9px}.app-shell{margin-left:196px}.main{padding:24px 21px 15px}h1{font-size:25px}.hero-art{opacity:.6;right:-24px}.hero-copy{max-width:83%}.hero h2{font-size:23px}.hero-link{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.lead-card{display:none}.form-layout,.two-columns{grid-template-columns:minmax(0,1fr)}.aside-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-layout>.guide-card{display:none}.campaign-grid{gap:15px}.campaign-card{padding:18px 18px 0}.campaign-metrics{gap:8px}.page-heading{align-items:flex-start}.page-heading>.button-group{flex-direction:column;align-items:stretch}.page-heading>.button{font-size:10px}.inbox-layout{grid-template-columns:205px minmax(240px,1fr);min-height:620px}.inbox-tabs{gap:2px;padding-left:10px;padding-right:10px;font-size:7px}.conversation-item{padding:14px 10px}.conversation-item .avatar{width:28px;height:28px;font-size:8px}.conversation-item-body>div>strong{font-size:9px}.chat-header{padding:14px}.chat-mode{padding:9px 14px}.chat-mode>.muted{display:none}.playground-layout{grid-template-columns:1fr}.playground-layout>.aside-stack{grid-template-columns:1fr 1fr}.login-visual{padding:32px}.login-pitch h1{font-size:33px}.login-form-wrap{padding:35px}.login-pitch{margin-top:150px}.card-toolbar{align-items:flex-start;gap:10px;padding:15px}.filter-form{flex-wrap:wrap}.filter-form>input{max-width:none}.filter-form>select{flex:1}.form-grid{gap:0 17px}.stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-value small{font-size:17px}.breadcrumb{font-size:9px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:236px;transition:transform .2s;padding:25px 18px 0}.menu-open .sidebar{transform:translateX(0)}.menu-open:after{content:"";position:fixed;inset:0;background:#17122455;z-index:20;pointer-events:none}.menu-open #sidebar-toggle{position:relative;z-index:40}.app-shell{margin-left:0}.topbar{height:60px;padding:0 18px;gap:11px}.mobile-only{display:inline-block}.topbar .breadcrumb{flex:1;font-size:9px;gap:8px}.breadcrumb>strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-avatar{display:none}.topbar-right{gap:9px}.chip{font-size:8px;padding:5px 6px}.main{padding:23px 18px 12px}.page-heading{gap:12px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px;line-height:1.7}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading>.button{font-size:9px;padding:9px 10px}.hero{padding:24px;min-height:248px}.hero-copy{max-width:100%}.hero-art{opacity:.18;right:-35px}.hero h2{font-size:24px}.hero p{font-size:10px}.hero-label{font-size:7px;letter-spacing:1px}.hero-actions{margin-top:22px}.hero-link{display:inline}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-top{font-size:9px}.stat-foot{font-size:8px}.stat-value{font-size:28px}.card-heading h2{font-size:12px}.chart-legend{gap:8px}.bar{width:13px}.card-heading{padding:18px 16px}.chart-card .card-heading{align-items:flex-start}.chart-legend{flex-direction:column;gap:3px}.dashboard-grid{gap:17px}.lead-card{display:block}.footer{padding:18px;font-size:8px}.footer>span:last-child{display:none}.form-card,.guide-card{padding:22px}.form-grid{grid-template-columns:1fr}.aside-stack{grid-template-columns:1fr}.campaign-grid{grid-template-columns:1fr}.campaign-card{padding:22px 22px 0}.campaign-card>p{min-height:0}.stats-three{grid-template-columns:1fr 1fr 1fr;gap:8px}.stats-three>.stat-card{padding:12px}.stats-three .stat-value{font-size:24px}.stats-three .stat-value small{font-size:14px}.stats-three .muted{font-size:8px}.stats-three small{font-size:8px}.plain-heading{padding:0 0 18px;align-items:flex-start}.sticky-actions>span{display:none}.sticky-actions{justify-content:flex-end;padding:10px}.inbox-main{padding:22px 12px 0}.inbox-layout{grid-template-columns:1fr;min-height:0;height:auto}.conversation-list{height:250px;border-right:0;border-bottom:1px solid var(--line)}.chat-panel{height:600px}.chat-header h2{font-size:12px}.chat-header small{font-size:8px}.chat-mode{font-size:9px}.message-bubble{max-width:90%}.message-text{font-size:12px}.message-meta{font-size:9px}.message-author{font-size:9px}.conversation-item-body>div>strong{font-size:11px}.conversation-item p{font-size:10px}.conversation-item .avatar{height:34px;width:34px;font-size:10px}.conversation-list .inbox-tabs{font-size:9px;gap:10px}.conversation-item{padding:12px 16px}.empty-chat{grid-column:1;min-height:320px}.composer textarea{font-size:12px}.composer>div>span{font-size:8px;max-width:160px}.playground-layout>.aside-stack{grid-template-columns:1fr}.playground-messages{min-height:380px}.playground-chat .card-heading{gap:8px}.playground-chat .card-heading .badge{font-size:7px}.playground-welcome{padding:35px 10px}.login-body{grid-template-columns:1fr}.login-visual{min-height:auto;padding:25px 30px 28px}.login-visual .brand{font-size:16px}.login-pitch{margin-top:28px}.login-pitch .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:16px}.login-pitch h1{font-size:28px;margin-bottom:0}.login-pitch h1 br:nth-of-type(2){display:none}.login-pitch h1 span{display:block;font-size:23px;margin-top:10px}.login-pitch p{display:none}.login-art{font-size:240px;right:-40px;bottom:-80px}.login-foot{display:none}.login-form-wrap{padding:35px 30px 45px;align-items:flex-start}.login-form{max-width:440px}.login-mini-label{margin-bottom:14px}.login-form h2{font-size:27px}.resolve-row{display:block;padding:20px}.resolve-row form{margin-top:15px}.notice{font-size:10px}.card-toolbar{flex-wrap:wrap}.settings-section-heading{flex-wrap:wrap}.settings-section-heading .badge{margin-left:47px}.filter-form{max-width:none}.card-toolbar>.text-link{margin-left:auto}.check-item{font-size:11px}.desktop-only{display:none}th,td{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.sidebar{overflow-y:auto;overscroll-behavior:contain}
.lead-marker{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#cb926a;font-size:9px;font-weight:550}.lead-marker:before,.lead-marker:after{content:"";flex:1;border-top:1px dashed #f1d5bf}.lead-marker span{background:#fff0e4;border-radius:5px;padding:3px 8px;white-space:nowrap}
.lead-label{color:#cb926a;background:#fff0e4;border-radius:4px;padding:1px 5px;margin-left:4px}.lead-summary{background:#fff7f0;border-color:#f6e2d2}.lead-summary h3{color:#cb926a}.lead-reason-cell{min-width:240px;max-width:420px}
.connection-actions{display:flex;gap:8px;margin-top:10px}.connection-actions>*{flex:1}.connection-actions .button{width:100%}
.preview-variant{display:grid;gap:6px;justify-items:start}.preview-variant+.preview-variant{margin-top:18px}.preview-variant .preview-message{padding:10px 16px;line-height:1.6}
.playground-reply-hint{text-align:center;padding:18px 10px 0}.playground-reply-hint p{font-size:11px;color:#8a7897;margin-bottom:0}.playground-reply-hint .suggestions{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:10px}
#reset-contacts{margin:0}.select-cell{width:42px;padding-left:18px;padding-right:8px;vertical-align:middle}
.funnel-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:23px}.funnel-grid .stat-card{padding:14px 12px}.funnel-grid .stat-value{font-size:22px;margin-top:6px;margin-bottom:4px}
.badge-archived{color:#a9a3b5;background:#f5f3f8}
.direct-table{font-variant-numeric:tabular-nums}.direct-table th,.direct-table td{white-space:nowrap}.direct-table td:first-child,.direct-table th:first-child{white-space:normal;min-width:180px}.direct-table .num{text-align:right}.direct-table .totals-row td{background:#fcfbfd;font-weight:550;color:#695276}.expense-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.expense-form .input{width:auto;min-width:0;padding:8px 10px}.expense-form select.input{max-width:220px}.expense-form input[name=amount]{width:110px}.expense-form input[name=occurred_on]{width:140px}.expense-form input[name=note]{width:180px}.campaigns-toolbar{align-items:flex-start;flex-wrap:wrap;gap:14px}.campaigns-toolbar .filter-form{max-width:none}
@media(max-width:1020px){.funnel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Readability layer: keep it last. It overrides the sizes and colors above at every breakpoint. */
:root{--text:#262436;--text-2:#4d4760;--text-3:#676178;--accent-ink:#5a47c2;--purple:#6a55d6;--line:#e7e5ee}
body,h1{color:var(--text)}h3{font-size:15px}small{font-size:12px}code{font-size:12.5px;color:#3f3766;background:#efedf6}.muted{color:var(--text-3)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a194eb;outline-offset:2px}
.page-heading p{font-size:14px;line-height:1.55;color:var(--text-2)}.eyebrow,.page-heading .eyebrow{font-size:12px;letter-spacing:1.3px;color:var(--text-3)}
.back-link{font-size:13px;font-weight:500;color:var(--accent-ink)}.back-link:hover{color:#45349f}.text-link{font-size:13px;color:var(--accent-ink)}.text-link:hover{color:#45349f;text-decoration:underline}

.button{min-height:40px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--text-2);border-color:#dcd9e6;border-radius:9px}.page-heading>.button{padding:9px 16px;font-size:13px}.button:hover{color:var(--text);border-color:#b7abe6;background:#f8f6ff}
.button-primary,.button-primary:hover{color:#fff}.button-primary{background:var(--purple);border-color:var(--purple)}.button-primary:hover{background:#5a46c4;border-color:#5a46c4}
.button-small{min-height:36px;padding:7px 12px;font-size:13px}.button-light{color:#4c3aa8;border-color:#fff}.button-light:hover{color:#3d2d92;background:#f4f0ff}
.button-danger{color:#a3343c;background:#fff6f5;border-color:#efd2d2}.button-danger:hover{color:#8a2730;background:#ffecea;border-color:#e4b7b7}
.button:disabled,.button:disabled:hover{opacity:.45;cursor:not-allowed;color:var(--text-2);background:#fff;border-color:#dcd9e6}.button-primary:disabled,.button-primary:disabled:hover{color:#fff;background:var(--purple);border-color:var(--purple)}.button-danger:disabled,.button-danger:disabled:hover{color:#a3343c;background:#fff6f5;border-color:#efd2d2}

.input{min-height:40px;padding:9px 12px;font-size:14px;color:var(--text);border-color:#dbd7e5;border-radius:9px}.input:hover{border-color:#c7c0da}.input:focus{border-color:#8b7ae0;box-shadow:0 0 0 3px #e7e1fb}.input::placeholder{color:#8f899f}textarea.input{line-height:1.6}.input[type=file]{padding:18px;font-size:13px;color:var(--text-2)}
.filter-form>select{width:auto;min-width:150px;max-width:240px}.checkbox{height:18px;width:18px}.check-label{font-size:14px;color:var(--text)}
.form-field{margin-bottom:22px}.form-field>label{margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text)}.required{color:#b54862}.help{font-size:13px;line-height:1.6;color:var(--text-3)}.field-check .help{padding-left:27px}.errorlist{font-size:13px;color:#982f38;background:#fdf0ef}.form-card h2{color:var(--text)}

.notice{font-size:13px;line-height:1.6;color:#45397a;background:#f7f5ff;border-color:#e3ddf6}.notice a{color:inherit;font-weight:600}.notice-subtle{font-size:13px;color:var(--text-2);background:#f3f2f8;border-color:#e5e2ee}.notice-error{color:#982f38;background:#fff4f3;border-color:#f2d5d5}
.toast{font-size:14px;color:#235e3e;background:#eef8f1;border-color:#d2e9da}.toast.error{color:#982f38;background:#fff2f1;border-color:#f0d4d4}.toast.info{color:#45378a;background:#f3f0fd;border-color:#e2dbf7}.toast.warning{color:#77520f;background:#fff6e5;border-color:#f0dcb3}.dismiss{padding:0 4px;font-size:22px;line-height:1;opacity:.65}.dismiss:hover{opacity:1}
.badge{padding:3px 9px;font-size:12px;font-weight:600;border-radius:6px;color:#5c5670;background:#f0eef5}.badge-hot,.badge-qualified{color:#97491a;background:#ffeddd}.badge-warm,.badge-replied{color:#5240a6;background:#eee9fc}.badge-new,.badge-draft,.badge-queued,.badge-pending,.badge-archived{color:#5c5670;background:#f0eef5}.badge-sent,.badge-won,.badge-done,.badge-running,.badge-received{color:#236843;background:#e5f3ea}.badge-paused,.badge-skipped{color:#7a5c0b;background:#faf1d6}.badge-lost,.badge-failed,.badge-unknown{color:#9f303a;background:#fdebeb}

.breadcrumb{gap:10px;font-size:13px;color:var(--text-3)}.breadcrumb .crumb-root{color:var(--text-3)}.breadcrumb .crumb-sep{color:#c3bfcf}.breadcrumb strong{font-size:14px;font-weight:600;color:var(--text)}
.chip{padding:5px 10px;font-size:12px;font-weight:500;border-radius:7px}.chip-green{color:#236843;background:#eef8f1;border-color:#d5eadc}.chip-gray{color:var(--text-2);background:#f3f2f7;border-color:#e3e0eb}.footer{font-size:12px;color:var(--text-3)}
#sidebar-toggle{width:40px;height:40px;padding:0;font-size:20px;line-height:1;color:var(--text);border-radius:9px}#sidebar-toggle:hover{background:#f3f1f8}.sidebar{overflow-x:hidden}
.brand small{font-size:10px;letter-spacing:2.2px;color:#9897b2}.workspace-switch{gap:9px;font-size:14px;color:#ecebf5}.workspace-switch small{font-size:11px;color:#9897b0}.nav-caption{padding:0 14px;font-size:10.5px;letter-spacing:.9px;color:#8b8aa7}
.nav a{font-size:14px;color:#c4c3d7}.nav a:hover,.nav a.active{color:#fff}.nav-count{min-width:24px;padding:1px 6px;font-size:12px;font-weight:600;border-radius:7px}
.agent-status{font-size:13px;color:#dcdbe8}.agent-status small{font-size:12px;color:#9c9bb4}.user-block{font-size:13px;color:#e6e5f0}.user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-block form{flex-shrink:0}
.logout-button{padding:6px 10px;font-size:12px;font-weight:600;color:#d9d8e6;background:transparent;border:1px solid #3b3a52;border-radius:8px}.logout-button:hover{color:#fff;background:#2b2a42;border-color:#4b4a66}

.hero h2{color:#3d3160}.hero p{font-size:14px;line-height:1.65;color:#574a76}.hero-label{font-size:12px;letter-spacing:1px;color:#67559c}.hero-link{font-size:13px;font-weight:600;color:#4c3a9e}.hero-link:hover{text-decoration:underline}.float-tag{font-size:12px;color:#5d5378}
.section-heading h2{font-size:16px}.period{font-size:13px;color:var(--text-3)}.period .icon{height:15px;width:15px}.stat-top{font-size:13px;color:var(--text-2)}.stat-foot,.stat-card>small{font-size:12px;color:var(--text-3)}.stat-value small{color:var(--text-3)}
.card{border-color:var(--line)}.card-heading h2{font-size:16px;color:var(--text)}.card-heading p{font-size:13px;color:var(--text-3)}.lead-card{display:block}
.chart-legend{font-size:12px;color:var(--text-2)}.legend-dot{height:8px;width:8px}.purple-dot{background:#a491d7}.bar-in,.mint-dot{background:#8fcfae}.chart-label{font-size:12px;color:var(--text-3)}.bar span{top:-19px;left:50%;width:auto;transform:translateX(-50%);opacity:1;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}
.lead-row .avatar{font-size:12px}.lead-name strong{font-size:14px;font-weight:600;color:var(--text)}.lead-name small{font-size:12px;color:var(--text-3)}.card-bottom-link{font-size:13px;font-weight:600;color:var(--accent-ink)}
.activity-dot{background:#a491d7}.activity-row p{font-size:13px;color:var(--text-2)}.activity-row small{font-size:12px;color:var(--text-3)}.system-footer{font-size:12px;color:var(--text-3)}.system-footer a{color:var(--accent-ink);text-decoration:underline}.empty-inline{font-size:14px;color:var(--text-3)}.empty-inline>span{color:#a68fd6}

table{border-collapse:separate;border-spacing:0}th{position:relative;z-index:2;padding:11px 18px;font-size:12px;font-weight:600;color:var(--text-3);background:#faf9fc;border-color:var(--line)}td{padding:13px 18px;font-size:13px;color:var(--text-2);border-bottom-color:#efedf4}td strong{color:var(--text)}tbody tr:hover>td{background:#fbfaff}
.head-pinned th{box-shadow:0 1px 0 var(--line),0 10px 16px -12px #2a224f59}.table-title{font-size:14px;font-weight:600;color:var(--text)}.table-title:hover{color:var(--accent-ink)}.table-sub{font-size:12px;color:var(--text-3)}.table-empty{font-size:14px;color:var(--text-3)}.table-note{font-size:12px;line-height:1.6;color:var(--text-3)}
.person-cell strong{font-size:14px;font-weight:600;color:var(--text)}.person-cell small{font-size:12px;color:var(--text-3)}.person-cell:hover strong{color:var(--accent-ink)}.source-label{font-size:12px;color:var(--text-2);background:#f6f4fb;border-color:#e6e2ef}.error-cell{font-size:13px}.pagination{font-size:13px;color:var(--text-3)}.pagination a{font-weight:600;color:var(--accent-ink)}
.expense-panel{border-top:1px solid var(--line)}.expense-panel>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:13px 22px;font-size:14px;font-weight:600;color:var(--accent-ink);list-style:none;cursor:pointer}.expense-panel>summary::-webkit-details-marker{display:none}.expense-panel>summary:before{content:"+";width:12px;font-size:18px;line-height:1}.expense-panel[open]>summary:before{content:"−"}.expense-panel>summary:hover{background:#faf8ff}.expense-panel>summary .muted{font-size:13px;font-weight:400}
.expense-form{align-items:flex-start;gap:12px;padding:4px 22px 20px}.expense-form .input{padding:9px 12px}.expense-form input[name=amount]{width:130px}.expense-form input[name=occurred_on]{width:160px}.expense-form input[name=note]{width:220px}.expense-form>.button{margin-top:23px}.expense-form>.errorlist{flex-basis:100%;margin:0}
.mini-field{display:grid;gap:5px;min-width:0}.mini-field>label{font-size:12px;font-weight:600;color:var(--text-2)}.mini-field .errorlist{margin:2px 0 0;padding:6px 9px;font-size:12px}
.form-section+.form-section{margin-top:6px;padding-top:26px;border-top:1px solid var(--line)}.form-section>.settings-section-heading{margin-bottom:22px}
.direct-table th:first-child,.direct-table td:first-child{position:sticky;left:0}.direct-table td:first-child{z-index:1;background:#fff;box-shadow:1px 0 0 var(--line)}.direct-table th:first-child{z-index:3;box-shadow:1px 0 0 var(--line)}.direct-table.head-pinned th:first-child{box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),0 10px 16px -12px #2a224f59}.direct-table .totals-row>td{color:var(--text);background:#f8f7fc}.direct-table tbody tr:hover>td{background:#fbfaff}

.campaign-card h2,.connection-card h2,.guide-card h2,.guide-card h3,.empty-state h2,.settings-section-heading h2{color:var(--text)}.campaign-card>p{font-size:13px;line-height:1.6;color:var(--text-2)}.campaign-channel{font-size:13px;color:var(--text-3)}.campaign-metrics strong{color:var(--text)}.campaign-metrics span,.campaign-card-footer{font-size:12px;color:var(--text-3)}
.connection-card>p{font-size:13px;color:var(--text-2)}.details-grid{font-size:13px}.details-grid dt{color:var(--text-3)}.details-grid dd{color:var(--text)}.telegram-symbol{color:#3f87cf;background:#e7f1fc}
.guide-card p,.guide-card li{font-size:14px;line-height:1.65;color:var(--text-2)}.guide-card a:not(.button){color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}.guide-card dt,.client-panel dt{font-size:12px;color:var(--text-3)}.guide-card dd,.client-panel dd{font-size:14px;color:var(--text)}.form-layout>.guide-card{display:block}
.guide-icon,.welcome-star,.upload-art{color:#7a62c8;background:#efe9fc}.empty-state{color:var(--text-2)}.empty-state p{font-size:14px;color:var(--text-2)}.preview-message{font-size:14px;color:var(--text);background:#f6f2fe;border-color:#e6def8}.checklist li,.qr-steps{font-size:14px;color:var(--text-2)}.token-list code{font-size:13px}
.settings-section-heading p{font-size:13px;color:var(--text-3)}.step-number{font-size:13px;font-weight:600;color:var(--accent-ink);background:#efe9fc}.sticky-actions{border-color:#e3ddf3}.sticky-actions>span{font-size:13px;color:var(--text-3)}.resolve-row p{font-size:14px;color:var(--text-2)}.resolve-row strong{font-size:14px;color:var(--text)}

.inbox-layout{grid-template-columns:300px minmax(320px,1fr) 250px;border-color:var(--line)}.inbox-search input{font-size:14px;background:#fbfafd;border-color:#e3dfec}
.inbox-tabs,.conversation-list .inbox-tabs{flex-wrap:wrap;gap:0;padding:0 8px 12px;font-size:13px;color:var(--text-2)}.inbox-tabs a{padding:4px 6px;border-radius:7px}.inbox-tabs a:hover{color:var(--text);background:#f4f1fb}.inbox-tabs a.selected{font-weight:600;color:#4a37a6;background:#ece6fc}
.conversation-item{gap:12px;padding:14px;border-bottom-color:#f0eef5}.conversation-item:hover{background:#faf8ff}.conversation-item.selected{background:#f3effd;border-left-color:var(--purple)}.conversation-item .avatar,.chat-header .avatar{font-size:12px}
.conversation-item strong,.conversation-item-body>div>strong{font-size:14px;font-weight:600;color:var(--text)}.conversation-item time{font-size:12px;color:var(--text-3)}.conversation-item p{font-size:13px;color:var(--text-2)}.tiny-label{font-size:12px;color:var(--text-3)}
.lead-label{font-size:12px;font-weight:600;color:#97491a;background:#ffeddd}.unread-count{min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;border-radius:10px;background:var(--purple)}
.chat-header h2{overflow:hidden;font-size:15px;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.chat-header small{font-size:12px;color:var(--text-3)}.chat-mode{font-size:13px;color:var(--text-2);background:#faf9fe;border-bottom-color:#eeebf5}.chat-mode>.muted{font-size:12px;color:var(--text-3)}
.chat-messages,.playground-messages{background:#f8f7fc}.message-bubble{color:var(--text);background:#fff;border-color:#e5e1ee}.message-out .message-bubble{color:var(--text);background:#ede8fc;border-color:#ddd4f6}
.message-author{font-size:12px;font-weight:600;color:var(--text-3)}.message-text{font-size:14px;line-height:1.6;color:var(--text)}.message-meta{font-size:12px;color:var(--text-3)}.message-error{font-size:12px;color:#9f303a;border-top-color:#f0d8dc}.lead-marker{font-size:12px;color:#97491a}
.day-divider{display:flex;justify-content:center;margin:2px 0 16px}.day-divider span{padding:3px 12px;font-size:12px;font-weight:600;color:var(--text-2);background:#ebe8f4;border-radius:999px}
.composer:focus-within{border-top-color:#a798ea}.composer textarea{font-size:14px;color:var(--text)}.composer textarea::placeholder{color:#8f899f}.composer>div>span{font-size:12px;color:var(--text-3)}.composer .button{min-height:40px}
.client-panel>.eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--text-3)}.client-panel>h2{font-size:16px;color:var(--text)}.client-panel .button{min-height:38px;padding:8px 12px;font-size:13px}
.client-summary{background:#f8f6fd;border-color:#ebe6f6}.client-summary h3{font-size:13px;color:var(--text)}.client-summary p{font-size:13px;line-height:1.6;color:var(--text-2)}.lead-summary{background:#fff6ee;border-color:#f5dfcb}.lead-summary h3{color:#97491a}
.empty-chat{color:var(--text-2)}.empty-chat p{font-size:14px}.client-toggle,.client-close,.chat-back{display:none}

.playground-chat .card-heading h2{font-size:15px;color:var(--text)}.playground-welcome h2{color:var(--text)}.playground-welcome p,.playground-reply-hint p{font-size:14px;color:var(--text-2)}
.suggestions button{min-height:36px;padding:8px 14px;font-size:13px;color:#4a37a6;border-color:#dfd7f5}.suggestions button:hover{background:#f1ecfd}.check-item{font-size:14px;color:var(--text-2)}

.login-pitch .eyebrow{font-size:12px;letter-spacing:1.4px;color:#a596c2}.login-pitch h1 span{color:#c2a6ec}.login-pitch p{font-size:15px;line-height:1.7;color:#b0a5c4}.login-foot{font-size:12px;color:#8e83a6}
.login-mini-label{font-size:12px;letter-spacing:1.3px;color:#6c59a3}.login-form h2{color:var(--text)}.login-form>.muted{font-size:14px;line-height:1.6;color:var(--text-2)}.login-form .form-field label{color:var(--text)}.login-form .input{min-height:44px;font-size:15px}.login-help{font-size:13px;line-height:1.7;color:var(--text-3)}.login-help code{font-size:12px}

@media(min-width:1550px){.inbox-layout{grid-template-columns:320px minmax(380px,1fr) 280px}}
@media(max-width:1240px){
.nav-caption{font-size:10px;letter-spacing:.8px}
.inbox-layout{position:relative;grid-template-columns:300px minmax(0,1fr)}.client-toggle{display:inline-flex}
.client-panel{display:block;position:absolute;top:0;right:0;bottom:0;z-index:5;width:min(340px,100%);box-shadow:-16px 0 40px #2a224f24;transform:translateX(100%);visibility:hidden;transition:transform .2s,visibility 0s linear .2s}.show-client .client-panel{transform:none;visibility:visible;transition:transform .2s}
.client-close{display:grid;place-items:center;position:absolute;top:12px;right:10px;width:36px;height:36px;padding:0;font-size:24px;line-height:1;color:var(--text-2);border-radius:8px}.client-close:hover{color:var(--text);background:#f3f1f8}
}
@media(max-width:1020px){.nav a{font-size:13px}.nav-caption{padding:0 10px;letter-spacing:.6px}.inbox-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){
.topbar .breadcrumb{min-width:0;font-size:15px}.crumb-root,.crumb-sep{display:none}.breadcrumb>strong{max-width:100%}.menu-open:after{pointer-events:auto;cursor:pointer}
.page-heading{flex-wrap:wrap}.page-heading>.button-group{flex-direction:row;flex-wrap:wrap}.page-heading .eyebrow,.login-pitch .eyebrow{font-size:11px}
.button-small{min-height:40px}th,td{padding-left:14px;padding-right:14px}
.expense-panel>summary{padding:13px 16px}.expense-form{display:grid;grid-template-columns:1fr 1fr;padding:4px 16px 18px}.expense-form .input,.expense-form select.input,.expense-form input[name]{width:100%;max-width:none}.expense-form>div:first-of-type,.mini-field-wide,.expense-form>.button,.expense-form>.errorlist{grid-column:1/-1}.expense-form>.button{margin-top:0}.stats-three .muted,.stats-three small{font-size:12px}.playground-chat .card-heading .badge{font-size:12px}
.inbox-main{padding-top:16px}.inbox-selected .page-heading{display:none}.chat-back{display:block}.inbox-layout{grid-template-columns:minmax(0,1fr)}.conversation-list{height:auto;border-bottom:0}
.has-selection>.conversation-list,.inbox-layout:not(.has-selection)>.chat-panel{display:none}.inbox-layout:not(.has-selection) .conversation-item.selected{background:none;border-left-color:transparent}.chat-panel{height:calc(100vh - 112px);height:calc(100dvh - 112px);min-height:440px}.chat-header{gap:8px;padding:12px}.chat-header>.avatar{display:none}.client-panel{width:100%}
}
