.product-tour{padding:76px 0 58px;color:#fff;background-color:#163b2f;background-image:none;background-size:72px 72px;scroll-margin-top:85px}.tour-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}.tour-intro h2{color:#fff;margin:0;font-size:clamp(2.1rem,3.5vw,3.5rem)}.tour-intro>p{max-width:350px;color:#c4d6cd;margin:0;font-size:1rem}.section-label{color:#b8e9cf;font-size:.75rem;letter-spacing:.1em;font-weight:600;margin:0 0 14px}.tour-tabs,.tour-frame,.tour-caption{max-width:940px;margin-left:auto;margin-right:auto}.tour-tabs{display:flex;padding:4px;gap:3px;border:1px solid var(--line);background:#eef3ef;border-radius:5px;margin-bottom:14px}.tour-tabs button{flex:1;border:0;background:none;color:#cddfd5;padding:10px 8px;font:500 .875rem/1.3 Inter,sans-serif;border-radius:3px;cursor:pointer;white-space:nowrap}.tour-tabs button[aria-selected=true]{background:#eef3ef;color:#163b2f}.tour-tabs button:hover{background:#eef3ef}.tour-tabs button[aria-selected=true]:hover{background:#eef3ef}.tour-frame{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:grid;grid-template-columns:156px minmax(0,1fr);grid-template-rows:42px 360px auto;background:#eef3ef;color:#243b30;box-shadow:none}.tour-workspace{display:contents}.tour-appbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:600;gap:10px}.tour-organization{font-size:.75rem;color:#5f766a;font-weight:400}.tour-mobile-note{display:none}.tour-sidebar{grid-column:1;grid-row:1/3;background:#163b2f;display:flex;flex-direction:column;color:#d9e8df;min-width:0}.tour-org{display:flex;gap:9px;align-items:center;padding:17px 12px 19px;font-size:1rem;font-weight:600}.tour-org small{display:block;color:#abc1b4;font-size:.75rem;font-weight:400;margin-top:2px}.tour-org-mark{background:#163b2f;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-size:.75rem;flex-shrink:0}.tour-side-items{padding:0 8px}.tour-side-items button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 8px;margin-bottom:3px;border:0;border-radius:4px;background:transparent;color:#c5d9ce;text-align:left;font:400 .875rem/1.3 Inter,sans-serif;cursor:pointer}.tour-side-items button svg{width:16px;height:16px;flex-shrink:0}.tour-side-items button[aria-current=true]{background:#163b2f;color:#c5f1db}.tour-sidebar>p{font-size:.75rem;color:#afc7ba;margin:auto 12px 14px;line-height:1.5}.tour-content{grid-column:2;grid-row:2;padding:18px;min-width:0;overflow:auto;font-size:.875rem;line-height:1.4}.demo-heading{margin-bottom:14px}.demo-heading h3{font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 5px;font-weight:600}.demo-heading p{font-size:.875rem;color:#61786b;line-height:1.4;margin:0}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}.demo-metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-metric{background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.demo-metric>span{font-size:.875rem;color:#5c7165}.demo-metric>strong{font-size:1.4rem;line-height:1.25;color:#254b38;font-weight:600;white-space:nowrap}.demo-card{border:1px solid var(--line);background:#ffffff;border-radius:5px;padding:12px;min-width:0}.demo-card h4{font:600 .875rem/1.4 Inter,sans-serif;margin:0 0 9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(145px,1fr);gap:10px}.task-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);min-height:37px;padding:7px 0}.task-row svg,.preview-row>svg{width:18px;height:18px;flex-shrink:0;color:#42785c}.task-row>span{flex:1;font-size:.875rem}.task-row>strong{font-size:.875rem;color:#42785c}.portfolio-card{text-align:center;display:flex;align-items:center;flex-direction:column}.portfolio-card h4{margin-bottom:7px}.demo-ring{width:84px;height:84px;min-width:84px;min-height:84px;max-width:84px;max-height:84px;aspect-ratio:1;flex:0 0 84px;border-radius:50%;background:#eef3ef;padding:8px;display:grid;place-items:center}.demo-ring>div{width:100%;height:100%;border-radius:50%;background:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center}.demo-ring strong{font-size:1.125rem;line-height:1.2;color:#1d654a}.demo-ring small{font-size:.75rem;color:#637a6c}.portfolio-card p{font-size:.75rem;line-height:1.3;color:#61786b;margin:7px 0 0}.contract-summary{display:flex;justify-content:space-between;margin-bottom:10px;padding:9px 12px;color:#526f5e}.compact-table{padding:0;overflow:auto}.compact-table table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}.compact-table thead{color:#5d7667;background:#eef3ef}.compact-table th,.compact-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-weight:400;vertical-align:middle}.compact-table th[scope=row]{font-weight:500;max-width:220px}.compact-table tr:last-child>*{border-bottom:0}.compact-table small,.preview-row small{display:block;color:#647c6d;font-size:.75rem;font-weight:400;line-height:1.4;margin-top:3px}.compact-table td:last-child strong{display:inline-block;margin-right:6px;font-weight:500}.demo-tag{display:inline-block;font-size:.75rem;line-height:1.4;padding:3px 7px;border-radius:12px;background:#eef3ef;color:#2e674d;white-space:nowrap}.demo-tag.amber{background:#eef3ef;color:#805b20}.compact-list{padding:0 12px}.preview-row{display:flex;gap:12px;align-items:center;min-height:61px;padding:11px 0;border-bottom:1px solid var(--line)}.preview-row:last-child{border-bottom:0}.preview-row>div{flex:1;min-width:0}.preview-row strong{font-size:.875rem;font-weight:500}.preview-row>strong{white-space:nowrap}.suppliers .preview-row{min-height:73px}.target-bars{display:grid;gap:11px}.target-row{display:grid;grid-template-columns:100px 1fr 24px;gap:12px;align-items:center;font-size:.875rem}.target-row>div{height:7px;background:#eef3ef;border-radius:8px;overflow:hidden}.target-row>div>span{display:block;height:100%;background:#163b2f;border-radius:8px}.target-row strong{font-weight:500;text-align:right}.demo-note{font-size:.75rem;color:#627b6c;line-height:1.4;margin:11px 0 0}.tour-guide{grid-column:1/-1;border-top:1px solid var(--line);background:#ffffff;display:flex;align-items:center;gap:20px;padding:14px 18px;min-height:116px}.tour-guide-copy{flex:1;min-width:0}.tour-guide-copy>span{display:block;font-size:.75rem;color:#598269;font-weight:600;letter-spacing:.03em}.tour-guide-copy h3{font:600 1rem/1.4 Inter,sans-serif;margin:4px 0;color:#284635}.tour-guide-copy p{font-size:.875rem;line-height:1.5;color:#607768;margin:0;max-width:650px}.tour-guide-copy a{text-decoration:underline;color:#285f42}.tour-guide-actions{display:flex;gap:8px;flex-shrink:0}.tour-guide-actions button{padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:#ffffff;color:#365841;font:500 .875rem/1.4 Inter,sans-serif;cursor:pointer;min-height:38px}.tour-guide-actions .tour-next{background:#163b2f;border-color:var(--line);color:white;min-width:91px}.tour-guide-actions button:disabled{opacity:.4;cursor:default}.tour-caption{text-align:right;margin-top:8px}.tour-restart{font:400 .75rem/1.5 Inter,sans-serif;background:none;border:0;color:#bbd6c8;padding:5px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.product-tour button:focus-visible,.tour-content:focus-visible{outline:2px solid #163b2f;outline-offset:3px}.tour-noscript{color:#cde9d9}.tour-noscript a{text-decoration:underline}
@media(max-width:1000px){.tour-intro{align-items:flex-start;flex-direction:column;gap:14px}.tour-intro>p{max-width:580px}.tour-frame{grid-template-columns:146px minmax(0,1fr)}.tour-content{padding:14px}.compact-table th,.compact-table td{padding:9px}.tour-guide{gap:14px}.tour-sidebar>p{margin-left:12px}.tour-side-items button{font-size:.875rem;gap:6px}}
@media(max-width:740px){.product-tour{padding:48px 0 35px}.tour-tabs{overflow-x:auto;justify-content:flex-start}.tour-tabs button{flex:0 0 auto;padding:10px 12px}.tour-frame{display:flex;flex-direction:column}.tour-sidebar{display:none}.tour-appbar{min-height:38px;padding:8px 12px}.tour-organization{display:none}.tour-mobile-note{display:block;font-size:.75rem;color:#61786b;font-weight:400}.tour-content{height:360px;flex:none;padding:14px;overflow:auto}.tour-guide{min-height:170px;padding:13px 14px;flex-direction:column;align-items:stretch;gap:10px}.tour-guide-actions{justify-content:flex-end}.tour-guide-copy p{font-size:.875rem}.demo-metrics{gap:6px}.demo-metric{padding:9px}.demo-metric>span{font-size:.875rem}.demo-metric>strong{font-size:1.25rem}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(120px,1fr)}.task-row{gap:6px}.task-row>span{font-size:.875rem}.compact-table table{min-width:480px}.preview-row{gap:8px}.preview-row>strong{font-size:.8rem}.preview-row .demo-tag{font-size:.75rem}.demo-card{padding:10px}.compact-list{padding:0 10px}.compact-table{padding:0}}
@media(max-width:430px){.tour-content{height:390px;padding:10px}.demo-metric{padding:9px 7px}.demo-metric>span{font-size:.75rem}.dashboard-grid{grid-template-columns:minmax(0,1fr) 112px;gap:6px}.task-row svg{display:none}.portfolio-card p{font-size:.75rem}.preview-row{flex-wrap:wrap;row-gap:5px}.preview-row>div{flex-basis:60%}.preview-row>strong{margin-left:auto}.suppliers .preview-row>div{flex-basis:50%}.target-row{grid-template-columns:88px 1fr 20px;gap:8px}.tour-guide{min-height:195px}}

.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.portfolio-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.portfolio-stats>div{display:flex;flex-direction:column;align-items:center;gap:7px}
.portfolio-stats span{font-size:.75rem;line-height:1.4;color:#61786b}
.portfolio-stats strong{font-size:1.4rem;line-height:1.2;font-weight:600;color:#254b38}
.target-row{grid-template-columns:minmax(0,160px) minmax(30px,1fr) 24px}
.target-row>span{overflow-wrap:anywhere}
@media(max-width:740px){.dashboard-grid{grid-template-columns:1fr}.portfolio-stats{margin-top:5px}.portfolio-stats>div{gap:3px}}
.tour-guide{min-height:84px}
@media(max-width:740px){.tour-content{height:400px}.tour-guide{min-height:106px}.portfolio-stats span{white-space:nowrap}.dashboard-grid .task-row{min-height:30px;padding-block:4px}}

.product-tour,.tour-intro h2{color:#163b2f}
.product-tour .section-label,.tour-restart{color:#3d8862}
.tour-tabs,.tour-frame,.tour-appbar,.tour-content,.tour-guide{background:#ffffff;border-color:rgba(22,59,47,.1)}
.tour-frame{border:1px solid rgba(22,59,47,.1)}
.tour-tabs button{color:#163b2f}
.tour-tabs button:hover{background:#eef3ef}
.tour-tabs button[aria-selected=true],.tour-tabs button[aria-selected=true]:hover{background:#163b2f;color:#ffffff}
.tour-org-mark,.tour-side-items button[aria-current=true]{background:#eef3ef;color:#163b2f}
.tour-noscript{color:#163b2f}
.target-row>span small{display:block;font-size:.75rem;line-height:1.3;color:#647c6d}html[lang="en"] .target-row{grid-template-columns:150px 1fr 24px}