:root{--ink:#152725;--muted:#74827f;--green:#075b4c;--green2:#0b775e;--greenlight:#e7f4ee;--burgundy:#a80d30;--cream:#fbfcfa;--border:#e8ecea;--shadow:0 6px 18px rgba(14,48,37,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans','Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:#f7f9f7}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #90c8a9;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:257px;flex:none;background:#fff;border-right:1px solid #e8eeeb;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:35}.sidebar-top{padding:26px 18px 14px}.product-mark{display:flex;align-items:center;gap:12px;margin:0 8px 27px}.product-symbol{position:relative;display:grid;place-items:center;flex:none;width:43px;height:43px;color:#fff;border-radius:13px;background:linear-gradient(145deg,#0c715b,#073e34);font-size:27px;font-weight:800;letter-spacing:-3px;padding-right:3px}.signal-dot{position:absolute;background:#ffbf4e;width:8px;height:8px;border:2px solid white;border-radius:50%;right:5px;top:7px}.product-name{display:block;font-size:22px;letter-spacing:-1.25px;font-weight:800;line-height:1.1}.product-name-accent{color:#a80d30}.product-subtitle{display:block;color:#899692;font-size:10.5px;letter-spacing:1px;font-weight:800;margin-top:4px;text-transform:uppercase}.workspace-picker{background:#f6f9f7;border:1px solid #eaf0ec;border-radius:11px;padding:10px;display:flex;align-items:center;gap:9px}.workspace-avatar{height:35px;width:35px;flex:none;display:grid;place-items:center;background:#e5eeeb;color:#1d5c4d;border-radius:9px;font-weight:800;font-size:11px}.workspace-identity{display:flex;flex:1;flex-direction:column;min-width:0}.workspace-identity strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-identity small{color:#8c9b97;font-size:10px;margin-top:3px}.workspace-chevron{font-size:13px;color:#83908c}.sidebar-scroll{flex:1;overflow-y:auto;padding:7px 13px 22px}.nav-heading{color:#a0aaa6;font-weight:800;font-size:10px;letter-spacing:1.4px;padding:13px 16px 8px;margin:0}.nav-heading-secondary{margin-top:18px}.nav-links{display:flex;flex-direction:column;gap:3px}.nav-link{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;width:100%;min-height:40px;border-radius:9px;padding:8px 12px;color:#66736f;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.nav-link:hover{background:#f4f8f6;color:#155b49}.nav-link.active{background:#e9f5ef;color:#075b4c;font-weight:800}.nav-icon{display:flex;align-items:center;justify-content:center;flex:none;width:19px}.nav-link .nav-count{margin-left:auto;min-width:21px;height:20px;padding:0 5px;border-radius:6px;background:#f0f2f1;color:#61726b;display:grid;place-items:center;font-size:10px;font-weight:800}.nav-link.active .nav-count{background:#cfe9d9;color:#075b4c}.sidebar-bottom{padding:0 16px 18px}.support-mini{display:flex;align-items:center;gap:10px;background:#f7faf8;border:1px solid #ecf0ed;border-radius:11px;padding:11px 9px}.support-mini-icon{display:grid;place-items:center;width:31px;height:31px;background:#e3f0e9;color:#0b6b55;border-radius:8px}.support-mini strong{display:block;font-size:11px}.support-mini small{display:block;color:#93a09b;font-size:10px;margin-top:3px}.mini-arrow{margin-left:auto;background:none;border:0;color:#82948b;font-size:16px}.built-by{margin-top:17px;text-align:center;border-top:1px solid #eef0ef;padding-top:14px}.built-by span{display:block;color:#a5afaa;font-size:8.5px;letter-spacing:1.5px;font-weight:800}.built-by img{max-width:156px;height:49px;object-fit:contain;margin:4px auto -5px}.main-column{margin-left:257px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:25;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);height:74px;border-bottom:1px solid #e8edeb;display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{font-size:12px;white-space:nowrap;color:#91a09a;display:flex;align-items:center;gap:11px}.breadcrumb strong{color:#374a42;font-weight:800}.crumb-sep{color:#c9d1cd}.topbar-right{gap:16px}.demo-pill{display:flex;gap:7px;align-items:center;padding:8px 10px;background:#fff7e6;border:1px solid #f8e9c1;color:#966e20;font-weight:800;font-size:9px;letter-spacing:.7px;border-radius:7px;white-space:nowrap}.demo-dot{height:7px;width:7px;background:#d8a83b;border-radius:100%}.global-search-trigger{display:flex;align-items:center;gap:9px;color:#91a09b;font-size:11px;padding:10px 11px;border:1px solid #e7edeb;border-radius:9px;background:white;min-width:205px}.global-search-trigger svg{height:15px}.global-search-trigger kbd{margin-left:auto;font-size:10px;background:#f4f6f5;border-radius:4px;padding:3px 5px;color:#9ba9a3}.icon-button{position:relative;display:grid;place-items:center;border:0;background:transparent;color:#597069;height:35px;width:35px;border-radius:8px}.icon-button:hover{background:#eef5f1}.icon-button svg,.profile-trigger svg{width:19px;height:19px}.notification-trigger i{position:absolute;right:6px;top:5px;width:7px;height:7px;background:#be2e45;border:2px solid white;border-radius:50%}.profile-trigger{background:transparent;border:0;display:flex;align-items:center;gap:9px;padding:0}.profile-avatar{background:#e7ddd0;color:#745e42;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-weight:800;font-size:11px}.profile-text{display:flex;align-items:flex-start;flex-direction:column}.profile-text strong{font-size:11px}.profile-text small{font-size:10px;margin-top:2px;color:#91a09a}.profile-trigger>span:last-child{color:#91a09a}.menu-toggle,.mobile-demo{display:none}.page-content{flex:1;padding:31px 35px 55px;max-width:1650px;width:100%;margin:0 auto}.app-footer{font-size:10px;color:#9aa9a2;display:flex;justify-content:space-between;gap:12px;padding:16px 35px;border-top:1px solid #e9efec}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#0b8665;font-weight:800;text-transform:uppercase;margin-bottom:8px}.page-title{font-size:27px;line-height:1.17;font-weight:800;letter-spacing:-1.1px;color:#1b2d26}.page-description{color:#8a9992;font-size:12px;margin-top:9px;line-height:1.6}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:white;color:#43584d;font-size:11px;font-weight:800;padding:11px 15px;border-radius:8px;border:1px solid #e1e9e5;line-height:1.2;white-space:nowrap;transition:transform .15s,border-color .15s,background .15s}.btn:hover{transform:translateY(-1px);border-color:#b4d5c6}.btn svg{width:15px;height:15px}.btn-primary{background:#075f4e;color:#fff;border-color:#075f4e;box-shadow:0 5px 9px rgba(5,96,75,.13)}.btn-primary:hover{background:#064b3e}.btn-dark{background:#202f2b;color:#fff;border-color:#202f2b}.btn-danger{color:#b0323d;border-color:#f4dddd;background:#fffafa}.btn-ghost{background:transparent;border-color:transparent}.btn-sm{padding:8px 11px}.card{background:#fff;border:1px solid #e8eeeb;border-radius:13px;box-shadow:var(--shadow)}.card-header{padding:21px 22px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title{color:#23372e;font-size:13px;font-weight:800;letter-spacing:-.25px}.card-subtitle{color:#9caaa3;font-size:10.5px;margin-top:5px;line-height:1.6}.card-body{padding:20px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:29px 0 14px}.section-title{font-size:16px;font-weight:800;letter-spacing:-.45px}.section-link{font-size:11px;color:#0b8266;font-weight:800;background:none;border:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:20px 20px 18px;position:relative;overflow:hidden}.stat-label{font-size:11px;color:#8c9b95;font-weight:600}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:25px;font-weight:800;margin-top:21px;letter-spacing:-1.1px;white-space:nowrap}.stat-footer{margin-top:12px;font-size:10px;color:#a4b0aa;display:flex;align-items:center;gap:5px}.trend{font-weight:800;font-size:10px}.trend-up{color:#0c9067}.trend-down{color:#d15c60}.soft-green{background:#e8f7ef;color:#14785d}.soft-gold{background:#fff5e5;color:#c58a2b}.soft-rose{background:#fff0f2;color:#a6384b}.soft-blue{background:#eef4ff;color:#4b76bb}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:17px}.dashboard-side{display:flex;flex-direction:column;gap:17px}.chart-shell{padding:8px 22px 22px}.chart-bars{display:flex;align-items:flex-end;gap:22px;height:182px;border-bottom:1px solid #e8eeec;padding:20px 10px 0;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#f1f4f1 calc(25% - 1px),#f1f4f1 25%)}.chart-col{display:flex;align-items:center;justify-content:end;flex-direction:column;flex:1;height:100%;gap:0}.chart-bar{width:min(100%,33px);background:linear-gradient(180deg,#15846a,#0e6957);border-radius:5px 5px 0 0;min-height:4px;transition:height .4s;position:relative}.chart-bar.muted{background:linear-gradient(180deg,#d0e9dc,#a5ccbb)}.chart-bar:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#213b30;color:white;font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:5px}.chart-axis{display:flex;justify-content:space-around;margin-top:13px;color:#a4ada7;font-size:10px}.legend{display:flex;gap:16px;align-items:center;font-size:10px;color:#95a49c}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.credit-bar{height:7px;border-radius:6px;background:#eaf2ec;overflow:hidden}.credit-bar>span{display:block;height:100%;border-radius:6px;background:#0c8468;transition:width .2s}.credit-amount{font-size:27px;letter-spacing:-1.2px;font-weight:800;color:#203b2e}.credit-unit{font-size:12px;color:#8da29a;font-weight:700}.credit-notice{padding:11px;border:1px solid #e4f0e8;background:#f5fbf7;border-radius:9px;color:#678274;font-size:10px;line-height:1.6}.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.status-badge::before{content:'';height:6px;width:6px;background:currentColor;border-radius:50%}.status-delivered,.status-approved,.status-active{background:#e5f5eb;color:#168058}.status-queued,.status-scheduled,.status-pending{background:#fff5df;color:#ad7b23}.status-failed,.status-rejected{background:#fff0ef;color:#b5484f}.status-draft,.status-paused{background:#eef1f0;color:#77857e}.status-simulated{background:#ecf3ff;color:#4b7cb9}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.data-table th{background:#fafbf9;color:#899892;letter-spacing:.2px;font-weight:800;font-size:10px;padding:13px 16px;border-bottom:1px solid #edf0ed;white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid #f0f3f0;color:#4d6055;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfb}.table-wrap{width:100%;overflow-x:auto}.table-id{color:#1d3d2f;font-weight:800}.table-note{color:#a0aea6;font-size:10px;margin-top:4px}.table-action{background:none;border:0;color:#0a7b60;font-weight:800;font-size:10px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #edf0ed;flex-wrap:wrap}.input,.select,.textarea{background:#fff;border:1px solid #dfe9e3;color:#344c3e;border-radius:8px;padding:11px 12px;font-size:11.5px;width:100%;min-width:0;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#0a886c;box-shadow:0 0 0 3px #dff1e8}.input::placeholder,.textarea::placeholder{color:#afb9b3}.textarea{resize:vertical;min-height:120px;line-height:1.65}.label{font-size:11px;font-weight:800;color:#4c6558;margin-bottom:8px;display:block}.hint{font-size:10px;color:#95a49b;line-height:1.5;margin-top:6px}.field{margin-bottom:19px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-section{padding:22px;border-bottom:1px solid #eef2ef}.form-section:last-child{border-bottom:0}.pill-row{display:flex;flex-wrap:wrap;gap:7px}.chip{border-radius:7px;padding:7px 10px;background:#f1f5f2;color:#6a7e70;font-size:10px;font-weight:800;border:1px solid #e5ece7}.chip.active{background:#e3f3eb;color:#0a7358;border-color:#bddbcd}.empty-state{text-align:center;padding:50px 20px;color:#8b9f92;font-size:12px}.empty-icon{margin:0 auto 16px;background:#eef6f1;color:#347964;display:grid;place-items:center;width:57px;height:57px;border-radius:16px}.empty-state h3{font-size:16px;color:#2c4437;font-weight:800;margin-bottom:6px}.empty-state p{max-width:360px;margin:0 auto 18px;line-height:1.7}.notice{display:flex;align-items:flex-start;gap:10px;background:#f0f7f4;border:1px solid #d9ede2;border-radius:10px;padding:13px 15px;color:#446c58;font-size:11px;line-height:1.6}.notice-warn{background:#fff9ee;border-color:#f6e8c5;color:#966d28}.notice-info{background:#f3f7ff;border-color:#e0eafb;color:#54749d}.notice svg{flex:none;margin-top:1px;width:17px;height:17px}.filter-input{display:flex;align-items:center;gap:8px;border:1px solid #e6ece8;background:white;border-radius:8px;padding:0 11px;min-width:230px}.filter-input svg{width:15px;height:15px;color:#99a89f}.filter-input input{border:0;padding:11px 0;outline:0;min-width:0;flex:1;font-size:11px}.filter-input input:focus{box-shadow:none}.segmented{display:flex;gap:3px;padding:3px;border:1px solid #e8eeea;background:#f7f9f7;border-radius:9px}.segmented button{border:0;background:transparent;color:#82918a;font-size:10px;font-weight:800;padding:8px 12px;border-radius:7px}.segmented button.active{background:white;color:#0b7058;box-shadow:0 1px 3px #dfe7df}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:17px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-row+.metric-row{margin-top:16px}.metric-row span{color:#8e9e95;font-size:11px}.metric-row strong{font-size:12px;color:#304737}.progress-steps{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.progress-step{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#98a79b}.step-num{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#edf0ed;color:#9daaa0;font-size:10px}.progress-step.complete .step-num{background:#dff3e6;color:#0f7857}.progress-step.current .step-num{background:#0a7358;color:white}.timeline{border-left:1px solid #e4ebe5;margin-left:10px;padding-left:22px}.timeline-item{position:relative;padding:0 0 23px}.timeline-item:last-child{padding:0}.timeline-item:before{content:'';position:absolute;left:-27px;top:4px;width:10px;height:10px;background:#b9d9c8;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #cde2d3}.timeline-item strong{font-size:11px}.timeline-item p{font-size:11px;color:#98a69e;margin-top:5px;line-height:1.5}.template-card{border:1px solid #e6eeea;border-radius:11px;padding:17px;background:#fff;transition:box-shadow .2s}.template-card:hover{box-shadow:0 8px 18px rgba(19,55,37,.07)}.template-category{font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#0c8765}.template-card h3{margin:10px 0;font-weight:800;font-size:13px}.template-card p{font-size:11px;color:#86968d;line-height:1.8;min-height:58px}.template-actions{display:flex;gap:8px;justify-content:space-between;border-top:1px solid #eef2ef;padding-top:12px;margin-top:15px}.mini-icon-button{border:0;background:#f6f8f6;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;color:#687c70}.mini-icon-button svg{height:14px;width:14px}.mini-icon-button:hover{background:#e6f2eb;color:#106b51}.channel-card{padding:18px;border:1px solid #e6ede8;border-radius:11px;background:#fcfefc;display:flex;align-items:center;gap:12px}.channel-card .channel-icon{display:grid;place-items:center;width:41px;height:41px;background:#e8f4ee;color:#0d7b61;border-radius:10px}.channel-card strong{font-size:12px}.channel-card small{display:block;margin-top:5px;color:#a0aea5;font-size:10px}.avatar-circle{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:10px;font-weight:800;flex:none}.modal-overlay{position:fixed;inset:0;background:rgba(12,27,22,.55);z-index:80;display:flex;align-items:center;justify-content:center;padding:15px;backdrop-filter:blur(3px)}.modal-card{width:min(100%,540px);max-height:min(94vh,850px);overflow-y:auto;background:#fff;border-radius:15px;box-shadow:0 30px 100px rgba(4,20,12,.26)}.modal-head{padding:21px 22px 15px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #eaf0ec}.modal-body{padding:22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:17px 22px;border-top:1px solid #ecf0ed}.close-modal{border:0;background:#f4f6f4;height:30px;width:30px;display:grid;place-items:center;border-radius:8px;color:#778c7d}.toast{background:#173d30;color:#fff;box-shadow:0 16px 40px rgba(9,34,20,.2);border-radius:10px;padding:13px 17px;display:flex;align-items:center;gap:11px;font-size:12px;max-width:380px;animation:toast-in .2s ease}.toast.error{background:#873e48}.toast svg{height:16px;width:16px;flex:none}#toast-root{position:fixed;right:24px;bottom:22px;display:flex;flex-direction:column;gap:9px;z-index:110}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.donut{height:152px;width:152px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.donut::before{content:'';position:absolute;inset:17px;background:#fff;border-radius:50%}.donut-content{position:relative;text-align:center}.donut-content strong{font-size:23px;letter-spacing:-1px;display:block}.donut-content small{font-size:10px;color:#98a49c}.send-preview{background:#f3f7f4;border:1px solid #e0ebe4;border-radius:12px;padding:16px}.phone-frame{max-width:254px;margin:0 auto;background:#f4f6f5;border:6px solid #263b32;border-radius:26px;min-height:258px;padding:27px 12px 15px;position:relative}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:60px;height:7px;background:#263b32;border-radius:20px}.phone-message{font-size:10.5px;background:#fff;border-radius:13px 13px 13px 3px;padding:11px 12px;line-height:1.7;box-shadow:0 1px 2px #e2e8e3;color:#485c50;word-break:break-word}.phone-contact{color:#30483b;font-size:11px;font-weight:800;text-align:center;margin-bottom:15px}.tiny-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tiny-box{border:1px solid #ecf0ec;border-radius:10px;padding:15px;background:#fff}.tiny-box strong{font-size:17px;font-weight:800;display:block}.tiny-box small{font-size:10px;color:#8f9d94;display:block;margin-top:5px}.credit-option{display:flex;align-items:center;justify-content:space-between;background:#f9fbf9;border:1px solid #e3ebe5;border-radius:9px;padding:13px;margin-bottom:9px;text-align:left;width:100%;font-size:11px;font-weight:800}.credit-option.selected{border-color:#0d8664;background:#eff8f1;color:#076149}.credit-option strong{color:#73847a}.contact-avatar{width:33px;height:33px;border-radius:10px;background:#eaf4ee;color:#17765b;display:grid;place-items:center;font-size:11px;font-weight:800}.help-item{border-bottom:1px solid #edf1ed;padding:17px 0}.help-item:last-child{border-bottom:0}.help-item button{border:0;background:none;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;text-align:left;font-weight:800;color:#344c3f}.help-item p{font-size:11px;line-height:1.9;color:#899b8f;padding-top:11px;max-width:720px}.danger-zone{border:1px solid #f5d5d5;background:#fffafa;border-radius:11px;padding:17px}.mobile-shade{display:none}.is-hidden{display:none!important}.muted-text{color:#8e9f94}.divider{border-top:1px solid #edf2ee}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.separator-dot{width:4px;height:4px;background:#a6b5a9;border-radius:50%;display:inline-block}.pointer{cursor:pointer}
@media(min-width:1520px){.dashboard-grid{grid-template-columns:1.7fr 1fr}}@media(max-width:1270px){.topbar{padding:0 23px}.page-content{padding:26px 24px 48px}.global-search-trigger{min-width:0}.global-search-trigger span{display:none}.global-search-trigger kbd{display:none}.dashboard-grid{grid-template-columns:1.35fr 1fr}.stats-grid{gap:11px}.stat-card{padding:16px}.stat-value{font-size:22px}}
@media(max-width:1050px){.sidebar{width:227px}.main-column{margin-left:227px}.sidebar-top{padding-left:13px;padding-right:13px}.two-col,.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-text{display:none}.page-header{align-items:flex-start}}@media(max-width:800px){.sidebar{transform:translateX(-102%);transition:transform .22s ease;width:262px;box-shadow:8px 0 30px rgba(0,0,0,.04)}.sidebar.open{transform:translateX(0)}.mobile-shade.open{display:block;position:fixed;inset:0;background:rgba(10,29,21,.38);z-index:34}.main-column{margin-left:0}.topbar{height:66px;padding:0 16px}.topbar-left,.topbar-right{gap:10px}.page-content{padding:24px 17px 36px}.menu-toggle{display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pill{display:none}.mobile-demo{display:block;text-align:center;padding:5px;background:#fff8e7;color:#9b7927;font-weight:800;letter-spacing:.6px;font-size:9px}.app-footer{padding:15px 17px}.page-title{font-size:24px}.page-header{flex-direction:column;gap:17px}.header-actions{width:100%}.dashboard-side{grid-template-columns:1fr}}@media(max-width:500px){.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:21px}.chart-bars{gap:10px}.card-header{padding:17px}.card-body{padding:17px}.chart-shell{padding:8px 15px 16px}.topbar-right{gap:7px}.profile-avatar{height:31px;width:31px}.breadcrumb{font-size:11px}.profile-trigger>span:last-child{display:none}.form-grid,.tiny-grid{grid-template-columns:1fr}.filter-input{min-width:100%}.topbar .global-search-trigger{display:none}.app-footer{flex-direction:column}.table-toolbar{align-items:stretch}.page-title{font-size:23px}.stats-grid .stat-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Supplied Sayonapps logo */
.product-logo{display:block;width:132px;height:auto;max-height:43px;object-fit:contain;object-position:left center}
.login-grid>div:first-child .flex{display:none}
.login-grid>div:first-child:before{content:'';display:block;position:absolute;top:32px;left:46px;width:190px;height:53px;border-radius:7px;background:#fff url('/assets/sayonapps-logo.png') center/contain no-repeat}
body>main>.flex:first-child{height:50px;background:url('/assets/sayonapps-logo.png') left center/contain no-repeat;background-origin:content-box}
body>main>.flex:first-child>*{display:none}
@media(max-width:720px){.login-grid>div:first-child:before{top:22px;left:30px;width:175px;height:48px}}

/* Readability and recipient-selection refinements */
:root{--muted-strong:#64756d;--muted-light:#7e9086}
.page-description,.card-subtitle,.hint,.table-note,.channel-card small,.stat-footer,.muted-text{color:var(--muted-light)}
.stat-label,.label,.data-table th{color:var(--muted-strong)}
.recipient-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;min-height:28px;align-items:center}
.recipient-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#e8f5ee;border:1px solid #c9e5d4;color:#176c53;font-size:10px;font-weight:800;line-height:1.2}
.recipient-empty{color:#82938a;font-size:10px;font-style:italic}
#toast-root{max-width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden}
.toast{max-width:100%;}
@media(max-width:800px){#toast-root{right:16px;bottom:16px}.toast{font-size:11px}.recipient-chip{font-size:9px}}

/* Orange brand theme */
:root{--green:#c86512;--green2:#e67b19;--greenlight:#fff0e2}
.product-symbol{background:linear-gradient(145deg,#e67b19,#a94d08)}
.signal-dot{background:#ffd166}
.nav-link:hover{background:#fff4e8;color:#b9560b}
.nav-link.active{background:#fff0e2;color:#b9560b}
.nav-link.active .nav-count{background:#ffd9b5;color:#a54d08}
.workspace-avatar{background:#fff0e2;color:#a9500b}
.btn-primary{background:#c86512;border-color:#c86512;box-shadow:0 5px 9px rgba(200,101,18,.18)}
.btn-primary:hover{background:#a9500b}
.btn:hover{border-color:#efbd8c}
.eyebrow,.section-link,.table-action{color:#c86512}
.trend-up{color:#c86512}
.soft-green{background:#fff0e2;color:#c86512}
.credit-bar>span{background:#c86512}
.input:focus,.select:focus,.textarea:focus{border-color:#d9741c;box-shadow:0 0 0 3px #ffead8}
.chip.active,.recipient-chip{background:#fff0e2;color:#b9560b;border-color:#f1c39e}
.channel-card .channel-icon{background:#fff0e2;color:#c86512}
.support-mini-icon{background:#fff0e2;color:#c86512}
.empty-icon{background:#fff0e2;color:#c86512}
.status-simulated{background:#fff0e2;color:#b9560b}
.status-sending{background:#fff5df;color:#ad7b23}

/* Usability pass: clearer type and comfortable touch targets */
.nav-link{min-height:44px;font-size:13px}
.btn{min-height:42px;font-size:12px}
.page-description{font-size:13px;color:#6f8177}
.label{font-size:12px;color:#40594c}
.hint{font-size:11px;color:#71847a}
.input,.select,.textarea{font-size:13px}
.stat-label{font-size:12px}
.stat-footer{font-size:11px}
.card-subtitle{font-size:11px;color:#71847a}
.data-table{font-size:12px}
.data-table th{font-size:10px}
.section-title{font-size:18px}
.section-link{font-size:12px}
.channel-card strong{font-size:13px}
.channel-card small{font-size:11px;color:#71847a}
.recipient-empty{font-size:11px}
.recipient-chip{font-size:11px}
#compose-form .p-5{border-top:1px solid #e7eee9;position:sticky;bottom:0;z-index:4}
@media(max-width:800px){.page-content{padding-top:20px}.btn{min-height:44px}.page-header{margin-bottom:20px}.section-heading{margin-top:24px}.topbar{height:64px}}