@import "https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";html,body,#root{min-height:100%}body{margin:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit}:root{--primary-blue:#123a5a;--dark-blue:#0b263d;--mid-blue:#1e5a83;--soft-blue:#e8f1f7;--accent-orange:#d97706;--slate-text:#334155;--muted-slate:#64748b;--light-grey:#f3f6f8;--white:#fff;--shadow-deep:0 20px 60px #0b263d24;--shadow-soft:0 12px 32px #123a5a14;--panel-border:#ffffff94;--panel-bg:#ffffffd1;--header-bg:#ffffffc2;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--content-width:min(72rem, calc(100vw - 2rem))}body{color:var(--slate-text);background:linear-gradient(#ffffffe6 0%,#e8f1f7d1 100%),radial-gradient(circle at 20% 20%,#1e5a831f,#0000 40%),url(/assets/backgrounds/coastal-process-facility.png) 50%/cover no-repeat fixed;font-family:Manrope,sans-serif;line-height:1.7}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#123a5a0d 1px,#0000 1px),linear-gradient(90deg,#123a5a0d 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}h1,h2,h3,h4{color:var(--dark-blue);margin:0;font-family:Barlow,sans-serif;line-height:1.08}p{margin:0}.app-shell{min-height:100vh}.site-header{z-index:20;width:var(--content-width);border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--header-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1rem auto 0;padding:1rem 1.2rem;display:grid;position:sticky;top:0}.brand-block{align-items:center;gap:.9rem;display:flex}.brand-block strong{color:var(--dark-blue);font-family:Barlow,sans-serif;display:block}.brand-block span{color:var(--muted-slate);font-size:.88rem}.brand-mark{width:3rem;height:3rem;color:var(--white);background:linear-gradient(135deg, var(--mid-blue), var(--dark-blue));border-radius:50%;place-items:center;font-family:Barlow,sans-serif;font-weight:700;display:grid;box-shadow:0 12px 24px #123a5a47}.site-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.site-nav a{color:var(--muted-slate);border-radius:999px;padding:.55rem .9rem;font-size:.92rem;transition:background .2s,color .2s,transform .2s}.site-nav a.active,.site-nav a:hover{color:var(--dark-blue);background:#d977061a;transform:translateY(-1px)}.header-actions{align-items:center;gap:.75rem;display:flex}.org-switcher{color:var(--muted-slate);gap:.2rem;font-size:.82rem;display:grid}.org-switcher select{min-width:12rem}.page-shell{width:var(--content-width);margin:1.2rem auto 4rem}.must-change-banner,.info-banner,.inline-error{border-radius:var(--radius-sm);border:1px solid #123a5a1a;padding:.95rem 1rem}.must-change-banner,.info-banner{box-shadow:var(--shadow-soft);background:#ffffffd9}.info-banner.is-warning,.must-change-banner{background:#fff7ede6;border-color:#d9770640}.inline-error{color:#9f1239;background:#fef2f2f2}.stack{gap:1.1rem;display:grid}.page-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.page-header h1{font-size:clamp(2rem,3vw,3.2rem)}.page-header p{max-width:46rem;color:var(--muted-slate);margin-top:.8rem}.page-header-actions{flex-wrap:wrap;gap:.8rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--mid-blue);align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.75rem;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--accent-orange), transparent);width:2.3rem;height:1px}.hero-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel{border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffeb,#e8f1f7c7),url(/assets/backgrounds/technical-data-overlay.png) 50%/cover;padding:1.25rem;position:relative;overflow:hidden}.panel:after{content:"";background:linear-gradient(90deg,#d9770659,#0000);height:.45rem;position:absolute;inset:auto 0 0}.panel-header{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.panel-header p{color:var(--muted-slate);margin-top:.4rem}.metric-grid,.card-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.metric-card,.module-card,.readout-card{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#ffffffc2;border:1px solid #123a5a14;padding:1rem}.metric-card span,.readout-card span{color:var(--muted-slate);font-size:.9rem;display:block}.metric-card strong,.readout-card strong{color:var(--dark-blue);margin-top:.3rem;font-family:Barlow,sans-serif;font-size:1.45rem;display:block}.module-card{gap:.85rem;display:grid}.module-card-top,.module-card-footer,.button-row,.chip-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.module-card p,.list-row span,.detail-list span,.field small,.auth-form .text-link{color:var(--muted-slate)}.module-card-footer a,.text-link{color:var(--primary-blue);font-weight:700}.chip{color:var(--primary-blue);background:#1e5a8314;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.84rem;font-weight:600;display:inline-flex}.chip-orange{color:#9a5b08;background:#d9770624}.status-pill{color:var(--primary-blue);text-transform:uppercase;letter-spacing:.08em;background:#1e5a831a;border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.is-checked,.status-pill.is-medium{color:#9a5b08;background:#d977061f}.status-pill.is-approved,.status-pill.is-low{color:#0f766e;background:#0e74901f}.status-pill.is-issued,.status-pill.is-high{color:var(--dark-blue);background:#0f172a1f}.list-stack{gap:.75rem;display:grid}.list-row,.audit-table-row,.audit-table-head{align-items:center;gap:.8rem;display:grid}.list-row{border-radius:var(--radius-md);background:#ffffffc2;border:1px solid #123a5a14;grid-template-columns:1fr auto;padding:.95rem 1rem}.list-row strong{color:var(--dark-blue);display:block}.list-row small{color:var(--muted-slate)}.button-row-item{text-align:left;background:#ffffffc2;width:100%}.selectable-row{text-align:left;border:0;width:100%}.selectable-row.is-selected{outline:2px solid #1e5a8347}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field,.checkbox-group{gap:.4rem;display:grid}.field span,.checkbox-group span{color:var(--dark-blue);font-size:.9rem;font-weight:700}.field input,.field textarea,.field select,.auth-form input{border-radius:var(--radius-sm);width:100%;color:var(--slate-text);background:#ffffffe6;border:1px solid #123a5a24;padding:.85rem .95rem}.field textarea{resize:vertical}.field-span{grid-column:1/-1}.checkbox-row{color:var(--slate-text);align-items:center;gap:.55rem;display:flex}.checkbox-group{border-radius:var(--radius-md);background:#ffffffb3;padding:.9rem 1rem}.primary-button,.secondary-button,.ghost-button{border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1.15rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-button{color:var(--white);background:linear-gradient(135deg, var(--mid-blue), var(--dark-blue));box-shadow:0 14px 26px #123a5a3d}.secondary-button{color:var(--dark-blue);background:#ffffffe0;border:1px solid #123a5a1f}.ghost-button{color:#8a5209;background:#d977061f}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.button-column{gap:.7rem;display:grid}.detail-list{gap:.9rem;display:grid}.detail-list strong{color:var(--dark-blue);display:block}.chart-placeholder,.risk-matrix{gap:.85rem;display:grid}.chart-row{grid-template-columns:8rem 1fr auto;align-items:center;gap:.75rem;display:grid}.chart-bar-track{background:#123a5a14;border-radius:999px;height:.65rem;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg, var(--accent-orange), var(--mid-blue));border-radius:999px;height:100%}.risk-grid{grid-template-columns:6rem repeat(3,1fr);gap:.55rem;display:grid}.risk-grid-row{display:contents}.risk-grid-label{text-align:center;color:var(--muted-slate);place-items:center;padding:.6rem;font-size:.85rem;display:grid}.risk-grid-cell{border-radius:var(--radius-sm);background:#1e5a8314;border:1px solid #123a5a14;min-height:4rem}.risk-grid-cell.is-selected{background:linear-gradient(135deg,#d977063d,#1e5a8342);border-color:#d9770657}.audit-table{gap:.75rem;display:grid}.audit-table-head,.audit-table-row{border-radius:var(--radius-md);background:#ffffffc2;grid-template-columns:12rem 10rem 9rem 1fr;padding:.85rem 1rem}.audit-table-head{color:var(--dark-blue);font-weight:700}.loading-view,.empty-state{text-align:center;border-radius:var(--radius-lg);background:#ffffffbf;border:1px dashed #123a5a29;place-items:center;gap:.85rem;padding:2rem;display:grid}.loading-spinner{border:3px solid #123a5a24;border-top-color:var(--mid-blue);border-radius:50%;width:2.4rem;height:2.4rem;animation:1s linear infinite spin}.public-page{background:linear-gradient(135deg,#ffffffd1,#e8f1f7d1),url(/assets/backgrounds/process-plant-negative-space.png) 50%/cover no-repeat;place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.public-page-panel{grid-template-columns:1.2fr .9fr;align-items:stretch;gap:1.2rem;width:min(76rem,100%);display:grid}.hero-copy,.auth-form{border-radius:var(--radius-lg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-deep);padding:1.7rem}.hero-copy{background:linear-gradient(160deg,#ffffffd1,#e8f1f7cc),url(/assets/backgrounds/documents-and-blueprints.png) 50%/cover;gap:1rem;display:grid}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.4rem)}.auth-form{background:#ffffffd6}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.site-header,.public-page-panel,.hero-grid,.two-column,.field-grid{grid-template-columns:1fr}.header-actions,.page-header{flex-direction:column;align-items:stretch}}@media (width<=720px){:root{--content-width:calc(100vw - 1rem)}body{background:linear-gradient(#ffffffeb,#e8f1f7e0),url(/assets/backgrounds/technical-data-overlay.png) 50%/cover no-repeat fixed}.site-header{margin-top:.6rem;padding:.95rem}.chart-row,.audit-table-head,.audit-table-row,.risk-grid{grid-template-columns:1fr}.risk-grid-row{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.risk-grid-label:first-child{justify-content:start}.primary-button,.secondary-button,.ghost-button{width:100%}}