.system-page{max-width:1200px;margin:0 auto}.system-heading{margin:12px 0 28px;max-width:800px}.system-heading h1{font-size:clamp(1.9rem,3.2vw,2.65rem);line-height:1.15;letter-spacing:-.04em;margin:12px 0 16px;color:#183f35;overflow-wrap:anywhere}.system-heading>p:not(.eyebrow){color:#627267;font-size:.95rem;line-height:1.7;margin:0;max-width:760px}.system-heading .eyebrow{letter-spacing:.12em}.system-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 34px}.system-module-card{display:flex;flex-direction:column;gap:18px;min-width:0;border:1px solid #e0e6db;background:#fff;border-radius:16px;padding:22px;transition:border-color .15s,box-shadow .15s}.system-module-card:hover{border-color:#bacdb6;box-shadow:0 5px 18px #183f3508}.system-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.system-area-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#edf3e8;color:#416149}.system-area-icon .icon{width:20px;height:20px}.system-card-copy{flex:1}.system-card-area{text-transform:uppercase;font-size:.65rem;letter-spacing:.09em;color:#788572;font-weight:650;margin:0 0 8px}.system-module-card h2{font-size:1.06rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 10px;overflow-wrap:anywhere}.system-module-card p:not(.system-card-area){font-size:.83rem;line-height:1.65;color:#66756c;margin:0}.system-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0e9;padding-top:12px}.system-card-bottom>span{font-size:.72rem;color:#778071}.system-card-bottom .text-button{font-size:.78rem;white-space:normal;text-align:left}.system-badge{display:inline-flex;align-items:center;border:1px solid #e1e5dc;background:#f5f6f1;color:#707c65;border-radius:30px;padding:5px 9px;font-size:.64rem;font-weight:650;line-height:1.3;white-space:normal}.system-badge.is-active{background:#edf6e9;border-color:#d4e4ca;color:#386137}.system-badge.is-partial{background:#fff5e6;border-color:#ead9bc;color:#8a642c}.system-badge.is-demo{background:#edf4f7;border-color:#d5e2e7;color:#4f7280}.system-plan-access{display:flex;align-items:center;gap:6px;color:#7a8373;font-size:.69rem;line-height:1.5}.system-plan-access .icon{width:14px;height:14px;flex-shrink:0}.system-chain{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.7fr);gap:28px;border-radius:16px;background:#183f35;padding:24px 26px;color:#e5edda;margin:26px 0}.system-chain .eyebrow{color:#c6d8a9;margin-bottom:10px}.system-chain p:not(.eyebrow){font-size:.8rem;line-height:1.65;color:#bed0bd;margin:0}.system-chain ol{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:12px;margin:0;padding:0}.system-chain li{flex:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start;position:relative}.system-chain li>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #5d7d64;border-radius:50%;font-size:.78rem;color:#cfe0b9}.system-chain li:not(:last-child):after{content:'';position:absolute;top:15px;left:40px;width:calc(100% - 40px);height:1px;background:#486a53}.system-chain strong{font-size:.73rem;line-height:1.5}.system-filter-bar{margin:26px 0}.system-area-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.system-tab{padding:9px 13px;border:1px solid #dfe5da;border-radius:22px;background:#fff;color:#63725d;font:inherit;font-size:.76rem;cursor:pointer;min-height:38px}.system-tab.selected{background:#183f35;color:#fff;border-color:#183f35}.system-tab:focus-visible,.system-module-card button:focus-visible{outline:2px solid #9eae70;outline-offset:3px}#system-search{display:flex;gap:10px;max-width:600px}#system-query,.system-sector-toolbar select{width:100%;min-height:44px;border:1px solid #d7e1d3;border-radius:8px;background:#fff;padding:11px 13px;color:#30483b;font:inherit;font-size:.85rem;box-sizing:border-box}.system-progress{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;padding:18px 22px;background:#eef3e8;border-radius:12px;color:#355a3d}.system-progress>strong{font-size:1rem}.system-progress>span{font-size:.8rem;color:#6c7d61}.system-progress>div{display:flex;gap:15px;flex-wrap:wrap;margin-left:auto}.system-progress>div>span{display:flex;gap:7px;align-items:center}.system-progress b{font-size:.75rem}.system-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid #e0e7da;background:#f5f7f0;border-radius:10px;padding:14px 16px;font-size:.78rem;line-height:1.6;color:#6a775f;margin:20px 0}.system-notice .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.system-loading,.system-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px dashed #d8e1d2;background:#fafbf7;border-radius:16px;padding:48px 24px;text-align:center;color:#74816b}.system-loading{min-height:220px}.system-empty h1{font-size:1.5rem;margin:0}.system-empty h2{font-size:1.15rem;margin:0}.system-empty p{font-size:.85rem;line-height:1.6;margin:0}.system-actions,.system-quick-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.system-page .button{white-space:normal}.system-workspace-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.system-workspace-card{display:grid;grid-template-columns:40px 1fr 20px;gap:9px 12px;text-align:left;border:1px solid #d9e3d1;background:#eef4e8;border-radius:14px;padding:19px;cursor:pointer;font:inherit;color:#234837}.system-workspace-card>span{grid-row:span 2;display:flex;align-items:center;justify-content:center;background:#dfe9d6;border-radius:10px;height:40px}.system-workspace-card>strong{font-size:.9rem;line-height:1.4}.system-workspace-card>small{grid-column:2;font-size:.72rem;color:#6c7e5e;line-height:1.5}.system-workspace-card>.icon{grid-column:3;grid-row:1/3;align-self:center}.system-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}.system-section-heading h2{font-size:1.2rem;margin:0}.system-onboarding,.system-development-entry{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#eef3e8;border:1px solid #dce5d5;border-radius:16px;padding:26px;margin:28px 0}.system-onboarding h2,.system-development-entry h2{font-size:1.15rem;margin:0 0 10px}.system-onboarding p,.system-development-entry p:not(.eyebrow){font-size:.83rem;color:#64765b;line-height:1.65;max-width:620px;margin:0}.system-development-entry{background:#fff}.system-onboarding>.button,.system-development-entry>.button{flex-shrink:0;max-width:240px}.system-detail-top{display:flex;align-items:center;gap:12px;margin-top:20px}.system-detail-top>span:not(.system-badge){font-size:.72rem;color:#75816a}.system-detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px;margin:28px 0}.system-feature-panel{background:#fff;border:1px solid #dfe6d8;border-radius:16px;padding:24px}.system-feature-panel>h2,.system-module-notes h2{font-size:1rem;margin:0 0 18px}.system-feature-list>article{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #e8ece2}.system-feature-list>article:last-child{border-bottom:0}.system-feature-list h3{font-size:.85rem;line-height:1.6;margin:0}.system-feature-number{font-size:.72rem;color:#97a089}.system-module-notes{display:flex;flex-direction:column;gap:20px}.system-module-notes>section{background:#f1f5eb;border:1px solid #dfe7d7;border-radius:14px;padding:22px}.system-module-notes p{font-size:.82rem;color:#64765a;line-height:1.7;margin:0}.system-module-notes p.system-locked-note{border-top:1px solid #dae3d1;padding-top:15px;margin-top:15px;color:#897044}.system-module-notes .button{margin-top:18px;width:100%}.system-prepared{display:flex;gap:20px;align-items:center;border:1px dashed #d8e0d0;border-radius:14px;padding:24px;background:#fafbf6}.system-prepared>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:12px;background:#edf2e5;color:#8b9f72}.system-prepared h2{font-size:1rem;margin:0 0 7px}.system-prepared p{font-size:.82rem;color:#768369;line-height:1.6;margin:0}.system-sector-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:24px 0}.system-sector-toolbar>div{width:100%;max-width:500px}.system-sector-toolbar label{display:block;font-size:.82rem;font-weight:600;margin-bottom:9px}.system-sector-card>.system-badge{align-self:flex-start}.system-sector-card>h2{margin:0}.system-sector-card>p{flex:1}.system-home-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5f7f0;border:1px solid #e0e7d8;border-radius:14px;padding:20px 24px;margin:24px 0}.system-home-entry h2{font-size:1.1rem;margin:0 0 7px}.system-home-entry p{font-size:.82rem;line-height:1.6;color:#6b7a61;margin:0}.system-home-entry .button{flex-shrink:0}.system-nav-link .icon{width:18px;height:18px}.system-development-nav{border-top:1px solid #e1e7da;margin-top:12px;padding-top:8px}
@media(max-width:1250px){.system-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-chain{grid-template-columns:1fr}.system-workspace-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.system-progress>div{margin-left:0}}
@media(max-width:700px){.system-module-grid,.system-detail-layout,.system-workspace-cards{grid-template-columns:1fr}.system-module-card{padding:20px}.system-heading h1{font-size:2rem}.system-heading>p:not(.eyebrow){font-size:.88rem}.system-chain{padding:22px;gap:22px}.system-chain ol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.system-chain li:last-child{grid-column:1/3}.system-chain li:after{display:none}.system-chain li{flex-direction:row;align-items:center}.system-chain strong{font-size:.78rem}.system-chain li>span{flex-shrink:0}.system-feature-panel{padding:20px}.system-feature-list>article{grid-template-columns:24px 1fr;gap:8px}.system-feature-list .system-badge{grid-column:2;justify-self:start}.system-progress{padding:18px}.system-progress>div{gap:10px}.system-progress .system-badge{font-size:.61rem}.system-filter-bar{margin-top:22px}.system-area-tabs{gap:7px}.system-tab{font-size:.73rem;padding:9px 11px}.system-section-heading,.system-onboarding,.system-development-entry,.system-home-entry{align-items:flex-start;flex-direction:column}.system-section-heading{gap:12px}.system-onboarding,.system-development-entry,.system-home-entry{padding:22px}.system-onboarding>.button,.system-development-entry>.button,.system-home-entry>.button{max-width:none;width:100%}.system-actions>.button,.system-quick-actions>.button{width:100%}.system-sector-toolbar{flex-direction:column;align-items:stretch}.system-prepared{align-items:flex-start;padding:20px}.system-heading{margin-top:8px}#system-search{gap:7px}#system-query{min-width:0;font-size:.8rem}#system-search .button{padding-left:12px;padding-right:12px;font-size:.75rem}.system-detail-top{align-items:flex-start}.system-detail-top>span:not(.system-badge){font-size:.68rem}}
