#root,.toolbox-shell{min-height:100vh}.site-header{min-height:64px;color:var(--header-text);background:var(--header-background)}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 40px);min-height:64px;margin:0 auto;display:flex}.brand,.header-actions,.mock-user{align-items:center;display:flex}.brand{gap:12px}.brand__logo{object-fit:contain;width:42px;height:42px;display:block}.brand__name{font-size:20px;font-weight:700}.header-actions{gap:18px}.theme-toggle{width:40px;height:40px;color:var(--header-text);cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:50%;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:#ffffff1f}.mock-user{gap:10px}.mock-user__avatar{width:36px;height:36px;color:var(--avatar-text);background:var(--avatar-background);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.mock-user__name{font-size:14px;font-weight:600}.page-content{width:min(1120px,100% - 40px);margin:0 auto;padding:48px 0 64px}.app-launcher__heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.app-launcher__heading h1{color:var(--heading);margin:0;font-size:32px;line-height:1.2}.app-launcher__heading p{color:var(--text-muted);margin:8px 0 0}.mock-data-label,.app-card__status{color:var(--heading);background:var(--badge-background);text-transform:uppercase;font-size:12px;font-weight:700}.mock-data-label{border:1px solid var(--jpi-blue);padding:5px 8px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.app-card{border:1px solid var(--border);border-top:4px solid var(--jpi-blue);background:var(--surface);border-radius:6px;flex-direction:column;gap:20px;min-width:0;min-height:260px;padding:24px;display:flex}.app-card__icon{color:#fff;background:var(--icon-background);place-items:center;width:44px;height:44px;font-weight:700;display:grid}.app-card__content{flex:1}.app-card__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-card h2{color:var(--heading);margin:0;font-size:19px;line-height:1.3}.app-card__status{flex:none;padding:4px 6px}.app-card p{color:var(--text-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.app-card__action{border:1px solid var(--border);min-height:40px;color:var(--disabled-text);background:var(--disabled-background);cursor:not-allowed;border-radius:4px;padding:8px 14px}@media (width<=767px){.site-header__inner,.page-content{width:min(1120px,100% - 32px)}.mock-user__name{display:none}.header-actions{gap:10px}.page-content{padding:32px 0 48px}.app-launcher__heading{flex-direction:column;align-items:flex-start;gap:16px}.app-launcher__heading h1{font-size:28px}.app-grid{grid-template-columns:1fr}.app-card{min-height:230px}}:root{--jpi-navy:#0d2e51;--jpi-orange:#f05123;--jpi-blue:#419bc3;--jpi-pale-blue:#e7f0f7;--page-background:#e7f0f7;--surface:#fff;--heading:#0d2e51;--text:#1b2733;--text-muted:#5d6873;--border:#cbd7e1;--header-background:#0d2e51;--header-text:#fff;--badge-background:#e7f0f7;--icon-background:#0d2e51;--avatar-background:#e7f0f7;--avatar-text:#0d2e51;--disabled-background:#f1f3f5;--disabled-text:#5d6873;--focus:#f05123;color:var(--text);background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,Segoe UI,sans-serif}:root[data-theme=dark]{--page-background:#0f1720;--surface:#182533;--heading:#f4f7fa;--text:#f4f7fa;--text-muted:#b5c0ca;--border:#3b5266;--header-background:#081f37;--header-text:#fff;--badge-background:#233b50;--icon-background:#286f94;--avatar-background:#dce9f2;--avatar-text:#0d2e51;--disabled-background:#25313d;--disabled-text:#aab5bf}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--page-background);margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}