.dashboard-page{min-height:100vh;padding:2rem 1rem 4rem;display:flex;justify-content:center}.dashboard-shell{width:min(1200px,100%);display:grid;grid-gap:1.25rem;gap:1.25rem}.dashboard-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:1.25rem 0}.dashboard-title{margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;color:var(--text)}.dashboard-subtitle{margin:.75rem 0 0;max-width:72ch;color:var(--text-muted);line-height:1.75}.dashboard-actions{display:flex;flex-wrap:wrap;gap:.75rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem}.dashboard-grid.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-visual-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.dashboard-grid.dashboard-visual-grid>article{grid-column:span 6}.dashboard-grid.analytics-grid>article{grid-column:span 1}.dashboard-visual-grid>article{min-height:260px}.dashboard-card{border-radius:1.5rem;padding:1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.18);display:grid;grid-gap:1rem;gap:1rem}.dashboard-card-empty{min-height:260px;display:grid;place-content:center;text-align:center}.weekly-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}.weekly-summary-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.15rem 1.25rem}.weekly-summary-card h3{margin:0 0 .35rem;color:var(--text);font-size:1rem}.weekly-summary-card p{margin:0;color:var(--text-muted);font-size:.95rem}.pdf-download-button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--text);padding:.95rem 1.2rem;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .2s ease;font-weight:600;margin-bottom:.75rem}.pdf-download-button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dashboard-card-meta,.dashboard-card-timestamp{color:var(--text-muted);font-size:.9rem}.dashboard-card-meta{margin-top:.35rem}.dashboard-card-analysis{min-height:230px}.dashboard-card-kpi{min-height:200px}.dashboard-card-alert,.dashboard-card-chart,.dashboard-card-gauge,.dashboard-card-unknown{min-height:250px}.gauge-display{display:grid;grid-gap:1rem;gap:1rem}.gauge-value{font-size:2.7rem;font-weight:700;color:var(--text)}.gauge-unit{color:var(--text-muted);font-size:.95rem}.gauge-track{position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.gauge-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c7bff,#4f8cff)}.gauge-minmax{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.9rem}.chart-bar-grid,.line-chart-grid{display:grid;grid-gap:.85rem;gap:.85rem}.chart-bar-item,.line-chart-point{display:grid;grid-gap:.5rem;gap:.5rem}.chart-bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.chart-bar-fill,.line-chart-fill{border-radius:inherit;background:linear-gradient(90deg,#8c7bff,#4f8cff)}.chart-bar-fill{height:100%}.line-chart-series{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;align-items:end;min-height:180px}.line-chart-point{display:grid;grid-gap:.45rem;gap:.45rem;align-items:end}.line-chart-fill{width:100%;min-height:12px}.line-chart-label{color:var(--text-muted);font-size:.85rem;text-align:center}.chart-empty{color:var(--text-muted);font-size:.95rem}.alert-content{color:var(--text);line-height:1.75}.dashboard-table-card{border-radius:1.5rem;padding:1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.18)}.dashboard-table-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:1rem}.dashboard-table-head h2,.dashboard-table-head p{margin:0}.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;margin-bottom:.75rem}.table-wrap::-webkit-scrollbar{height:10px}.table-wrap::-webkit-scrollbar-track{background:transparent}.table-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px}.table-stack-responsive{min-width:100%}.dashboard-table{width:100%;border-collapse:collapse;min-width:720px;table-layout:fixed}.dashboard-table td,.dashboard-table th{padding:.9rem .85rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);color:var(--text);white-space:normal;word-break:break-word}.dashboard-table th{color:var(--text-muted);font-weight:600;cursor:pointer}.dashboard-table tbody tr:hover{background:rgba(255,255,255,.04)}.dashboard-table td{vertical-align:top}.dashboard-table-note{margin-top:.5rem;color:var(--text-muted);font-size:.95rem}.dashboard-actions--grouped{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-subnote{margin:.6rem 0 0;color:var(--text-muted);line-height:1.7}.dashboard-card-value{margin:0;font-size:2rem;color:var(--text)}.dashboard-change{margin:.6rem 0 0;font-size:.95rem}.dashboard-change.up{color:#7ee787}.dashboard-change.down{color:#ff7b72}.dashboard-status{display:inline-flex;margin-top:.85rem;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text);font-size:.82rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-top{flex-direction:column;align-items:flex-start}}@media (max-width:920px){.dashboard-table{min-width:620px}}@media (max-width:680px){.dashboard-table{min-width:520px}.dashboard-table td,.dashboard-table th{padding:.65rem .75rem;font-size:.88rem}}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr}}.demo-dashboard{min-height:100vh;padding:112px 32px 64px;background:radial-gradient(circle at 6% 2%,rgba(71,88,212,.18),transparent 28%),radial-gradient(circle at 94% 12%,rgba(115,48,158,.14),transparent 24%),#08080d;color:#f4f6ff}.demo-dashboard-header,.demo-grid,.demo-kpi-grid{width:min(1440px,100%);margin:0 auto}.demo-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:32px}.demo-alert-item-top,.demo-dashboard-eyebrow-row,.demo-dashboard-header-actions,.demo-detail-footer,.demo-machine-card-top,.demo-machine-card-values,.demo-process-legend{display:flex;align-items:center}.demo-dashboard-eyebrow-row{gap:12px;margin-bottom:18px}.demo-alert-count,.demo-badge,.demo-live-state,.demo-panel-label,.demo-status-pill{border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.demo-badge{padding:8px 12px;border:1px solid rgba(123,145,255,.32);background:rgba(93,106,255,.12);color:#b9c5ff}.demo-live-state{display:inline-flex;align-items:center;gap:8px;color:rgba(235,239,255,.72)}.demo-live-dot{width:8px;height:8px;border-radius:50%;background:#5be19a;box-shadow:0 0 0 5px rgba(91,225,154,.1)}.demo-dashboard h1{max-width:760px;margin:0;font-size:clamp(2.3rem,4vw,4.3rem);line-height:1;letter-spacing:-.055em}.demo-dashboard-header p{max-width:760px;margin:18px 0 0;color:rgba(224,230,248,.7);font-size:16px;line-height:1.8}.demo-dashboard-header-actions,.demo-dashboard-nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.demo-dashboard-nav{display:flex}.demo-nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(244,246,255,.78);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.demo-nav-button:focus-visible,.demo-nav-button:hover{border-color:rgba(157,177,255,.5);background:rgba(109,128,255,.14);color:#f4f6ff}.demo-last-refresh{min-width:140px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.demo-alert-item-top span:last-child,.demo-chart-unit,.demo-detail-footer,.demo-kpi-card small,.demo-kpi-card span,.demo-last-refresh span,.demo-machine-card-top,.demo-machine-card-values,.demo-panel-meta,.demo-signal span{color:rgba(224,230,248,.58);font-size:12px}.demo-last-refresh strong{display:block;margin-top:4px;font-size:14px}.demo-refresh-button{min-height:48px;padding:0 18px;border:1px solid rgba(145,158,255,.28);border-radius:14px;background:#596cff;color:white;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.demo-refresh-button:hover{background:#6a79ff}.demo-recommendations{width:min(1440px,100%);margin:0 auto 24px;padding:22px 24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}.demo-recommendations.has-recommendations{border-color:rgba(255,166,92,.34);background:rgba(112,61,31,.18)}.demo-recommendations.is-clear{border-color:rgba(91,225,154,.24);background:rgba(32,103,70,.14)}.demo-recommendations-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.demo-recommendations h2{margin:8px 0 0;color:#f4f6ff;font-size:22px}.demo-recommendation-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.demo-recommendation-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);grid-gap:18px;gap:18px;padding:14px 16px;border-left:3px solid #ffb454;border-radius:10px;background:rgba(0,0,0,.18)}.demo-recommendation-item.critical{border-left-color:#ff6f85}.demo-recommendation-item strong{color:#f4f6ff}.demo-recommendation-item p,.demo-recommendation-item span,.demo-recommendations-clear{margin:6px 0 0;color:rgba(224,230,248,.7);font-size:13px;line-height:1.55}.demo-recommendation-item span{margin:0;color:#ffd08a}.demo-recommendations-clear{margin-bottom:0}.demo-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.demo-error-card,.demo-kpi-card,.demo-panel{border:1px solid rgba(255,255,255,.085);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),rgba(13,13,21,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.demo-kpi-card{min-height:142px;padding:18px;border-radius:18px}.demo-kpi-card strong{display:block;margin:18px 0 7px;font-size:clamp(1.6rem,2.2vw,2.2rem);letter-spacing:-.05em}.demo-kpi-healthy strong{color:#70e9aa}.demo-kpi-warning strong{color:#ffc364}.demo-kpi-critical strong{color:#ff6f85}.demo-kpi-blue strong{color:#a7b4ff}.demo-grid{display:grid;grid-gap:16px;gap:16px;margin-bottom:16px}.demo-grid-main,.demo-grid-plant{grid-template-columns:minmax(0,1.45fr) minmax(350px,.8fr)}.demo-grid-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-panel{min-width:0;padding:24px;border-radius:22px}.demo-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}.demo-panel-label{display:inline-block;color:#aebaff}.demo-panel h2{margin:8px 0 0;font-size:1.35rem;letter-spacing:-.035em}.demo-process-flow{position:relative;min-height:320px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),radial-gradient(circle at 50% 45%,rgba(85,103,255,.1),transparent 40%),rgba(5,6,12,.72);background-size:32px 32px,32px 32px,auto,auto}.demo-flow-line{position:absolute;top:52%;left:8%;width:78%;height:2px;background:linear-gradient(90deg,rgba(86,228,160,.5),rgba(116,141,255,.85),rgba(93,228,208,.5));box-shadow:0 0 18px rgba(97,129,255,.65)}.demo-flow-line:after{position:absolute;right:-2px;top:-5px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #8291ff;content:""}.demo-machine-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:80px;transform:translate(-50%,-50%);border:0;background:transparent;color:#f5f7ff;cursor:pointer}.demo-machine-dot{width:22px;height:22px;border:4px solid #77e8ad;border-radius:50%;background:#15291f;box-shadow:0 0 0 7px rgba(112,233,170,.11),0 0 20px rgba(112,233,170,.6)}.demo-machine-node-warning .demo-machine-dot{border-color:#ffc364;background:#382a15;box-shadow:0 0 0 7px rgba(255,195,100,.11),0 0 20px rgba(255,195,100,.6)}.demo-machine-node-critical .demo-machine-dot{border-color:#ff6f85;background:#3a1620;box-shadow:0 0 0 7px rgba(255,111,133,.12),0 0 24px rgba(255,111,133,.7)}.demo-machine-node.is-selected .demo-machine-dot{outline:2px solid white;outline-offset:5px}.demo-machine-node-code{margin-top:12px;padding:5px 7px;border-radius:7px;background:rgba(4,5,9,.84);font-size:10px;font-weight:800}.demo-process-stage{position:absolute;bottom:18px;color:rgba(225,230,250,.54);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transform:translateX(-50%)}.demo-stage-one{left:8%}.demo-stage-two{left:24%}.demo-stage-three{left:40%}.demo-stage-four{left:55%}.demo-stage-five{left:70%}.demo-stage-six{left:86%}.demo-process-legend{gap:16px;flex-wrap:wrap;margin-top:16px;color:rgba(224,230,248,.6);font-size:12px}.legend-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%}.legend-dot.healthy{background:#70e9aa;box-shadow:0 0 10px rgba(112,233,170,.65)}.legend-dot.warning{background:#ffc364;box-shadow:0 0 10px rgba(255,195,100,.65)}.legend-dot.critical{background:#ff6f85;box-shadow:0 0 10px rgba(255,111,133,.65)}.demo-machine-detail{position:relative;overflow:hidden}.demo-machine-detail:before{position:absolute;top:0;left:0;width:4px;height:100%;background:#70e9aa;content:""}.demo-detail-warning:before{background:#ffc364}.demo-detail-critical:before{background:#ff6f85}.demo-status-pill{padding:7px 9px;color:#70e9aa;background:rgba(112,233,170,.1);border:1px solid rgba(112,233,170,.22)}.demo-status-pill.warning{color:#ffc364;background:rgba(255,195,100,.1);border-color:rgba(255,195,100,.22)}.demo-status-pill.critical{color:#ff7c90;background:rgba(255,111,133,.1);border-color:rgba(255,111,133,.25)}.demo-machine-detail-copy{margin:0;color:rgba(226,232,250,.72);line-height:1.72}.demo-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:20px 0}.demo-signal{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.demo-signal span{display:block}.demo-signal strong{display:block;margin-top:5px;font-size:17px}.demo-signal-warning strong{color:#ffc364}.demo-signal-critical strong{color:#ff7c90}.demo-maintenance-recommendation{padding:14px;border:1px solid rgba(130,145,255,.17);border-radius:14px;background:rgba(97,112,255,.08)}.demo-maintenance-recommendation span{display:block;color:#b8c3ff;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.demo-maintenance-recommendation strong{display:block;margin-top:8px;color:rgba(242,245,255,.9);font-size:13px;line-height:1.65}.demo-detail-footer{justify-content:space-between;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.demo-machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px}.demo-machine-card{padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025);color:#f5f7ff;text-align:left;cursor:pointer}.demo-machine-card.is-selected,.demo-machine-card:hover{border-color:rgba(150,164,255,.35);background:rgba(100,115,255,.09)}.demo-machine-card-top,.demo-machine-card-values{justify-content:space-between;gap:8px}.demo-machine-card strong{display:block;min-height:37px;margin:10px 0;font-size:13px;line-height:1.4}.demo-health-bar{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.demo-health-bar span{display:block;height:100%;border-radius:inherit;background:#70e9aa}.demo-machine-card-warning .demo-health-bar span{background:#ffc364}.demo-machine-card-critical .demo-health-bar span{background:#ff6f85}.demo-machine-card-values{margin-top:11px}.demo-alert-count{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;background:rgba(112,233,170,.1);color:#70e9aa}.demo-alert-count.has-alerts{background:rgba(255,111,133,.12);color:#ff7c90}.demo-alert-list{display:grid;grid-gap:11px;gap:11px}.demo-alert-item{padding:14px;border:1px solid rgba(255,255,255,.07);border-left:3px solid #ffc364;border-radius:12px;background:rgba(255,255,255,.022)}.demo-alert-item.critical{border-left-color:#ff6f85}.demo-alert-item.info{border-left-color:#8ca5ff}.demo-alert-item-top{justify-content:space-between;gap:12px;margin-bottom:10px}.demo-alert-item strong{display:block;font-size:13px}.demo-alert-item p{margin:8px 0;color:rgba(225,230,248,.67);font-size:12px;line-height:1.6}.demo-alert-item small{color:rgba(204,212,241,.56);font-size:11px;line-height:1.5}.demo-empty-alerts{display:grid;min-height:260px;place-items:center;padding:24px;border:1px dashed rgba(255,255,255,.1);border-radius:16px;color:rgba(225,230,248,.56);text-align:center;line-height:1.7}.demo-chart{height:270px}.demo-chart-panel{min-height:354px}.demo-error-card{display:grid;grid-gap:6px;gap:6px;width:min(1440px,100%);margin:0 auto 16px;padding:16px 18px;border-color:rgba(255,111,133,.3);color:#ffbdc7;border-radius:16px}.demo-error-card span{color:rgba(255,214,220,.75);font-size:13px}.demo-dashboard-loading{position:fixed;right:24px;bottom:24px;z-index:10;padding:11px 14px;border:1px solid rgba(144,160,255,.24);border-radius:12px;background:rgba(18,19,32,.94);color:#cbd4ff;font-size:12px}@media (max-width:1180px){.demo-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid-main,.demo-grid-plant{grid-template-columns:1fr}}@media (max-width:760px){.demo-dashboard{padding:96px 16px 40px}.demo-dashboard-header{flex-direction:column}.demo-dashboard-header-actions{justify-content:flex-start}.demo-recommendations-heading{flex-direction:column}.demo-recommendation-item{grid-template-columns:1fr;gap:8px}.demo-grid-charts,.demo-kpi-grid,.demo-machine-grid{grid-template-columns:1fr}.demo-panel{padding:18px}.demo-process-flow{min-height:360px;overflow-x:auto}.demo-process-stage{display:none}.demo-detail-footer{align-items:flex-start;flex-direction:column}}