:root{font-family:"Plus Jakarta Sans",Arial,sans-serif;color:#23243a;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f6f7fb;--surface:#fff;--surface-2:#f8f8fc;--surface-3:#f0eff7;--text:#26263c;--muted:#85869b;--line:#ececf3;--purple:#7557e8;--purple-2:#9278f2;--purple-soft:#f0edff;--green:#21a67a;--green-soft:#e9f8f2;--orange:#e9a34b;--orange-soft:#fff4e5;--red:#e36f7e;--shadow:0 5px 18px rgba(40,37,72,.045);--sidebar:260px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 16px 14px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 24px;color:var(--text)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:800;font-size:19px;background:linear-gradient(140deg,#38b882,#147f68);box-shadow:0 6px 14px #299a7d38}.brand b{display:block;font-size:15px;letter-spacing:-.4px}.brand small{display:block;color:#8f90a2;font-size:9px;letter-spacing:1.8px;font-weight:700;margin-top:2px}.workspace-switch{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px;margin:0 1px 23px}.workspace-avatar{display:grid;place-items:center;width:32px;height:32px;background:#e9f7f3;color:#248d72;border-radius:9px;font-size:10px;font-weight:800}.workspace-switch b,.workspace-switch small{display:block}.workspace-switch b{font-size:11px}.workspace-switch small{font-size:10px;color:var(--muted);margin-top:3px}.plain-icon{background:none;border:0;color:var(--muted);font-size:16px}.workspace-switch .plain-icon{margin-left:auto}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-caption{padding:0 12px 8px;color:#a5a5b5;font-size:9px;letter-spacing:1.2px;font-weight:800}.second-caption{padding-top:23px}.nav-link{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:10px;color:#727389;font-weight:600;transition:.18s ease}.nav-link:hover{background:#f7f6fc;color:#4e4a70}.nav-link.active{background:var(--purple-soft);color:var(--purple)}.nav-icon{width:20px;text-align:center;font-size:17px;line-height:1;color:currentColor}.nav-count{margin-left:auto;font-style:normal;font-size:10px;color:var(--purple);background:#e7e1ff;border-radius:7px;padding:3px 7px}.nav-count.warm{color:#cf8732;background:#fff0d9}.sidebar-bottom{margin-top:auto}.plan-card{background:linear-gradient(140deg,#f5f1ff,#f7f4ff);border:1px solid #eee8ff;border-radius:13px;padding:13px 13px 12px;margin-bottom:12px}.plan-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.plan-glyph{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#e5dcff;color:#795ce4}.plan-tag{font-size:8px;font-weight:800;letter-spacing:.7px;color:#8b70e5;background:#fff;padding:4px 7px;border-radius:6px}.plan-card>b{font-size:11px}.plan-card p{font-size:10px;color:var(--muted);margin:4px 0 9px}.plan-meter{height:4px;background:#e6e0f8;border-radius:8px;overflow:hidden}.plan-meter i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#9277f2,#b69cff);border-radius:8px}.plan-card>a{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;font-weight:700;color:#7256dc}.profile-mini{width:100%;display:flex;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);padding:13px 4px 2px;background:none;text-align:left}.profile-avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f4cfad,#b96b45);color:white;font-size:12px;font-weight:800}.profile-avatar{width:32px;height:32px}.profile-mini b,.profile-mini small{display:block}.profile-mini b{font-size:11px}.profile-mini small{font-size:9px;color:var(--muted);margin-top:3px}.profile-more{margin-left:auto;color:#88899d;font-size:18px}.main-area{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,229,238,.7)}.crumb{display:flex;align-items:center;gap:10px;color:#a0a1b2;font-size:10px;font-weight:700;letter-spacing:.4px}.crumb b{color:#d1d1dc}.crumb strong{font-size:12px;color:var(--text);letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:13px}.global-search{width:210px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:flex;align-items:center;gap:7px;padding:0 9px;color:#a1a2b2}.global-search>span{font-size:19px}.global-search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:10px}.global-search kbd{white-space:nowrap;font-family:inherit;font-size:9px;border:1px solid var(--line);border-radius:4px;padding:3px 4px;color:#a2a2b0}.language-switch{display:flex;padding:3px;background:var(--surface-3);border-radius:7px}.language-switch button{border:0;border-radius:5px;background:none;color:#9091a1;font-size:9px;font-weight:800;padding:5px 6px}.language-switch button.selected{background:var(--surface);color:var(--purple);box-shadow:0 1px 4px #28244012}.top-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:#727389;background:var(--surface);font-size:15px}.top-icon:hover{color:var(--purple);border-color:#dcd5fa}.notification-button i{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:#ee7981;border:1px solid white}.top-avatar{width:32px;height:32px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.mobile-menu{display:none}.page-wrap{width:min(100%,1500px);margin:0 auto;padding:29px 34px 22px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:23px}.page-heading h1{font-size:22px;letter-spacing:-.8px;margin:0;font-weight:800}.page-heading p{color:var(--muted);font-size:11px;margin:7px 0 0}.heading-actions{display:flex;gap:8px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#68697e;font-weight:700;font-size:10px;transition:.18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #342b6610}.button.primary{border-color:var(--purple);background:var(--purple);color:white;box-shadow:0 5px 12px #7557e82b}.button.primary:hover{background:#6346d5}.button.soft{border-color:#e9e4ff;background:var(--purple-soft);color:var(--purple)}.button.small{min-height:29px;padding:0 9px;font-size:9px}.select-control,.input-control{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#696a7e;font-size:10px;outline:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}.kpi-card,.panel,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.kpi-card{padding:15px 16px 13px;min-height:132px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:10px;color:var(--muted);font-weight:600}.kpi-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;font-size:15px}.kpi-icon.purple{background:#f0edff;color:#805fe8}.kpi-icon.green{background:#e8f7f1;color:#27a77c}.kpi-icon.orange{background:#fff4e5;color:#e3a04a}.kpi-icon.blue{background:#eaf4ff;color:#5798db}.kpi-value{font-size:24px;letter-spacing:-1px;font-weight:800;margin-top:9px}.kpi-bottom{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);margin-top:5px}.trend-up{color:#20a779;font-weight:800}.trend-down{color:#dd7480;font-weight:800}.sparkline{position:absolute;right:15px;bottom:12px;width:72px;height:28px;opacity:.82}.content-grid{display:grid;gap:15px}.overview-grid{grid-template-columns:minmax(0,1.75fr) minmax(250px,.85fr);margin-bottom:15px}.panel{padding:16px 17px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{font-size:12px;margin:0;font-weight:800;letter-spacing:-.2px}.panel-head p{font-size:9px;color:var(--muted);margin:5px 0 0}.chart-legend{display:flex;align-items:center;gap:13px;color:#85869a;font-size:9px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8c70ed;margin-right:5px}.legend-dot.green{background:#36b68b}.chart-wrap{height:202px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-gridline{stroke:var(--line);stroke-dasharray:3 4}.chart-line{fill:none;stroke:#8264ec;stroke-width:2.5;stroke-linecap:round}.chart-line-secondary{fill:none;stroke:#39b58b;stroke-width:2.2;stroke-linecap:round}.chart-area{fill:url(#areaFill)}.chart-point{fill:var(--surface);stroke:#8062eb;stroke-width:2;opacity:0;transition:.15s;cursor:pointer}.chart-point-group:hover .chart-point,.chart-point-group:focus .chart-point{opacity:1}.chart-tooltip{position:absolute;display:none;padding:7px 9px;background:#28243c;color:#fff;border-radius:7px;font-size:9px;box-shadow:0 5px 14px #17132b30;pointer-events:none;z-index:2;white-space:nowrap}.chart-labels{display:flex;justify-content:space-between;color:#a4a5b4;font-size:8px;padding-top:4px}.chart-tabs{display:flex;gap:3px;padding:3px;border-radius:7px;background:var(--surface-2)}.chart-tabs button{border:0;padding:5px 7px;border-radius:5px;background:none;color:#9999aa;font-size:8px;font-weight:700}.chart-tabs button.active{background:var(--surface);color:var(--purple);box-shadow:0 1px 3px #22203312}.goal-panel{display:flex;flex-direction:column}.goal-center{display:grid;place-items:center;flex:1;min-height:174px}.goal-ring{width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8367ec 0 71%,#eeeafb 71% 100%);position:relative}.goal-ring:before{content:"";position:absolute;inset:10px;background:var(--surface);border-radius:50%}.goal-ring-inner{position:relative;text-align:center}.goal-ring-inner strong{display:block;font-size:21px;letter-spacing:-.8px}.goal-ring-inner span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.goal-values{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.goal-values span{font-size:8px;color:var(--muted)}.goal-values b{display:block;font-size:12px;color:var(--text);margin-top:4px}.goal-foot{font-size:8px;color:var(--muted);margin:10px 0 0}.lower-grid{grid-template-columns:1.05fr 1.25fr .9fr}.list-panel{min-height:240px}.list-rows{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:10px;padding:10px 1px;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.round-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#f0edff;color:#8367e9;font-size:13px}.round-icon.green{background:#e8f7f1;color:#25a77a}.round-icon.orange{background:#fff4e5;color:#df9840}.list-row-main{min-width:0;flex:1}.list-row-main b,.list-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-main b{font-size:9px}.list-row-main small{font-size:8px;color:var(--muted);margin-top:4px}.status-pill{padding:4px 7px;border-radius:6px;background:var(--green-soft);color:#248b6a;font-weight:700;font-size:8px;white-space:nowrap}.status-pill.pending{background:var(--orange-soft);color:#c88631}.status-pill.neutral{background:var(--surface-3);color:#77788b}.activity-row{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-mark{width:7px;height:7px;border-radius:50%;background:#8a6ce9;margin-top:4px;box-shadow:0 0 0 3px #eeeaff;flex:0 0 7px}.activity-copy{font-size:9px;line-height:1.5;color:#636479}.activity-copy b{color:var(--text)}.activity-copy small{display:block;color:#a0a0af;font-size:8px;margin-top:3px}.task-list{display:grid;gap:9px}.task-item{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.4;color:#65667b}.task-check{appearance:none;width:14px;height:14px;margin:0;border:1px solid #dad9e6;border-radius:4px;background:var(--surface);flex:0 0 14px;cursor:pointer}.task-check:checked{background:var(--purple);border-color:var(--purple);box-shadow:inset 0 0 0 3px white}.task-item.done{color:#a1a1b0;text-decoration:line-through}.task-date{display:block;color:#a1a1b0;font-size:8px;margin-top:3px}.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);gap:10px}.table-toolbar h2{font-size:12px;margin:0}.table-toolbar>div{display:flex;gap:7px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:690px}.data-table th{padding:10px 14px;text-align:left;background:var(--surface-2);color:#9293a5;font-size:8px;letter-spacing:.5px;text-transform:uppercase;font-weight:800}.data-table td{padding:11px 14px;border-top:1px solid var(--line);font-size:9px;color:#636479;white-space:nowrap}.data-table tbody tr:hover{background:var(--surface-2)}.person-cell{display:flex;align-items:center;gap:8px}.person-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eeeaff;color:#7559df;font-weight:800;font-size:9px}.person-cell b{display:block;color:var(--text);font-size:9px}.person-cell small{display:block;color:#a0a0b0;font-size:8px;margin-top:3px}.table-link{color:var(--purple);font-weight:700}.section-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-list{display:grid;gap:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row b{font-size:10px}.setting-row p{font-size:9px;color:var(--muted);margin:4px 0 0;line-height:1.5}.switch{position:relative;width:34px;height:19px;border:0;border-radius:99px;background:#d9d9e4;flex:0 0 34px;transition:.2s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0002}.switch.on{background:var(--purple)}.switch.on:after{left:18px}.stat-card{padding:16px}.stat-card span{font-size:9px;color:var(--muted)}.stat-card strong{display:block;font-size:22px;margin-top:7px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.integration-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.integration-logo{width:36px;height:36px;border-radius:10px;background:var(--purple-soft);display:grid;place-items:center;color:var(--purple);font-size:16px;font-weight:800}.integration-card h3{font-size:11px;margin:12px 0 5px}.integration-card p{min-height:30px;font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 12px}.app-footer{min-height:52px;padding:0 34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9697a8;font-size:9px}.app-footer b{color:#707185}.app-footer>span:last-child{display:flex;gap:20px}.app-footer a:hover{color:var(--purple)}.status-dot{display:inline-block;width:6px;height:6px;background:#2fb487;border-radius:50%;margin-right:4px}.empty-state{padding:45px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:12px;margin:8px 0 4px}.empty-state p{font-size:9px}.toast{position:fixed;right:23px;bottom:20px;padding:11px 15px;background:#29253c;color:white;border-radius:9px;font-size:10px;box-shadow:0 8px 24px #1a173544;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:40}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#1c193055;z-index:50;backdrop-filter:blur(3px)}.modal-backdrop[hidden]{display:none}.modal{width:min(100%,520px);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #1c193055;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{font-size:15px;margin:0}.modal-close{border:0;background:var(--surface-3);width:28px;height:28px;border-radius:8px;color:var(--muted)}.modal-body{font-size:10px;color:#77788c;line-height:1.6}.form-field{display:grid;gap:6px;margin:12px 0}.form-field label{font-size:9px;color:#65667c;font-weight:700}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:10px;color:var(--text);outline:0}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#9b86f0;box-shadow:0 0 0 3px #8e75ed1a}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dark{--bg:#11101b;--surface:#1b1928;--surface-2:#211f30;--surface-3:#292638;--text:#f2f0fa;--muted:#a5a2b5;--line:#302d40;--purple-soft:#2b2542;--green-soft:#1d332e;--orange-soft:#392e22;--shadow:0 5px 18px rgba(0,0,0,.13)}.dark .crumb strong,.dark .kpi-value,.dark .panel-head h2,.dark .goal-values b,.dark .list-row-main b,.dark .activity-copy b,.dark .table-toolbar h2,.dark .setting-row b,.dark .integration-card h3,.dark .app-footer b{color:var(--text)}.dark .nav-link:hover{background:#242132}.dark .plan-card{background:linear-gradient(140deg,#252038,#211d32);border-color:#353047}.dark .goal-ring{background:conic-gradient(#8367ec 0 71%,#343044 71% 100%)}.dark .profile-mini,.dark .data-table th,.dark .data-table td{color:#c6c3d2}.dark .data-table tbody tr:hover{background:#252333}.dark .list-row-main small,.dark .activity-copy,.dark .data-table td,.dark .integration-card p{color:#aaa7ba}.dark .chart-tooltip{background:#f5f3fc;color:#27243b}.mobile-open .sidebar{transform:translateX(0)}@media(max-width:1100px){:root{--sidebar:230px}.topbar{padding:0 24px}.page-wrap{padding:25px 24px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid .list-panel:last-child{grid-column:1/-1}}@media(max-width:760px){:root{--sidebar:260px}.sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:12px 0 35px #17142a12}.mobile-menu{display:grid;place-items:center}.main-area{margin-left:0}.topbar{height:60px;padding:0 15px}.crumb{display:none}.topbar-actions{gap:7px}.global-search{width:35px;border:0;background:transparent;padding:0;justify-content:center}.global-search input,.global-search kbd{display:none}.global-search>span{font-size:21px}.language-switch{margin-left:0}.top-icon{width:31px;height:31px}.top-avatar{width:29px;height:29px}.page-wrap{padding:21px 15px 18px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:19px}.page-heading p{font-size:10px;max-width:450px}.heading-actions .hide-mobile{display:none}.overview-grid{grid-template-columns:1fr}.chart-wrap{height:185px}.goal-panel{min-height:280px}.lower-grid{grid-template-columns:1fr}.lower-grid .list-panel:last-child{grid-column:auto}.section-columns{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.app-footer{padding:10px 15px;gap:8px;align-items:flex-start;flex-direction:column}.app-footer>span:last-child{gap:13px}.overlay{position:fixed;inset:0;background:#17142a55;z-index:9;display:none}.mobile-open .overlay{display:block}}@media(max-width:440px){.kpi-grid{gap:9px}.kpi-card{padding:12px;min-height:124px}.kpi-value{font-size:21px}.kpi-icon{width:28px;height:28px}.panel{padding:13px}.page-heading{align-items:flex-start}.heading-actions{gap:5px}.button{min-height:32px;padding:0 9px;font-size:9px}.integration-grid{grid-template-columns:1fr}.topbar-actions{gap:5px}}
.demo-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:20px;border:1px solid #e4dcff;border-radius:10px;background:linear-gradient(90deg,#f1edff,#fbfaff);color:#7055d5}.demo-banner>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e3dcff;font-size:13px}.demo-banner div{flex:1}.demo-banner b{font-size:8px;letter-spacing:.7px}.demo-banner p{margin:3px 0 0;color:#77738e;font-size:9px;line-height:1.4}.demo-banner .plain-icon{align-self:flex-start;font-size:18px}.dark .demo-banner{background:#252039;border-color:#39324e;color:#b7a7ff}.dark .demo-banner p{color:#b3aec2}.chat-preview{max-width:420px;margin:3px auto 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.chat-preview-head{display:flex;align-items:center;gap:9px;padding:3px 3px 12px;border-bottom:1px solid var(--line)}.chat-preview-head .brand-mark{width:29px;height:29px;font-size:14px;border-radius:9px}.chat-preview-head b,.chat-preview-head small{display:block}.chat-preview-head b{font-size:9px}.chat-preview-head small{font-size:8px;color:var(--muted);margin-top:3px}.chat-preview-head .status-dot{margin-left:auto}.chat-bubble{max-width:84%;padding:9px 10px;border-radius:10px;margin:11px 0;font-size:9px;line-height:1.55}.chat-bubble.bot{background:var(--surface);border:1px solid var(--line);color:var(--text)}.chat-bubble.user{margin-left:auto;background:var(--purple);color:#fff}.chat-input-preview{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#9b9bac;font-size:9px}.chat-input-preview span{color:var(--purple)}.meter-row{margin:17px 0}.meter-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.meter-row span{font-size:9px;color:var(--muted)}.meter-row b{font-size:9px}.wide-meter{height:6px;border-radius:9px;background:var(--surface-3);overflow:hidden}.wide-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8063e9,#b09bfa)}.wide-meter.green-meter i{background:linear-gradient(90deg,#24a77a,#65cfaa)}.callout{padding:10px;border-radius:8px;background:var(--purple-soft);color:#7358d8;font-size:9px;line-height:1.5}.dark .callout{color:#c4b5ff}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px}.knowledge-card{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);transition:.18s}.knowledge-card:hover{border-color:#d8d0fa;transform:translateY(-2px);box-shadow:var(--shadow)}.knowledge-top,.knowledge-bottom{display:flex;align-items:center;justify-content:space-between}.knowledge-card h3{font-size:10px;margin:12px 0 5px}.knowledge-card p{font-size:8px;color:var(--muted);margin:0 0 15px}.knowledge-bottom{padding-top:10px;border-top:1px solid var(--line)}.muted-text{font-size:8px;color:var(--muted)}.lavender{background:#eeeaff;color:#765bdc}.mint{background:#e7f7f1;color:#258d6c}.peach{background:#fff1e5;color:#c47b37}.sky{background:#eaf3ff;color:#5289cb}.rose{background:#ffedf0;color:#ce6579}.integration-card{position:relative}.integration-logo.mint{background:#e7f7f1;color:#258d6c}.integration-logo.blue,.person-dot.sky{background:#eaf3ff;color:#5289cb}.integration-logo.orange,.person-dot.peach{background:#fff1e5;color:#c47b37}.integration-logo.purple{background:#eeeaff;color:#765bdc}.integration-logo.green{background:#e7f7f1;color:#258d6c}.integration-logo.sky{background:#eaf3ff;color:#5289cb}.integration-status{position:absolute;right:13px;top:20px;color:var(--muted);font-size:8px}.integration-status .status-dot{width:6px;height:6px;margin:0 4px 0 0}.status-dot.inactive{background:#c3c3cf}.code-panel{margin-top:15px}.code-panel pre{padding:14px;overflow:auto;border-radius:9px;background:#211e31;color:#d6cfff;font-size:9px;line-height:1.6}.intent-bars{display:grid;gap:13px}.intent-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px}.intent-bars b{font-size:9px}.intent-bars i{height:6px;grid-column:1/-1;border-radius:9px;background:var(--surface-3);overflow:hidden}.intent-bars em{display:block;height:100%;border-radius:9px}.token-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 0}.token-stats span,.token-stats b{display:block}.token-stats span{font-size:8px;color:var(--muted)}.token-stats b{font-size:15px;margin-top:5px}.member-row{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border:0}.member-row>b{font-size:9px;flex:1}.member-row .plain-icon{font-size:15px}.billing-hero{display:flex;align-items:center;justify-content:space-between;padding:22px;background:linear-gradient(115deg,#f5f1ff,#fff)}.billing-hero h2{font-size:19px;margin:12px 0 5px}.billing-hero p{font-size:9px;color:var(--muted);margin:0 0 13px}.billing-price b{font-size:34px;letter-spacing:-1.5px}.billing-price span{display:block;font-size:8px;color:var(--muted)}.billing-columns{margin-top:15px}.billing-columns .panel{min-height:220px}.notification-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}.notification-item:last-child{border:0}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:9px;color:var(--text)}.notification-item small{font-size:8px;color:var(--muted);margin-top:4px}.conversation-summary{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--line)}.chat-thread{padding:8px 0}.profile-menu{display:grid;gap:3px}.profile-menu a,.profile-menu button{padding:9px;border:0;border-radius:7px;text-align:left;background:var(--surface-2);color:var(--text);font-size:10px}.profile-menu a:hover,.profile-menu button:hover{background:var(--purple-soft);color:var(--purple)}.dark .billing-hero{background:linear-gradient(115deg,#27213c,#211e2d)}.dark .profile-menu a,.dark .profile-menu button{background:#242233;color:var(--text)}.dark .knowledge-card{background:var(--surface)}@media(max-width:900px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.knowledge-grid{grid-template-columns:1fr;padding:12px}.billing-hero{align-items:flex-start;gap:12px;padding:16px}.billing-price b{font-size:26px}.demo-banner{align-items:flex-start}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar>div{width:100%}.table-toolbar input{flex:1;min-width:0}.integration-status{top:15px;right:12px}}

/* Pangreen plugin-aligned application shell and accessible content scale */
:root{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--sidebar:276px;--green:#006633;--green-soft:#e9f4ec;--gold:#d9a826}
body{font-size:14px}.sidebar{overflow-y:auto;scrollbar-width:thin;padding:18px 13px 12px}.brand{padding:0 8px 18px}.brand-mark{background:#edf5ef;box-shadow:none;border:1px solid #dcebe0}.brand-mark img{width:24px;height:24px}.brand b{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:15px;color:#143e2a}.brand small{font-size:9px}.workspace-switch{margin-bottom:14px}.main-nav{gap:3px}.nav-caption{padding-top:15px}.nav-caption:first-child{padding-top:5px}.nav-link{min-height:39px;font-size:12px;border:1px solid transparent}.nav-link.active{font-weight:750}.nav-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px}.nav-icon img{width:19px;height:19px}.nav-count{font-size:10px}.main-area{min-width:0}.topbar{height:68px;padding:0 clamp(16px,2.2vw,30px);gap:12px}.topbar-actions{gap:9px}.crumb{flex:1}.global-search{width:min(220px,20vw)}.top-icon{width:36px;height:36px}.page-wrap{padding:26px clamp(18px,2.2vw,36px) 42px}.page-heading{margin-bottom:20px}.page-heading h1{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:clamp(21px,1.65vw,27px);line-height:1.2;letter-spacing:-.03em;color:#243a4e}.page-heading p{font-size:13px;line-height:1.55}.panel{padding:18px;border-radius:13px}.panel-head h2{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:15px;letter-spacing:-.02em}.panel-head p{font-size:11px;line-height:1.5}.kpi-card{min-height:136px;padding:16px}.kpi-label{font-size:11px}.kpi-value{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:26px}.kpi-bottom{font-size:10px}.button{min-height:36px;padding:0 13px;font-size:11px;font-weight:700;border-radius:9px}.button.small{min-height:31px;font-size:10px}.status-pill{font-size:9px;padding:5px 8px}.data-table th{font-size:9px}.data-table td{font-size:11px;padding:12px}.person-cell b{font-size:11px}.person-cell small{font-size:9px}.setting-row b{font-size:12px}.setting-row p{font-size:10px}.form-field label{font-size:10px}.form-field input,.form-field textarea,.form-field select{font-size:12px}.app-footer{min-height:44px;margin-top:auto;padding:0 clamp(18px,2.2vw,36px);font-size:11px}.app-footer b{color:#234532}.app-footer a{transition:color .18s ease,transform .18s ease}.app-footer a:hover{color:var(--green)}.sidebar-bottom{padding-top:10px}.quick-access-panel{position:fixed;top:58px;z-index:30;width:min(300px,calc(100vw - 24px));padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 18px 48px #17142a22}.quick-access-panel[hidden]{display:none}.quick-access-panel>strong{display:block;font:700 14px Sora,"Plus Jakarta Sans",sans-serif;margin-bottom:12px}.quick-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quick-access-grid a{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px;color:var(--text);font-size:11px;font-weight:650}.quick-access-grid a:hover{background:var(--purple-soft);color:var(--purple)}.quick-access-grid img{width:19px;height:19px}.learning-ask{margin-bottom:16px}.learning-ask-form{display:flex;gap:10px}.learning-ask-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:11px 12px;color:var(--text);font:inherit}.learning-answer{margin-top:12px;padding:13px;border:1px solid #e1dbfa;border-radius:10px;background:var(--purple-soft);color:var(--text);font-size:12px}.learning-answer[hidden]{display:none}.learning-answer p{margin:5px 0 10px;color:var(--muted);line-height:1.55}.learning-queue{padding:5px 16px}.learning-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.learning-item:last-child{border-bottom:0}.learning-item>div{flex:1;min-width:0}.learning-item b,.learning-item small{display:block}.learning-item b{font-size:11px}.learning-item small{margin-top:4px;color:var(--muted);font-size:9px}.learning-item[hidden]{display:none}.learning-item .round-icon{font-size:12px}.dark .brand b{color:#f2f0fa}.dark .brand-mark{background:#242233;border-color:#38334d}.dark .page-heading h1{color:var(--text)}.dark .learning-answer{background:#252039;border-color:#39324e}.dark .quick-access-panel{background:var(--surface)}
@media(max-width:1200px){:root{--sidebar:250px}.nav-link{font-size:11px}.quick-access-panel{top:54px}}
@media(max-width:760px){.sidebar{padding-top:16px}.main-nav{padding-bottom:16px}.topbar{gap:6px;padding:0 12px}.topbar>#quickAccessButton{display:none}.topbar-actions{gap:6px}.global-search{width:36px;padding:0;justify-content:center}.learning-ask-form{flex-direction:column}.learning-ask-form .button{align-self:flex-start}.app-footer{min-height:54px}}
.sidebar-collapsed{--sidebar:78px}.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .workspace-switch>span:not(.workspace-avatar),.sidebar-collapsed .workspace-switch>button,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-link>span:not(.nav-icon),.sidebar-collapsed .nav-count,.sidebar-collapsed .plan-card,.sidebar-collapsed .profile-mini>span:not(.profile-avatar){display:none}.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .workspace-switch{justify-content:center;padding:8px}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .profile-mini{justify-content:center}.desktop-collapse{flex:none}.chat-input-preview{gap:8px}.chat-input-preview input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.chat-input-preview button{border:0;border-radius:7px;padding:4px 8px;background:var(--purple);color:#fff}.appearance-preview{max-width:500px;margin:0 auto 24px}.appearance-preview .brand-mark img{width:19px;height:19px}.settings-preview-head{margin-top:24px}
@media(max-width:760px){.desktop-collapse{display:none}.sidebar-collapsed{--sidebar:276px}.sidebar-collapsed .sidebar{padding-left:13px;padding-right:13px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .workspace-switch>span:not(.workspace-avatar),.sidebar-collapsed .workspace-switch>button,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-link>span:not(.nav-icon),.sidebar-collapsed .nav-count,.sidebar-collapsed .plan-card,.sidebar-collapsed .profile-mini>span:not(.profile-avatar){display:initial}.sidebar-collapsed .sidebar-bottom .plan-card{display:block}.sidebar-collapsed .nav-link{justify-content:flex-start}.sidebar-collapsed .profile-mini{justify-content:flex-start}}
.footer-back-top{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:17px;transition:transform .18s ease,color .18s ease,border-color .18s ease}.footer-back-top:hover{transform:translateY(-3px);color:var(--purple);border-color:#b8a9f4}
.top-create{white-space:nowrap}.top-create span{display:inline}@media(max-width:760px){.top-create{display:none}}
.quick-create-list{display:grid;gap:7px}.quick-create-list a{padding:12px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:650}.quick-create-list a:hover{background:var(--purple-soft);color:var(--purple)}