@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500&family=IBM+Plex+Mono:wght@400&display=swap";:root{--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--color-content-bg:#fff;--color-content-surface:#f8f9fb;--color-content-border:#e5e7eb;--color-content-border-strong:#d1d5db;--color-content-hover:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-hint:#d1d5db}:root,[data-property-type=BC]{--chrome-base:#1e2f23;--chrome-dark:#141f17;--chrome-mid:#2d4a33;--chrome-sidebar-bg:linear-gradient(to right, #141f17 0%, #1e2f23 100%);--chrome-topbar-bg:radial-gradient(ellipse at 50% 0%, #2d4a33 0%, #1e2f23 70%);--chrome-content-fade:linear-gradient(to right, #eff3ee 0%, #fff 30%);--type-badge-bg:#f0fdf4;--type-badge-border:#bbf7d0;--type-badge-text:#166534;--type-dot:#22c55e}[data-property-type=CS]{--chrome-base:#3e363f;--chrome-dark:#2a2528;--chrome-mid:#56494e;--chrome-sidebar-bg:linear-gradient(to right, #2a2528 0%, #3e363f 100%);--chrome-topbar-bg:radial-gradient(ellipse at 50% 0%, #56494e 0%, #3e363f 70%);--chrome-content-fade:linear-gradient(to right, #f2f0f1 0%, #fff 30%);--type-badge-bg:#fffbeb;--type-badge-border:#fde68a;--type-badge-text:#92400e;--type-dot:#f59e0b}[data-property-type=RA]{--chrome-base:#3b2f4a;--chrome-dark:#271f33;--chrome-mid:#52405f;--chrome-sidebar-bg:linear-gradient(to right, #271f33 0%, #3b2f4a 100%);--chrome-topbar-bg:radial-gradient(ellipse at 50% 0%, #52405f 0%, #3b2f4a 70%);--chrome-content-fade:linear-gradient(to right, #f3f0f7 0%, #fff 30%);--type-badge-bg:#f5f3ff;--type-badge-border:#ddd6fe;--type-badge-text:#5b21b6;--type-dot:#a78bfa}:root{--chrome-text-primary:#fff;--chrome-text-secondary:#ffffffb3;--chrome-text-muted:#ffffffb3;--chrome-text-hint:#ffffff40;--chrome-border:#ffffff14;--chrome-border-strong:#ffffff2e;--chrome-active-bg:#ffffff24;--chrome-hover-bg:#ffffff12;--chrome-prop-chip-bg:#ffffff1a;--color-red:#ef4444;--color-red-bg:#fef2f2;--color-red-border:#fecaca;--color-red-text:#991b1b;--color-amber:#f59e0b;--color-amber-bg:#fffbeb;--color-amber-border:#fde68a;--color-amber-text:#92400e;--color-green:#22c55e;--color-green-bg:#f0fdf4;--color-green-border:#bbf7d0;--color-green-text:#166534;--color-blue:#3b82f6;--color-blue-bg:#eff6ff;--color-blue-border:#bfdbfe;--color-blue-text:#1d4ed8;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-text:#fff;--text-display-size:24px;--text-display-weight:600;--text-h1-size:20px;--text-h1-weight:500;--text-h2-size:16px;--text-h2-weight:500;--text-h3-size:14px;--text-h3-weight:500;--text-body-size:14px;--text-body-weight:400;--text-small-size:12px;--text-small-weight:400;--text-label-size:11px;--text-label-weight:500;--text-mono-size:13px;--text-mono-sm-size:11px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:10px}html{font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:var(--text-body-weight);color:var(--color-text-secondary);background:var(--color-content-bg);-webkit-font-smoothing:antialiased}.text-display{font-size:var(--text-display-size);font-weight:var(--text-display-weight);color:var(--color-text-primary);line-height:1.2}.text-h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);color:var(--color-text-primary);line-height:1.3}.text-h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--color-text-primary);line-height:1.4}.text-h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);color:var(--color-text-primary);line-height:1.4}.text-body{font-size:var(--text-body-size);color:var(--color-text-secondary);line-height:1.6}.text-small{font-size:var(--text-small-size);color:var(--color-text-muted);line-height:1.5}.text-label{font-size:var(--text-label-size);font-weight:var(--text-label-weight);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.text-mono{font-family:var(--font-mono);font-size:var(--text-mono-size);color:var(--color-text-secondary)}.text-mono-sm{font-family:var(--font-mono);font-size:var(--text-mono-sm-size);color:var(--color-text-muted)}:root{--color-navy:#1ab394;--color-navy-soft:#17a085;--color-navy-muted:#1ab39417;--color-green:#22c55e;--color-green-bg:#f0fdf4;--color-green-border:#bbf7d0;--color-amber:#f59e0b;--color-amber-bg:#fffbeb;--color-amber-border:#fcd34d;--color-red:#ef4444;--color-red-bg:#fef2f2;--color-red-border:#fecaca;--color-bg:#fff;--color-bg-subtle:#f8f9fb;--color-border:#dde2ea;--color-border-light:#eef0f4;--color-text-primary:#111;--color-text-secondary:#8a8f9a;--color-text-muted:#bbb;--color-text-on-navy:#fff;--color-text-on-navy-muted:#ffffff80;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--header-height:56px;--nav-height:60px;--page-padding:16px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-card:10px;--card-border:.5px solid var(--color-border);--card-padding:13px 14px;--card-radius:var(--radius-card)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;background:#f5faf9;height:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);font-size:14px;line-height:1.5}.card{background:var(--color-bg);border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding)}.section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-secondary);margin-bottom:7px;font-size:9px;font-weight:500}.mono{font-family:var(--font-mono)}.status-row{border-bottom:.5px solid var(--color-border-light);align-items:center;padding:10px 13px;display:flex}.status-row:last-child{border-bottom:none}.status-row.green{border-left:3px solid var(--color-green)}.status-row.amber{border-left:3px solid var(--color-amber)}.status-row.red{border-left:3px solid var(--color-red)}.status-label{color:var(--color-text-primary);flex:1;font-size:12px;font-weight:500}.status-value-green{color:var(--color-green);font-size:11px;font-weight:500}.status-value-amber{color:var(--color-amber);font-size:11px;font-weight:500}.status-value-red{color:var(--color-red);font-size:11px;font-weight:500}.status-detail{color:var(--color-text-muted);margin-left:8px;font-size:10px}.page-title{color:var(--color-text-primary);letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:600}.page-subtitle{color:var(--color-text-secondary);margin-bottom:20px;font-size:12px}.page-container{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 0 .5px #00000014,0 4px 24px #00000012}.page-content{padding:var(--page-padding);padding-top:calc(var(--header-height) + 8px);padding-bottom:calc(var(--nav-height) + 16px);flex:1;overflow-y:auto}.btn-primary{background:var(--color-navy);width:100%;color:var(--color-text-on-navy);text-align:center;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border:none;padding:10px;text-decoration:none;display:block}.btn-primary:active{opacity:.85}.btn-ghost{border:var(--card-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;padding:9px 16px}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea{width:100%;font-size:12px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-subtle);border-radius:var(--radius-md);box-sizing:border-box;appearance:none;border:.5px solid #c8d0db;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #1ab3941f;outline:none!important}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;border:.5px solid #c8d0db!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;border:.5px solid #c8d0db!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;border:.5px solid #c8d0db!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;border:.5px solid #c8d0db!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}textarea{resize:vertical;min-height:80px;line-height:1.5}.mobile-shell{flex-direction:column;min-height:100vh;display:flex}.desktop-shell{display:none}@media (width>=768px){.mobile-shell{display:none}.desktop-shell{min-height:100vh;display:flex}.desktop-content{background:var(--color-content-bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.desktop-page-body{flex:1;padding:28px 36px 48px}}.two-col-grid{flex-direction:column;gap:14px;display:flex}@media (width>=768px){.two-col-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.two-col-full{grid-column:1/-1}}.expand-panel{border:var(--card-border);border-radius:var(--radius-card);background:var(--color-bg-subtle);margin-top:8px;animation:.15s expandIn;overflow:hidden}@keyframes expandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.detail-row{border-bottom:.5px solid var(--color-border-light);flex-direction:column;padding:8px 12px;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-secondary);margin-bottom:2px;font-size:9px;font-weight:500}.detail-value{color:var(--color-text-primary);font-size:12px;line-height:1.4}.hero-bleed{margin:-8px -16px 20px}.hero-bleed .hero-text{padding:48px 16px 28px}@media (width>=768px){.hero-bleed{margin:-24px -32px 24px}.hero-bleed .hero-text{padding:48px 32px 28px}}:root{--color-teal:#a3b1c6;--color-teal-muted:#a3b1c61f}input:focus,select:focus,textarea:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #a3b1c640;outline:none!important}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--card-border);background:var(--color-bg-subtle);padding:10px 14px;font-size:11px;font-weight:600}.data-table td{border-bottom:.5px solid var(--color-border-light);color:var(--color-text-primary);padding:11px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-subtle)}.badge{border-radius:20px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{color:#16a34a;background:#22c55e1f}.badge-amber{color:#b45309;background:#f59e0b1f}.badge-red{color:#dc2626;background:#ef44441f}.badge-blue{color:#2563eb;background:#3b82f61f}.badge-grey{color:#556070;background:#0000000f}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}
