.loading-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--cemex-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bm-img{object-fit:contain;background:#fff;border-radius:6px;display:block}.bm-img.bm-md{height:30px;padding:4px 9px}.bm-img.bm-lg{height:44px;padding:7px 12px}.bm-fallback{display:inline-flex;align-items:center;font-weight:900;background:#fff;border-radius:6px;letter-spacing:-.3px;white-space:nowrap}.bm-fallback.bm-md{font-size:15px;padding:6px 12px}.bm-fallback.bm-lg{font-size:21px;padding:10px 18px}.bm-fallback.bm-cemex{color:#0b3d6e;gap:6px}.bm-slash{display:inline-block;width:8px;height:1.2em;background:linear-gradient(180deg,var(--cemex-red) 50%,var(--cemex-blue) 50%);transform:skew(-14deg);border-radius:1px}.bm-fallback.bm-mobil{color:var(--mobil-blue)}.bm-o{color:var(--mobil-red)}.cx-login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.cx-login-panel{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 15% -10%,rgba(237,28,36,.18),transparent 60%),linear-gradient(160deg,var(--cemex-blue-dark) 0%,var(--cemex-blue) 55%,var(--mobil-blue) 100%);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center}.cx-panel-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-35deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 46px);pointer-events:none}.cx-panel-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.cx-panel-glow-1{width:380px;height:380px;background:var(--mobil-red);opacity:.28;top:-120px;right:-100px}.cx-panel-glow-2{width:320px;height:320px;background:var(--mobil-blue);opacity:.35;bottom:-140px;left:-80px}.cx-watermark{position:absolute;right:-70px;bottom:-60px;color:#ffffff12;pointer-events:none}.cx-panel-content{position:relative;z-index:1;max-width:460px}.cx-login-brand{display:flex;align-items:center;gap:16px;margin-bottom:30px}.cx-login-divider{width:1px;height:34px;background:#ffffff4d}.cx-eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fca5a5;background:#ed1c2426;border:1px solid rgba(237,28,36,.35);padding:5px 12px;border-radius:999px;margin-bottom:18px}.cx-login-panel h1{font-size:36px;line-height:1.15;font-weight:800;margin:0 0 14px;letter-spacing:-.5px}.cx-login-subtitle{color:#fffc;font-size:14.5px;line-height:1.65;margin:0 0 34px;max-width:420px}.cx-login-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;max-width:430px}.cx-login-benefits li{display:flex;align-items:flex-start;gap:13px;font-size:13.5px;color:#ffffffeb;line-height:1.5}.cx-benefit-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;margin-top:1px}.cx-login-formside{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(900px 500px at 100% 0%,rgba(11,61,110,.05),transparent 60%),var(--bg-app)}.cx-login-card{position:relative;width:100%;max-width:400px;background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px -12px #0b3d6e40,0 4px 14px #0b3d6e14;padding:38px 34px 30px;overflow:hidden;animation:cx-card-in .45s ease both}@keyframes cx-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cx-card-top{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--cemex-red),var(--cemex-blue) 45%,var(--mobil-blue) 75%,var(--mobil-red))}.cx-login-card-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--cemex-blue),var(--mobil-blue));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 18px #0b3d6e47}.cx-login-card h2{margin:0 0 4px;font-size:21px;font-weight:800;color:var(--text-main);letter-spacing:-.2px}.cx-card-desc{margin:0 0 6px;font-size:13px;color:var(--text-muted)}.cx-label{display:block;font-size:11.5px;font-weight:700;color:var(--text-muted);margin:16px 0 6px;text-transform:uppercase;letter-spacing:.5px}.cx-input{width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:9px;padding:12px;font-size:14px;color:var(--text-main);background:var(--bg-panel);outline:none;transition:border-color .15s,box-shadow .15s}.cx-input:focus{border-color:var(--cemex-blue);box-shadow:0 0 0 3px #0b3d6e1f}.cx-input-wrap{position:relative;display:flex;align-items:center}.cx-input-icon{position:absolute;left:12px;color:var(--text-muted);display:flex;pointer-events:none}.cx-input-icon-pad{padding-left:36px}.cx-input-eye{position:absolute;right:10px;background:none;border:none;color:var(--cemex-blue);font-size:12px;font-weight:700;cursor:pointer}.cx-login-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.cx-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer}.cx-link-btn{background:none;border:none;color:var(--cemex-blue);font-size:12.5px;font-weight:700;cursor:pointer;padding:0}.cx-link-btn:hover{text-decoration:underline}.cx-btn-primary{background:linear-gradient(135deg,var(--cemex-blue),var(--mobil-blue));color:#fff;border:none;border-radius:9px;padding:13px 20px;font-size:14.5px;font-weight:700;cursor:pointer;transition:filter .15s,box-shadow .15s,transform .1s;box-shadow:0 10px 24px -6px #0b3d6e73}.cx-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.cx-btn-primary:active:not(:disabled){transform:translateY(1px)}.cx-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.cx-btn-block{width:100%;margin-top:22px}.cx-form-error{margin-top:14px;background:#fef2f2;border:1px solid #FECACA;color:var(--error);font-size:12.5px;padding:9px 12px;border-radius:7px}.cx-card-footer{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:10px}.cx-card-footer-x{color:var(--text-muted);font-size:12px}.cx-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081121b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:999}.cx-modal{position:relative;width:100%;max-width:400px;background:var(--bg-panel);border-radius:16px;padding:32px 28px;box-shadow:0 24px 60px #00000059;animation:cx-card-in .3s ease both}.cx-modal-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--cemex-blue),var(--mobil-blue));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.cx-modal h3{margin:0 0 10px;font-size:18px;color:var(--text-main)}.cx-modal-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0 0 18px}.cx-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;line-height:1}.cx-modal-success{text-align:center;padding:10px 0}.cx-modal-success-icon{width:48px;height:48px;border-radius:50%;background:#ecfdf5;color:var(--success);font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.cx-modal-success h3{margin-bottom:8px}.cx-modal-success p{color:var(--text-muted);font-size:13px;margin:0 0 18px}@media (max-width: 860px){.cx-login-page{grid-template-columns:1fr}.cx-login-panel{padding:44px 30px}.cx-login-panel h1{font-size:28px}.cx-watermark{display:none}}.cx-pass-rules{background:#f8fafc;border-radius:8px;padding:10px 14px;margin-top:14px;display:flex;flex-direction:column;gap:6px}.cx-pass-rule{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.cx-pass-rule.is-ok{color:var(--success)}.cx-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:linear-gradient(90deg,var(--cemex-blue-dark),var(--cemex-blue));box-shadow:0 2px 10px #00000026}.cx-header-brand{display:flex;align-items:center;gap:14px}.cx-brand-divider{width:1px;height:26px;background:#ffffff40}.cx-brand-text{display:flex;flex-direction:column;line-height:1.2;margin-left:4px}.cx-brand-title{color:#fff;font-weight:800;font-size:16px;letter-spacing:.2px}.cx-brand-subtitle{color:#ffffffa6;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.cx-header-nav{display:flex;align-items:center;gap:18px}.cx-nav-link{color:#ffffffd9;text-decoration:none;font-size:13.5px;font-weight:600;padding:6px 4px;border-bottom:2px solid transparent;transition:border-color .15s,color .15s}.cx-nav-link:hover{color:#fff;border-color:var(--mobil-red)}.cx-user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:#ffffff1a;border-radius:999px}.cx-user-avatar{width:26px;height:26px;border-radius:50%;background:var(--mobil-red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.cx-user-name{color:#fff;font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-header-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:7px;cursor:pointer;transition:background .15s}.cx-header-icon-btn:hover{background:#ffffff1f}.cx-logout-btn{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.cx-logout-btn:hover{background:#ffffff1f}@media (max-width: 720px){.cx-brand-subtitle,.cx-user-name{display:none}}.pbi-wrapper{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.pbi-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.pbi-header-left{display:flex;gap:14px;align-items:flex-start}.pbi-icon{background:var(--cemex-blue);color:#fff;border-radius:9px;padding:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pbi-title{margin:0 0 4px;font-size:15.5px;font-weight:700;color:var(--text-main)}.pbi-subtitle{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5;max-width:560px}.pbi-frame-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#f8fafc}.pbi-iframe{width:100%;height:100%;border:none;display:block}.pbi-iframe--hidden{visibility:hidden}.pbi-loading,.pbi-error,.pbi-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:14px;text-align:center;padding:24px}.pbi-empty{position:static;aspect-ratio:16 / 9;color:var(--text-muted)}.pbi-empty code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px}.pbi-loading-note{font-size:12px;color:#94a3b8;margin:0}.pbi-spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--cemex-blue);border-radius:50%;animation:pbi-spin .8s linear infinite}@keyframes pbi-spin{to{transform:rotate(360deg)}}.pbi-error h4,.pbi-empty h4{margin:6px 0 0;color:var(--text-main);font-size:15px}.pbi-error p,.pbi-empty p{margin:0;font-size:13px;max-width:320px}.cx-page{min-height:100vh;display:flex;flex-direction:column}.cx-main{flex:1;padding:28px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.cx-admin-grid{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start}.cx-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px 24px}.cx-panel h2{margin:0 0 16px;font-size:16px;font-weight:800;color:var(--text-main)}.cx-admin-form{display:flex;flex-direction:column}.cx-muted{color:var(--text-muted);font-size:13px}.cx-form-ok{margin-top:14px;background:#ecfdf5;border:1px solid #A7F3D0;color:var(--success);font-size:12.5px;padding:9px 12px;border-radius:7px}.cx-table-wrap{overflow-x:auto}.cx-table{width:100%;border-collapse:collapse;font-size:13px}.cx-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px}.cx-table td{padding:10px;border-bottom:1px solid var(--border);color:var(--text-main)}.cx-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:#f1f5f9;color:var(--text-muted)}.cx-badge-admin{background:#eff6ff;color:var(--cemex-blue)}.cx-badge-toggle{border:none;cursor:pointer}.cx-badge-toggle.is-active{background:#ecfdf5;color:var(--success)}.cx-badge-toggle.is-inactive{background:#fef2f2;color:var(--error)}.cx-danger{color:var(--error)}.cx-row-actions{display:flex;align-items:center;gap:8px}.cx-icon-btn{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.cx-icon-btn:active:not(:disabled){transform:scale(.94)}.cx-icon-btn--send{color:var(--cemex-blue)}.cx-icon-btn--send:hover:not(:disabled){background:#eff6ff;border-color:var(--cemex-blue)}.cx-icon-btn--send.is-ok{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.cx-icon-btn--send.is-error{color:var(--error);background:#fef2f2;border-color:#fecaca}.cx-icon-btn--danger{color:var(--error)}.cx-icon-btn--danger:hover{background:#fef2f2;border-color:var(--error)}.cx-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cx-icon-spin{animation:cx-icon-spin .8s linear infinite}@keyframes cx-icon-spin{to{transform:rotate(360deg)}}.cx-pbi-panel{margin-top:22px}.cx-pbi-intro{margin:-8px 0 16px}.cx-pbi-form{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.cx-pbi-form .cx-input{flex:1;min-width:260px}.cx-pbi-help{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.cx-pbi-help h3{margin:0 0 12px;font-size:13.5px;font-weight:700;color:var(--text-main)}.cx-pbi-help ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.cx-pbi-help li{font-size:13px;color:var(--text-muted);line-height:1.5}.cx-pbi-help code{background:#f1f5f9;padding:1px 6px;border-radius:4px;font-size:12px;color:var(--text-main)}.cx-pbi-help-note{margin:14px 0 0;font-size:12px;color:var(--text-muted);font-style:italic}.cx-pass-cell{display:flex;align-items:center;gap:8px}.cx-pass-mono{font-family:monospace;font-size:12.5px;color:var(--text-main);letter-spacing:.5px;min-width:74px}@media (max-width: 900px){.cx-admin-grid{grid-template-columns:1fr}}:root{--cemex-blue: #0B3D6E;--cemex-blue-dark: #082A4C;--cemex-red: #E2231A;--mobil-blue: #0033A0;--mobil-red: #ED1C24;--bg-app: #F4F6F9;--bg-panel: #FFFFFF;--border: #E2E8F0;--text-main: #0F172A;--text-muted: #64748B;--success: #059669;--error: #DC2626;--radius: 10px;--shadow-card: 0 8px 28px rgba(11, 61, 110, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:var(--cemex-blue)}@media (prefers-color-scheme: dark){:root{--bg-app: #0B1220;--bg-panel: #10192C;--border: #223047;--text-main: #E9EEF6;--text-muted: #93A2B8}}