:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263731;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #80b6a1;outline-offset:4px}[hidden]{display:none!important}.sidebar{width:244px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3eae6;display:flex;flex-direction:column;padding:32px 18px 22px}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 54px}.brand-mark{width:40px;height:40px;display:grid;place-content:center;background:#214d3e;border-radius:12px;color:#fff;font-size:25px;font-weight:700;position:relative}.brand-mark>span{position:absolute;color:#add9bd;right:3px;bottom:0;font-size:29px}.brand-copy{font-size:16px;letter-spacing:1px;font-weight:700}.brand-copy>span{display:block;font-size:8px;letter-spacing:1.7px;color:#8b9991;margin-top:6px}.nav-label{margin:0 13px 16px;font-size:11px;color:#919d96;letter-spacing:2px;display:flex;justify-content:space-between}.nav-label>span{letter-spacing:0;color:#a9b5ad}nav{display:grid;gap:9px}nav button{border:1px solid transparent;border-radius:11px;background:transparent;padding:15px 12px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;color:#617069;transition:background .15s}nav button:hover{background:#f5f8f6}nav button[aria-selected=true]{background:#edf5f0;border-color:#dce9e0;color:#244f3d}.nav-icon{width:22px;height:22px;flex-shrink:0}.nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-copy{font-size:14px;font-weight:650;white-space:nowrap}.nav-copy small{display:block;font-size:10px;font-weight:400;color:#94a298;margin-top:6px}.nav-arrow{margin-left:auto;opacity:0;font-size:21px}nav button[aria-selected=true] .nav-arrow{opacity:1}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:22px 9px 0;border-top:1px solid #edf0ee;color:#7c8c82;font-size:11px}.sidebar-footer small{display:block;font-size:10px;color:#a1aaa5;margin-top:5px}.footer-symbol{font-size:25px;color:#668c77}.workspace{margin-left:244px;width:calc(100% - 244px);height:100dvh;min-height:520px;display:flex;flex-direction:column;padding:0 30px}.topbar{height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eae6;font-size:12px}.breadcrumb{color:#8c9a91}.breadcrumb span{padding:0 13px;color:#c1c9c4}.breadcrumb strong{font-weight:500;color:#4e6256}.topbar>a{border:1px solid #dce5df;border-radius:7px;padding:8px 12px;background:#fff;color:#687a6e}.topbar>a:hover{border-color:#789b85}.topbar>a span{margin-left:7px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 1px 22px;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:2px;color:#8ba093;margin:0 0 10px}h1{font-size:25px;letter-spacing:.4px;font-weight:650;margin:0 0 9px}.workspace-heading p:last-child{margin:0;color:#88988e;font-size:12px}.workspace-tag{font-size:10px;color:#81958a;border:1px solid #e0e8e2;border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:6px}.workspace-tag>span{height:5px;width:5px;background:#84a891;border-radius:50%}.panels{flex:1;min-height:0;background:#fff;border:1px solid #e0e8e2;border-radius:12px;overflow:hidden;box-shadow:0 3px 18px #28433104}.panel{height:100%;position:relative}.panel iframe{width:100%;height:100%;border:0;display:block;background:#fff}.loading{position:absolute;inset:0;display:grid;place-content:center;background:#fff;color:#7b8e82;font-size:13px;pointer-events:none}.workspace-note{font-size:10px;color:#9ca99f;text-align:center;margin:11px 0 13px;flex-shrink:0}@media(min-width:1700px){.workspace{padding-left:44px;padding-right:44px}.sidebar{width:260px}.workspace{margin-left:260px;width:calc(100% - 260px)}}@media(max-width:950px){.sidebar{width:82px;padding:23px 10px}.brand{margin:0 auto 40px}.brand-copy,.nav-label,.nav-copy,.nav-arrow,.sidebar-footer{display:none}nav button{justify-content:center;padding:17px 10px}.workspace{margin-left:82px;width:calc(100% - 82px);padding:0 16px}.workspace-heading{padding-top:20px}.workspace-tag{display:none}}@media(max-width:560px){.sidebar{width:62px;padding:17px 7px}.brand-mark{width:34px;height:34px;font-size:22px}.brand{margin-bottom:28px}.workspace{margin-left:62px;width:calc(100% - 62px);padding:0 9px}.topbar{height:56px;font-size:11px}.topbar>a{padding:7px}.breadcrumb span{padding:0 5px}.workspace-heading{padding:16px 2px}.eyebrow{display:none}h1{font-size:21px}.workspace-heading p:last-child{font-size:10px;line-height:1.5;max-width:240px}.panels{border-radius:8px}.workspace-note{font-size:9px}}