.demo-app{min-height:100vh;background:#f3f6f4;color:#1c3430;font-family:DM Sans,Arial,sans-serif;font-size:14px}.demo-app *{box-sizing:border-box}.demo-app button{font:inherit;cursor:pointer}.demo-app button:focus-visible,.demo-app input:focus-visible{outline:3px solid #73bb98;outline-offset:3px}.demo-app h1,.demo-app h2,.demo-app p{margin:0}.demo-app h1,.demo-app h2{font-family:Manrope,DM Sans,Arial,sans-serif;letter-spacing:-.035em}.demo-app label{margin:0}.demo-app input{font:inherit}.d-topbar{height:72px;background:#fff;border-bottom:1px solid #e3ebe6;justify-content:space-between;padding:0 32px;position:relative;z-index:2}.d-logo,.d-topbar{display:flex;align-items:center}.d-logo{gap:11px;color:#1e3c33;font:800 15px Manrope,Arial,sans-serif}.d-logo small{display:block;letter-spacing:.13em;font-size:8px;color:#879a90;margin-top:3px}.d-logo-mark{width:39px;height:39px;border-radius:9px;background:#174a3b;color:#fff;display:grid;place-items:center;font-size:13px}.d-logo-mark span{color:#a0dfba;display:inline}.d-top-right{gap:18px}.d-badge,.d-top-right{display:flex;align-items:center}.d-badge{gap:7px;border-radius:30px;padding:7px 10px;background:#eaf5ed;color:#42785a;font-weight:700;font-size:10px;letter-spacing:.02em}.d-badge span,.d-overline>span,.d-work-status i{width:7px;height:7px;border-radius:50%;background:#66ba82}.d-preview-label{font-size:11px;color:#91a199;font-weight:600}.d-languages{border:1px solid #e2ebe5;border-radius:8px;padding:3px;display:flex;gap:2px}.d-languages button{font-size:10px;border:0;background:transparent;color:#8b9991;padding:6px 8px;border-radius:5px;font-weight:700}.d-languages button.on{background:#e9f3ec;color:#215a42}.d-layout{display:flex;min-height:calc(100vh - 72px)}.d-sidebar{width:230px;flex:0 0 230px;background:#173d33;padding:30px 16px 22px;color:#d4e8dc;display:flex;flex-direction:column}.d-side-caption{color:#89ab9c;font-size:10px;font-weight:800;letter-spacing:.12em;padding:0 11px;margin-bottom:16px}.d-side-mission{display:flex;gap:10px;align-items:center;background:#235545;border:1px solid #376957;padding:13px 11px;border-radius:9px}.d-side-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:#3f765e;color:#daf1dd;font-size:17px}.d-side-mission small{display:block;color:#a5cdb3;font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:5px}.d-side-mission strong{font-size:12px;color:white}.d-side-divider{height:1px;background:#315a4c;margin:24px 7px 14px}.d-nav{width:100%;display:flex;align-items:center;gap:11px;border:0;text-align:left;background:transparent;color:#b7d0c2;padding:12px 11px;border-radius:7px;font-size:12px;font-weight:600;margin-bottom:3px}.d-nav.selected{background:#e8f5eb;color:#1f5741}.d-nav.disabled{opacity:.5;cursor:default}.d-nav-icon{font-size:18px;width:21px;line-height:1;text-align:center}.d-nav span:nth-child(2){flex:1 1}.d-nav b{font-size:9px;letter-spacing:.05em;opacity:.7}.d-side-tip{margin:auto 0 0;background:#204d3e;border:1px solid #32634f;border-radius:10px;padding:17px 13px;color:#b8d3c0}.d-side-tip>span{font-size:19px;color:#9cdeb1;display:block;margin-bottom:11px}.d-side-tip strong{font-size:11px;color:#eaf7ed}.d-side-tip p{font-size:11px;line-height:1.6;color:#a6c5b2;margin-top:7px}.d-content{flex:1 1;min-width:0}.d-main-wrap{max-width:1550px;margin:auto;padding:36px 38px 20px}.d-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.d-overline{display:flex;align-items:center;gap:8px;color:#5b9374;font-size:10px;font-weight:800;letter-spacing:.12em}.d-overline i{height:13px;border-left:1px solid #c8d8ce;margin:0 4px}.d-intro h1{font-size:30px;line-height:1.2;margin:11px 0 8px;color:#1d3d32}.d-intro p{font-size:13px;color:#83968b;line-height:1.5}.d-time{border:1px solid #dce7df;border-radius:8px;background:#fff;padding:9px 11px;color:#71877a;font-size:11px;font-weight:700;white-space:nowrap}.d-steps{background:#fff;border:1px solid #e3ebe6;border-radius:10px;padding:14px 20px;margin-bottom:18px}.d-step,.d-steps{display:flex;align-items:center}.d-step{flex:1 1;color:#9aac9f;font-size:11px;min-width:0}.d-step:last-child{flex:0 1}.d-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #d9e6dd;background:#f8faf8;font-size:9px;font-weight:700;margin-right:7px;flex:none}.d-step b{font-size:11px;white-space:nowrap}.d-step.done{color:#357552}.d-step.done>span{background:#dff2e4;border-color:#bfe2c9;color:#2d8151}.d-step em{height:1px;background:#e5eee7;flex:1 1;margin:0 14px}.d-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(295px,.86fr);grid-gap:18px;gap:18px;align-items:start}.d-question,.d-workspace{background:#fff;border:1px solid #e0e9e2;border-radius:12px;box-shadow:0 4px 18px #214d3109;overflow:hidden}.d-workspace{min-height:555px}.d-workbar{height:58px;background:#f9fbf9;border-bottom:1px solid #e8eee9;justify-content:space-between;padding:0 22px}.d-workbar,.d-workbar>div{display:flex;align-items:center}.d-workbar>div{gap:10px}.d-app-symbol{width:31px;height:31px;background:#e5f2e8;border-radius:7px;display:grid;place-items:center;color:#428660;font-size:17px}.d-workbar strong{display:block;font-size:10px;letter-spacing:.07em;color:#3b6250}.d-workbar small{display:block;font-size:8px;letter-spacing:.07em;color:#a0afa5;margin-top:3px}.d-work-status{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.06em;color:#8aa596;font-weight:700}.d-workcontent{padding:25px 27px 28px}.d-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.d-breadcrumb{font-size:10px;color:#9aaa9f;font-weight:700;margin-bottom:12px}.d-section-head h2{font-size:21px;color:#244d3d;margin-bottom:6px}.d-section-head p{font-size:12px;color:#93a297}.d-section-icon{height:37px;width:37px;border:1px solid #e0eee4;background:#f4faf5;border-radius:9px;display:grid;place-items:center;color:#69a47c;font-size:22px}.d-search-form{background:#f7faf7;border:1px solid #e9f0ea;padding:17px;border-radius:9px}.d-search-form label{font-size:11px;font-weight:700;color:#526f5f;display:block;margin-bottom:9px}.d-search-row{display:flex;gap:9px}.d-search-row>div{position:relative;flex:1 1;min-width:0}.d-search-row>div>span{position:absolute;left:13px;top:8px;color:#8cac98;font-size:20px}.d-search-row input{height:41px;width:100%;padding:0 12px 0 38px;background:white;border:1px solid #dce8df;border-radius:7px;color:#264638;font-size:12px}.d-search-row button{border:0;border-radius:7px;padding:0 20px;background:#286a4b;color:white;font-size:11px;font-weight:700;white-space:nowrap}.d-search-form>p{font-size:10px;color:#97a99e;margin-top:9px}.d-empty{height:207px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9eafa4}.d-empty>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#f2f8f3;color:#9cc7a7;font-size:26px;margin-bottom:11px}.d-empty strong{font-size:12px;color:#708a78}.d-empty p{font-size:11px;margin-top:6px;line-height:1.5}.d-results{margin-top:22px}.d-results-head{display:flex;gap:8px;align-items:center;font-size:12px;color:#355d49;margin-bottom:10px}.d-results-head span{font-size:10px;color:#3d8860;background:#e9f5eb;border-radius:20px;padding:2px 7px}.d-person-row{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3ece4;border-radius:9px;padding:13px;text-align:left;margin-bottom:8px}.d-person-row:hover{border-color:#83ba96;background:#fcfffc}.d-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-size:11px;font-weight:800;flex:none}.d-avatar.large{width:52px;height:52px;border-radius:12px;font-size:15px}.d-avatar.blue{background:#e5eff6;color:#4d7894}.d-avatar.peach{background:#faeae3;color:#ba745b}.d-avatar.mint{background:#e4f4eb;color:#559775}.d-avatar.lavender{background:#f0eaf7;color:#8c75ad}.d-person-text{flex:1 1;min-width:0}.d-person-text small,.d-person-text strong{display:block}.d-person-text strong{font-size:12px;color:#244c3a}.d-person-text small{font-size:10px;color:#9bab9f;margin-top:5px}.d-open-label{font-size:10px;color:#55946d;font-weight:700;white-space:nowrap}.d-no-results{padding:32px 0;color:#8a9a8f;font-size:12px;text-align:center}.d-back{padding:0;border:0;background:none;font-size:11px!important;color:#6c9980;margin:-5px 0 17px}.d-profile{display:flex;align-items:center;gap:13px;padding:17px;background:#f7faf7;border:1px solid #e8f0e9;border-radius:9px;margin-bottom:22px}.d-profile-name{font-size:16px;font-weight:800;color:#254c3b}.d-profile-name span{display:inline-block;font-size:9px;color:#41865d;background:#e3f3e6;padding:4px 8px;border-radius:20px;vertical-align:middle;margin-left:5px}.d-profile p{font-size:11px;color:#91a398;margin-top:6px}.d-data-heading{display:flex;gap:8px;align-items:center;padding-bottom:12px;border-bottom:1px solid #edf2ee;color:#355e49}.d-data-heading>span{font-size:10px;font-weight:800;color:#86b894}.d-data-heading strong{font-size:12px}.d-data-heading small{margin-left:auto;color:#a6b5a9;font-size:9px;font-weight:700}.d-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.d-data-grid>div{padding:13px 0;border-bottom:1px solid #f0f4f0}.d-data-grid dt{font-size:10px;color:#9caaa0;margin-bottom:5px}.d-data-grid dd{font-size:12px;font-weight:700;margin:0;color:#3c5c4b;overflow-wrap:anywhere}.d-outline-button{border:1px solid #d1e6d7;color:#347550;background:#f7fcf8;border-radius:7px;padding:10px 14px;font-size:11px!important;font-weight:700;margin-top:19px}.d-outline-button span{margin-left:8px}.d-org-chart{border:1px solid #e7efe8;background:#f9fbf9;border-radius:10px;padding:25px;min-height:300px}.d-org-unit{background:#fff;border:1px solid #d9e9dc;border-left:4px solid #539b6c;border-radius:8px;display:flex;align-items:center;gap:11px;padding:12px 14px;max-width:390px;margin:auto}.d-org-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e7f4e8;color:#538d63;font-size:18px}.d-org-unit small,.d-org-unit strong{display:block}.d-org-unit small{font-size:9px;color:#9aaba0;letter-spacing:.05em;margin-bottom:5px}.d-org-unit strong{font-size:12px;color:#285840}.d-org-line{height:27px;border-left:1px dashed #9bc7a7;width:0;margin:auto}.d-org-people{max-width:390px;margin:auto;display:grid;grid-gap:8px;gap:8px}.d-org-person{display:flex;align-items:center;gap:11px;border:1px solid #e2ebe3;border-radius:8px;padding:10px;background:#fff}.d-org-person>div{flex:1 1;min-width:0}.d-org-person small,.d-org-person span,.d-org-person strong{display:block}.d-org-person small{font-size:9px;color:#78a78a;margin-bottom:4px}.d-org-person strong{font-size:12px;color:#345a45}.d-org-person div>span{font-size:10px;color:#9baca0;margin-top:3px}.d-org-person b{color:#e2b666;font-size:14px}.d-question-top{height:58px;background:#f9fbf9;border-bottom:1px solid #e8eee9;display:flex;align-items:center;gap:10px;padding:0 19px}.d-question-top>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e4f2e7;color:#478761;font-size:16px}.d-question-top>div{font-size:10px;letter-spacing:.07em;color:#426c51;font-weight:800;flex:1 1}.d-question-top small{display:block;font-size:9px;letter-spacing:0;color:#a1b1a4;margin-top:3px}.d-question-top>b{font-size:10px;color:#54896b;background:#e7f3e9;border-radius:20px;padding:6px 9px}.d-question-body{padding:25px 21px 20px}.d-question-number{font-size:9px;color:#86aa92;letter-spacing:.1em;font-weight:800}.d-question-body h2{font-size:20px;line-height:1.4;color:#234a37;margin:12px 0 8px}.d-question-body>p{font-size:11px;line-height:1.7;color:#92a298;margin-bottom:20px}.d-question-body fieldset{border:0;margin:0;padding:0}.d-option{display:flex!important;flex-direction:row!important;align-items:center;gap:11px;border:1px solid #e5ede6;border-radius:8px;padding:11px;margin-bottom:9px!important;cursor:pointer;color:#496c55;font-size:12px!important;font-weight:600!important}.d-option.chosen{border-color:#73b78b;background:#f2faf3;color:#265a3b}.d-option input{position:absolute;opacity:0;pointer-events:none}.d-option:focus-within{outline:3px solid #73bb98;outline-offset:2px}.d-option-letter{width:27px;height:27px;display:grid;place-items:center;background:#f2f6f2;border-radius:6px;color:#8ba293;font-size:10px;font-weight:800}.d-option.chosen .d-option-letter{background:#ddefdf;color:#4b8b61}.d-option strong{flex:1 1}.d-radio{width:14px;height:14px;border:1px solid #c8d9cd;border-radius:50%}.d-option.chosen .d-radio{border:4px solid #4b9565}.d-check{width:100%;background:#266a49;border:0;border-radius:8px;color:white;padding:13px 14px;text-align:left;font-size:12px!important;font-weight:700;margin-top:9px}.d-check span{float:right}.d-check:disabled{opacity:.45;cursor:not-allowed}.d-feedback{border-radius:8px;padding:12px;margin-top:13px;font-size:11px;line-height:1.5}.d-feedback strong{font-size:12px}.d-feedback p{margin-top:4px}.d-feedback.success{background:#e8f7ec;color:#37794d}.d-feedback.error,.d-feedback.wrong{background:#fff4e9;color:#a2662f}.d-score{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2ed;margin-top:20px;padding-top:16px;color:#91a297;font-size:11px}.d-score strong{font-size:20px;color:#347650}.d-score small{font-size:11px;color:#b0beb3;font-weight:500}.d-retry{border:0;background:none;color:#568b68;font-size:11px!important;padding:12px 0 0}.d-disclaimer{display:flex;gap:9px;align-items:flex-start;padding:13px 15px;color:#81958a;background:#e9f0eb;border-radius:8px;margin-top:17px;font-size:11px;line-height:1.5}.d-disclaimer span{color:#6d9c7c;font-size:14px}.d-footer{display:flex;justify-content:space-between;gap:10px;color:#a9b7ad;font-size:9px;font-weight:700;letter-spacing:.09em;margin-top:25px}.d-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.d-sidebar{width:195px;flex-basis:195px}.d-main-wrap{padding:28px 24px 20px}.d-grid{grid-template-columns:minmax(0,1fr) minmax(275px,.8fr)}}@media(max-width:1000px){.d-sidebar{width:160px;flex-basis:160px;padding-left:10px;padding-right:10px}.d-grid{grid-template-columns:1fr}.d-workspace{min-height:auto}.d-side-tip{display:none}.d-question-body{max-width:600px}.d-preview-label{display:none}}@media(max-width:650px){.d-topbar{height:62px;padding:0 16px}.d-logo{font-size:13px}.d-logo small{font-size:7px}.d-badge{font-size:9px}.d-top-right{gap:8px}.d-layout{display:block;min-height:calc(100vh - 62px)}.d-sidebar{width:100%;padding:9px 14px;display:flex;flex-direction:row;gap:6px;overflow-x:auto}.d-nav.disabled,.d-side-caption,.d-side-divider,.d-side-mission{display:none}.d-nav{width:auto;white-space:nowrap;margin:0;padding:8px 11px}.d-nav span:nth-child(2){flex:initial}.d-main-wrap{padding:24px 14px 15px}.d-intro{align-items:start}.d-intro h1{font-size:24px}.d-intro p{font-size:12px}.d-time{font-size:10px;padding:7px}.d-steps{padding:12px 10px}.d-step{justify-content:center}.d-step em{display:none}.d-step>span{margin-right:5px;width:22px;height:22px}.d-step b{font-size:9px}.d-workcontent{padding:21px 17px}.d-workbar{padding:0 17px}.d-org-chart{padding:16px}.d-search-row button{padding:0 14px}.d-footer{font-size:8px;flex-direction:column}.d-data-heading small{display:none}}.demo-app .d-step:last-child{flex:0 0 auto}.demo-app .d-logo-mark{display:flex;align-items:center;justify-content:center}.demo-app .d-option{position:relative}.demo-app .d-option input{left:0;top:0;width:1px;height:1px;padding:0;margin:0}.d-sidebar .d-menu{display:flex;align-items:flex-start;gap:8px;padding:10px 9px;min-height:40px}.d-menu-code{flex:0 0 66px;font-size:10px;font-weight:800;letter-spacing:.02em;color:#b8dfc6;line-height:1.45}.d-menu.selected .d-menu-code{color:#256849}.d-menu-name{font-size:11px;line-height:1.45;color:inherit;overflow-wrap:anywhere}.d-side-tip{margin-top:28px}.mock-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.mock-heading h2{font-size:20px;color:#244d3d;line-height:1.35;margin:0 0 6px}.mock-heading p{font-size:11px;color:#91a297;line-height:1.5}.mock-code{flex:none;background:#ecf5ed;color:#46835a;padding:7px 9px;border-radius:6px;font-size:10px;font-weight:800}.mock-banner{display:flex;flex-direction:column;gap:5px;background:#fff8ea;border:1px solid #f3e5c7;border-radius:8px;color:#8d6c38;padding:12px 14px;font-size:11px;line-height:1.45;margin-bottom:18px}.mock-banner strong{font-size:10px}.mock-layout{border:1px solid #dfe9e2;background:#f8faf8;border-radius:8px;padding:12px}.mock-section{background:white;border:1px solid #e4ece6;border-radius:6px;padding:12px 14px;margin-bottom:9px}.mock-section:last-child{margin-bottom:0}.mock-section h3{font-size:11px;color:#416752;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #edf2ee}.mock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px}.mock-fields label{display:flex;flex-direction:column;gap:4px;margin:0;color:#82958a;font-size:10px;font-weight:600}.mock-fields input{height:26px;width:100%;padding:0 7px;border:1px solid #e0e8e1;border-radius:4px;background:#f7f9f7;color:#789082;cursor:default}.mock-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 9px}.mock-tabs span{background:#e8f3ec;border-radius:4px;padding:6px 8px;font-size:9px;color:#558368;font-weight:700}.mock-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.mock-columns .mock-section{margin:0}.mock-section ul{list-style:none;margin:0;padding:0}.mock-section li{font-size:10px;color:#70877a;padding:6px 5px;border-bottom:1px solid #eff3ef}.mock-section li:last-child{border:0}.mock-action-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}.mock-option{font-size:10px;color:#879b8d;margin:10px 0}.mock-select{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#819589;font-size:10px}.mock-select span:last-child{background:#f5f8f5;border:1px solid #dce8dd;border-radius:4px;padding:6px 9px;color:#6b8573;min-width:100px}.mock-instruction{font-size:10px;color:#8da294;line-height:1.5;margin-top:13px!important}@media(max-width:1000px){.d-sidebar .d-menu{align-items:center;flex-direction:column;gap:3px;text-align:center}.d-menu-code{flex:initial}.d-menu-name{font-size:10px}}@media(max-width:650px){.d-sidebar .d-menu{flex-direction:row;align-items:center;min-width:max-content;padding:8px 10px}.d-menu-code{flex:initial}.d-menu-name{font-size:10px}.mock-action-list,.mock-columns,.mock-fields{grid-template-columns:1fr}.mock-heading{flex-wrap:wrap}}.demo-app .d-grid{grid-template-columns:minmax(0,1.85fr) minmax(265px,.75fr)}.demo-app .d-workcontent{padding:0;overflow-x:auto}.demo-app .sap-screen{min-width:640px;background:#f4f6f7;color:#1e2630;font:11px Arial,sans-serif;min-height:500px;padding:0 8px 14px}.sap-screen *{box-sizing:border-box}.sap-screen button,.sap-screen input,.sap-screen select{font:11px Arial,sans-serif}.sap-screen button{cursor:pointer}.sap-screen input,.sap-screen select{border:1px solid #aebbc4;border-radius:0;background:#fff;color:#26343d;height:22px;padding:1px 4px;min-width:0}.sap-screen input[readonly]{background:#e5e8eb;color:#35444e}.sap-screen input:focus,.sap-screen select:focus{outline:2px solid #47a8d7;outline-offset:0}.sap-title{font-size:14px;color:#4f5e65;background:#eef1f2;border-bottom:1px solid #b9c3c9;padding:9px 7px}.sap-toolbar{display:flex;align-items:center;gap:8px;min-height:34px;border-bottom:1px solid #bcc8cd;background:#f8f9f9;padding:4px}.sap-tool{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#58666d;padding:3px 5px;white-space:nowrap}.sap-tool:hover{background:#e2edf3}.sap-tool-green{color:#38925f;font-size:15px}.sap-tool-blue{color:#008dc7;font-size:15px}.sap-field,.sap-output{display:grid!important;grid-template-columns:75px minmax(0,1fr);align-items:center;grid-gap:3px;gap:3px;margin:0!important;font-size:10px!important;font-weight:400!important}.sap-field span,.sap-output span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sap-field input,.sap-output input{width:100%;min-width:0}.sap-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sap-inline-message{background:#fff8e6;color:#705b31;border:1px solid #e8d7a8;padding:8px;margin:8px 0;font-size:11px;line-height:1.4}.sap-profile-form{margin:10px 7px}.sap-profile-top{border:1px solid #d5dfe4;background:#fff;padding:13px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:3px 5px;gap:3px 5px}.sap-profile-top .sap-field,.sap-profile-top .sap-output{grid-template-columns:44px minmax(0,1fr)}.sap-profile-top input{height:20px}.sap-profile-lower{display:grid;grid-template-columns:40% minmax(0,1fr);grid-gap:8px;gap:8px;margin:10px 0}.sap-profile-column{gap:8px;min-width:0}.sap-panel,.sap-profile-column{display:flex;flex-direction:column}.sap-panel{background:repeating-linear-gradient(135deg,#f4f7f8,#f4f7f8 2px,#e8f0f2 0,#e8f0f2 3px);border:1px solid #d7e0e3;padding:12px;gap:3px}.sap-panel .sap-output{grid-template-columns:84px minmax(0,1fr)}.sap-panel input{height:20px}.sap-profile-head{display:inline-block;color:#7b8b90;border:1px solid #b9c5c7;background:#fff;padding:3px 9px;font-size:10px;align-self:flex-start;margin-bottom:5px}.sap-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:3px 8px;gap:3px 8px}.sap-two-col .sap-output{grid-template-columns:64px minmax(0,1fr)}.sap-section-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;padding:8px}.sap-section-buttons button{font-size:10px;border:1px solid #bcc9cc;background:#f8f9f9;color:#71828a;padding:4px 7px}.sap-section-buttons button[aria-pressed=true]{background:#dceaf1;color:#235f7d}.sap-gui-main{display:grid;grid-template-columns:30% minmax(0,1fr);grid-gap:5px;gap:5px;padding-top:5px}.sap-explorer{min-width:0;border:1px solid #a8b8c1;background:#f8fafb}.sap-explorer-tools,.sap-tree-toolbar{height:25px;background:#e6ebed;color:#627a84;padding:5px;border-bottom:1px solid #aebdc4}.sap-tree-head{background:#e1e5e7;border-bottom:1px solid #b8c2c6;padding:4px;color:#43545a;font-size:10px}.sap-tree-head span{float:right;margin-right:5px}.sap-find-tree{min-height:120px;background:#f8fafb;padding:4px 0}.sap-find-tree>div{font-size:10px;color:#53646b;padding:3px 7px}.sap-find-tree>div.chosen{background:#cce3ee}.sap-tree-list{min-height:200px;max-height:370px;overflow:auto;background:#fff}.sap-tree-item{width:100%;text-align:left;border:0;background:transparent;color:#536a75;font-size:10px!important;padding:5px}.sap-tree-item:hover{background:#e6f2f7}.sap-tree-item.child{display:flex;justify-content:space-between;padding-left:15px;gap:4px}.sap-tree-item.child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sap-tree-item small{font-size:9px;color:#82969d}.sap-main-pane{min-width:0;background:repeating-linear-gradient(135deg,#f7f9fa,#f7f9fa 2px,#edf3f5 0,#edf3f5 3px);border:1px solid #b7c5ca;padding:5px}.sap-person-header{min-height:75px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:5px}.sap-person-header .sap-field{max-width:270px;grid-template-columns:90px minmax(0,1fr)}.sap-tabs{display:flex;overflow-x:auto;border-bottom:2px solid #0798d5;gap:1px;padding-top:7px}.sap-tabs button{flex:none;font-size:10px;border:1px solid #c4d0d3;border-bottom:0;background:#f5f6f6;color:#46585e;padding:4px 7px}.sap-tabs button.active{background:#008ccc;color:#fff;border-color:#008ccc}.sap-pa30-controls{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:6px;gap:6px;background:#fff;padding:7px 0}.sap-info-list,.sap-period{border:1px solid #cad4d8;min-width:0}.sap-table-head{font-size:10px;background:#e1e6e8;color:#53656b;padding:5px;border-bottom:1px solid #c2cdd1}.sap-actions>button,.sap-info-list button{display:block;width:100%;border:0;border-bottom:1px solid #dce3e6;background:#eef1f2;color:#42545a;text-align:left;padding:4px 6px;font-size:10px!important}.sap-actions>button.selected,.sap-info-list button.selected{background:#bcddea;color:#174f6c}.sap-actions>button:hover,.sap-info-list button:hover{background:#dbeef5}.sap-period{padding:4px 7px;display:grid;grid-template-columns:1fr 1fr;align-content:start;grid-gap:2px;gap:2px}.sap-date-inline,.sap-period .sap-blue-label{grid-column:1/-1}.sap-blue-label{font-size:11px;color:#42616e;border-bottom:2px solid #009add;padding:6px 2px 3px;margin-bottom:7px}.sap-radio{display:flex!important;flex-direction:row!important;align-items:center;gap:3px!important;margin:2px 0!important;color:#53666d;font-size:10px!important;font-weight:400!important}.sap-screen .sap-radio input{width:13px;height:13px;margin:0;padding:0}.sap-date-inline{display:flex;gap:5px;margin:4px 0}.sap-date-inline .sap-field{grid-template-columns:35px minmax(0,1fr)}.sap-direct{display:grid;grid-template-columns:1fr 110px;grid-gap:5px;gap:5px;background:#fff;padding:5px}.sap-direct .sap-field{grid-template-columns:55px minmax(0,1fr)}.sap-actions{background:#fff;margin-top:8px}.sap-actions>button{padding:3px 6px}.sap-action-header{display:flex;justify-content:space-between;background:#dfe6e9;color:#52676d;padding:4px;font-size:10px}.sap-action-header span{color:#85979c}.sap-om-tools{justify-content:space-between;gap:5px;background:#e8edef;padding:5px;color:#657f8c}.sap-om-tools,.sap-om-tools label{display:flex;align-items:center;font-size:10px}.sap-om-tools label{flex-direction:row;gap:4px;margin:0;font-weight:400}.sap-om-tools input{width:92px}.sap-table-wrap{overflow:auto;background:#fff;min-height:255px;max-height:340px}.sap-table{width:100%;min-width:440px;border-collapse:collapse;text-align:left;font-size:10px}.sap-table td,.sap-table th{padding:4px;border:1px solid #d3dfe3;color:#53646c;font-size:10px}.sap-table th{background:#dfe6e9;font-weight:400}.sap-table tr.selected td{background:#c6e1ef}.sap-table td button{border:0;background:transparent;padding:0;color:#364f59;font-size:10px;text-align:left}.sap-detail-caption{text-align:center;border:1px solid #bac8ce;background:#eef2f2;color:#687b80;padding:5px;font-size:10px}.sap-detail-panel{display:grid;grid-gap:7px;gap:7px;background:#f9fbfb;padding:10px;min-height:130px}.sap-detail-panel .sap-output{grid-template-columns:120px 1fr;max-width:340px}.sap-holder{background:#eef2f3;border:1px solid #c5d1d3;padding:7px;color:#526c73}.sap-link{border:1px solid #a8bcc3;background:#f8fbfc;padding:5px 8px;color:#3b738b;width:max-content}.sap-report-content{padding:9px 5px}.sap-report-period{display:grid!important;grid-template-columns:175px 210px;align-items:center;grid-gap:10px;gap:10px;color:#40575d;font-size:10px!important;font-weight:400!important;margin:0 0 12px!important}.sap-report-period select{width:100%}.sap-report-fields{display:grid;grid-gap:3px;gap:3px;max-width:520px;margin:7px 0 17px}.sap-report-fields .sap-field{grid-template-columns:175px minmax(0,260px)}.sap-report-fields input{height:21px}.sap-radio-row{display:flex;align-items:center;gap:18px;color:#50646b}.sap-radio-row>span{min-width:157px;font-size:10px}@media(max-width:1000px){.demo-app .d-grid{grid-template-columns:1fr}}.sap-detail-panel .sap-field{grid-template-columns:120px 1fr;max-width:340px}.sap-find-tree>button{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:10px!important;color:#53646b;padding:3px 7px}.sap-find-tree>button.chosen{background:#cce3ee}.practice-first .d-question,.practice-first .d-side-mission,.practice-first .d-side-tip,.practice-first .d-steps{display:none}.practice-first .d-grid{grid-template-columns:minmax(0,1fr)}.sap-next-panel{background:#fff;border:1px solid #c4d0d5;padding:12px;display:grid;grid-gap:6px;gap:6px;max-width:720px;margin:10px 0}.sap-next-panel .sap-field,.sap-next-panel .sap-output{grid-template-columns:150px minmax(0,1fr);max-width:580px}