: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block;background:#f5f7fb;color:#1f2937}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg0:#040913;--bg1:#070f1f;--panel:rgba(10,18,34,.78);--panel2:rgba(8,14,28,.7);--stroke:rgba(255,255,255,.1);--stroke2:rgba(0,255,200,.16);--text:#e5f2ff;--muted:rgba(229,242,255,.72);--accent:#00ffc8;--accent2:#3aa0ff;--ok:#00c26a;--warn:#ffb020;--bad:#ff2b3f;--shadow: 0 18px 55px rgba(0,0,0,.55);--radius:16px}*{box-sizing:border-box}html,body,#root{height:100%}body,html,#root{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(0,255,200,.14),transparent 45%),radial-gradient(circle at 80% 40%,rgba(58,160,255,.12),transparent 50%),radial-gradient(circle at 55% 90%,rgba(255,43,63,.06),transparent 45%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 44px);mix-blend-mode:screen}body:after{content:"";position:fixed;left:-10%;right:-10%;top:-20%;height:35%;background:linear-gradient(180deg,transparent,rgba(0,255,200,.12),transparent);filter:blur(2px);opacity:.4;animation:scadaSweep 8s linear infinite;pointer-events:none}@keyframes scadaSweep{0%{transform:translateY(-40%)}to{transform:translateY(220%)}}.login-page{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(0,255,200,.16),transparent 45%),radial-gradient(circle at 80% 40%,rgba(58,160,255,.14),transparent 55%),linear-gradient(180deg,#040913,#070f1f)}.login-card{width:100%;max-width:560px;border-radius:20px;padding:28px 28px 18px;background:#0a1222d1;box-shadow:var(--shadow);border:1px solid rgba(0,255,200,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 20% 10%,rgba(0,255,200,.2),transparent 35%),radial-gradient(circle at 80% 70%,rgba(58,160,255,.18),transparent 40%);opacity:.55;pointer-events:none}.login-title{position:relative;margin:8px 0 18px;font-size:20px;letter-spacing:1px;font-weight:900;text-transform:uppercase}.login-form{text-align:left;position:relative}.login-label{font-size:12px;color:#e5f2ffbf}.login-input{height:40px;font-size:14px;border-radius:12px}.login-btn{width:100%;margin-top:8px;height:42px;border-radius:12px;font-weight:900;background:linear-gradient(180deg,#00ffc838,#00ffc81a);border:1px solid rgba(0,255,200,.28);color:var(--text)}.login-btn:hover{filter:brightness(1.06)}.login-error{background:#ff2b3f24;color:#ffd7dd;border:1px solid rgba(255,43,63,.35);padding:8px 10px;border-radius:12px;font-size:13px;margin:6px 0 10px;position:relative}.login-footer{margin-top:12px;font-size:11px;color:#e5f2ffa6;text-align:center;position:relative}.login-logo-wrap{display:flex;justify-content:center;margin-top:4px;position:relative}.login-logo{width:120px;height:auto;margin-bottom:6px}.login-logo-fallback{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.login-logo-arc{width:110px;height:55px;border-top-left-radius:110px;border-top-right-radius:110px;background:linear-gradient(180deg,#00ffc88c,#00ffc840);position:relative;border:1px solid rgba(0,255,200,.25)}.login-logo-arc:after{content:"";position:absolute;left:50%;top:-6px;width:8px;height:8px;margin-left:-4px;background:#e5f2ffa6;border-radius:50%}.login-logo-text{font-weight:900;font-size:18px;color:#e5f2ffc7;letter-spacing:.6px}.app-shell{display:grid;grid-template-columns:280px 1fr;height:100vh}.sidebar{background:linear-gradient(180deg,#0a1222eb,#070e1ceb);color:var(--text);display:flex;flex-direction:column;padding:18px;gap:14px;border-right:1px solid rgba(0,255,200,.12);box-shadow:inset -1px 0 #ffffff0d;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 20% 10%,rgba(0,255,200,.16),transparent 40%),radial-gradient(circle at 80% 70%,rgba(58,160,255,.14),transparent 45%);opacity:.55;pointer-events:none}.sidebar-header{position:relative;display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:950;font-size:18px;letter-spacing:.8px;text-transform:uppercase}.user-info{font-size:12px;color:var(--muted)}.user-name{font-weight:900;color:var(--text)}.user-role{opacity:.8}.nav{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-right:2px;overflow:auto}.nav-item{padding:11px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#e5f2ffdb;border-radius:14px;text-align:left;cursor:pointer;transition:.16s ease;font-size:13px;font-weight:750;position:relative}.nav-item:hover{background:#00ffc80f;border-color:#00ffc82e}.nav-item.active{background:linear-gradient(180deg,#00ffc838,#00ffc817);border-color:#00ffc847;color:var(--text);box-shadow:0 10px 24px #00000052,inset 0 0 0 1px #ffffff0f}.nav-item.active:after{content:"";position:absolute;left:10px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:999px;background:#00ffc8e6;box-shadow:0 0 18px #00ffc899}.content{overflow:auto;padding:18px 22px 36px}.page{max-width:1260px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-header h1{margin:0;font-size:26px;letter-spacing:.6px}.page-header p{margin:6px 0 0;color:var(--muted)}.card{background:var(--panel);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,255,200,.12),transparent 30%,rgba(58,160,255,.1));opacity:.45;pointer-events:none}.card>*{position:relative}.card h2{margin-top:0;font-size:18px;letter-spacing:.4px}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:12px;font-weight:800;color:#e5f2ffe0}.form{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.flex-1{flex:1;min-width:200px}label{font-size:12px;color:#e5f2ffc7;font-weight:800;letter-spacing:.35px}.input{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;font-size:14px;outline:none;transition:.14s ease;background:#ffffff0a;color:var(--text)}.input::placeholder{color:#e5f2ff73}.input:focus{border-color:#00ffc859;box-shadow:0 0 0 3px #00ffc81f}.input.small{padding:6px 8px;font-size:13px;border-radius:12px;min-width:160px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.button,.btn{border:1px solid rgba(255,255,255,.16);background:#ffffff0a;padding:10px 14px;border-radius:14px;cursor:pointer;font-size:14px;font-weight:850;transition:.14s ease;color:#e5f2ffeb}.button:hover,.btn:hover{border-color:#00ffc840;background:#00ffc80f}.button.primary{background:linear-gradient(180deg,#00ffc838,#00ffc81a);border-color:#00ffc84d;color:var(--text)}.button.primary:hover{filter:brightness(1.06)}.button.danger{background:#ff2b3f24;border-color:#ff2b3f59;color:#ffd7dd}.button.danger:hover{filter:brightness(1.04)}.button.small{padding:6px 8px;font-size:12px;border-radius:12px}.button.button-secondary,.button.secondary{background:#3aa0ff1a;border-color:#3aa0ff47}.button.button-secondary:hover,.button.secondary:hover{background:#3aa0ff24}.button.logout{margin-top:auto;background:#ffffff0a;border-color:#ffffff24}.button.logout:hover{background:#ffffff0f}.alert{padding:10px 12px;border-radius:14px;font-size:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.alert.info{border-color:#3aa0ff4d;background:#3aa0ff1a;color:#e5f2ffeb}.alert.error{border-color:#ff2b3f5c;background:#ff2b3f1f;color:#ffd7dd}.barcode-section{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px dashed rgba(255,255,255,.18);background:#ffffff08;padding:12px;border-radius:16px;margin-bottom:10px}.barcode-label{margin:0;font-size:13px;color:var(--muted)}.barcode-number{font-size:22px;font-weight:950;letter-spacing:2px;color:var(--text)}.qr-wrapper img{width:170px;height:170px;border-radius:12px}.table-wrap{overflow:auto}.table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.table th,table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}table th{font-size:11px;text-transform:uppercase;color:#e5f2ffb3;letter-spacing:.8px;white-space:nowrap}table td{white-space:normal;word-break:break-word;line-height:1.35;color:#e5f2ffe6}.table tr:hover td{background:#00ffc80d}.scanned-card{margin-top:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:14px;margin-bottom:8px}.detail-section-title{margin:6px 0 8px;font-weight:900;font-size:14px}.detail-wrap{display:flex;flex-direction:column;gap:6px}.muted{color:#e5f2ffa3;font-size:13px}.date-val{font-size:3.5mm}.modal-overlay{position:fixed;inset:0;background:#030812b8;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal{width:min(560px,96vw);background:#0a1222eb;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(0,255,200,.16)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#00ffc829,#00ffc80f)}.close-button{border:none;background:transparent;color:#e5f2ffe6;font-size:22px;cursor:pointer;line-height:1}.close-button:hover{opacity:.85}.scanner-overlay{position:fixed;inset:0;background:#030812c7;display:flex;align-items:center;justify-content:center;z-index:9999}.scanner-modal{width:min(520px,96vw);background:#0a1222eb;border-radius:18px;padding:12px;border:1px solid rgba(0,255,200,.14);box-shadow:var(--shadow)}#qr-region,.qr-region{width:100%;min-height:320px}.chart-wrap{width:100%;overflow-x:auto;padding-top:8px}.chart-svg{width:100%;min-width:900px;height:auto}.chart-axis{stroke:#efffe547;stroke-width:1}.chart-bar{fill:#3aa0ffb8;rx:6}.chart-line{stroke:#ff2b3fd9;stroke-width:2.5}.chart-dot{fill:#ff2b3fd9}.chart-label{font-size:11px;fill:#e5f2ffc7}.chart-value{font-size:11px;fill:#e5f2fff5;font-weight:900}.chart-tick{font-size:11px;fill:#ffe5e5b3}.chart-legend{display:flex;gap:16px;align-items:center;font-size:13px;color:#e5f2ffb3;margin-top:6px}.legend-bar,.legend-line{display:inline-block;width:14px;height:6px;border-radius:3px}.legend-bar{background:#3aa0ffb8}.legend-line{background:#ff2b3fd9;height:3px}.targets-list ul{margin:6px 0 0;padding-left:18px}.targets-list li{margin:2px 0}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin-top:6px;padding:10px 12px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;background:#ffffff08}.checkbox-item{display:flex;align-items:center;font-size:14px;gap:8px;white-space:nowrap;color:#e5f2ffe0}.checkbox-item input{width:16px;height:16px;accent-color:var(--accent)}@media(max-width:900px){body,html,#root{overflow:auto}.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;position:sticky;top:0;z-index:2;border-right:none;border-bottom:1px solid rgba(0,255,200,.12)}.nav{flex-direction:row;overflow-x:auto}.button.logout{margin-top:0;margin-left:auto}.form-grid,.detail-grid{grid-template-columns:1fr}.barcode-section{flex-direction:column;align-items:flex-start}}:root{--bg0:#f4f7fb;--bg1:#eef3f8;--panel:#ffffff;--panel2:#f8fafc;--stroke:#dbe4ef;--stroke2:#b7e8d2;--text:#0f1b33;--muted:#71809a;--accent:#12b981;--accent2:#2563eb;--ok:#0caf6f;--warn:#f59e0b;--bad:#ef4455;--shadow:0 10px 30px rgba(31, 50, 81, .08);--shadow-soft:0 3px 12px rgba(31, 50, 81, .07);--radius:14px;color-scheme:light}html,body,#root{color:var(--text);background:#f4f7fb;overflow:hidden;color-scheme:light}body:before,body:after{display:none!important;content:none!important}.login-page{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(420px,.72fr);align-items:stretch;justify-content:stretch;padding:0;background:#eef4f7;color:#0f1b33;isolation:isolate}.login-hero{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,7vw,92px);color:#fff;background:linear-gradient(112deg,#05242fe0,#026f6fb8 48%,#1d63b18f),radial-gradient(circle at 16% 22%,rgba(43,220,184,.36),transparent 28%),linear-gradient(145deg,#12384c,#087b82 55%,#2868aa)}.login-hero:before{content:"";position:absolute;inset:0;opacity:.34;background:linear-gradient(90deg,transparent 0 64%,rgba(255,255,255,.16) 64% 65%,transparent 65%),linear-gradient(0deg,transparent 0 76%,rgba(255,255,255,.1) 76% 77%,transparent 77%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 78px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 78px)}.login-hero:after{content:"";position:absolute;right:-7%;bottom:-8%;width:68%;height:58%;transform:skew(-11deg);border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#fff3,#ffffff0a),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 58px),repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 2px 54px);box-shadow:-70px -35px #ffffff0f;opacity:.72}.login-hero-content{position:relative;z-index:2;max-width:760px}.login-hero-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1f;box-shadow:inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:800}.login-hero-badge-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff3}.login-hero h1{margin:24px 0 14px;max-width:780px;font-size:clamp(48px,6.6vw,88px);line-height:.94;letter-spacing:-4px;font-weight:950;text-shadow:0 12px 34px rgba(0,0,0,.18)}.login-hero>.login-hero-content>p{margin:0;font-size:clamp(18px,2vw,28px);font-weight:750;color:#ffffffeb}.login-hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;color:#ffffffdb;font-size:13px;font-weight:650}.login-hero-points span{display:flex;align-items:center;gap:8px}.login-hero-points i{width:7px;height:7px;border-radius:50%;background:#55e5bb;box-shadow:0 0 0 5px #55e5bb1f}.login-hero-footer{position:absolute;left:clamp(42px,7vw,92px);bottom:24px;z-index:2;font-size:12px;color:#ffffffbd}.login-panel{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:34px clamp(28px,4vw,58px) 22px;background:radial-gradient(circle at 80% 10%,rgba(18,185,129,.08),transparent 28%),linear-gradient(180deg,#fffffffa,#eef4f6);box-shadow:-24px 0 70px #0a233824}.login-language-tabs{width:100%;max-width:450px;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px;color:#71809a;font-size:12px;font-weight:800}.login-language-tabs span{padding:8px 11px;border-radius:999px}.login-language-tabs .active{color:#0caf6f;background:#eafaf2}.login-card{width:100%;max-width:450px;padding:28px 28px 26px;border:1px solid rgba(208,220,231,.85);border-radius:28px;background:#ffffffe6;color:#0f1b33;box-shadow:0 24px 70px #1f325124;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left}.login-card:before{display:none;content:none}.login-logo-wrap{justify-content:center;margin:0 0 10px}.login-logo{width:116px;max-height:80px;object-fit:contain;margin:0}.login-logo-fallback{margin:0}.login-logo-arc{width:88px;height:44px;border-color:#b8dec8;background:linear-gradient(180deg,#73d446,#48b934)}.login-logo-text{color:#7d858c}.login-heading{text-align:center;margin:4px 0 26px}.login-heading>span{color:#0caf6f;font-size:11px;font-weight:900;letter-spacing:1.5px}.login-heading h2{margin:8px 0 6px;font-size:34px;letter-spacing:-1.2px;color:#101a31}.login-heading p{margin:0;color:#71809a;font-size:14px}.login-form{gap:16px}.login-label{color:#34435c!important;font-size:12px;font-weight:850}.login-field{position:relative;display:flex;align-items:center}.login-field-icon{position:absolute;left:15px;z-index:2;width:22px;text-align:center;color:#91a2bc;font-size:18px;pointer-events:none}.login-input{width:100%;height:50px;padding-left:47px!important;border-radius:13px!important;border:1px solid #d6e0eb!important;background:#fff!important;color:#17233b!important;box-shadow:inset 0 1px 2px #1d2d4608}.login-input::placeholder{color:#9aaac1!important}.login-input:focus{border-color:#52c99b!important;box-shadow:0 0 0 4px #12b9811f!important}.login-btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:4px;border:none!important;border-radius:13px;background:linear-gradient(135deg,#12b981,#0ca56f)!important;color:#fff!important;box-shadow:0 12px 24px #12b9813b;font-size:14px}.login-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.login-btn:disabled{background:#cbd7e4!important;box-shadow:none;cursor:not-allowed}.login-error{margin:0;color:#b42335;background:#fff0f2;border-color:#ffcbd2}.login-footer{width:100%;max-width:450px;display:flex;justify-content:space-between;gap:12px;margin-top:20px;color:#75849a;font-size:10px;text-align:left}.app-shell{display:flex;width:100%;height:100vh;min-height:100vh;overflow:hidden;background:#f4f7fb;color:#0f1b33}.sidebar{flex:0 0 252px;width:252px;min-width:252px;max-width:252px;height:100vh;position:relative;top:auto;z-index:80;display:flex;flex-direction:column;gap:0;padding:0 13px 16px;overflow:hidden;color:#19263e;background:#fff;border-right:1px solid #e0e7ef;box-shadow:7px 0 26px #1f325109}.sidebar:before{display:none;content:none}.sidebar-header{flex:0 0 auto;gap:13px;padding:14px 3px 13px;background:#fff;border-bottom:1px solid #e9eef4}.sidebar-brand-row{display:flex;align-items:center;gap:10px;min-height:52px}.sidebar-logo-wrap{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#f5faf7;border:1px solid #dfeae3}.sidebar-logo{width:39px;height:39px;object-fit:contain}.sidebar-logo-fallback{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#72d341,#1caf76);font-weight:950}.brand{color:#18243a;font-size:14px;line-height:1.15;letter-spacing:.55px;font-weight:950}.brand-subtitle{margin-top:4px;max-width:155px;color:#6f80a0;font-size:9px;line-height:1.25;letter-spacing:1px;text-transform:uppercase;font-weight:750}.sidebar-user-card{position:relative;display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e0e8f0;border-radius:13px;background:#f8fafc}.sidebar-user-avatar,.topbar-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#e6faf1,#d9f4e7);color:#0c9c68;font-size:14px;font-weight:950}.user-info{min-width:0;color:#6c7c95}.user-name{overflow:hidden;color:#17233b;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.user-role{margin-top:2px;color:#8291a8;font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:800}.sidebar-user-status{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#18ba79;box-shadow:0 0 0 3px #dcf7ea}.sidebar-settings{overflow:hidden;border:1px solid #e0e8f0;border-radius:12px;background:#fff}.sidebar-settings summary{padding:9px 11px;list-style:none;cursor:pointer;color:#44536b;font-size:10px;font-weight:850}.sidebar-settings summary::-webkit-details-marker{display:none}.sidebar-settings summary:after{content:"⌄";float:right;color:#92a0b5}.sidebar-settings[open] summary:after{transform:rotate(180deg)}.sidebar-settings-body{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.system-switch{display:grid;grid-template-columns:29px 1fr;align-items:center;gap:8px;color:#516077!important;font-size:9px!important;letter-spacing:0!important;cursor:pointer}.system-switch input{position:absolute;opacity:0;pointer-events:none}.system-switch-track{position:relative;width:29px;height:17px;border-radius:999px;background:#d6dee8;transition:.18s ease}.system-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1f325138;transition:.18s ease}.system-switch input:checked+.system-switch-track{background:#17b979}.system-switch input:checked+.system-switch-track:after{transform:translate(12px)}.system-switch input:disabled+.system-switch-track{opacity:.55}.system-switch-label{line-height:1.25}.nav-section-label{flex:0 0 auto;padding:13px 4px 7px;color:#91a0b6;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:900}.nav{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;margin:0;padding:0 2px 12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c9d3df transparent}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.nav-item{position:relative;flex:0 0 auto;display:flex;align-items:center;width:100%;min-height:39px;padding:9px 11px 9px 42px;border:1px solid transparent;border-radius:11px;background:transparent;color:#26344c;box-shadow:none;font-size:11px;font-weight:760;line-height:1.25;transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease}.nav-item:before{content:"";position:absolute;left:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);border:1.7px solid #55b98b;border-radius:5px;background:linear-gradient(90deg,transparent 43%,currentColor 43% 57%,transparent 57%),linear-gradient(0deg,transparent 43%,currentColor 43% 57%,transparent 57%);color:#55b98b;opacity:.95}.nav-item:after{display:none!important;content:none!important}.nav-item:hover{transform:translate(2px);color:#0e9f6b;background:#f0faf5;border-color:#dcefe6}.nav-item.active{color:#fff;background:linear-gradient(135deg,#19bb7c,#0baa70);border-color:#0faa72;box-shadow:0 9px 18px #12b98130}.nav-item.active:before{border-color:#fffffff5;color:#fff;background:linear-gradient(90deg,transparent 43%,currentColor 43% 57%,transparent 57%),linear-gradient(0deg,transparent 43%,currentColor 43% 57%,transparent 57%)}.nav>.button:not(.nav-item){flex:0 0 auto;width:100%;padding:9px 10px;border:1px dashed #d3dce7;border-radius:10px;background:#f8fafc;color:#61718a;font-size:9px;font-weight:800;text-align:left}.button.logout{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:9px 0 0;padding:10px 12px;border:1px solid #fee0e3;border-radius:11px;background:#fff5f6;color:#d43d4e;font-size:11px;box-shadow:none}.button.logout:hover{background:#ffecee;border-color:#ffcdd3}.content{flex:1 1 auto;min-width:0;width:auto;height:100vh;padding:0 20px 72px;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 88% 3%,rgba(18,185,129,.045),transparent 23%),#f4f7fb;color:#0f1b33}.app-topbar{position:sticky;top:0;z-index:50;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 -20px 16px;padding:8px 20px;border-bottom:1px solid rgba(216,225,235,.92);background:#f8fafced;box-shadow:0 4px 18px #1f325109;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-left,.topbar-actions,.topbar-user,.topbar-clock{display:flex;align-items:center}.topbar-left{min-width:0;gap:12px}.topbar-context{min-width:0;display:flex;flex-direction:column;line-height:1.15}.topbar-context>span{margin-bottom:3px;color:#0caf6f;font-size:8px;letter-spacing:1.35px;font-weight:950}.topbar-context strong{overflow:hidden;color:#111c33;font-size:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.topbar-context small{max-width:470px;margin-top:3px;overflow:hidden;color:#74839a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:none;width:39px;height:39px;padding:9px;border:1px solid #dce4ed;border-radius:11px;background:#fff;cursor:pointer}.mobile-menu-button span{display:block;height:2px;margin:4px 0;border-radius:999px;background:#526078}.topbar-actions{gap:8px}.topbar-user{gap:8px;min-height:45px;padding:5px 10px 5px 6px;border:1px solid #dce4ed;border-radius:13px;background:#fff;box-shadow:var(--shadow-soft)}.topbar-user>div:last-child{display:flex;flex-direction:column;line-height:1.15}.topbar-user strong{color:#17233b;font-size:10px;font-weight:900}.topbar-user span{margin-top:3px;color:#8291a8;font-size:8px;text-transform:uppercase;font-weight:800}.topbar-clock{gap:9px;min-width:155px;min-height:45px;padding:6px 12px;border:1px solid #dce4ed;border-radius:13px;background:#fff;box-shadow:var(--shadow-soft)}.topbar-clock-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#0caf6f;background:#eafaf2;font-size:16px;font-weight:900}.topbar-clock>div{display:flex;flex-direction:column;line-height:1.1}.topbar-clock strong{color:#0cad70;font-size:14px;letter-spacing:.3px}.topbar-clock span:last-child{margin-top:3px;color:#74839a;font-size:8px}.topbar-logout{display:grid;place-items:center;width:41px;height:41px;border:1px solid #dce4ed;border-radius:12px;background:#fff;color:#47576e;box-shadow:var(--shadow-soft);cursor:pointer;font-size:17px;font-weight:900}.topbar-logout:hover{color:#d43d4e;border-color:#ffd4da;background:#fff5f6}.page{width:100%;max-width:1540px;margin:0 auto;gap:13px}.page-header{position:relative;min-height:82px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:16px 22px 15px;border:1px solid #dce4ed;border-radius:15px;background:linear-gradient(102deg,#fff 0% 63%,#e4f9efc7);box-shadow:var(--shadow-soft)}.page-header:before{content:"TPE OPERATIONS SYSTEM";position:relative;z-index:2;width:max-content;margin-bottom:4px;color:#0caf6f;font-size:8px;letter-spacing:1.4px;font-weight:950}.page-header:after{content:"";position:absolute;right:-38px;top:-65px;width:260px;height:190px;transform:rotate(-12deg);border-radius:36px;background:linear-gradient(135deg,#12b98124,#2563eb0d),repeating-linear-gradient(90deg,rgba(18,185,129,.08) 0 1px,transparent 1px 28px)}.page-header>*{position:relative;z-index:2}.page-header h1{margin:0;color:#111c33;font-size:24px;line-height:1.1;letter-spacing:-.45px;font-weight:950}.page-header p{max-width:720px;margin:5px 0 0;color:#738198;font-size:11px}.card{padding:15px;border:1px solid #dce4ed;border-radius:14px;background:#fff;color:#17233b;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.card:before{display:none;content:none}.card h1,.card h2,.card h3,.card h4,.card h5{color:#17233b}.card h2{margin-bottom:12px;font-size:16px;letter-spacing:-.15px}.card-header-row{padding-bottom:9px;border-bottom:1px solid #edf1f5}.badge{border-color:#dce4ed;background:#f8fafc;color:#53627a}label{color:#687891;font-size:10px;letter-spacing:.45px;font-weight:850;text-transform:uppercase}.input,select,select.input,textarea.input{min-height:40px;border:1px solid #d6e0eb!important;border-radius:11px;background:#fff!important;color:#17233b!important;box-shadow:none;color-scheme:light}select option,select.input option,select optgroup,select.input optgroup{background:#fff!important;color:#17233b!important}.input::placeholder,textarea.input::placeholder{color:#9aa8bb!important}.input:focus,select:focus,select.input:focus,textarea.input:focus{border-color:#57c99d!important;box-shadow:0 0 0 3px #12b9811c!important}.input.small{min-height:34px;border-radius:9px}.form{gap:11px}.form-grid{gap:10px}.form-group{gap:5px}.filters{gap:9px;padding:10px;border:1px solid #e3e9f0;border-radius:12px;background:#f8fafc}.button,.btn{border:1px solid #d8e1eb;border-radius:10px;background:#fff;color:#35445d;box-shadow:0 2px 6px #1f325109;font-size:11px;font-weight:850}.button:hover,.btn:hover{color:#0f9e6c;border-color:#b9e6d2;background:#f1faf6}.button.primary,.btn.primary{border-color:#0faf72;background:linear-gradient(135deg,#18bb7b,#0da96f);color:#fff;box-shadow:0 7px 15px #12b98129}.button.primary:hover,.btn.primary:hover{color:#fff;filter:brightness(1.03)}.button.secondary,.button.button-secondary{color:#245ab5;border-color:#cbdcf7;background:#f2f6fd}.button.danger{color:#d43d4e;border-color:#ffd1d7;background:#fff3f5}.button.small{padding:6px 9px;border-radius:8px;font-size:9px}.button:disabled,.btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.alert{border-color:#dbe5ef;border-radius:11px;background:#f8fafc;color:#44536b}.alert.info{color:#22588d;border-color:#cfe2f5;background:#eff7ff}.alert.error{color:#b42335;border-color:#ffcbd2;background:#fff0f2}.barcode-section,.scanned-card{border-color:#dce4ed;background:#f8fafc}.barcode-label,.muted{color:#74839a}.barcode-number{color:#17233b}.table-wrap{border:1px solid #e0e7ef;border-radius:12px;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.table{background:#fff;color:#27364e;font-size:11px}.table th,table th{padding:10px;border-bottom:1px solid #dfe7ef;background:#f7f9fc;color:#73829a;font-size:8px;letter-spacing:.75px}.table td,table td{padding:10px;border-bottom:1px solid #edf1f5;color:#35445c;line-height:1.4}.table tbody tr:last-child td{border-bottom:none}.table tr:hover td{background:#f3faf7}.checkbox-grid{border-color:#dce4ed;background:#f8fafc}.checkbox-item{color:#46556d}.checkbox-item input{accent-color:#12b981}.modal-overlay,.scanner-overlay{background:#0f1b337a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal,.scanner-modal{color:#17233b;background:#fff;border-color:#dce4ed;box-shadow:0 28px 80px #0f1b3338}.modal-header,.scanner-header{color:#17233b;border-bottom-color:#e6ebf1;background:#f8fafc}.close-button,.scanner-close{color:#53627a}.qr-region,#qr-region{overflow:hidden;border:1px solid #dce4ed;border-radius:12px;background:#111827}.chart-axis{stroke:#cbd5e1}.chart-grid{stroke:#e6ebf1}.chart-bar{fill:#3b82f6}.chart-line{stroke:#ef5364}.chart-dot{fill:#ef5364}.chart-label,.chart-value,.chart-tick{fill:#53627a}.chart-value{fill:#27364e}.chart-legend{color:#63728a}.app-statusbar{position:fixed;left:252px;right:0;bottom:0;z-index:45;min-height:31px;display:flex;align-items:center;gap:22px;padding:5px 20px;border-top:1px solid #dde5ee;background:#fffffff2;color:#586880;box-shadow:0 -4px 16px #1f325109;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:8px;font-weight:750}.app-statusbar>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#b6c2d0}.status-dot.online,.status-dot.secure{background:#12b981}.status-dot.database{background:#3b82f6}.statusbar-copy{margin-left:auto;color:#8390a3;font-weight:650!important}.sidebar-backdrop{position:fixed;inset:0;z-index:105;background:#0f1b3366;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width:1100px){.topbar-context small{max-width:300px}.topbar-user{display:none}}@media(max-width:900px){html,body,#root{overflow:hidden}.login-page{grid-template-columns:1fr;overflow:auto}.login-hero{min-height:240px;justify-content:flex-end;padding:36px 28px}.login-hero h1{margin:16px 0 8px;font-size:46px;letter-spacing:-2.6px}.login-hero-points,.login-hero-footer{display:none}.login-panel{min-height:calc(100vh - 240px);padding:24px 18px}.login-language-tabs{justify-content:center}.app-shell{display:block}.sidebar,.sidebar.drawer{position:fixed;left:0;top:0;z-index:120;width:min(292px,86vw);min-width:0;max-width:none;height:100vh;transform:translate(-102%);transition:transform .22s ease;box-shadow:18px 0 55px #0f1b332e}.sidebar.drawer.open{transform:translate(0)}.content{width:100%;height:100vh;padding:0 12px 68px}.app-topbar{margin:0 -12px 13px;padding:7px 12px}.mobile-menu-button{display:block;flex:0 0 auto}.topbar-context small{display:none}.topbar-clock{min-width:135px}.topbar-logout{display:none}.app-statusbar{left:0;gap:15px;padding:6px 12px;overflow-x:auto}.statusbar-copy{display:none!important}.page-header{min-height:76px;padding:14px 16px}.page-header h1{font-size:21px}.page-header p{font-size:10px}.form-grid,.detail-grid{grid-template-columns:1fr}.barcode-section{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.login-hero{min-height:205px;padding:28px 20px}.login-hero h1{font-size:39px}.login-hero>.login-hero-content>p{font-size:16px}.login-panel{min-height:calc(100vh - 205px);padding:18px 12px}.login-card{padding:23px 18px;border-radius:22px}.login-heading h2{font-size:28px}.login-footer{flex-direction:column;align-items:center;text-align:center}.topbar-clock{min-width:auto;padding:6px 9px}.topbar-clock span:last-child{display:none}.topbar-context strong{max-width:140px;font-size:14px}.topbar-avatar{width:30px;height:30px}.page{gap:10px}.card{padding:12px;border-radius:12px}.form-row{align-items:stretch}.form-group.flex-1{min-width:100%}.filters{padding:8px}.table{min-width:760px}}.nav-item:before{display:none!important;content:none!important}.nav-item{gap:10px;min-height:43px;padding:6px 8px;overflow:hidden;text-align:left}.nav-icon{--nav-icon-color:#0daa72;--nav-icon-bg:#edf9f4;--nav-icon-border:#d7f0e5;position:relative;flex:0 0 30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--nav-icon-border);border-radius:9px;color:var(--nav-icon-color);background:var(--nav-icon-bg);box-shadow:0 3px 9px #1f32510b;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease,border-color .18s ease}.nav-icon svg{width:17px;height:17px;display:block;overflow:visible}.nav-item-label{flex:1 1 auto;min-width:0;overflow:hidden;color:inherit;line-height:1.2}.nav-item:hover .nav-icon{transform:translateY(-1px) scale(1.04);box-shadow:0 7px 15px #1f32511a}.nav-item.active .nav-icon{color:#fff!important;background:#ffffff2e!important;border-color:#ffffff61!important;box-shadow:inset 0 0 0 1px #ffffff14,0 5px 12px #04644626}.nav-item.active .nav-item-label{color:#fff}.nav-alert-dot{flex:0 0 auto;width:8px;height:8px;margin-right:3px;border:2px solid #fff;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px #ef44442e,0 0 10px #ef44446b;animation:navAlertPulse 1.6s ease-in-out infinite}@keyframes navAlertPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.72}}.nav-icon-monitoring_tpe,.nav-icon-monitoring_sample,.nav-icon-dashboard,.nav-icon-scrap_chart,.nav-icon-tv_slideshow{--nav-icon-color:#2563eb;--nav-icon-bg:#eff6ff;--nav-icon-border:#dbeafe}.nav-icon-dandori,.nav-icon-after_cutting,.nav-icon-pengajuan_special_ok,.nav-icon-judgement_profile,.nav-icon-budomari_tpe{--nav-icon-color:#0f9f6e;--nav-icon-bg:#ecfdf5;--nav-icon-border:#d1fae5}.nav-icon-storage,.nav-icon-pengambilan,.nav-icon-pengembalian_profile,.nav-icon-incoming_material,.nav-icon-outcoming_material{--nav-icon-color:#ea7415;--nav-icon-bg:#fff7ed;--nav-icon-border:#ffedd5}.nav-icon-koreksi_alur_profile,.nav-icon-products,.nav-icon-profiles,.nav-icon-targets,.nav-icon-machines{--nav-icon-color:#7c3aed;--nav-icon-bg:#f5f3ff;--nav-icon-border:#ede9fe}.nav-icon-stock,.nav-icon-inventory{--nav-icon-color:#0891b2;--nav-icon-bg:#ecfeff;--nav-icon-border:#cffafe}.nav-icon-users,.nav-icon-logs,.nav-icon-login_verification{--nav-icon-color:#4f46e5;--nav-icon-bg:#eef2ff;--nav-icon-border:#e0e7ff}.nav-icon-ng_loss_kuzu,.nav-icon-trouble_tpe{--nav-icon-color:#e5484d;--nav-icon-bg:#fff1f2;--nav-icon-border:#ffe4e6}@media(max-width:900px){.nav-item{min-height:44px}.nav-icon{flex-basis:31px;width:31px;height:31px}}.enterprise-modal-overlay,.modal-overlay.enterprise-modal-overlay,.scanner-overlay.enterprise-modal-overlay{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;overflow:auto!important;background:#0f172a7a!important;backdrop-filter:blur(7px) saturate(.92)!important;-webkit-backdrop-filter:blur(7px) saturate(.92)!important;animation:enterpriseOverlayIn .18s ease-out both}.enterprise-modal,.modal.enterprise-modal,.scanner-modal.enterprise-modal{position:relative;width:min(760px,96vw);max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;color:#17233b!important;background:#fff!important;border:1px solid #dce4ed!important;border-radius:16px!important;box-shadow:0 28px 85px #0f1b333d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:enterpriseModalIn .2s cubic-bezier(.2,.8,.2,1) both;scrollbar-color:#b7c2d0 transparent;scrollbar-width:thin}.enterprise-modal::-webkit-scrollbar{width:8px;height:8px}.enterprise-modal::-webkit-scrollbar-track{background:transparent}.enterprise-modal::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#b7c2d0;background-clip:padding-box}.enterprise-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}.enterprise-modal-header,.enterprise-modal>.modal-header,.enterprise-modal>div:first-child:has(>.button:last-child),.enterprise-modal>div:first-child:has(>button:last-child){position:sticky!important;top:0!important;z-index:12!important;min-height:70px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:17px 20px!important;color:#17233b!important;background:#f8fafc!important;border-bottom:1px solid #e4eaf1!important;box-shadow:none!important}.enterprise-modal-header>div:first-child{min-width:0}.enterprise-modal-header>div:first-child>div:first-child{color:#111c32!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.1px}.enterprise-modal-header>div:first-child>div:nth-child(2){margin-top:3px;color:#73829a!important;font-size:11px!important;font-weight:600}.enterprise-modal-title{margin:0!important;padding:18px 20px 15px;color:#111c32!important;background:#f8fafc;border-bottom:1px solid #e4eaf1;font-size:17px!important;font-weight:800!important;letter-spacing:-.15px!important}.enterprise-modal-title-danger{color:#d92d45!important}.enterprise-modal-body,.enterprise-modal>.modal-body{padding:18px 20px!important;color:#35445c!important;background:#fff!important}.enterprise-modal .card,.enterprise-modal .scanned-card,.enterprise-modal [style*="rgba(12, 30, 40"],.enterprise-modal [style*="rgba(12,30,40"],.enterprise-modal [style*="rgba(255, 255, 255, 0.03"],.enterprise-modal [style*="rgba(255,255,255,.03"],.enterprise-modal [style*="rgba(255,255,255,0.03"]{color:#35445c!important;background:#f8fafc!important;border-color:#dce4ed!important;box-shadow:none!important}.enterprise-modal [style*="rgba(5, 16, 22"],.enterprise-modal [style*="rgba(5,16,22"],.enterprise-modal [style*="rgba(8, 25, 32"],.enterprise-modal [style*="rgba(8,25,32"]{color:#17233b!important;background:#f8fafc!important;border-color:#dce4ed!important}.enterprise-modal [style*="rgba(255, 255, 255, 0.08"],.enterprise-modal [style*="rgba(255,255,255,.08"],.enterprise-modal [style*="rgba(255,255,255,0.08"]{border-color:#dce4ed!important}.enterprise-modal h1,.enterprise-modal h2,.enterprise-modal h3,.enterprise-modal h4,.enterprise-modal strong,.enterprise-modal b{color:#17233b}.enterprise-modal p,.enterprise-modal span,.enterprise-modal div,.enterprise-modal td{text-shadow:none}.enterprise-modal .muted,.enterprise-modal small{color:#73829a!important}.enterprise-modal label{color:#53627a!important;font-weight:750}.enterprise-modal input[type=checkbox],.enterprise-modal input[type=radio]{accent-color:#10b981}.enterprise-modal .input,.enterprise-modal input:not([type=checkbox]):not([type=radio]),.enterprise-modal select,.enterprise-modal textarea{color:#27364e!important;background:#fff!important;border-color:#d6dfe9!important;box-shadow:none!important}.enterprise-modal .input:focus,.enterprise-modal input:focus,.enterprise-modal select:focus,.enterprise-modal textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811f!important}.enterprise-modal input::placeholder,.enterprise-modal textarea::placeholder{color:#94a3b8!important}.enterprise-modal .table-wrap,.enterprise-modal .table-responsive{border:1px solid #dce4ed;border-radius:12px;background:#fff}.enterprise-modal .table,.enterprise-modal table{color:#27364e!important;background:#fff!important}.enterprise-modal .table th,.enterprise-modal table th{color:#718096!important;background:#f6f8fb!important;border-bottom-color:#dfe6ee!important}.enterprise-modal .table td,.enterprise-modal table td{color:#35445c!important;background:#fff!important;border-bottom-color:#edf1f5!important}.enterprise-modal .table tbody tr:hover td,.enterprise-modal table tbody tr:hover td{background:#f2faf7!important}.enterprise-modal .button,.enterprise-modal .btn{color:#334155!important;background:#fff!important;border-color:#d5dee8!important;box-shadow:0 1px 2px #0f172a0a}.enterprise-modal .button:hover,.enterprise-modal .btn:hover{color:#0b7c59!important;background:#f0fbf7!important;border-color:#8ed8be!important}.enterprise-modal .button.primary,.enterprise-modal .btn.primary{color:#fff!important;background:#10b981!important;border-color:#10b981!important;box-shadow:0 7px 16px #10b9812e}.enterprise-modal .button.primary:hover,.enterprise-modal .btn.primary:hover{color:#fff!important;background:#0ea371!important;border-color:#0ea371!important}.enterprise-modal .button.danger,.enterprise-modal .btn.danger{color:#d92d45!important;background:#fff5f6!important;border-color:#ffc7cf!important}.enterprise-modal-close,.enterprise-modal .modal-close,.enterprise-modal .close-button,.enterprise-modal .scanner-close{width:34px!important;height:34px!important;min-width:34px;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;color:#64748b!important;background:#fff!important;border:1px solid #d8e0e9!important;border-radius:9px!important;box-shadow:0 1px 2px #0f172a0d}.enterprise-modal-close:hover,.enterprise-modal .modal-close:hover,.enterprise-modal .close-button:hover,.enterprise-modal .scanner-close:hover{color:#17233b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.enterprise-modal .alert{color:#35506e;background:#f3f8fd;border-color:#d8e7f5}.enterprise-modal .alert.error{color:#b4233a!important;background:#fff3f5!important;border-color:#ffc8d0!important}.enterprise-modal .alert.info{color:#245b8f!important;background:#eff7ff!important;border-color:#cfe6fb!important}.enterprise-modal .qr-region,.enterprise-modal #qr-region{border-color:#dce4ed!important;background:#111827!important}@keyframes enterpriseOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes enterpriseModalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.enterprise-modal-overlay,.modal-overlay.enterprise-modal-overlay,.scanner-overlay.enterprise-modal-overlay{align-items:flex-end!important;padding:12px!important}.enterprise-modal,.modal.enterprise-modal,.scanner-modal.enterprise-modal{width:100%!important;max-width:none!important;max-height:92vh!important;border-radius:16px 16px 10px 10px!important}.enterprise-modal-header,.enterprise-modal>.modal-header,.enterprise-modal>div:first-child:has(>.button:last-child),.enterprise-modal>div:first-child:has(>button:last-child){min-height:62px;padding:14px 15px!important}}@media(max-width:600px){.enterprise-modal-overlay,.modal-overlay.enterprise-modal-overlay,.scanner-overlay.enterprise-modal-overlay{padding:7px!important}.enterprise-modal,.modal.enterprise-modal,.scanner-modal.enterprise-modal{max-height:95vh!important;border-radius:14px 14px 8px 8px!important}.enterprise-modal-header,.enterprise-modal>.modal-header,.enterprise-modal>div:first-child:has(>.button:last-child),.enterprise-modal>div:first-child:has(>button:last-child){padding:12px 13px!important}.enterprise-modal-title{padding:15px 14px 13px}.enterprise-modal-body,.enterprise-modal>.modal-body{padding:14px!important}}.login-hero{background-image:linear-gradient(105deg,#022633b8,#0060637a 44%,#1460aa38),url(/login-building.png)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}.login-hero:before{display:block!important;content:""!important;position:absolute;inset:0;opacity:1;background:linear-gradient(180deg,#02172214,#02172247),radial-gradient(circle at 25% 45%,rgba(0,213,166,.17),transparent 42%)!important;pointer-events:none}.login-hero:after{display:none!important;content:none!important}.login-hero-content{max-width:760px;padding:28px 32px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,#03242f5c,#03242f14);box-shadow:0 28px 70px #0119252e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-hero h1{text-shadow:0 14px 38px rgba(0,0,0,.34)}.login-hero-footer{padding:8px 12px;border-radius:999px;background:#021e2a47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-switcher{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;border:1px solid #dce6ef;border-radius:12px;background:#f7fafc;box-shadow:0 3px 10px #1f32510d}.language-option{min-width:43px;height:31px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#70809a;cursor:pointer;font-size:10px;line-height:1;letter-spacing:.45px;font-weight:900;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.language-option:hover{color:#0c9d68;background:#eaf8f1}.language-option.active{color:#fff!important;background:linear-gradient(135deg,#17bd82,#0ca86f)!important;box-shadow:0 5px 12px #12b98138}.language-option:active{transform:scale(.97)}.language-option:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.login-language-tabs{width:100%;max-width:450px;justify-content:flex-end;margin-bottom:14px;border:0;background:transparent;box-shadow:none}.login-language-tabs .language-option{min-width:48px}.topbar-language-switcher{flex:0 0 auto}@media(max-width:1120px){.topbar-language-switcher .language-option{min-width:36px;padding:0 7px}}@media(max-width:900px){.login-hero{background-position:center 42%!important}.login-hero-content{padding:22px;border-radius:20px}.topbar-language-switcher{order:3}}@media(max-width:640px){.topbar-language-switcher{width:100%;justify-content:flex-end;border:0;padding:0;background:transparent;box-shadow:none}.login-language-tabs{justify-content:center}}.return-profile-page{width:100%;max-width:1540px;margin:0 auto}.return-profile-page .card{overflow:visible}.return-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.return-section-heading h2,.return-history-header h2{margin:0;color:#111c33;font-size:16px;font-weight:900;letter-spacing:-.2px}.return-section-heading p,.return-history-header p{margin:4px 0 0;color:#7a899f;font-size:10px;line-height:1.45}.return-count-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;color:#087b58;background:#ebfaf3;border:1px solid #c9eedf;border-radius:999px;font-size:9px;font-weight:900}.return-scan-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.return-camera-button{min-width:122px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.return-camera-button>span{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;color:#0ca86f;background:#eafaf3;font-size:11px}.return-cart-panel{margin-top:13px;padding:12px;border:1px solid #e0e7ef;border-radius:12px;background:#f8fafc}.return-cart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.return-cart-header h3{margin:0;color:#1b2941;font-size:12px;font-weight:900}.return-cart-header p{margin:3px 0 0;color:#8190a5;font-size:9px}.return-empty-state{min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border:1px dashed #cfd9e5;border-radius:11px;color:#65748b;background:#fff;text-align:left}.return-empty-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#0caf6f;background:#e9faf2;font-size:23px;font-weight:900}.return-empty-state strong{display:block;color:#34435b;font-size:11px}.return-empty-state p{margin:3px 0 0;color:#8190a5;font-size:9px}.return-cart-table-wrap{margin-top:0;background:#fff}.return-cart-table td strong{color:#17233b}.return-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.return-description-group{grid-column:1 / -1}.return-save-button{width:100%;min-height:38px;margin-top:13px;border-radius:10px;font-size:10px;letter-spacing:.05px}.return-history-header{align-items:center;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #e7edf3}.return-history-filters{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(195px,1fr) minmax(195px,1fr) auto auto;align-items:end;gap:9px;margin:0;padding:10px;border:1px solid #e0e7ef;border-radius:12px;background:#f8fafc}.return-history-filters .button{min-height:36px;white-space:nowrap}.return-history-table-wrap{margin-top:12px}.return-history-loading{min-height:84px;display:grid;place-items:center;margin-top:12px;color:#718096;border:1px dashed #d6dfe9;border-radius:12px;background:#f8fafc;font-size:11px;font-weight:800}.return-history-empty-row{height:72px;color:#7b899d!important;text-align:center!important}.return-status-pill{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border:1px solid #cfe6f5;border-radius:999px;color:#24638e;background:#eef8ff;font-size:8px;font-weight:900;letter-spacing:.3px;white-space:nowrap}.return-status-hold{color:#9a6511;background:#fff8e8;border-color:#f4dfaa}.return-status-ng{color:#c73449;background:#fff1f3;border-color:#ffcbd2}.return-status-sisa-penggunaan{color:#087b58;background:#ebfaf3;border-color:#c9eedf}.return-scanner-overlay{align-items:center!important;padding:18px!important}.return-scanner-modal{width:min(430px,calc(100vw - 32px))!important;max-width:430px!important;max-height:calc(100vh - 36px)!important;overflow:hidden!important;border-radius:17px!important}.return-scanner-header{position:relative!important;top:auto!important;min-height:auto!important;padding:15px 16px 13px!important;background:#f8fafc!important}.return-scanner-header>div:first-child{min-width:0}.return-scanner-header h3{margin:0;color:#17233b;font-size:16px;font-weight:900;letter-spacing:-.2px}.return-scanner-header p{margin:4px 0 0;color:#7c8ba0;font-size:9px;line-height:1.45}.return-scanner-body{position:relative;padding:12px 12px 10px;background:#fff}.return-scanner-stage{position:relative;width:100%;aspect-ratio:1.18 / 1;overflow:hidden;border:1px solid #dbe3ec;border-radius:13px;background:#101827;box-shadow:inset 0 0 0 1px #ffffff0a}.return-qr-region,#return-profile-reader.return-qr-region{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#101827!important}#return-profile-reader video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}#return-profile-reader>div{width:100%!important;height:100%!important;border:0!important}.return-scan-frame{position:absolute;inset:18%;pointer-events:none}.return-scan-frame span{position:absolute;width:38px;height:38px;border-color:#fff;border-style:solid;filter:drop-shadow(0 2px 5px rgba(0,0,0,.32))}.return-scan-frame span:nth-child(1){left:0;top:0;border-width:4px 0 0 4px}.return-scan-frame span:nth-child(2){right:0;top:0;border-width:4px 4px 0 0}.return-scan-frame span:nth-child(3){right:0;bottom:0;border-width:0 4px 4px 0}.return-scan-frame span:nth-child(4){left:0;bottom:0;border-width:0 0 4px 4px}.return-scanner-hint{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#6f7e94;font-size:9px;line-height:1.45}.return-scanner-hint>span{flex:0 0 auto;color:#10ad76;font-size:14px;line-height:1}.return-scanner-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 12px;border-top:1px solid #e7edf3;background:#f8fafc}.return-scanner-counter{display:flex;align-items:center;gap:6px;color:#7a899e;font-size:9px;font-weight:750}.return-scanner-counter>span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;color:#087b58;background:#e9faf2;border:1px solid #c9eedf;border-radius:8px;font-size:10px;font-weight:900}.return-scan-success-toast{position:absolute;left:50%;top:22px;z-index:30;transform:translate(-50%);min-width:190px;display:flex;align-items:center;gap:9px;padding:9px 12px;color:#fff;background:#079163f0;border:1px solid rgba(255,255,255,.22);border-radius:11px;box-shadow:0 13px 30px #05573c42;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.return-scan-success-toast>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#087b58;background:#fff;font-size:15px;font-weight:950}.return-scan-success-toast>div{display:flex;flex-direction:column;min-width:0}.return-scan-success-toast strong{color:#fff!important;font-size:10px;text-transform:uppercase;letter-spacing:.45px}.return-scan-success-toast small{overflow:hidden;color:#ffffffd1!important;font-size:8px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.return-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.return-history-search{grid-column:1 / -1}}@media(max-width:720px){.return-scan-row,.return-form-grid,.return-history-filters{grid-template-columns:1fr}.return-camera-button,.return-history-filters .button{width:100%}.return-description-group,.return-history-search{grid-column:auto}.return-section-heading,.return-history-header,.return-cart-header{align-items:flex-start}.return-empty-state{justify-content:flex-start}.return-scanner-overlay{align-items:center!important;padding:9px!important}.return-scanner-modal{width:100%!important;max-width:430px!important;max-height:calc(100vh - 18px)!important;border-radius:15px!important}}.return-profile-page{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;align-self:stretch}.camera-scan-stage{position:relative;width:100%;aspect-ratio:1.18 / 1;min-height:0;overflow:hidden;border:1px solid #dbe3ec;border-radius:13px;background:#101827;box-shadow:inset 0 0 0 1px #ffffff0a}.camera-qr-region,#qr-region.camera-qr-region,#return-profile-reader.camera-qr-region{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;border:0!important;border-radius:0!important;background:#101827!important}.camera-qr-region>div,.camera-qr-region [id$=__scan_region]{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;background:#101827!important}.camera-qr-region video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important}.camera-qr-region #qr-shaded-region{border-color:transparent!important;box-shadow:none!important}.camera-scan-frame{position:absolute;inset:18%;z-index:5;pointer-events:none}.camera-scan-frame span{position:absolute;width:38px;height:38px;border-color:#fff;border-style:solid;filter:drop-shadow(0 2px 5px rgba(0,0,0,.32))}.camera-scan-frame span:nth-child(1){left:0;top:0;border-width:4px 0 0 4px}.camera-scan-frame span:nth-child(2){right:0;top:0;border-width:4px 4px 0 0}.camera-scan-frame span:nth-child(3){right:0;bottom:0;border-width:0 4px 4px 0}.camera-scan-frame span:nth-child(4){left:0;bottom:0;border-width:0 0 4px 4px}