.login-wrapper[data-v-9491f763]{min-height:100vh;position:relative;overflow-x:hidden;font-family:Segoe UI,sans-serif;color:#e6f6ff;z-index:0;padding:20px;box-sizing:border-box}.bg-video[data-v-9491f763]{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.overlay[data-v-9491f763]{position:fixed;inset:0;background:#031423ad;z-index:-1}.top-bar[data-v-9491f763]{position:relative;width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.VirtualEX-logo[data-v-9491f763]{width:180px;height:86px;padding:0;border-radius:18px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff1a,0 4px 14px #00000047;object-fit:cover;object-position:center;display:block}.rajoo-right-logo img[data-v-9491f763]{width:180px;padding:8px 18px;border-radius:18px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff1a,0 4px 14px #00000047;object-fit:contain}.title[data-v-9491f763]{margin-top:80px;text-align:center;font-size:44px;letter-spacing:5px;font-weight:800;color:#a8ecff;text-transform:uppercase;text-shadow:0 0 12px rgba(0,180,255,.4),0 0 24px rgba(0,180,255,.2)}.login-card[data-v-9491f763]{width:100%;max-width:420px;padding:40px;margin:40px auto;background:#ffffff1a;border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);text-align:center;box-sizing:border-box;box-shadow:0 10px 30px #00000059}.profile-icon[data-v-9491f763]{width:120px;height:120px;margin-bottom:35px}.input[data-v-9491f763]{width:100%;padding:14px;margin-bottom:24px;border-radius:12px;border:none;outline:none;box-sizing:border-box;background:#00000073;color:#fff;font-size:15px}.password-wrapper[data-v-9491f763]{position:relative;width:100%}.password-input[data-v-9491f763]{width:100%}.eye[data-v-9491f763]{position:absolute;right:12px;top:22px;transform:translateY(-50%);cursor:pointer;font-size:20px}.login-btn[data-v-9491f763]{width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#4facfe,#00f2fe);font-weight:700;cursor:pointer;font-size:15px}.login-btn[data-v-9491f763]:hover{opacity:.95}.error[data-v-9491f763]{margin-top:14px;color:#ff6b6b}@media(max-width:1024px){.title[data-v-9491f763]{font-size:34px;letter-spacing:3px}.login-card[data-v-9491f763]{max-width:400px}}@media(max-width:768px){.top-bar[data-v-9491f763]{flex-direction:column;gap:15px}.VirtualEX-logo[data-v-9491f763],.rajoo-right-logo img[data-v-9491f763]{width:150px;height:auto}.title[data-v-9491f763]{margin-top:40px;font-size:24px;letter-spacing:2px;padding:0 10px}.login-card[data-v-9491f763]{margin-top:25px;padding:24px}.profile-icon[data-v-9491f763]{width:90px;height:90px;margin-bottom:25px}}@media(max-width:480px){.login-wrapper[data-v-9491f763]{padding:12px}.title[data-v-9491f763]{font-size:20px;letter-spacing:1px}.login-card[data-v-9491f763]{padding:20px}.input[data-v-9491f763],.login-btn[data-v-9491f763]{font-size:14px}}.sidebar[data-v-d8ac18ae]{width:240px;min-width:240px;height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#001f5b,#001645);color:#fff;padding:16px 12px;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;overflow-x:hidden;z-index:20}.avatar[data-v-d8ac18ae]{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.avatar img[data-v-d8ac18ae]{width:118px;height:66px;object-fit:contain;display:block}.menu-title[data-v-d8ac18ae]{color:#ffffffbf;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:10px;margin-top:18px}.menu-section[data-v-d8ac18ae]{margin-bottom:16px}.menu-item[data-v-d8ac18ae]{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:12px 14px;margin-bottom:9px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-align:left;box-shadow:inset 0 1px #ffffff0d,0 3px 10px #0000001f;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}.menu-item[data-v-d8ac18ae]:hover{transform:translate(4px);background:#ffffff1f;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff14,0 5px 14px #0000002e}.menu-item.active[data-v-d8ac18ae]{background:linear-gradient(180deg,#2f80ff,#0f5fff);border-color:#4d9cff;color:#fff;box-shadow:0 6px 16px #2f80ff59;transform:translate(4px)}.menu-label[data-v-d8ac18ae]{display:inline}.menu-short[data-v-d8ac18ae]{display:none}@media(max-width:1024px){.sidebar[data-v-d8ac18ae]{width:210px;min-width:210px;padding:14px 10px}.avatar img[data-v-d8ac18ae]{width:100px;height:auto}.menu-item[data-v-d8ac18ae]{font-size:12px;padding:11px 12px}}@media(max-width:768px){.sidebar[data-v-d8ac18ae]{width:72px;min-width:72px;padding:12px 8px}.avatar[data-v-d8ac18ae]{margin-bottom:12px}.avatar img[data-v-d8ac18ae]{width:52px;height:auto}.menu-title[data-v-d8ac18ae]{display:none}.menu-section[data-v-d8ac18ae]{margin-bottom:8px}.menu-item[data-v-d8ac18ae]{justify-content:center;padding:10px 6px;margin-bottom:8px;font-size:10px;line-height:1.2;text-align:center;border-radius:10px}.menu-label[data-v-d8ac18ae]{display:none}.menu-short[data-v-d8ac18ae]{display:inline;font-size:10px;font-weight:700}.menu-item[data-v-d8ac18ae]:hover,.menu-item.active[data-v-d8ac18ae]{transform:none}}@media(max-width:480px){.sidebar[data-v-d8ac18ae]{width:64px;min-width:64px;padding:10px 6px}.avatar img[data-v-d8ac18ae]{width:46px}.menu-item[data-v-d8ac18ae]{padding:9px 4px}.menu-short[data-v-d8ac18ae]{font-size:9px}}.app[data-v-f07e5a97]{display:flex;min-height:100vh;background:#f4f8ff}.main[data-v-f07e5a97]{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.content[data-v-f07e5a97]{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px}.left-panel[data-v-f07e5a97]{background:#edf4ff;border-radius:14px;padding:18px;border:2px solid #173d91}.left-panel h2[data-v-f07e5a97]{margin:0 0 22px;color:#0a2d7a;font-size:22px;font-weight:700}.topbar[data-v-f07e5a97]{min-height:78px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(180deg,#001f5b,#001645);border-bottom:1px solid rgba(255,255,255,.08)}.top-left[data-v-f07e5a97]{min-width:0}.top-left h3[data-v-f07e5a97]{color:#fff;margin:0;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-kpi-wrapper[data-v-f07e5a97]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.top-kpi-box[data-v-f07e5a97]{min-width:120px;max-width:180px;flex:1 1 120px;padding:8px 14px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12);text-align:center;transition:.25s ease}.top-kpi-box[data-v-f07e5a97]:hover{transform:translateY(-2px)}.kpi-title[data-v-f07e5a97]{color:#ffffffd9;font-size:11px;font-weight:600;text-transform:uppercase}.kpi-value[data-v-f07e5a97]{color:#fff;font-size:18px;font-weight:700}.top-right[data-v-f07e5a97]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill.dark[data-v-f07e5a97]{min-width:120px;padding:8px 14px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:#fff;text-align:center;line-height:1.4;font-size:12px;font-weight:600}.rajoo-logo-box[data-v-f07e5a97]{height:52px;padding:0 15px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.rajoo-logo-box img[data-v-f07e5a97]{height:32px;max-width:95px;object-fit:contain}.notification-icon[data-v-f07e5a97],.power-icon[data-v-f07e5a97]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:.25s ease}.notification-icon[data-v-f07e5a97]:hover,.power-icon[data-v-f07e5a97]:hover{transform:translateY(-2px)}.stats[data-v-f07e5a97]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:25px}.stat[data-v-f07e5a97]{background:#fff;border-radius:14px;border:2px solid #173d91;text-align:center;padding:18px 12px;color:#0a2d7a;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000000d;transition:.25s ease}.stat[data-v-f07e5a97]:hover{transform:translateY(-2px)}.stat span[data-v-f07e5a97]{display:block;margin-top:8px;color:#00b050;font-size:17px;font-weight:700}.control-cards[data-v-f07e5a97]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:25px}.zone-card[data-v-f07e5a97]{background:#fff;border-radius:14px;border:2px solid #173d91;padding:16px;min-height:240px;box-shadow:0 2px 8px #0000000d;transition:.25s ease}.zone-card[data-v-f07e5a97]:hover{transform:translateY(-2px)}.zone-card h3[data-v-f07e5a97]{text-align:center;color:#173d91;margin:0 0 12px;font-size:15px;font-weight:700}.gauge-container[data-v-f07e5a97]{width:150px;height:90px;margin:0 auto 10px}.gauge-container canvas[data-v-f07e5a97]{width:100%!important;height:100%!important}.zone-row[data-v-f07e5a97],.layer-row[data-v-f07e5a97]{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:14px}.zone-row span[data-v-f07e5a97]:first-child,.layer-row span[data-v-f07e5a97]:first-child{color:#173d91;font-weight:700}.zone-row span[data-v-f07e5a97]:last-child,.layer-row span[data-v-f07e5a97]:last-child{color:#00b050;font-weight:700;text-align:right}.layer-grid[data-v-f07e5a97],.extruder-grid[data-v-f07e5a97]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:25px}.layer-card[data-v-f07e5a97],.extruder-card[data-v-f07e5a97],.winder-card[data-v-f07e5a97]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d}.layer-card h3[data-v-f07e5a97],.extruder-card h3[data-v-f07e5a97],.winder-card h3[data-v-f07e5a97]{margin:0 0 14px;padding-bottom:10px;color:#173d91;border-bottom:2px solid #173d91;font-size:20px;font-weight:700}.layer-row[data-v-f07e5a97]{padding:8px 0;border-bottom:1px solid #edf2f7}.layer-row[data-v-f07e5a97]:last-child{border-bottom:none}.winder-grid[data-v-f07e5a97]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.winder-stats[data-v-f07e5a97]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.winder-stats div[data-v-f07e5a97]{text-align:center}.winder-stats label[data-v-f07e5a97]{display:block;color:#173d91;margin-bottom:8px;font-weight:600}.winder-stats span[data-v-f07e5a97]{color:#00b050;font-weight:700}@media(max-width:1024px){.content[data-v-f07e5a97]{padding:14px}.topbar[data-v-f07e5a97]{justify-content:center}.top-left[data-v-f07e5a97]{width:100%;text-align:center}.top-left h3[data-v-f07e5a97]{font-size:18px}.rajoo-logo-box[data-v-f07e5a97]{display:none}.left-panel h2[data-v-f07e5a97]{font-size:20px}}@media(max-width:768px){.content[data-v-f07e5a97],.left-panel[data-v-f07e5a97]{padding:10px}.topbar[data-v-f07e5a97]{padding:10px;gap:10px}.top-left h3[data-v-f07e5a97]{font-size:15px;white-space:normal;text-align:center}.top-kpi-wrapper[data-v-f07e5a97]{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.top-kpi-box[data-v-f07e5a97]{min-width:0;max-width:none;width:100%;padding:8px}.top-right[data-v-f07e5a97]{width:100%;justify-content:center;gap:8px}.pill.dark[data-v-f07e5a97]{min-width:105px;font-size:10px;padding:7px 10px}.notification-icon[data-v-f07e5a97],.power-icon[data-v-f07e5a97]{width:38px;height:38px}.stats[data-v-f07e5a97],.control-cards[data-v-f07e5a97],.layer-grid[data-v-f07e5a97],.extruder-grid[data-v-f07e5a97],.winder-grid[data-v-f07e5a97]{grid-template-columns:1fr;gap:14px}.stat[data-v-f07e5a97]{padding:14px 10px}.stat span[data-v-f07e5a97]{font-size:15px}.gauge-container[data-v-f07e5a97]{width:130px;height:80px}.layer-row[data-v-f07e5a97],.zone-row[data-v-f07e5a97]{font-size:13px}.winder-stats[data-v-f07e5a97]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.content[data-v-f07e5a97],.left-panel[data-v-f07e5a97]{padding:8px}.left-panel h2[data-v-f07e5a97]{font-size:17px;text-align:center}.top-kpi-wrapper[data-v-f07e5a97]{grid-template-columns:1fr}.top-left h3[data-v-f07e5a97]{font-size:13px}.kpi-title[data-v-f07e5a97]{font-size:10px}.kpi-value[data-v-f07e5a97]{font-size:14px}.winder-stats[data-v-f07e5a97]{grid-template-columns:1fr}.layer-row[data-v-f07e5a97],.zone-row[data-v-f07e5a97]{flex-direction:column;align-items:flex-start;gap:3px}.layer-row span[data-v-f07e5a97]:last-child,.zone-row span[data-v-f07e5a97]:last-child{text-align:left}}.topbar[data-v-a8734e1b]{min-height:65px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#001f5b,#001645);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.top-left[data-v-a8734e1b]{display:flex;align-items:center;gap:16px;min-width:0}.back-icon[data-v-a8734e1b]{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;transition:.25s ease}.back-icon[data-v-a8734e1b]:hover{transform:scale(1.08);background:#ffffff26}.top-left h1[data-v-a8734e1b]{margin:0;font-size:22px;font-weight:700;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-right[data-v-a8734e1b]{display:flex;align-items:center;gap:12px;flex-shrink:0}.rajoo-logo-box[data-v-a8734e1b]{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);transition:.25s ease}.rajoo-logo-box[data-v-a8734e1b]:hover{transform:scale(1.04)}.rajoo-logo-box img[data-v-a8734e1b]{height:28px;width:auto;max-width:90px;object-fit:contain}.pill.dark[data-v-a8734e1b]{min-height:42px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:600;text-align:center;line-height:1.3;transition:.25s ease}.pill.dark[data-v-a8734e1b]:hover{transform:scale(1.08)}.notification-icon[data-v-a8734e1b]{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:.25s ease}.notification-icon[data-v-a8734e1b]:hover{transform:scale(1.08);background:#ffffff26}@media(max-width:1024px){.topbar[data-v-a8734e1b]{padding:10px 14px;gap:12px}.top-left h1[data-v-a8734e1b]{font-size:18px}.rajoo-logo-box[data-v-a8734e1b]{padding:0 8px}.rajoo-logo-box img[data-v-a8734e1b]{height:24px;max-width:72px}}@media(max-width:768px){.topbar[data-v-a8734e1b]{min-height:auto;flex-wrap:wrap;align-items:flex-start;padding:10px}.top-left[data-v-a8734e1b]{width:100%;gap:10px}.top-left h1[data-v-a8734e1b]{font-size:15px;line-height:1.2}.top-right[data-v-a8734e1b]{width:100%;justify-content:space-between;gap:8px}.back-icon[data-v-a8734e1b],.notification-icon[data-v-a8734e1b]{width:34px;height:34px;border-radius:10px}.material-icons[data-v-a8734e1b]{font-size:20px}.rajoo-logo-box[data-v-a8734e1b]{height:34px;padding:0 8px;border-radius:10px}.rajoo-logo-box img[data-v-a8734e1b]{height:21px;max-width:70px}.pill.dark[data-v-a8734e1b]{min-height:34px;padding:0 10px;font-size:10px;border-radius:10px}}@media(max-width:480px){.topbar[data-v-a8734e1b]{padding:8px}.top-left h1[data-v-a8734e1b]{font-size:13px}.back-icon[data-v-a8734e1b],.notification-icon[data-v-a8734e1b]{width:32px;height:32px}.rajoo-logo-box img[data-v-a8734e1b]{height:19px;max-width:60px}.pill.dark[data-v-a8734e1b]{font-size:9.5px;padding:0 8px}}.app[data-v-167ae446]{display:flex;min-height:100vh;background:#f4f8ff}.main[data-v-167ae446]{flex:1;min-width:0;display:flex;flex-direction:column}.content[data-v-167ae446]{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:#f4f8ff}.extruder-panel[data-v-167ae446]{background:#edf4ff;border:2px solid #173d91;border-radius:14px;padding:18px}.extruder-panel h2[data-v-167ae446]{margin:0 0 22px;color:#173d91;font-size:22px;font-weight:700}.component-table-wrapper[data-v-167ae446]{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:25px;background:#fff;border:2px solid #173d91;border-radius:14px;padding:12px;box-shadow:0 2px 8px #0000000d}.component-table[data-v-167ae446]{width:100%;min-width:900px;border-collapse:collapse;color:#173d91}.component-table th[data-v-167ae446]{color:#173d91;font-size:14px;font-weight:700;padding:14px;border-bottom:1px solid #d8e3f7}.component-table td[data-v-167ae446]{color:#173d91;padding:14px;text-align:center;border-bottom:1px solid #edf2f7;font-size:14px}.material-pill[data-v-167ae446]{background:#edf4ff;color:#173d91;border:1px solid #173d91;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.devHigh[data-v-167ae446]{color:#ff5252;font-weight:700}.devLow[data-v-167ae446]{color:#00b050;font-weight:700}.stats[data-v-167ae446]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-bottom:25px}.stat[data-v-167ae446]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 8px #0000000d}.kpi-title[data-v-167ae446]{color:#173d91;font-size:14px;font-weight:700;margin-bottom:8px}.kpi-set[data-v-167ae446]{color:#173d91;font-size:14px;font-weight:700}.kpi-actual[data-v-167ae446]{color:#00b050;font-size:16px;font-weight:700;margin-top:8px}.kpi-actual.high[data-v-167ae446],.kpi-actual.low[data-v-167ae446]{color:#00b050}.graph-section[data-v-167ae446]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:18px;margin-top:20px;box-shadow:0 2px 8px #0000000d}.graph-title[data-v-167ae446]{color:#173d91;font-size:18px;font-weight:700;margin-bottom:14px}.control-cards[data-v-167ae446]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.zone-card.small[data-v-167ae446]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d}.zone-card.small h3[data-v-167ae446]{color:#173d91;font-size:16px;font-weight:700;margin-bottom:14px}.zone-row[data-v-167ae446]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:14px}.zone-row span[data-v-167ae446]:first-child{color:#173d91;font-weight:700}.zone-row span[data-v-167ae446]:last-child{color:#00b050;font-weight:700;text-align:right}.zone-row.diff span[data-v-167ae446]:first-child{color:#173d91}.zone-row.diff span[data-v-167ae446]:last-child{color:#00b050}.zone-row.diff.high span[data-v-167ae446]:last-child{color:#ff5252}@media(max-width:1024px){.content[data-v-167ae446],.extruder-panel[data-v-167ae446]{padding:15px}.control-cards[data-v-167ae446]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content[data-v-167ae446],.extruder-panel[data-v-167ae446]{padding:10px}.extruder-panel h2[data-v-167ae446]{text-align:center;font-size:18px}.component-table[data-v-167ae446]{min-width:900px}.component-table th[data-v-167ae446],.component-table td[data-v-167ae446]{padding:10px;font-size:12px}.stats[data-v-167ae446],.control-cards[data-v-167ae446]{grid-template-columns:1fr;gap:12px}.graph-title[data-v-167ae446]{font-size:16px;text-align:center}.zone-card.small[data-v-167ae446]{padding:12px}}@media(max-width:480px){.component-table[data-v-167ae446]{min-width:1000px}.kpi-title[data-v-167ae446],.kpi-set[data-v-167ae446],.kpi-actual[data-v-167ae446]{font-size:13px}.zone-row[data-v-167ae446]{font-size:12px}.graph-title[data-v-167ae446]{font-size:15px}}.content[data-v-3c61abfc]{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:#f4f8ff}.extruder-panel[data-v-3c61abfc]{background:#edf4ff;border:2px solid #173d91;border-radius:14px;padding:18px}.extruder-panel h2[data-v-3c61abfc]{margin:0 0 22px;color:#173d91;font-size:22px;font-weight:700}.component-table-wrapper[data-v-3c61abfc]{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:25px;background:#fff;border:2px solid #173d91;border-radius:14px;padding:12px;box-shadow:0 2px 8px #0000000d}.component-table[data-v-3c61abfc]{width:100%;min-width:900px;border-collapse:collapse;color:#173d91}.component-table th[data-v-3c61abfc]{color:#173d91;font-size:14px;font-weight:700;padding:14px;border-bottom:1px solid #d8e3f7}.component-table td[data-v-3c61abfc]{color:#173d91;padding:14px;text-align:center;border-bottom:1px solid #edf2f7;font-size:14px}.material-pill[data-v-3c61abfc]{background:#edf4ff;color:#173d91;border:1px solid #173d91;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.devHigh[data-v-3c61abfc]{color:#ff5252;font-weight:700}.devLow[data-v-3c61abfc]{color:#00b050;font-weight:700}.stats[data-v-3c61abfc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-bottom:25px}.stat[data-v-3c61abfc]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 8px #0000000d}.kpi-title[data-v-3c61abfc]{color:#173d91;font-size:14px;font-weight:700;margin-bottom:8px}.kpi-set[data-v-3c61abfc]{color:#173d91;font-size:14px;font-weight:700}.kpi-actual[data-v-3c61abfc]{color:#00b050;font-size:16px;font-weight:700;margin-top:8px}.graph-section[data-v-3c61abfc]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:18px;margin-top:20px;box-shadow:0 2px 8px #0000000d}.graph-title[data-v-3c61abfc]{color:#173d91;font-size:18px;font-weight:700;margin-bottom:14px}.control-cards[data-v-3c61abfc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.zone-card.small[data-v-3c61abfc]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d}.zone-card.small h3[data-v-3c61abfc]{color:#173d91;font-size:16px;font-weight:700;margin-bottom:14px}.zone-row[data-v-3c61abfc]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:14px}.zone-row span[data-v-3c61abfc]:first-child{color:#173d91;font-weight:700}.zone-row span[data-v-3c61abfc]:last-child{color:#00b050;font-weight:700}.zone-row.diff.high span[data-v-3c61abfc]:last-child{color:#ff5252}@media(max-width:1024px){.content[data-v-3c61abfc],.extruder-panel[data-v-3c61abfc]{padding:15px}.control-cards[data-v-3c61abfc]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content[data-v-3c61abfc],.extruder-panel[data-v-3c61abfc]{padding:10px}.extruder-panel h2[data-v-3c61abfc]{text-align:center;font-size:18px}.stats[data-v-3c61abfc],.control-cards[data-v-3c61abfc]{grid-template-columns:1fr}.component-table th[data-v-3c61abfc],.component-table td[data-v-3c61abfc]{padding:10px;font-size:12px}.graph-title[data-v-3c61abfc]{text-align:center;font-size:16px}}@media(max-width:480px){.component-table[data-v-3c61abfc]{min-width:1000px}.zone-row[data-v-3c61abfc]{font-size:12px}.graph-title[data-v-3c61abfc]{font-size:15px}}.content[data-v-dfddcad1]{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:#f4f8ff}.extruder-panel[data-v-dfddcad1]{background:#edf4ff;border:2px solid #173d91;border-radius:14px;padding:18px}.extruder-panel h2[data-v-dfddcad1]{margin:0 0 22px;color:#173d91;font-size:22px;font-weight:700}.component-table-wrapper[data-v-dfddcad1]{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:25px;background:#fff;border:2px solid #173d91;border-radius:14px;padding:12px;box-shadow:0 2px 8px #0000000d}.component-table[data-v-dfddcad1]{width:100%;min-width:900px;border-collapse:collapse;color:#173d91}.component-table th[data-v-dfddcad1]{color:#173d91;font-size:14px;font-weight:700;padding:14px;border-bottom:1px solid #d8e3f7}.component-table td[data-v-dfddcad1]{color:#173d91;padding:14px;text-align:center;border-bottom:1px solid #edf2f7;font-size:14px}.material-pill[data-v-dfddcad1]{background:#edf4ff;color:#173d91;border:1px solid #173d91;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.devHigh[data-v-dfddcad1]{color:#ff5252;font-weight:700}.devLow[data-v-dfddcad1]{color:#00b050;font-weight:700}.stats[data-v-dfddcad1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-bottom:25px}.stat[data-v-dfddcad1]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:.25s ease}.stat[data-v-dfddcad1]:hover{transform:translateY(-2px)}.kpi-title[data-v-dfddcad1]{color:#173d91;font-size:14px;font-weight:700;margin-bottom:8px}.kpi-set[data-v-dfddcad1]{color:#173d91;font-size:14px;font-weight:700}.kpi-actual[data-v-dfddcad1]{color:#00b050;font-size:16px;font-weight:700;margin-top:8px}.kpi-actual.high[data-v-dfddcad1],.kpi-actual.low[data-v-dfddcad1]{color:#00b050}.graph-section[data-v-dfddcad1]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:18px;margin-top:20px;box-shadow:0 2px 8px #0000000d}.graph-title[data-v-dfddcad1]{color:#173d91;font-size:18px;font-weight:700;margin-bottom:14px}.control-cards[data-v-dfddcad1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.zone-card.small[data-v-dfddcad1]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:.25s ease}.zone-card.small[data-v-dfddcad1]:hover{transform:translateY(-2px)}.zone-card.small h3[data-v-dfddcad1]{color:#173d91;font-size:16px;font-weight:700;margin-bottom:14px}.zone-row[data-v-dfddcad1]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:14px}.zone-row span[data-v-dfddcad1]:first-child{color:#173d91;font-weight:700}.zone-row span[data-v-dfddcad1]:last-child{color:#00b050;font-weight:700;text-align:right}.zone-row.diff[data-v-dfddcad1]{margin-top:14px}.zone-row.diff span[data-v-dfddcad1]:first-child{color:#173d91}.zone-row.diff span[data-v-dfddcad1]:last-child{color:#00b050}.zone-row.diff.high span[data-v-dfddcad1]:last-child{color:#ff5252}@media(max-width:1024px){.content[data-v-dfddcad1],.extruder-panel[data-v-dfddcad1]{padding:15px}.control-cards[data-v-dfddcad1]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content[data-v-dfddcad1],.extruder-panel[data-v-dfddcad1]{padding:10px}.extruder-panel h2[data-v-dfddcad1]{text-align:center;font-size:18px}.stats[data-v-dfddcad1],.control-cards[data-v-dfddcad1]{grid-template-columns:1fr}.component-table th[data-v-dfddcad1],.component-table td[data-v-dfddcad1]{padding:10px;font-size:12px}.graph-title[data-v-dfddcad1]{text-align:center;font-size:16px}.zone-card.small[data-v-dfddcad1]{padding:12px}}@media(max-width:480px){.component-table[data-v-dfddcad1]{min-width:1000px}.kpi-title[data-v-dfddcad1],.kpi-set[data-v-dfddcad1],.kpi-actual[data-v-dfddcad1]{font-size:13px}.zone-row[data-v-dfddcad1]{font-size:12px}.graph-title[data-v-dfddcad1]{font-size:15px}}.layout[data-v-8bb982ff]{display:flex;min-height:100vh;background:#f4f8ff}.main[data-v-8bb982ff]{flex:1;min-width:0;display:flex;flex-direction:column}.content[data-v-8bb982ff]{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;background:#f4f8ff}.content h2[data-v-8bb982ff]{color:#173d91;font-size:22px;font-weight:700;margin-bottom:25px}.filter-card[data-v-8bb982ff]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:20px;margin-bottom:20px}.filter-row[data-v-8bb982ff]{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.field[data-v-8bb982ff]{display:flex;flex-direction:column;min-width:0}.field label[data-v-8bb982ff]{margin-bottom:6px;color:#173d91;font-weight:700}.field input[data-v-8bb982ff]{min-width:220px;max-width:100%;padding:10px;border:1px solid #d5d5d5;border-radius:8px}.param-btn[data-v-8bb982ff]{background:#fff;border:2px solid #173d91;color:#173d91;border-radius:8px;padding:10px 15px;min-width:240px;max-width:100%;cursor:pointer;font-weight:700}.load-btn[data-v-8bb982ff]{background:#173d91;color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-weight:700}.chart-card[data-v-8bb982ff]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:20px;min-height:600px;overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-card[data-v-8bb982ff] .apexcharts-canvas{min-width:650px}.empty-state[data-v-8bb982ff]{text-align:center;color:#173d91;font-size:18px;padding:120px 0}.modal-overlay[data-v-8bb982ff]{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;padding:16px;z-index:9999}.modal[data-v-8bb982ff]{background:#fff;width:900px;max-width:95vw;max-height:85vh;overflow-y:auto;border-radius:14px;padding:20px}.modal-header[data-v-8bb982ff]{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-header h3[data-v-8bb982ff]{color:#173d91}.close-btn[data-v-8bb982ff]{border:none;background:none;font-size:22px;cursor:pointer}.modal-actions[data-v-8bb982ff]{display:flex;gap:10px;margin-top:15px;margin-bottom:15px;flex-wrap:wrap}.modal-footer[data-v-8bb982ff]{margin-top:15px;display:flex;justify-content:flex-end}.tag-list[data-v-8bb982ff]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-height:420px;overflow-y:auto;border:1px solid #ddd;border-radius:10px;padding:15px}.tag-card[data-v-8bb982ff]{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;background:#fff;color:#173d91;font-weight:600;min-width:0}.tag-card span[data-v-8bb982ff]{word-break:break-word}.tag-card[data-v-8bb982ff]:hover{background:#f4f8ff;border-color:#173d91}.tag-card input[data-v-8bb982ff]{width:18px;height:18px;cursor:pointer;flex-shrink:0}@media(max-width:1024px){.content[data-v-8bb982ff],.filter-card[data-v-8bb982ff],.chart-card[data-v-8bb982ff]{padding:16px}.chart-card[data-v-8bb982ff]{min-height:520px}}@media(max-width:768px){.content[data-v-8bb982ff]{padding:12px}.content h2[data-v-8bb982ff]{font-size:18px;text-align:center;margin-bottom:16px}.filter-card[data-v-8bb982ff],.chart-card[data-v-8bb982ff]{padding:14px}.filter-row[data-v-8bb982ff]{flex-direction:column;align-items:stretch;gap:12px}.field[data-v-8bb982ff],.field input[data-v-8bb982ff],.param-btn[data-v-8bb982ff],.load-btn[data-v-8bb982ff]{width:100%;min-width:0}.chart-card[data-v-8bb982ff]{min-height:450px}.chart-card[data-v-8bb982ff] .apexcharts-canvas{min-width:560px}.empty-state[data-v-8bb982ff]{font-size:15px;padding:80px 0}.modal[data-v-8bb982ff]{width:100%;max-width:100%;max-height:90vh;padding:14px}.modal-actions[data-v-8bb982ff]{flex-direction:column}.modal-footer[data-v-8bb982ff]{justify-content:stretch}.tag-list[data-v-8bb982ff]{grid-template-columns:1fr;max-height:55vh;padding:10px}}@media(max-width:480px){.content[data-v-8bb982ff]{padding:10px}.filter-card[data-v-8bb982ff],.chart-card[data-v-8bb982ff]{padding:12px}.content h2[data-v-8bb982ff]{font-size:17px}.chart-card[data-v-8bb982ff] .apexcharts-canvas{min-width:520px}.tag-card[data-v-8bb982ff]{padding:10px;font-size:13px}.load-btn[data-v-8bb982ff],.param-btn[data-v-8bb982ff]{padding:11px;font-size:13px}}.layout[data-v-8fd9a191]{display:flex;min-height:100vh;background:#f4f8ff}.main[data-v-8fd9a191]{flex:1;display:flex;flex-direction:column;min-width:0}.content[data-v-8fd9a191]{flex:1;padding:20px;overflow-y:auto;background:#f4f8ff}.content h2[data-v-8fd9a191]{color:#173d91;font-size:22px;font-weight:700;margin-bottom:25px}.zones[data-v-8fd9a191]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.zone-card[data-v-8fd9a191]{background:#fff;border:2px solid #173d91;border-radius:14px;padding:18px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:all .25s ease}.zone-card[data-v-8fd9a191]:hover{transform:translateY(-2px)}.zone-card h3[data-v-8fd9a191]{color:#173d91;font-size:18px;font-weight:700;margin-bottom:15px}.row[data-v-8fd9a191]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.row span[data-v-8fd9a191]:first-child{color:#173d91;font-weight:700;font-size:15px}.row span[data-v-8fd9a191]:last-child{color:#00b050;font-weight:700;font-size:15px}.diff span[data-v-8fd9a191]:last-child{color:#00b050}.diff.high span[data-v-8fd9a191]:last-child{color:#ff5252}@media(max-width:1024px){.content[data-v-8fd9a191]{padding:16px}.zones[data-v-8fd9a191]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content[data-v-8fd9a191]{padding:12px}.content h2[data-v-8fd9a191]{font-size:18px;text-align:center;margin-bottom:15px}.zones[data-v-8fd9a191]{grid-template-columns:1fr;gap:12px}.zone-card[data-v-8fd9a191]{padding:14px}.zone-card h3[data-v-8fd9a191]{font-size:16px;margin-bottom:10px}.row span[data-v-8fd9a191]:first-child,.row span[data-v-8fd9a191]:last-child{font-size:14px}}@media(max-width:480px){.content[data-v-8fd9a191]{padding:10px}.zone-card[data-v-8fd9a191]{padding:12px}.zone-card h3[data-v-8fd9a191]{font-size:15px}.row[data-v-8fd9a191]{margin-top:10px}.row span[data-v-8fd9a191]:first-child,.row span[data-v-8fd9a191]:last-child{font-size:13px}}.app[data-v-0de8091c]{display:flex;min-height:100vh;background:#f4f8ff}.main[data-v-0de8091c]{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.content[data-v-0de8091c]{flex:1;padding:16px;overflow-y:auto;overflow-x:hidden}.panel[data-v-0de8091c]{width:100%;min-width:0}.left-panel[data-v-0de8091c]{background:#edf4ff;padding:16px;border-radius:12px}.left-panel h2[data-v-0de8091c]{color:#0a2d7a;font-weight:700;margin-bottom:18px}.stats[data-v-0de8091c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:15px}.stat[data-v-0de8091c]{background:#fff;border:2px solid #173d91;border-radius:12px;padding:12px;text-align:center;color:#173d91;font-size:13px;box-shadow:0 2px 8px #0000000d;transition:all .25s ease}.stat[data-v-0de8091c]:hover{transform:translateY(-2px)}.stat span[data-v-0de8091c]{display:block;margin-top:6px;font-size:16px;font-weight:700;color:#00b050}.graph-section[data-v-0de8091c]{background:#fff;border:2px solid #173d91;border-radius:12px;padding:12px;margin-bottom:14px;box-shadow:0 2px 8px #0000000a;overflow-x:auto;-webkit-overflow-scrolling:touch}.graph-title[data-v-0de8091c]{color:#173d91;font-size:14px;font-weight:700;margin-bottom:10px}.graph-card[data-v-0de8091c]{height:400px;min-width:650px;position:relative}.graph-card canvas[data-v-0de8091c]{width:100%!important;height:100%!important}.content[data-v-0de8091c]::-webkit-scrollbar{width:8px}.content[data-v-0de8091c]::-webkit-scrollbar-thumb{background:#9bb9e9;border-radius:8px}.content[data-v-0de8091c]::-webkit-scrollbar-track{background:#edf4ff}@media(max-width:1024px){.content[data-v-0de8091c],.left-panel[data-v-0de8091c]{padding:14px}.graph-card[data-v-0de8091c]{height:340px;min-width:600px}}@media(max-width:768px){.content[data-v-0de8091c],.left-panel[data-v-0de8091c]{padding:10px}.left-panel h2[data-v-0de8091c]{font-size:18px;text-align:center}.stats[data-v-0de8091c]{grid-template-columns:1fr;gap:12px}.stat[data-v-0de8091c]{padding:12px}.stat span[data-v-0de8091c]{font-size:15px}.graph-title[data-v-0de8091c]{text-align:center;font-size:13px}.graph-card[data-v-0de8091c]{height:300px;min-width:560px}}@media(max-width:480px){.content[data-v-0de8091c],.left-panel[data-v-0de8091c],.graph-section[data-v-0de8091c]{padding:8px}.graph-card[data-v-0de8091c]{height:280px;min-width:520px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background:#fff;font-family:Inter,sans-serif;color:#0a2d7a}.slide-back-enter-active,.slide-back-leave-active{transition:all .35s ease}.slide-back-enter-from{transform:translate(-40px);opacity:0}.slide-back-leave-to{transform:translate(40px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}body{margin:0;min-width:320px;min-height:100vh}.panel,.row,.stat,.die-zone,.oee-box,.notification-icon,.power-icon,.back-icon{position:relative;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.notification-icon,.power-icon,.back-icon{display:flex;justify-content:center;align-items:center;padding:20px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.row:hover,.stat:hover,.die-zone:hover,.oee-box:hover,.notification-icon:hover,.power-icon:hover,.back-icon:hover{transform:translateY(-2px) scale(1.02);border-radius:10px;box-shadow:0 0 0 1px #2f80ff33,0 6px 18px #00000014;background-color:#ffffff29}.row:active,.stat:active,.die-zone:active,.oee-box:active,.notification-icon:active,.power-icon:active,.pill.dark:active,.back-icon:active{transform:scale(.97)}.panel,.row,.stat,.die-zone,.oee-box,.pill.dark,.back-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:20px;justify-content:center}.stat{background:#ffffff24;border-radius:12px;padding:14px 10px;text-align:center}.stat span{display:block;margin-top:4px;font-size:16px;font-weight:700}.stat{position:relative;padding:14px;min-height:72px;border-radius:14px;background:linear-gradient(180deg,#ffffff29,#ffffff12);text-align:center;font-size:17px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#d9f2f8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px #0000004d,inset 0 1px #ffffff38;transition:transform .25s ease,box-shadow .25s ease}.stat:before{content:"";position:absolute;inset:-6px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff05;pointer-events:none}.stat span{display:block;margin-top:6px;font-size:18px;font-weight:800}.menu-section{margin-bottom:12px}.app{display:flex;width:100vw;height:100vh}.sidebar{width:200px;min-width:200px;max-width:200px;height:100vh;padding:12px;background:linear-gradient(180deg,#001f5b,#001645);flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}.main{flex:1;display:flex;flex-direction:column}.content{flex:1;min-height:0;padding:14px 20px;overflow-y:auto}.panel{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100%;background:transparent;border-radius:0;padding:0}.panel>h2{margin:-4px 0 10px;font-size:20px;font-weight:600}.left-panel{flex:1;width:100%;background:#edf4ff;padding:20px;overflow-y:auto}.avatar{position:relative;width:128px;height:78px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#ffffff08;border:1px solid rgba(120,180,255,.18);overflow:hidden}.avatar:before{content:"";position:absolute;inset:3px;border-radius:15px;border:1px solid rgba(180,230,255,.25);pointer-events:none}.avatar img{width:116px;height:58px;object-fit:cover;display:block;border-radius:12px;background:#000}.menu-section{margin-bottom:14px}.menu-title{font-size:10px;letter-spacing:1.2px;color:#4dd0e1;margin:8px 0 6px}.menu-item{width:100%;background:#ffffff0f;border:none;color:#e6f7fb;padding:10px 12px;border-radius:10px;margin-bottom:8px;text-align:left;font-size:13px;cursor:pointer;transition:all .3s ease}.menu-item:hover{background:#7fdcff26}.menu-item.active{background:linear-gradient(180deg,#2f80ff,#0f5fff);color:#fff;box-shadow:0 6px 16px #2f80ff59}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.graph-row{height:220px;padding:18px 8px 12px;background:#fff;border:1px solid #dce5f3;box-shadow:0 2px 8px #0000000a;border-radius:12px;position:relative}.graph-title{color:#0a2d7a}.graph-section{display:flex;flex-direction:column;gap:10px;margin-top:18px;flex:1;min-height:0}.graph-card{flex:1;min-height:0;display:flex;overflow:hidden}.graph-card canvas{width:100%!important;height:100%!important}