:root{--ink:#152a30;--muted:#728087;--line:#e7ece9;--surface:#fff;--canvas:#f6f8f5;--sidebar:#10252b;--sidebar-soft:#1b363d;--lime:#d9ef56;--teal:#1c7770;--teal-soft:#e8f5ef;--amber:#f2a85f;--amber-soft:#fff3e3;--red:#bd6360;--red-soft:#faebeb;--blue:#6578be;--shadow:0 12px 35px rgba(25,44,43,.045);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #89baaa;outline-offset:2px}a{color:inherit;text-decoration:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.hidden{display:none!important}
.layout{display:flex;min-height:100vh}.sidebar{width:248px;min-width:248px;position:sticky;top:0;height:100vh;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{height:82px;display:flex;align-items:center;padding:0 24px;gap:12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.8px}.brand>span:last-child{line-height:.9}.brand small{display:block;color:#a9bdb8;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;font-weight:700;margin-top:7px}.brand-dot{color:var(--lime)}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;transform:rotate(-15deg)}.brand-mark span{background:var(--lime);border-radius:2px}.brand-mark span:nth-child(2){opacity:.75}.brand-mark span:nth-child(3){opacity:.45}.sidebar-store{padding:7px 14px 22px;position:relative}.sidebar-store-label,.nav-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#779094}.sidebar-store-label{padding:0 11px 10px}.store-switch{width:100%;border:1px solid #395056;background:#1a343a;border-radius:13px;color:#fff;display:flex;align-items:center;gap:9px;text-align:left;padding:9px}.store-switch .icon{width:15px;color:#aec2bc}.store-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--lime);color:var(--ink);font-family:'Plus Jakarta Sans';font-weight:800}.store-switch-copy{min-width:0;flex:1}.store-switch-copy strong,.store-switch-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-switch-copy strong{font-size:12px}.store-switch-copy small{font-size:10px;color:#9cafac;margin-top:3px}.store-menu{position:absolute;left:14px;right:14px;top:76px;padding:7px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px #09191b36;z-index:50}.store-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;color:var(--ink);font-size:12px}.store-menu button:hover,.store-menu button.selected{background:#eff5e5}.store-menu .store-icon{width:27px;height:27px}.sidebar-nav{padding:1px 13px;overflow:auto;scrollbar-width:thin;scrollbar-color:#526a6e transparent;flex:1}.nav-label{padding:0 13px 10px}.nav-label-spaced{padding-top:29px}.nav-item{border:0;background:transparent;color:#b8c9c8;width:100%;display:flex;align-items:center;gap:11px;padding:11px 13px;margin-bottom:3px;border-radius:10px;text-align:left;font-size:13px;font-weight:600;transition:background .18s,color .18s}.nav-item:hover{background:#203c42;color:#fff}.nav-item.active{background:var(--lime);color:#152a30;font-weight:800}.nav-item .icon{width:18px;height:18px}.nav-item span{flex:1}.nav-item em{font-style:normal;background:#3d595d;color:#fff;border-radius:7px;font-size:10px;padding:3px 6px}.nav-item.active em{background:#b1c638;color:var(--ink)}.sidebar-bottom{padding:13px}.assistant-mini{background:#1a363c;border:1px solid #314a4c;border-radius:13px;padding:12px;display:flex;align-items:center;gap:9px;margin-bottom:12px}.assistant-orb{width:31px;height:31px;display:grid;place-items:center;background:#2c5551;border-radius:10px;color:var(--lime)}.assistant-orb .icon{width:16px}.assistant-mini strong,.assistant-mini small,.profile-button strong,.profile-button small{display:block}.assistant-mini strong,.profile-button strong{font-size:11px}.assistant-mini small,.profile-button small{color:#9eb1af;font-size:10px;margin-top:3px}.live-dot{width:7px;height:7px;background:#9be876;border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px #9be8761e}.profile-button{width:100%;background:transparent;border:0;border-top:1px solid #375057;padding:14px 5px 4px;color:#fff;display:flex;align-items:center;gap:9px;text-align:left}.profile-button>span:nth-child(2){flex:1}.profile-button .icon{color:#9eb1af;width:17px}.profile-avatar,.top-avatar{width:31px;height:31px;border-radius:50%;background:#dce6d6;color:#2f5444;display:grid;place-items:center;font-weight:800;font-size:12px}
.app-shell{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:20}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#8a9698}.breadcrumb strong{color:var(--ink);font-weight:700}.crumb-sep{color:#c0cac6}.topbar-right{display:flex;align-items:center;gap:15px}.demo-pill{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#53746d;background:#ecf6e7;padding:8px 10px;border-radius:99px;white-space:nowrap}.demo-pill span{display:inline-block;width:6px;height:6px;background:#6dbe88;border-radius:50%;vertical-align:1px;margin-right:5px}.icon-button{border:0;background:transparent;position:relative;width:35px;height:35px;display:grid;place-items:center;color:#56686b;border-radius:9px}.icon-button:hover{background:#eff4f1}.notification-dot{position:absolute;width:6px;height:6px;background:#f39d65;border:1px solid #fff;border-radius:50%;right:6px;top:6px}.mobile-menu{display:none}
#view-root{padding:34px 36px 60px;max-width:1780px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;color:#7a9990;letter-spacing:1.7px;font-weight:800;margin-bottom:9px}.page-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:29px;line-height:1.2;letter-spacing:-1.3px;margin:0;font-weight:800}.page-subtitle{font-size:13px;color:var(--muted);margin:9px 0 0}.head-actions{display:flex;gap:9px;align-items:center}.button,.select-button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 1px 2px #10252b08}.button:hover,.select-button:hover{border-color:#bacbc3;background:#fbfdf9}.button .icon,.select-button .icon{width:15px;height:15px}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button.primary:hover{background:#29484e}.button.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.lime:hover{background:#cde43b}.button.ghost{border-color:transparent;background:transparent;box-shadow:none}.button.text{border:0;background:transparent;color:var(--teal);box-shadow:none;padding:0}.button.text:hover{text-decoration:underline}.button.small{padding:7px 10px;font-size:11px}.section-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 23px 16px}.section-title{font-family:'Plus Jakarta Sans';font-size:16px;letter-spacing:-.4px;margin:0;font-weight:800}.section-caption{font-size:11px;color:var(--muted);margin:5px 0 0}.section-header .button.text{font-size:11px;margin-top:3px}.muted{color:var(--muted)}
.notice-strip{border:1px solid #d9e8ce;background:#eff8e9;color:#4b685a;border-radius:11px;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:23px}.notice-strip .icon{width:15px;height:15px}.notice-strip strong{color:#2e5442}.notice-strip span{flex:1}.notice-strip button{border:0;background:transparent;color:#457667;text-decoration:underline;font-weight:700;font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.kpi-card{padding:20px 21px;min-height:150px;position:relative;overflow:hidden}.kpi-card:after{content:'';position:absolute;width:105px;height:105px;border:1px solid #eef3eb;border-radius:50%;right:-29px;bottom:-53px}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11px;color:#758487;font-weight:700}.kpi-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#f0f5e5;color:#698244}.kpi-icon .icon{width:16px;height:16px}.kpi-card:nth-child(2) .kpi-icon{background:#edf3f9;color:#607fab}.kpi-card:nth-child(3) .kpi-icon{background:#f8f0e8;color:#c28751}.kpi-card:nth-child(4) .kpi-icon{background:#e9f5ef;color:#3d8d76}.kpi-value{font-family:'Plus Jakarta Sans';font-weight:800;font-size:27px;letter-spacing:-1.5px;margin:14px 0 6px}.kpi-foot{display:flex;align-items:center;gap:6px;font-size:10px;color:#879295}.trend-positive{display:inline-flex;align-items:center;gap:3px;background:#e7f6eb;color:#2c8f5c;border-radius:5px;padding:3px 5px;font-weight:800}.trend-positive .icon{width:10px;height:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:17px}.dashboard-grid>.section-card{min-width:0}.chart-card{min-height:346px}.chart-controls{display:flex;background:#f4f6f3;padding:3px;border-radius:8px}.chart-controls button{border:0;background:transparent;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:700;color:#8b9998}.chart-controls button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #1a363c12}.chart-legend{display:flex;gap:15px;align-items:center;font-size:10px;color:var(--muted);padding:0 23px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.chart-wrap{padding:9px 20px 20px;height:230px}.chart-wrap svg{height:100%;width:100%;overflow:visible}.chart-svg text{font:10px 'DM Sans',sans-serif;fill:#9aa5a5}.chart-svg .grid{stroke:#e8eeea;stroke-width:1}.chart-svg .area{fill:url(#areaGradient)}.chart-svg .line{fill:none;stroke:#287b77;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-svg .bar{fill:#dcef93}.chart-svg .point{fill:#fff;stroke:#287b77;stroke-width:3}.attention-card{min-height:346px}.attention-list{padding:0 17px 14px}.attention-item{display:flex;align-items:center;gap:10px;padding:12px 5px;border-top:1px solid #f0f3f0}.avatar{width:36px;height:36px;border-radius:12px;flex:none;display:grid;place-items:center;font-size:11px;font-weight:800}.avatar.sage{background:#dce9d8;color:#56785b}.avatar.lilac{background:#e8e6f5;color:#7f72aa}.avatar.peach{background:#f9e8db;color:#ad765d}.avatar.sky{background:#e1edf4;color:#668ca4}.attention-copy{min-width:0;flex:1}.attention-copy strong,.attention-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-copy strong{font-size:11px}.attention-copy small{font-size:10px;color:#9aa6a5;margin-top:4px}.attention-time{font-size:10px;color:#a4afab;align-self:flex-start}.attention-item button{border:0;background:#f2f7ef;color:#437c64;border-radius:7px;width:27px;height:27px;display:grid;place-items:center}.attention-item button .icon{width:13px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:17px;margin-top:17px}.flow-table{padding:0 21px 15px}.flow-row{display:grid;grid-template-columns:35px minmax(0,1fr) 80px 64px;gap:9px;align-items:center;border-top:1px solid #eef2ee;padding:13px 0}.flow-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eff5e7;color:#698b4d}.flow-symbol .icon{width:15px}.flow-row strong,.flow-row small{display:block}.flow-row strong{font-size:11px}.flow-row small{font-size:10px;color:#9caaa7;margin-top:3px}.flow-row .metric{font-family:'Plus Jakarta Sans';font-size:12px;font-weight:800;text-align:right}.flow-row .metric small{font-family:'DM Sans';font-weight:500}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#4c8c66;justify-content:flex-end}.status-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#70c484}.insights-card{background:#17373b;color:#fff;border-color:#17373b;padding:21px;position:relative;overflow:hidden}.insights-card:after{content:'';width:190px;height:190px;border:1px solid #3e6060;border-radius:50%;position:absolute;right:-55px;bottom:-90px}.insights-head{display:flex;align-items:center;gap:9px;position:relative;z-index:1}.insights-head .assistant-orb{background:#315956}.insights-head span{font-size:10px;font-weight:800;letter-spacing:1px;color:#bcd2c5}.insights-card h3{font-family:'Plus Jakarta Sans';font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:17px 0 11px;max-width:260px;position:relative;z-index:1}.insights-card p{font-size:11px;line-height:1.6;color:#b6c8c4;margin:0;max-width:290px;position:relative;z-index:1}.insights-card button{margin-top:21px;background:var(--lime);border:0;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:800;color:var(--ink);position:relative;z-index:1}
.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.tabs{display:flex;align-items:center;gap:3px;background:#e9eeeb;padding:4px;border-radius:10px;width:max-content}.tabs button{border:0;background:transparent;padding:8px 12px;border-radius:7px;font-size:11px;font-weight:700;color:#78908a}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #152a3010}.tabs button span{background:#e5efdd;padding:2px 5px;border-radius:5px;margin-left:4px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 11px;height:38px;min-width:230px;color:#9aa7a4}.search-box .icon{width:15px}.search-box input{border:0;outline:0;min-width:0;width:100%;font-size:11px;color:var(--ink);background:transparent}.search-box input::placeholder{color:#a6b2ad}.filter-row{display:flex;gap:8px;align-items:center}.view-count{font-size:11px;color:#8a9894}
.inbox-view{height:calc(100vh - 162px);min-height:580px;display:flex;flex-direction:column}.inbox-view .page-head{margin-bottom:17px}.inbox-view .page-title{font-size:25px}.inbox-layout{display:grid;grid-template-columns:295px minmax(300px,1fr) 280px;flex:1;min-height:0;overflow:hidden}.inbox-list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inbox-list-head{padding:18px 16px 12px;border-bottom:1px solid var(--line)}.inbox-list-head h3{margin:0 0 11px;font-size:13px;font-family:'Plus Jakarta Sans';font-weight:800}.inbox-list-head .search-box{min-width:0;height:34px}.inbox-list{overflow:auto;flex:1}.chat-list-item{width:100%;border:0;border-bottom:1px solid #f0f3f0;background:#fff;text-align:left;padding:14px 13px;display:flex;gap:9px}.chat-list-item:hover{background:#f9fbf7}.chat-list-item.active{background:#f0f7ea;box-shadow:inset 3px 0 #b0d25d}.chat-list-copy{min-width:0;flex:1}.chat-list-title,.chat-list-preview{display:flex;align-items:center;gap:4px}.chat-list-title strong{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-list-title time{font-size:9px;color:#a5b2af}.chat-list-preview{font-size:10px;color:#8b9a98;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-meta{display:flex;gap:5px;margin-top:8px}.mini-tag{background:#eef4ed;color:#6b8b7b;font-size:9px;border-radius:5px;padding:3px 5px;font-weight:700}.mini-tag.red{background:#f7e8e7;color:#bc6a66}.mini-tag.amber{background:#fff1db;color:#a67a37}.unread{background:var(--lime);border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--ink)}.thread-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fbfcfa}.thread-head{background:#fff;border-bottom:1px solid var(--line);padding:13px 18px;display:flex;align-items:center;gap:10px;min-height:66px}.thread-head-main{flex:1;min-width:0}.thread-head-main strong,.thread-head-main small{display:block}.thread-head-main strong{font-size:12px}.thread-head-main small{font-size:10px;color:#9ca9a4;margin-top:2px}.thread-head .icon-button{width:30px;height:30px}.thread-head .icon-button .icon{width:16px}.thread-messages{flex:1;overflow:auto;padding:18px 28px}.date-divider{display:flex;align-items:center;gap:11px;color:#a3afaa;font-size:10px;margin:9px 0 20px}.date-divider:before,.date-divider:after{content:'';height:1px;background:#e8efea;flex:1}.message-row{display:flex;gap:8px;align-items:flex-end;margin:0 0 16px}.message-row.outbound{justify-content:flex-end}.message-bubble{max-width:min(80%,420px);padding:11px 13px;border-radius:12px 12px 12px 3px;background:#fff;border:1px solid #e7ede8;box-shadow:0 1px 3px #153d3810;color:#3f5151;font-size:11px;line-height:1.55;white-space:pre-wrap}.message-row.outbound .message-bubble{background:#dbefbe;border-color:#d4e8b6;border-radius:12px 12px 3px 12px}.message-bubble small{display:block;text-align:right;color:#90a09a;font-size:9px;margin-top:6px}.message-row.outbound .message-bubble small{color:#789372}.message-avatar{width:22px;height:22px;border-radius:50%;background:#e0e7e3;display:grid;place-items:center;font-size:8px;font-weight:800;flex:none}.thread-event{background:#f0f4ef;border:1px solid #e7ece7;border-radius:8px;color:#7b9187;font-size:10px;text-align:center;padding:8px;margin:14px 12%}.composer{background:#fff;border-top:1px solid var(--line);padding:13px 16px}.composer-mode{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.composer-mode span{color:#6e8b82;font-size:10px;font-weight:800}.composer-mode small{font-size:9px;color:#b0bab6}.composer-box{border:1px solid #dce7de;border-radius:11px;display:flex;align-items:flex-end;padding:8px;gap:6px}.composer-box textarea{border:0;background:transparent;resize:none;outline:0;min-height:45px;max-height:100px;flex:1;font-size:11px;padding:5px;color:var(--ink)}.composer-box textarea::placeholder{color:#a6b2ad}.send-button{border:0;background:var(--lime);color:#203832;border-radius:8px;width:33px;height:33px;display:grid;place-items:center}.send-button .icon{width:15px}.composer-hint{font-size:9px;color:#adb8b2;margin-top:7px}.context-pane{border-left:1px solid var(--line);overflow:auto;background:#fff}.context-head{padding:17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.context-head h3{font-family:'Plus Jakarta Sans';font-size:12px;margin:0}.context-profile{text-align:center;padding:22px 13px 15px;border-bottom:1px solid var(--line)}.context-profile .avatar{width:47px;height:47px;border-radius:16px;margin:auto;font-size:15px}.context-profile strong{display:block;margin-top:10px;font-size:12px}.context-profile small{display:block;color:#9baaa4;font-size:10px;margin-top:4px}.context-actions{display:flex;gap:7px;justify-content:center;margin-top:13px}.context-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:700;color:#57756e}.context-section{padding:17px;border-bottom:1px solid var(--line)}.context-section h4{font-size:10px;letter-spacing:1.3px;color:#9aa8a2;margin:0 0 13px}.context-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:10px 0;font-size:10px}.context-line span{color:#a0afa8}.context-line strong{font-weight:700;text-align:right}.context-note{background:#f6f8f5;border-radius:8px;padding:9px;font-size:10px;color:#6b7d77;line-height:1.5}.context-order{border:1px solid var(--line);border-radius:9px;padding:10px}.context-order strong{display:block;font-size:10px}.context-order small{display:block;color:#98a7a1;font-size:9px;margin:5px 0 8px}.context-order .amount{font-weight:800;font-family:'Plus Jakarta Sans';font-size:11px}.empty-chat{height:100%;display:grid;place-items:center;color:#94a69d;text-align:center}.empty-chat .icon{width:30px;height:30px;margin:auto}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.summary-card{padding:18px 20px}.summary-card span{font-size:10px;color:#8da19a}.summary-card strong{display:block;font-family:'Plus Jakarta Sans';font-size:22px;margin-top:8px;letter-spacing:-.7px}.summary-card small{display:block;margin-top:5px;color:#91a09b;font-size:10px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.operation-card{padding:18px 18px 16px;display:flex;flex-direction:column;min-height:205px}.op-card-top{display:flex;align-items:center;justify-content:space-between}.op-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf5e5;color:#63814b}.op-icon.blue{background:#edf1fa;color:#6c7db8}.op-icon.amber{background:#fff3e4;color:#b78550}.op-icon .icon{width:17px}.operation-card h3{font-family:'Plus Jakarta Sans';font-size:13px;letter-spacing:-.2px;margin:17px 0 6px}.operation-card p{font-size:10px;color:#8ca09a;line-height:1.5;margin:0;min-height:29px}.op-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ed;padding-top:12px;margin-top:auto}.op-card-bottom strong{font-size:11px}.op-card-bottom small{color:#a4b1ab;font-size:9px}.pill{border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:5px}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.pill.green{background:#e8f6ea;color:#4d9d68}.pill.amber{background:#fff3df;color:#b7854b}.pill.blue{background:#eef1fa;color:#7889c0}.pill.gray{background:#eff2ef;color:#83928e}.table-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;background:#fafbf9;color:#9aa8a0;font-size:9px;letter-spacing:1px;padding:14px 18px;font-weight:800}.data-table td{border-top:1px solid #f0f3ef;padding:15px 18px;font-size:11px;vertical-align:middle}.data-table td strong{display:block;font-size:11px}.data-table td small{display:block;color:#9eaaa6;font-size:10px;margin-top:4px}.data-table tr:hover td{background:#fcfdfb}.table-action{border:0;background:#f4f7f2;border-radius:7px;width:27px;height:27px;display:grid;place-items:center;color:#688778}.table-action .icon{width:15px}.segment-logic{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.logic-chip{font-size:9px;background:#eff4ef;color:#698276;border-radius:5px;padding:5px 7px;font-weight:700}.logic-join{font-size:9px;color:#abb6b0;font-weight:800}.analytics-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:17px}.analytics-layout .chart-card{min-height:360px}.donut-wrap{display:flex;align-items:center;gap:25px;padding:10px 23px 24px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#244d50 0 59%,#93bf82 59% 82%,#d9ef56 82% 94%,#ebefeb 94%);display:grid;place-items:center;flex:none}.donut:after{content:'CANALES';display:grid;place-items:center;width:103px;height:103px;border-radius:50%;background:#fff;font-size:10px;letter-spacing:1px;font-weight:800;color:#71847f}.donut-legend{display:grid;gap:14px;flex:1}.donut-legend>div{display:flex;align-items:center;gap:8px;font-size:10px}.donut-legend i{width:8px;height:8px;border-radius:50%}.donut-legend strong{margin-left:auto;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.settings-card{padding:22px}.settings-card .op-icon{margin-bottom:15px}.settings-card h3{font-family:'Plus Jakarta Sans';font-size:14px;margin:0 0 6px}.settings-card p{font-size:11px;color:#879792;line-height:1.55;margin:0 0 20px}.settings-list{border-top:1px solid var(--line);padding-top:12px}.settings-list .context-line{font-size:11px;margin:10px 0}.settings-list .context-line strong{color:#406f60}
.modal-backdrop{position:fixed;inset:0;background:#0e272bb0;z-index:80;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(470px,100%);border-radius:18px;box-shadow:0 25px 80px #06181b5e;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:'Plus Jakarta Sans';font-size:17px;margin:0}.modal-body{padding:20px 22px}.modal-body p{color:#7e9089;font-size:11px;line-height:1.6;margin:0 0 17px}.field{display:block;margin:0 0 14px}.field>span{display:block;font-size:10px;font-weight:800;color:#597268;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce7de;border-radius:8px;padding:10px 11px;font-size:11px;background:#fff;color:var(--ink)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:15px 22px;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:22px;background:#17343a;color:#fff;box-shadow:0 12px 35px #0c262b3d;border-radius:10px;padding:12px 16px;font-size:11px;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:.24s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1250px){.sidebar{width:220px;min-width:220px}.topbar{padding:0 24px}#view-root{padding:28px 24px 50px}.inbox-layout{grid-template-columns:260px minmax(280px,1fr)}.context-pane{display:none}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{position:fixed;left:-270px;top:0;bottom:0;transition:left .22s;box-shadow:20px 0 60px #071a1c20}.layout.menu-open .sidebar{left:0}.layout.menu-open:after{content:'';position:fixed;inset:0;background:#0c262b75;z-index:25}.mobile-menu{display:grid}.breadcrumb{margin-right:auto;margin-left:8px}.topbar{height:64px}.dashboard-grid,.dashboard-bottom,.analytics-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-view{height:calc(100vh - 145px)}}
@media(max-width:650px){.topbar{padding:0 15px}.demo-pill{display:none}.breadcrumb{font-size:10px}.topbar-right{gap:4px}#view-root{padding:21px 14px 42px}.page-head{align-items:flex-start;flex-direction:column;gap:14px}.page-title{font-size:24px}.head-actions{width:100%;flex-wrap:wrap}.kpi-grid{gap:9px}.kpi-card{padding:15px;min-height:136px}.kpi-value{font-size:21px}.kpi-label{font-size:10px}.notice-strip{font-size:10px}.notice-strip button{display:none}.chart-card,.attention-card{min-height:0}.dashboard-grid,.dashboard-bottom{gap:11px}.dashboard-bottom{margin-top:11px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary-card{padding:13px}.summary-card strong{font-size:17px}.summary-card span{font-size:9px}.summary-card small{font-size:8px}.cards-grid,.settings-grid{grid-template-columns:1fr}.view-toolbar{flex-direction:column;align-items:stretch}.view-toolbar .search-box{width:100%}.tabs{width:100%;overflow:auto}.tabs button{white-space:nowrap}.table-card{overflow-x:auto}.data-table{min-width:620px}.inbox-view{height:calc(100dvh - 124px);min-height:540px}.inbox-layout{display:block;position:relative}.inbox-list-pane{height:100%;border-right:0}.thread-pane{position:absolute;inset:0;display:none}.inbox-layout.thread-open .thread-pane{display:flex}.inbox-layout.thread-open .inbox-list-pane{display:none}.thread-messages{padding:15px}.context-pane{display:none}.mobile-back{display:grid!important}.thread-head{padding:10px}.section-header{padding:17px 16px 12px}.chart-legend{padding:0 16px}.chart-wrap{padding:7px 12px 15px}.donut-wrap{flex-direction:column}.flow-table{padding:0 15px 12px}.flow-row{grid-template-columns:29px minmax(0,1fr) 55px}.flow-row .status-dot{display:none}}