.portal-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:calc(100vh - var(--test-banner-h));background:var(--nxp-bg)}.portal-sidebar{grid-area:sidebar;background:#fff;border-right:1px solid var(--nxp-surface-alt);position:-webkit-sticky;position:sticky;top:var(--test-banner-h);height:calc(100vh - var(--test-banner-h));overflow-y:auto;display:flex;flex-direction:column}.portal-sidebar-header{padding:14px 12px;border-bottom:1px solid var(--nxp-surface-alt);display:flex;align-items:center;gap:10px}.portal-sidebar-header .logo-mark{width:28px;height:28px;border-radius:6px;background:var(--nxp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.portal-sidebar-header .product-name{font-size:14px;font-weight:600;color:var(--nxp-text)}.portal-sidebar-header .product-tag{font-size:11px;color:var(--nxp-text-muted);text-transform:uppercase;letter-spacing:.04em}.portal-sidebar-footer{margin-top:auto;padding:10px 12px;border-top:1px solid var(--nxp-surface-alt);font-size:11px;color:var(--nxp-text-muted);font-family:var(--nxp-font-mono)}.portal-topbar{grid-area:topbar;background:#fff;border-bottom:1px solid var(--nxp-surface-alt);padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:-webkit-sticky;position:sticky;top:var(--test-banner-h);z-index:30;height:var(--topbar-h)}.portal-topbar-search{flex:1 1;max-width:480px;position:relative}.portal-topbar-search input{width:100%;height:32px;border:1px solid var(--nxp-surface-alt);background:var(--nxp-gray-50);border-radius:var(--r-3);padding:0 12px 0 32px;font-size:13px;color:var(--nxp-text);outline:none;transition:all .12s}.portal-topbar-search input:focus{background:#fff;border-color:var(--nxp-primary);box-shadow:var(--sh-focus)}.portal-topbar-search .icon{left:10px;pointer-events:none;font-size:13px}.portal-topbar-search .icon,.portal-topbar-search .kbd{position:absolute;top:50%;transform:translateY(-50%);color:var(--nxp-text-muted)}.portal-topbar-search .kbd{right:10px;font-family:var(--nxp-font-mono);font-size:11px;padding:2px 6px;background:var(--nxp-gray-100);border-radius:3px;border:1px solid var(--nxp-surface-alt)}.portal-topbar-actions{display:flex;align-items:center;gap:12px}.portal-topbar-action{width:32px;height:32px;border-radius:var(--r-3);background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;color:var(--nxp-text-secondary);cursor:pointer;position:relative}.portal-topbar-action:hover{background:var(--nxp-gray-100)}.portal-topbar-action .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--nxp-error);border:2px solid #fff}.user-menu{display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:var(--r-3);cursor:pointer;transition:background .12s}.user-menu:hover{background:var(--nxp-gray-100)}.user-menu .avatar{width:28px;height:28px;border-radius:50%;background:var(--nxp-primary-tint);color:var(--nxp-primary-dark);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-menu .meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.user-menu .name{font-size:13px;font-weight:500;color:var(--nxp-text)}.user-menu .role{font-size:11px;color:var(--nxp-text-muted);font-family:var(--nxp-font-mono)}.portal-main{grid-area:main;padding:20px 24px;overflow-x:auto}.portal-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.portal-page-title{font-size:22px;font-weight:600;margin:0 0 4px;color:var(--nxp-text)}.portal-page-subtitle{font-size:13px;color:var(--nxp-text-muted)}.portal-page-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.section{background:#fff;border:1px solid var(--nxp-surface-alt);border-radius:var(--r-4);margin-bottom:16px;overflow:hidden}.section-header{justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--nxp-surface-alt)}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:14px;font-weight:600;margin:0;gap:8px}.section-body{padding:0}.section-body.padded{padding:16px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--nxp-success);animation:nxp-pulse-dot 1.6s ease-in-out infinite}@keyframes nxp-pulse-dot{0%,to{box-shadow:0 0 0 0 rgba(40,167,69,.4);opacity:1}50%{box-shadow:0 0 0 6px rgba(40,167,69,0);opacity:.85}}.dtbl tbody tr.row-pulse td{animation:nxp-row-pulse 1.6s ease-out 1}@keyframes nxp-row-pulse{0%{background:var(--nxp-action-tint)}to{background:transparent}}.auth-shell{min-height:calc(100vh - var(--test-banner-h));display:flex;align-items:center;justify-content:center;background:var(--nxp-gray-50);padding:24px}.auth-card{width:420px;max-width:100%;padding:28px}.auth-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-card-header .logo-mark{width:40px;height:40px;border-radius:8px;background:var(--nxp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.auth-card-title{font-size:17px;font-weight:600;color:var(--nxp-text)}.auth-card-subtitle{font-size:12px;color:var(--nxp-text-muted);margin-top:2px}.login-form .field+.field{margin-top:14px}.auth-card-helper{margin-top:24px;padding-top:18px;border-top:1px dashed var(--nxp-surface-alt)}.auth-credentials-list{margin:8px 0;padding:0;list-style:none;font-size:12px}.auth-credentials-list li{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.auth-credentials-list .mono{font-family:var(--nxp-font-mono)}.badge.badge-blue{background:var(--nxp-primary-tint);color:var(--nxp-primary-dark)}.text-12{font-size:12px}