.demo-shell{color:#00183e;background:#f6f9fb;min-height:100vh;font-family:inherit}.demo-header{z-index:20;background:#fff;border-bottom:1px solid #dce5eb;justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex;position:sticky;top:0}.demo-brand{font-size:0}.demo-brand:before{content:"";background:url(/Manageye_Logo_Vector_Chart_Refined.svg) 50%/contain no-repeat;width:154px;height:38px;display:block}.demo-header-actions{align-items:center;gap:12px;display:flex}.demo-badge{letter-spacing:.06em;color:#587087;background:#eef4f7;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.demo-shell a{text-decoration:none}.demo-shell .secondary-link{color:#00183e;padding:10px 12px;font-weight:800}.demo-shell .action-link{color:#fff;background:#00183e;border-radius:10px;padding:11px 17px;font-weight:850}.demo-hero,.demo-section,.demo-grid,.demo-cta{width:min(1180px,88%);margin:auto}.demo-hero{grid-template-columns:1.5fr .75fr;align-items:center;gap:48px;padding:72px 0 46px;display:grid}.eyebrow{color:#00a99a;letter-spacing:.15em;margin:0 0 12px;font-size:11px;font-weight:900}.demo-hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02}.lede{color:#587087;max-width:720px;font-size:18px;line-height:1.7}.demo-safety-card{background:#e8faf7;border:1px solid #b8e8e1;border-radius:22px;gap:12px;padding:25px;display:grid}.demo-safety-card strong{font-size:20px}.demo-safety-card span{color:#486579;font-size:13px}.demo-section{padding:34px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2,.demo-panel h2,.demo-cta h2{letter-spacing:-.035em;margin:0;font-size:30px}.section-heading>span{color:#718398;font-size:12px}.demo-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.demo-kpi{box-shadow:none;background:#eef4ff;border:1px solid #d6e2f2;border-radius:18px;padding:22px}.demo-kpi:first-child{background:#e8f0ff;border-top:4px solid #8eaef4}.demo-kpi:nth-child(2){background:#e6f8f5;border-top:4px solid #00a99a}.demo-kpi:nth-child(3){background:#fff4d9;border-top:4px solid #e7ae4a}.demo-kpi:nth-child(4){background:#f0eafe;border-top:4px solid #9b7bea}.demo-kpi span,.demo-kpi small{color:#65778a;font-size:12px;display:block}.demo-kpi strong{margin:7px 0;font-size:28px;display:block}.demo-grid{grid-template-columns:1.1fr .9fr;gap:18px;padding:30px 0 54px;display:grid}.demo-panel{background:#fff;border:1px solid #dce5eb;border-radius:20px;padding:24px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e8eef2;padding:13px 8px}.data-table th{color:#718398;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.demo-signals{gap:12px;margin-top:20px;display:grid}.demo-signals div{background:#f5f8fa;border-radius:12px;padding:15px}.demo-signals strong,.demo-signals span{display:block}.demo-signals span{color:#61758a;margin-top:4px;font-size:13px;line-height:1.5}.demo-cta{color:#fff;background:#00183e;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px;padding:34px;display:flex}.demo-cta .eyebrow{color:#7fe2d9}.demo-cta p{color:#c8d5e1}.demo-cta .secondary-link{color:#fff}.demo-cta .action-link{background:#00a99a}@media (max-width:760px){.demo-header{height:70px;padding:0 18px}.demo-header-actions .demo-badge,.demo-header-actions .secondary-link{display:none}.demo-hero{grid-template-columns:1fr;gap:25px;width:90%;padding:48px 0 28px}.demo-section,.demo-grid,.demo-cta{width:90%}.demo-kpi-grid{grid-template-columns:repeat(2,1fr)}.demo-grid{grid-template-columns:1fr}.demo-cta{flex-direction:column;align-items:flex-start}.demo-hero h1{font-size:42px}}.signal-card{border:1px solid #dce5eb;border-radius:14px;padding:15px 16px}.signal-card strong,.signal-card>span{display:block}.signal-card strong{margin-top:5px}.signal-card>span:last-child{color:#61758a;margin-top:4px;font-size:13px;line-height:1.5}.signal-priority{letter-spacing:.1em;font-weight:900;font-size:10px!important}.demo-signals .signal-high{background:#fdecec;border-color:#f2c9c9}.demo-signals .signal-moderate{background:#fff4de;border-color:#f0d39a}.demo-signals .signal-low{background:#eaf8ef;border-color:#c6e6d0}.demo-signals .signal-priority{color:#00183e;background:#fff;border:2px solid;border-radius:12px;width:max-content;margin:0 0 2px;padding:8px 12px;display:inline-block!important}.demo-signals .signal-high .signal-priority{color:#c62f2f}.demo-signals .signal-moderate .signal-priority{color:#c86b00}.demo-signals .signal-low .signal-priority{color:#218a4a}.demo-signals .signal-card{grid-template-columns:auto 1fr;align-items:center;column-gap:18px;padding:18px 20px}.demo-signals .signal-card .signal-priority{grid-row:1/span 2}.demo-signals .signal-card strong{margin:0;font-size:16px}.demo-signals .signal-card>span:last-child{margin-top:3px}.demo-grid{grid-template-columns:1.3fr .7fr}.demo-panel{padding:26px}.data-table{border-collapse:separate;border-spacing:0;min-width:0;font-size:13px}.data-table th{background:#f6f9fb;border-bottom:1px solid #dce5eb;padding:11px 10px}.data-table td{background:#fff;border-bottom:1px solid #e8eef2;padding:14px 10px}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:last-child{font-weight:700}.data-table td:last-child:first-letter{color:#00a99a}.demo-hero{padding:56px}.demo-hero h1{margin:14px 0 22px}.demo-safety-card{color:#00183e;background:#e8faf7;border-color:#b8e8e1}.demo-safety-card strong{color:#00183e}.demo-safety-card span{color:#486579}@media (max-width:820px){.demo-hero{padding:32px}}@media (max-width:520px){.demo-hero{padding:24px}}.demo-panel .section-heading{margin-bottom:16px}.demo-panel .section-heading h2{font-size:30px}.demo-panel:first-child .data-table th:first-child,.demo-panel:first-child .data-table td:first-child{width:38%}@media (max-width:820px){.demo-signals .signal-card{grid-template-columns:auto 1fr}}.demo-panel{height:fit-content}.demo-signals .signal-card{grid-template-rows:auto auto;grid-template-columns:max-content 1fr;align-items:center;column-gap:16px;padding:16px 18px;display:grid}.demo-signals .signal-card .signal-priority{grid-area:1/1/span 2;place-self:center start;margin:0}.demo-signals .signal-card strong{grid-area:1/2;font-size:15px;line-height:1.25}.demo-signals .signal-card>span:last-child{grid-area:2/2;margin-top:4px}.data-table tbody tr:first-child td{background:#f8fbff}.data-table tbody tr:nth-child(2) td{background:#f7fcfa}.data-table tbody tr:nth-child(3) td{background:#fffdf7}.status-pill{border-radius:999px;align-items:center;padding:5px 9px;width:max-content!important;margin:0!important;font-size:11px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.status-healthy{background:#e6f8f1;color:#168354!important}.status-watch{background:#fff1d6;color:#b86a00!important}.demo-grid{align-items:stretch}.demo-grid>.demo-panel{height:auto;min-height:100%}.demo-grid>.demo-panel:first-child,.demo-grid>.demo-panel:nth-child(2){flex-direction:column;display:flex}.demo-grid>.demo-panel:nth-child(2) .demo-signals{flex:1}.data-table tbody tr:nth-child(odd) td{background:#f8fafc}.data-table tbody tr:nth-child(2n) td{background:#eef3f6}.data-table tbody tr:hover td{background:#e5edf2}.performance-chart{margin-top:auto;padding-top:22px}.performance-chart-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.performance-chart-head strong{color:#00183e;font-size:13px}.performance-chart-head span{color:#7a8b9a;font-size:10px}.performance-chart svg{box-sizing:border-box;background:#f7fafc;border:1px solid #e2e9ee;border-radius:12px;width:100%;height:145px;padding:8px;display:block}.performance-chart svg line{stroke:#dde6ec;stroke-width:1px}.performance-chart svg polyline{fill:none;stroke:#00a99a;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.performance-chart-labels{color:#7a8b9a;justify-content:space-between;padding:7px 8px 0;font-size:10px;display:flex}.demo-shell{background:#f6f9fb;overflow-x:hidden}.demo-header{box-sizing:border-box;background:#fff;border:0;border-bottom:1px solid #dce5eb;width:100%;margin:0;box-shadow:0 1px #00183e08}.demo-grid{padding-bottom:34px}@media (max-width:760px){.demo-header{width:100%;padding:0 18px}}.demo-header{width:100%!important;margin:0!important;position:sticky!important;top:0!important;left:0!important;right:0!important}.demo-shell{min-height:100vh!important}.demo-shell{overflow-x:clip!important}.demo-header{z-index:1000!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;position:sticky!important;top:0!important}.demo-cta{margin-bottom:0!important}.demo-cta .demo-header-actions{flex-direction:column;align-items:stretch;min-width:170px}.demo-cta .secondary-link{box-sizing:border-box;text-align:center;border:1px solid #ffffff80;border-radius:10px;width:100%;font-weight:800;color:#fff!important;background:0 0!important;padding:11px 17px!important;display:block!important}.demo-cta .action-link{box-sizing:border-box;text-align:center;width:100%;display:block}.demo-shell{padding-top:78px!important;overflow:visible!important}.demo-header{box-sizing:border-box!important;z-index:9999!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce5eb!important;border-radius:0!important;width:100%!important;max-width:none!important;height:78px!important;margin:0!important;padding:0 6vw!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 1px 8px #00183e0f!important}@media (max-width:760px){.demo-shell{padding-top:70px!important}.demo-header{height:70px!important;padding:0 18px!important}}
