:root,.dark{--background: #fff;--foreground: #242424;--card: #fff;--card-foreground: #242424;--popover: #fff;--popover-foreground: #242424;--primary: #0078d4;--primary-foreground: #fff;--ring: #0078d4;--border: #e5e5e5;--muted: #f5f5f5;--muted-foreground: #616161;--radius: 3px}.directory-shell{height:100svh;display:grid;grid-template-columns:216px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);overflow:hidden;background:#fff;color:#242424;font:14px/1.5 Segoe UI,Microsoft YaHei,sans-serif}.directory-shell-collapsed{grid-template-columns:0 minmax(0,1fr)}.directory-appbar{grid-column:1 / -1;display:flex;align-items:center;gap:14px;background:#f3f3f3;border-bottom:1px solid #e8e8e8;padding:0 20px 0 12px;z-index:30}.directory-menu-button{display:grid;place-items:center;width:32px;height:32px;border-radius:3px}.directory-menu-button:hover{background:#e4e4e4}.directory-brand{font-size:16px;font-weight:600;color:#1769a3}.directory-environment{font-size:12px;color:#616161;border-left:1px solid #d1d1d1;padding-left:16px;margin-left:3px}.directory-account{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px;color:#424242}.directory-account>span{display:grid;place-items:center;width:28px;height:28px;background:#e2e2e2;border-radius:50%;font-size:12px}.directory-sidebar{background:#f0f0f0;grid-column:1;grid-row:2;padding-top:25px;overflow:auto}.directory-nav-group{display:flex;width:100%;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.directory-nav-section+.directory-nav-section{margin-top:16px;padding-top:12px;border-top:1px solid #dedede}.directory-nav-group:hover{background:#e5e5e5}.directory-nav-group:focus-visible{outline:2px solid #0078d4;outline-offset:-2px}.directory-nav-group svg{flex-shrink:0}.directory-nav-group svg:last-child{margin-left:auto}.directory-nav-group[aria-expanded=false] svg:last-child{transform:rotate(-90deg)}.directory-nav-link{position:relative;display:block;padding:11px 20px 11px 51px;color:#242424}.directory-nav-link[aria-current=page]{background:#e5e5e5;font-weight:600}.directory-nav-link[aria-current=page]:before{content:"";position:absolute;top:11px;bottom:11px;left:30px;width:3px;background:#0078d4}.directory-nav-link:hover{background:#ddd}.directory-main{grid-column:2;grid-row:2;min-width:0;overflow:auto;padding:26px 36px}.directory-shell :focus-visible{outline:2px solid #0078d4;outline-offset:2px}@media(max-width:900px){.directory-shell{grid-template-columns:180px minmax(0,1fr)}.directory-shell-collapsed{grid-template-columns:0 minmax(0,1fr)}.directory-main{padding:24px}.directory-environment{display:none}}@media(max-width:600px){.directory-shell{grid-template-columns:0 minmax(0,1fr)}.directory-sidebar{position:fixed;top:48px;bottom:0;left:0;width:210px;z-index:25;box-shadow:3px 0 12px #0002}.directory-main{padding:20px 16px}.directory-account{font-size:0}.directory-brand{font-size:14px}}