:root{--bg: #F8F7F6;--surface: #FFFFFF;--text: #1C1917;--text-2: #57534E;--text-3: #A8A29E;--border: #E7E5E4;--border-2: #D6D3D1;--blue-dark: #042C53;--blue-mid: #185FA5;--blue: #378ADD;--amber: #92400E;--amber-bg: #FFFBEB;--amber-bdr: #FCD34D;--red: #7F1D1D;--red-bg: #FEF2F2;--red-bdr: #FECACA;--teal-bg: #ECFDF5;--teal-bdr: #6EE7B7;--teal: #065F46;--blue-bg: #EFF6FF;--blue-bdr: #93C5FD;--blue-text: #1E3A5F;--gray-bg: #F5F5F4;--gray: #78716C}@media (prefers-color-scheme: dark){:root{--bg: #0C1520;--surface: #152030;--text: #F5F5F4;--text-2: #A8A29E;--text-3: #57534E;--border: #1E3045;--border-2: #2A4060;--amber-bg: #1C1200;--amber-bdr: #92400E;--amber: #FCD34D;--red-bg: #200000;--red-bdr: #7F1D1D;--red: #FCA5A5;--teal-bg: #002A1A;--teal-bdr: #0F6E56;--teal: #6EE7B7;--blue-bg: #001833;--blue-bdr: #185FA5;--blue-text: #93C5FD;--gray-bg: #1C1C1A;--gray: #A8A29E}}:root[data-theme=dark]{--bg: #0C1520;--surface: #152030;--text: #F5F5F4;--text-2: #A8A29E;--text-3: #57534E;--border: #1E3045;--border-2: #2A4060;--amber-bg: #1C1200;--amber-bdr: #92400E;--amber: #FCD34D;--red-bg: #200000;--red-bdr: #7F1D1D;--red: #FCA5A5;--teal-bg: #002A1A;--teal-bdr: #0F6E56;--teal: #6EE7B7;--blue-bg: #001833;--blue-bdr: #185FA5;--blue-text: #93C5FD;--gray-bg: #1C1C1A;--gray: #A8A29E}:root[data-theme=light]{--bg: #F8F7F6;--surface: #FFFFFF;--text: #1C1917;--text-2: #57534E;--text-3: #A8A29E;--border: #E7E5E4;--border-2: #D6D3D1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}.portal-shell{display:flex;flex-direction:column;min-height:100dvh}.portal-content{flex:1;display:flex;flex-direction:column}.portal-header{background:var(--blue-dark);padding:14px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.portal-header-brand{display:flex;flex-direction:column;gap:2px}.portal-header-name{font-size:13px;font-weight:800;color:#fff;letter-spacing:.12em;text-transform:uppercase;line-height:1}.portal-header-tag{font-size:10px;color:var(--blue);letter-spacing:.06em;line-height:1}.equipment-hero{padding:20px 20px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.equipment-name{font-size:18px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:4px}.equipment-meta{font-size:13px;color:var(--text-3);margin-bottom:12px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.status-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge.active{background:var(--teal-bg);color:var(--teal)}.status-badge.offline{background:var(--amber-bg);color:var(--amber)}.status-badge.retired{background:var(--gray-bg);color:var(--gray);border:1px solid var(--border-2)}.status-badge.expired{background:var(--red-bg);color:var(--red)}.status-badge.no-history{background:var(--gray-bg);color:var(--text-3);border:1px solid var(--border-2)}.alert-banner{margin:12px 20px 0;padding:12px 16px;border-radius:6px;font-size:14px;line-height:1.5;border-left:3px solid}.alert-banner.info{background:var(--blue-bg);border-color:var(--blue-bdr);color:var(--blue-text)}.alert-banner.warn{background:var(--amber-bg);border-color:var(--amber-bdr);color:var(--amber)}.alert-banner.error{background:var(--red-bg);border-color:var(--red-bdr);color:var(--red)}.alert-banner.neutral{background:var(--gray-bg);border-color:var(--border-2);color:var(--text-2)}.section-block{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 20px}.section-block-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.section-empty-note{font-size:13px;color:var(--text-3);padding:8px 0;margin:0}.data-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border-bottom:.5px solid var(--border);font-size:14px}.data-row:last-child{border-bottom:none}.data-row-field{color:var(--text-3);flex-shrink:0}.data-row-value{color:var(--text);font-weight:500;text-align:right}.data-row-value.muted{color:var(--text-3);font-weight:400}.data-row-value.active{color:var(--teal);font-weight:700}.data-row-value.expired{color:var(--red);font-weight:700}.contact-card{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 20px}.contact-card-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.contact-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:14px}.contact-icon{width:16px;height:16px;border-radius:50%;background:var(--blue-mid);flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact-link{color:var(--blue-mid);font-weight:500;text-decoration:none}.contact-link:hover{text-decoration:underline}.portal-footer{background:var(--blue-dark);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.portal-footer-name{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.08em}.portal-footer-url{font-size:10px;color:#ffffff59}.loading-shell{display:flex;flex-direction:column;min-height:100dvh}.skeleton-block{background:var(--border);border-radius:4px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:10px}.error-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:16px;background:var(--bg)}.error-icon-wrap{width:56px;height:56px;border-radius:50%;background:var(--red-bg);display:flex;align-items:center;justify-content:center}.error-title{font-size:17px;font-weight:700;color:var(--text)}.error-desc{font-size:14px;color:var(--text-3);line-height:1.6;max-width:300px}.error-contact-box{width:100%;max-width:320px;background:var(--surface);border:1px solid var(--border-2);border-radius:8px;padding:14px 16px;text-align:left}.error-contact-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.desktop-right{display:none}@media (min-width: 768px){.desktop-right{display:block}.desktop-grid{display:grid;grid-template-columns:340px 1fr;gap:0;flex:1}.desktop-left{border-right:1px solid var(--border);display:flex;flex-direction:column}.desktop-right{background:var(--bg);padding:28px;overflow-y:auto}.desktop-right-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:20px}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:14px;padding-bottom:20px;position:relative}.timeline-item:last-of-type{padding-bottom:0}.timeline-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--blue-mid);flex-shrink:0;margin-top:3px}.timeline-dot.muted{background:var(--border-2)}.timeline-line{width:1px;flex:1;background:var(--border);margin-top:4px}.timeline-date{font-size:12px;color:var(--text-3);margin-bottom:2px}.timeline-title{font-size:14px;font-weight:600;color:var(--text)}.timeline-tech{font-size:13px;color:var(--text-2);margin-top:1px}.timeline-phase2-note{margin-top:20px;padding:10px 14px;background:var(--surface);border-radius:6px;border:1px solid var(--border);font-size:12px;color:var(--text-3);text-align:center}}@media (prefers-reduced-motion: reduce){.skeleton-block{animation:none;opacity:.6}}