:root{--navy:#084e87;--navy-dark:#07365d;--teal:#009f89;--teal-dark:#007d70;--ink:#152b3c;--muted:#6d7e89;--line:#e2ecf0;--bg:#f4f8fa;--white:#fff;--soft-blue:#eaf4fc;--soft-teal:#e6f7f3;--warning:#a16b00;--soft-amber:#fff7e6;--shadow:0 13px 40px rgba(20,57,76,.055);--radius:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;z-index:99;top:-100px;left:15px;padding:10px;background:var(--white)}.skip-link:focus{top:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6ebfc1;outline-offset:3px}
.application{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);width:260px;min-width:260px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:27px 18px 23px;z-index:30}.brand{display:flex;align-items:center;gap:11px;margin:0 4px 35px;color:var(--navy);font-size:21px;line-height:1;font-weight:850;letter-spacing:-.7px}.brand img{width:43px;height:43px;object-fit:contain}.brand strong{color:var(--teal)}.brand small{display:block;color:#8b9aa3;font-weight:700;font-size:9px;letter-spacing:1.8px;margin-top:7px}.sidebar-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#96a4ac;padding:0 18px;margin-bottom:12px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;border:0;background:transparent;width:100%;text-align:left;color:#637483;border-radius:11px;padding:12px 14px;font-size:13px;font-weight:650;transition:background .15s,color .15s}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:#f2f8f9;color:var(--navy)}.nav-link.active{background:#e8f6f3;color:var(--teal-dark);font-weight:800}.nav-link .counter{margin-left:auto;background:#deecf0;border-radius:100px;padding:1px 7px;font-size:10px;color:var(--navy)}.sidebar-bottom{margin-top:auto}.sidebar-mini{padding:14px 12px;background:#f1f8f9;border:1px solid #dfebed;border-radius:14px;display:flex;gap:9px;align-items:flex-start}.mini-icon{color:var(--teal)}.mini-icon svg{width:18px;height:18px}.sidebar-mini b{font-size:11px;display:block}.sidebar-mini small{color:#71838c;font-size:10px}.sidebar-footer{color:#9aa7ae;font-size:11px;line-height:1.8;padding:20px 8px 0}.sidebar-footer span{float:right}.sidebar-footer small{font-size:10px}.sidebar-backdrop{display:none}
.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:82px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;gap:16px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:17px}.breadcrumb{font-size:13px;color:#8b9da7;font-weight:600}.breadcrumb span{margin:0 7px;color:#bac9cf}.breadcrumb b{color:var(--navy)}.topbar-small{font-size:11px;color:#94a2ab;margin-top:3px}.live-chip{background:#e7f5ef;border:1px solid #d2e9dc;border-radius:20px;color:#278470;padding:7px 10px;font-size:9px;font-weight:850;letter-spacing:1px;white-space:nowrap}.live-chip span{background:#39ba9c;display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.role-switch{display:flex;flex-direction:column;gap:2px}.role-switch span{color:#9ba9b1;font-size:9px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}.role-switch select{min-width:184px;border:1px solid #dce8ec;background:white;border-radius:9px;font-weight:750;font-size:12px;color:#27465a;padding:8px 10px}.profile-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--teal));display:grid;place-items:center;color:white;font-size:12px;font-weight:800}.mobile-menu{display:none}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:10px;color:var(--ink)}.icon-button svg{width:19px;height:19px}
.demo-disclaimer{margin:23px 36px 0;padding:12px 15px;border:1px solid #c9e7e4;border-radius:11px;background:#eefaf7;display:flex;align-items:flex-start;gap:11px;color:#47756e;font-size:11.5px}.demo-disclaimer svg{width:17px;height:17px;color:var(--teal);margin-top:1px}.demo-disclaimer span{flex:1}.demo-disclaimer strong{color:var(--teal-dark)}.link-button{border:0;background:transparent;color:var(--navy);font-size:11px;font-weight:800;white-space:nowrap}.link-button:hover{text-decoration:underline}.main-content{width:100%;max-width:1520px;margin:0 auto;padding:30px 36px 46px;flex:1}.workspace-footer{display:flex;justify-content:space-between;gap:12px;color:#a3b0b8;font-size:10px;padding:16px 36px 25px;border-top:1px solid var(--line)}
.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.page-kicker{font-size:10px;letter-spacing:1.7px;color:var(--teal);font-weight:800;text-transform:uppercase;margin:0 0 7px}.page-title{font-size:31px;color:#17394d;letter-spacing:-1.2px;line-height:1.16;margin:0;font-weight:850}.page-subtitle{color:#7d8c96;font-size:13px;max-width:680px;line-height:1.65;margin:10px 0 0}.title-actions{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;padding:10px 16px;font-size:12px;font-weight:800;line-height:1.3;transition:transform .12s,background .12s,color .12s;text-align:center}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:var(--teal-dark)}.button.navy{background:var(--navy);color:white}.button.outline{color:var(--navy);border-color:#d6e6ec;background:white}.button.outline:hover{background:#f1f7fa}.button.soft{color:var(--teal-dark);background:var(--soft-teal)}.button.danger{color:#b64d4d;background:#fff1ee;border-color:#f5ded7}.button.small{padding:7px 10px;border-radius:8px;font-size:11px}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.grid{display:grid;gap:19px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.dashboard-split.alt{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}.card{background:white;border:1px solid #e5eef0;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:23px}.card.no-pad{padding:0;overflow:hidden}.card.slim{padding:17px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.card-head h3,.card h3{font-size:15px;margin:0;font-weight:820;letter-spacing:-.25px;color:#204054}.card-head p,.card-sub{color:#8d9ba4;font-size:11px;margin:4px 0 0}.head-link{font-size:11px;color:var(--teal-dark);font-weight:800;border:0;background:none;white-space:nowrap}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal)}.text-muted{color:#8a9aa4}.small-text{font-size:11px}.spacer-16{height:16px}.spacer-20{height:20px}.spacer-24{height:24px}.section-caption{color:#8799a4;font-size:11px;line-height:1.55}.banner{background:linear-gradient(115deg,#084b80 5%,#0b7991 87%,#009e87 120%);border-radius:20px;color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden;min-height:218px}.banner:before,.banner:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:330px;height:330px;right:-40px;top:-170px}.banner:after{width:245px;height:245px;right:84px;top:90px}.banner-content{z-index:1;max-width:610px}.banner .eyebrow{color:#a3e6da}.banner h2{font-size:28px;letter-spacing:-.95px;line-height:1.2;margin:9px 0 10px}.banner p{color:#d0e9f1;font-size:12px;line-height:1.7;margin:0 0 18px;max-width:500px}.banner .button{background:white;color:var(--navy)}.banner-art{position:relative;z-index:1;min-width:170px;display:flex;justify-content:center}.banner-symbol{display:grid;place-items:center;width:140px;height:140px;border-radius:28px;background:rgba(255,255,255,.14);transform:rotate(-10deg);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px)}.banner-symbol svg{width:75px;height:75px;stroke-width:1.25;transform:rotate(10deg)}
.metric{position:relative;min-height:138px;padding:21px;border:1px solid #e4edf1;border-radius:15px;background:white;box-shadow:var(--shadow)}.metric-title{color:#82939d;font-size:11px;font-weight:680;margin:0 0 13px}.metric-value{font-size:26px;letter-spacing:-1px;font-weight:850;color:#20445a;line-height:1}.metric-caption{color:#9aa9b1;font-size:10px;margin-top:12px}.metric-icon{position:absolute;right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ecf8f5;color:var(--teal)}.metric-icon.blue{background:#ebf3fa;color:var(--navy)}.metric-icon svg{width:19px;height:19px}.metric .mini-progress{height:5px;background:#e8f0f3;margin-top:14px;border-radius:9px;overflow:hidden}.metric .mini-progress i{display:block;height:100%;background:var(--teal);border-radius:9px}
.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0 17px}.mood-option{border:1px solid #e4ecef;border-radius:12px;background:#fbfdfd;padding:13px 7px;text-align:center;color:#758995;font-size:11px;font-weight:750}.mood-option .emoji{font-size:25px;display:block;margin-bottom:8px}.mood-option.selected{border:2px solid var(--teal);background:#effbf7;color:var(--teal-dark);padding:12px 6px}.mood-result{background:#f3f9f7;border-radius:10px;padding:12px 14px;font-size:11px;color:#56766e;line-height:1.6}.quick-action{display:flex;align-items:center;gap:12px;background:#f9fcfc;border:1px solid #e5f0f1;border-radius:11px;padding:12px;margin-top:9px;text-align:left;width:100%;color:#274457}.quick-action:hover{border-color:#9bdad0;background:#f3fbf9}.quick-icon{background:#e8f8f4;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--teal)}.quick-icon.blue{background:#eaf3fb;color:var(--navy)}.quick-action span{flex:1;font-weight:750;font-size:12px}.quick-action small{display:block;color:#9aa8b0;font-size:10px;font-weight:500;margin-top:3px}.quick-action>svg{color:#96aeb5;width:16px;height:16px}.rows{display:flex;flex-direction:column;gap:11px}.appointment-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eff3f5}.appointment-row:last-child{border-bottom:0}.appointment-date{min-width:57px;text-align:center;border-radius:10px;background:#eef7f9;color:var(--navy);padding:8px 5px}.appointment-date strong{display:block;font-size:19px;line-height:1.1}.appointment-date small{font-size:9px;text-transform:uppercase;font-weight:750}.appointment-main{flex:1;min-width:0}.appointment-main b{font-size:12px;display:block;color:#27465a}.appointment-main small{color:#93a1a9;font-size:10px;display:block;margin-top:4px}.status{display:inline-block;background:#ecf6fa;color:#438096;border-radius:30px;font-size:9px;font-weight:780;letter-spacing:.2px;padding:5px 9px;white-space:nowrap}.status.confirm{background:#e7f7ee;color:#238565}.status.wait{background:#fff6e6;color:#a5781f}.status.done{background:#eaf1f5;color:#688192}.status.decline{background:#fceeee;color:#ac6c6c}.empty{padding:24px;color:#899aa3;text-align:center;font-size:12px;border:1px dashed #d7e5ea;border-radius:12px;background:#fcfefe}.empty svg{width:30px;height:30px;display:block;margin:0 auto 8px;color:#9db6bb}.list-steps{list-style:none;margin:0;padding:0;counter-reset:steps}.list-steps li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f3}.list-steps li:last-child{border-bottom:0}.step-number{width:28px;height:28px;border-radius:50%;background:#ebf8f4;display:grid;place-items:center;color:var(--teal);font-weight:850;font-size:12px}.list-steps b{display:block;font-size:11px;color:#385166}.list-steps small{display:block;color:#99a6ae;font-size:10px;margin-top:3px}.soft-notice{background:#f0f9f7;border:1px solid #dcf0e9;border-radius:12px;color:#487a73;padding:13px 15px;font-size:11px;line-height:1.6;display:flex;gap:10px}.soft-notice svg{width:17px;height:17px;color:var(--teal);margin-top:1px}.soft-notice.warn{background:#fff9ed;border-color:#f4e6c6;color:#876f40}.soft-notice.warn svg{color:#bc8a37}
.form{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label,.field-label{color:#445e6e;font-size:11px;font-weight:800}.field input,.field select,.field textarea,.chat-form input,.forum-form textarea{background:#fff;width:100%;border:1px solid #dce8ec;border-radius:9px;padding:12px 13px;font-size:12px;outline:0;color:#284255}.field input:focus,.field select:focus,.field textarea:focus,.chat-form input:focus{border-color:#30ac9b;box-shadow:0 0 0 3px #e3f6f2}.field textarea{resize:vertical;min-height:102px}.field-hint{font-size:10px;color:#9aa9b2}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-bottom{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.provider{border:1px solid #e1ebef;border-radius:13px;padding:16px;display:flex;align-items:center;gap:13px;background:white}.provider-pic{height:49px;width:49px;border-radius:14px;background:#e9f6fb;color:var(--navy);display:grid;place-items:center;font-weight:850;font-size:18px}.provider-pic.teal{background:#e4f7f1;color:var(--teal)}.provider-info{flex:1}.provider-info b{display:block;font-size:12px;color:#2d4b5d}.provider-info small{display:block;color:#90a2ab;font-size:10px;margin-top:3px}.provider-meta{display:block;font-size:10px;color:#5c9a89;margin-top:5px;font-weight:720}
.chat-shell{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,.85fr);gap:19px;align-items:start}.chat-panel{padding:0;overflow:hidden}.chat-panel-header{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#ecf8f6,#f7fcfc);padding:18px 23px;border-bottom:1px solid #ddefec}.chat-panel-header .bot-pic{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:white}.bot-pic svg{width:22px;height:22px}.chat-panel-header b{font-size:13px}.chat-panel-header small{display:block;font-size:10px;color:#7e9795;margin-top:2px}.chat-messages{height:370px;overflow-y:auto;padding:23px;display:flex;flex-direction:column;gap:13px;background:#fff}.bubble{font-size:12px;line-height:1.65;max-width:80%;padding:12px 15px;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.bot{background:#eff6f7;border-top-left-radius:3px;color:#3c6268;align-self:flex-start}.bubble.user{background:var(--navy);color:white;border-top-right-radius:3px;align-self:flex-end}.chat-prompts{display:flex;gap:7px;flex-wrap:wrap;padding:0 23px 13px}.topic-chip{border-radius:20px;background:#f4f9fa;border:1px solid #dfecef;padding:7px 10px;color:#537e82;font-weight:720;font-size:10px}.topic-chip:hover{background:#e8f7f3}.chat-form{display:flex;gap:10px;padding:16px 20px 20px;border-top:1px solid #f0f3f4}.chat-form input{flex:1}.chat-form .button{padding:10px 13px}.helper-list{padding-left:18px;margin:8px 0;color:#6e8893;font-size:11px;line-height:1.8}.helper-list li{margin-bottom:6px}
.quiz-question{border:1px solid #e5edef;background:#fff;border-radius:12px;padding:17px;margin-bottom:11px}.quiz-question h4{font-size:12px;color:#35536a;margin:0 0 12px}.quiz-options{display:flex;gap:15px;flex-wrap:wrap}.quiz-option{display:flex;align-items:center;gap:7px;font-size:11px;color:#637c89;cursor:pointer}.quiz-option input{accent-color:var(--teal)}.result-tag{display:inline-flex;background:var(--soft-teal);color:var(--teal-dark);border-radius:40px;padding:8px 14px;font-size:12px;font-weight:850;margin:6px 0 12px}.progress-bar{height:8px;border-radius:8px;overflow:hidden;background:#e9f0f2;margin:8px 0 13px}.progress-bar>span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--navy),var(--teal))}.result-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eff3f4;font-size:12px}.result-list b{color:var(--navy)}
.article-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.article-visual{height:130px;background:linear-gradient(120deg,#e3f3fa,#cceae7);display:flex;align-items:center;justify-content:center;color:var(--navy)}.article-visual svg{width:56px;height:56px;stroke-width:1.1}.article-card:nth-child(2) .article-visual{background:linear-gradient(120deg,#edf8f2,#dbf4f2);color:var(--teal)}.article-card:nth-child(3) .article-visual{background:linear-gradient(120deg,#e8eff8,#e9f4f6);color:var(--navy)}.article-body{padding:19px;display:flex;flex-direction:column;flex:1}.article-body .eyebrow{font-size:9px}.article-body h3{font-size:14px;margin:9px 0 7px;line-height:1.4}.article-body p{font-size:11px;color:#8799a4;line-height:1.65;margin:0 0 15px;flex:1}.article-body .head-link{align-self:flex-start}.event{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf3f4}.event:last-child{border-bottom:0}.event-icon{width:43px;height:43px;border-radius:10px;background:var(--soft-blue);color:var(--navy);display:grid;place-items:center}.event div:nth-child(2){flex:1}.event b{font-size:11px;display:block;color:#365667}.event small{font-size:10px;color:#94a5ad;display:block;margin-top:4px}
.forum-post{border:1px solid #e4ecee;border-radius:13px;background:white;padding:19px;margin-bottom:12px}.post-top{display:flex;gap:10px;align-items:center;margin-bottom:11px}.post-avatar{background:#dff3f1;color:var(--teal-dark);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.post-top b{font-size:11px;display:block;color:#3e5c68}.post-top small{font-size:10px;color:#9eabb1}.post-title{font-size:14px;font-weight:820;color:#2e4e64;margin:0 0 7px}.post-copy{font-size:11px;color:#718894;margin:0 0 13px;line-height:1.7}.post-bottom{display:flex;gap:8px;align-items:center}.tag{display:inline-block;background:#edf8f5;border-radius:22px;color:#588d83;font-size:10px;padding:5px 10px;font-weight:750}.vote{border:1px solid #e3edf0;border-radius:30px;background:#f9fcfc;color:#6a8790;padding:5px 10px;font-size:10px;font-weight:800}.vote:hover{border-color:#addfce}.post-bottom .status{margin-left:auto}.moderation{display:flex;flex-wrap:wrap;gap:7px;margin-left:auto}.post-bottom:has(.moderation) .status{margin-left:0}
.table-wrap{overflow-x:auto;border-radius:13px;border:1px solid #e4edf0;background:white}.data-table{border-collapse:collapse;width:100%;min-width:640px;text-align:left}.data-table th{font-size:10px;letter-spacing:.3px;color:#8a9ba4;font-weight:800;background:#f9fbfc;padding:14px 16px;white-space:nowrap}.data-table td{padding:15px 16px;border-top:1px solid #eff3f4;color:#597281;font-size:11px;vertical-align:middle}.data-table td b{color:#264a5e;font-size:11px}.table-buttons{display:flex;gap:6px;flex-wrap:wrap}.table-empty{padding:20px;text-align:center;color:#8c9ba5;font-size:12px}
.bar-chart{display:flex;gap:19px;align-items:flex-end;height:187px;border-bottom:1px solid #e7eef1;padding:10px 12px 0;margin:13px 0 30px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.bar-col span{font-size:10px;font-weight:800;color:var(--navy)}.bar-fill{background:linear-gradient(0deg,#009f89,#7fd3c5);border-radius:8px 8px 0 0;width:62%;max-width:68px;min-width:15px}.bar-col:nth-child(even) .bar-fill{background:linear-gradient(0deg,#084e87,#78abd1)}.bar-col small{font-size:10px;color:#92a2aa;position:relative;top:26px}.stat-line{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf3f4;font-size:12px;color:#667e8b}.stat-line:last-child{border-bottom:0}.stat-line b{font-size:13px;color:#24556b}.member-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eef2f5}.member-row:last-child{border-bottom:0}.member-row .post-avatar{width:40px;height:40px}.member-row b{display:block;font-size:12px;color:#385968}.member-row small{display:block;color:#93a5af;font-size:10px}.member-row>span:last-child{margin-left:auto}.plan{border:1px solid #dfebee;border-radius:14px;padding:22px;background:white}.plan.featured{border:2px solid var(--teal);background:#f9fefd}.plan h3{font-size:17px;margin-bottom:4px}.plan p{color:#8198a3;font-size:11px;min-height:45px}.plan h2{color:var(--navy);font-size:24px;margin:18px 0}.plan ul{list-style:none;margin:15px 0 20px;padding:0}.plan li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;font-size:11px;color:#597784}.plan li svg{width:16px;height:16px;color:var(--teal)}
.profile-card{display:flex;gap:15px;align-items:center}.profile-big{height:74px;width:74px;background:linear-gradient(145deg,var(--navy),var(--teal));border-radius:19px;color:white;display:grid;place-items:center;font-size:28px;font-weight:850}.profile-card h3{font-size:19px;margin-bottom:4px}.profile-card p{font-size:11px;color:#8298a3;margin:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #eaf0f2}.switch-row:last-child{border-bottom:0}.switch-row b{font-size:12px;color:#375669;display:block}.switch-row small{font-size:10px;color:#91a3ad;display:block;margin-top:4px}.toggle{position:relative;width:44px;height:25px;display:inline-block;flex:none}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;border-radius:25px;background:#c7d7dc;cursor:pointer;transition:background .15s}.toggle span:after{content:"";width:19px;height:19px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .15s}.toggle input:checked+span{background:var(--teal)}.toggle input:checked+span:after{left:22px}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,32,48,.5);z-index:80;display:flex;align-items:center;justify-content:center;padding:18px}.modal-backdrop[hidden]{display:none}.dialog{background:#fff;position:relative;width:min(100%,560px);max-height:90vh;overflow-y:auto;padding:31px;border-radius:19px;box-shadow:0 25px 90px #001e3438}.dialog h2{font-size:21px;margin:0 25px 16px 0;color:#20455b}.dialog p{font-size:12px;color:#607b86;line-height:1.75}.dialog .close-modal{position:absolute;right:18px;top:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.toast{position:fixed;right:25px;bottom:25px;z-index:110;color:white;background:#174b60;box-shadow:0 12px 36px #07384d33;padding:14px 19px;border-radius:12px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;max-width:min(420px,calc(100vw - 30px))}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1280px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:236px;min-width:236px}.topbar{padding:0 25px}.main-content{padding:25px}.demo-disclaimer{margin:19px 25px 0}.dashboard-split{grid-template-columns:1.35fr 1fr}}
@media(max-width:1050px){.sidebar{width:210px;min-width:210px}.topbar-small,.live-chip{display:none}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split,.dashboard-split.alt,.chat-shell{grid-template-columns:1fr}.banner-art{min-width:120px}}
@media(max-width:790px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;min-width:260px;transform:translateX(-101%);transition:transform .18s;box-shadow:20px 0 50px #082e4b14}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{display:block;background:#061d314d;position:fixed;inset:0;z-index:25}.mobile-menu{display:grid}.topbar{height:72px;padding:0 18px}.main-content{padding:23px 18px 38px}.demo-disclaimer{margin:17px 18px 0}.profile-avatar{display:none}.workspace-footer{padding:18px;font-size:10px}.page-title{font-size:26px}.banner{padding:25px;min-height:190px}.banner h2{font-size:24px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.topbar{padding:0 13px}.topbar-actions{gap:6px}.topbar-left{gap:8px}.role-switch select{min-width:0;width:152px;padding:7px 5px;font-size:11px}.role-switch span{font-size:8px}.breadcrumb{font-size:11px}.demo-disclaimer{font-size:10px;line-height:1.5;align-items:start}.demo-disclaimer .link-button{font-size:9px}.main-content{padding:23px 14px 40px}.page-title{font-size:25px}.page-title-row{align-items:flex-start;flex-direction:column;gap:12px}.page-subtitle{font-size:12px}.grid-4,.grid-3,.grid-2,.dashboard-split,.dashboard-split.alt,.field-row{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{min-height:0;padding:24px}.banner-art{display:none}.banner h2{font-size:23px}.card{padding:18px}.card.slim{padding:14px}.metric{min-height:112px}.form-bottom{flex-wrap:wrap}.workspace-footer{flex-direction:column}.live-chip{display:none}.chat-messages{height:330px;padding:16px}.chat-panel-header{padding:14px}.chat-form{padding:12px}.chat-prompts{padding:0 13px 14px}.bubble{max-width:93%}.dialog{padding:24px 18px}.provider{flex-wrap:wrap}.provider .button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Override the shared icon-button display property for the desktop breakpoint. */
@media (min-width:791px){.icon-button.mobile-menu{display:none}}
@media (max-width:790px){.icon-button.mobile-menu{display:grid}}

.toggle:focus-within{outline:3px solid #7bcac1;outline-offset:3px;border-radius:30px}