@import url("sidebar-icons.css");
:root{--app-sidebar-width:252px;--platform-height:80px;--app-bg:#f3f6fb;--app-surface:#fff;--app-ink:#172642;--app-muted:#586981;--app-line:#dce3ed;--app-blue:#063be5;--app-soft:#eaf0ff;--app-radius:8px}html,body{min-height:100%;margin:0}body{background:var(--app-bg);color:var(--app-ink);font:16px/1.5 'Segoe UI',Tahoma,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}.platform-header{height:var(--platform-height);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 28px;background:var(--app-surface);border:0;border-bottom:1px solid var(--app-line);position:sticky;top:0;z-index:35}.app-brand{display:flex;align-items:center;gap:12px;padding:0;color:var(--app-ink);font-size:16px;font-weight:750;text-decoration:none;flex-shrink:0}.app-brand img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.app-brand small{display:block;color:var(--app-muted);font-size:12px;font-weight:400;margin-top:4px}.platform-header .platform-tabs{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:0;border:0;width:auto}.platform-header .platform-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;color:var(--app-muted);font-size:14px;font-weight:650;text-decoration:none;background:transparent;white-space:nowrap}.platform-header .platform-tabs a[aria-current=page]{background:var(--app-blue);color:#fff}.platform-header .platform-tabs a:hover{background:var(--app-soft);color:var(--app-blue)}.platform-header .platform-tabs a[aria-current=page]:hover{background:#0833b8;color:#fff}.app-shell{display:grid;grid-template-columns:var(--app-sidebar-width) minmax(0,1fr);min-height:calc(100dvh - var(--platform-height))}.app-sidebar{position:sticky;top:var(--platform-height);height:calc(100dvh - var(--platform-height));overflow-y:auto;padding:16px 12px;background:var(--app-surface);border:0;border-right:1px solid var(--app-line);border-radius:0;z-index:30;width:auto;min-width:0}.app-sidebar-section{padding-top:8px}.app-sidebar-label{margin:0 12px 12px;color:var(--app-ink);font-size:13px;font-weight:700}.app-sidebar .app-feature{display:flex;width:100%;align-items:center;gap:8px;text-align:left;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--app-muted);font:500 14px/1.4 'Segoe UI',Tahoma,sans-serif;cursor:pointer;text-decoration:none;margin:2px 0;white-space:normal}.app-sidebar .app-feature:hover{background:#f3f6fb;color:var(--app-ink)}.app-sidebar .app-feature[aria-pressed=true],.app-sidebar .app-feature[aria-current=page]{background:var(--app-soft);color:var(--app-blue);font-weight:700}.app-main{min-width:0}.app-topbar{min-height:68px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 32px;border:0;border-bottom:1px solid var(--app-line);background:var(--app-surface);position:sticky;top:var(--platform-height);z-index:20;margin:0}.app-breadcrumb{font-size:14px;font-weight:600;color:var(--app-ink)}.app-context{margin-left:auto;font-size:13px;color:var(--app-muted)}.app-role-badge{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:8px;background:var(--app-soft);color:var(--app-blue);font-size:13px;font-weight:650}.app-content{max-width:1600px;margin:0 auto;padding:28px 32px 48px;min-width:0;outline:none}.app-content h1{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:0;font-weight:750}.app-content h2{font-size:18px;line-height:1.35}.app-content h3{font-size:16px}.app-content p{line-height:1.5}.app-content table{font-size:14px;font-variant-numeric:tabular-nums}.app-content button,.app-content input,.app-content select{font-size:14px;min-height:40px}.app-menu-toggle{display:none;padding:8px 12px;border:1px solid var(--app-line);border-radius:8px;background:#fff;color:var(--app-ink);font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--app-blue);outline-offset:3px}.app-scrim{display:none}.app-content .page-heading,.app-content .intro{margin-bottom:24px}.app-content .muted,.app-content .hint{color:var(--app-muted)}@media(max-width:1050px) and (min-width:901px){.platform-header{padding-inline:16px;gap:12px}.platform-header .platform-tabs{gap:4px}.platform-header .platform-tabs a{padding-inline:12px}}@media(max-width:900px){:root{--platform-height:0px}.platform-header{position:relative;height:auto;min-height:80px;flex-wrap:wrap;padding:12px 16px;gap:12px}.platform-header .platform-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.platform-header .platform-tabs a{white-space:normal;text-align:center;font-size:13px;padding:8px;min-height:44px}.app-shell{display:block;min-height:100dvh}.app-sidebar{position:fixed;left:0;top:0;width:var(--app-sidebar-width);height:100dvh;transform:translateX(-100%);transition:transform 180ms ease;z-index:50}.app-shell.sidebar-open .app-sidebar{transform:translateX(0)}.app-menu-toggle{display:inline-flex}.app-topbar{min-height:60px;top:0;padding:12px 16px;gap:8px}.app-context{font-size:12px}.app-content{padding:24px 16px 40px}.app-content h1{font-size:24px}.app-shell.sidebar-open .app-scrim{display:block;position:fixed;inset:0;background:rgb(23 38 66 / 35%);z-index:40;border:0;border-radius:0;width:100%;height:100%;padding:0}.app-content input,.app-content select{font-size:16px}}@media(max-width:480px){.platform-header .platform-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-header .app-brand img{width:40px;height:40px}.platform-header .app-brand small{margin-top:0}}@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}