@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap";:root{--bg-body:linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);--text-main:#1b2a47;--card-bg:#fffc;--border-color:#fff9;--sidebar-bg:#1b2a47;--navbar-bg:#fff9;--sidebar-active-bg:#fff;--sidebar-active-color:#1b2a47;--bg-input:#fff;--text-secondary:#8e9aab;--navbar-border:#ffffffe6;--btn-view-bg:#1b2a470f;--btn-view-color:#1b2a47}.dark{--bg-body:#1f1d2b;--sidebar-active-bg:#1f1d2b;--text-main:#fff;--sidebar-active-color:#fff;--sidebar-bg:#252836;--card-bg:#252836;--bg-input:#2d303e;--border-color:#ffffff0d;--navbar-bg:#1f1d2b;--text-secondary:#94a3b8;--navbar-border:transparent;--btn-view-bg:#ffffff1a;--btn-view-color:#fff}.dark #social .button-icon{filter:invert()brightness(2)}html,body{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100vh;max-height:100vh;margin:0;padding:0;overflow:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}*,:before,:after{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}#root{flex-direction:column;width:100%;height:100vh;max-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.bl-alert-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99999;background:#0f172abf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.bl-alert-stack-container{justify-content:center;align-items:center;width:100%;max-width:480px;min-height:520px;display:flex;position:relative}.bl-alert-card{-webkit-user-select:none;user-select:none;background:#fff;border:2.5px solid #dc2626;border-radius:20px;width:100%;max-width:460px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 20px 40px -10px #00000059,0 0 0 1px #dc262633}.bl-alert-card.is-active{z-index:100;opacity:1;pointer-events:auto;animation:2s ease-in-out infinite blCardPulse;transform:translate(-50%,-50%)scale(1)}.bl-alert-card.is-behind-1{z-index:90;opacity:.92;pointer-events:none;filter:brightness(.95);border-color:#dc2626cc;transform:translate(calc(20px - 50%),calc(18px - 50%))scale(.96)}.bl-alert-card.is-behind-2{z-index:80;opacity:.82;pointer-events:none;filter:brightness(.9);border-color:#dc262699;transform:translate(calc(40px - 50%),calc(36px - 50%))scale(.92)}.bl-alert-card.is-behind-deep{z-index:70;opacity:.65;pointer-events:none;filter:brightness(.85);border-color:#dc262666;transform:translate(calc(56px - 50%),calc(50px - 50%))scale(.88)}@keyframes blCardPulse{0%{box-shadow:0 20px 40px -10px #00000059,0 0 #dc262680}70%{box-shadow:0 20px 40px -10px #00000059,0 0 0 12px #dc262600}to{box-shadow:0 20px 40px -10px #00000059,0 0 #dc262600}}.bl-card-header{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.bl-card-title-wrap{align-items:center;gap:10px;display:flex}.bl-card-icon{font-size:20px;animation:1s infinite alternate blBounce}@keyframes blBounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.bl-card-title{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.bl-card-stack-badge{color:#fff;letter-spacing:.2px;background:#ffffff40;border:1px solid #fff6;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.bl-card-body{max-height:70vh;padding:18px 20px 16px;overflow-y:auto}.bl-card-image-wrap{background:#dc26260d;border:1.5px solid #dc262633;border-radius:14px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:16px;display:flex;overflow:hidden}.bl-card-image{object-fit:cover;width:100%;height:100%}.bl-card-no-image{color:#94a3b8;flex-direction:column;align-items:center;gap:6px;font-size:13px;display:flex}.bl-card-plate-banner{background:#dc26260f;border:1.5px dashed #dc262659;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 16px;display:flex}.bl-card-plate-val{color:#dc2626;letter-spacing:.5px;font-size:20px;font-weight:800}.bl-card-province-val{color:#475569;font-size:14px;font-weight:600}.bl-card-info-grid{color:#334155;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13.5px;display:flex}.bl-card-info-row{border-bottom:1px solid #0000000a;justify-content:space-between;padding:4px 0;display:flex}.bl-card-info-row:last-child{border-bottom:none}.bl-card-info-label{color:#64748b;font-weight:500}.bl-card-info-data{color:#1e293b;text-align:right;font-weight:600}.bl-card-reason-box{color:#991b1b;background:#fff1f2;border-left:3px solid #dc2626;border-radius:0 8px 8px 0;margin-bottom:16px;padding:8px 12px;font-size:13px;line-height:1.5}.bl-card-footer{padding:0 20px 18px}.btn-bl-acknowledge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #dc262659}.btn-bl-acknowledge:hover{background:linear-gradient(135deg,#c81e1e 0%,#a01414 100%);transform:translateY(-1px);box-shadow:0 6px 16px #dc262673}.btn-bl-acknowledge:active{transform:translateY(1px)}body{font-family:DM Sans,sans-serif}.bg{background:#eef2f6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.cloud-track{z-index:0;width:400%;height:100%;animation:120s linear infinite slideClouds;display:flex;position:absolute;top:0;left:0}.cloud-img{object-fit:cover;flex-shrink:0;width:25%;height:100%;display:block}@keyframes slideClouds{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.cloud-track{animation:none}}.glow-1{filter:blur(95px);z-index:1;background:#60a5fa59;border-radius:50%;width:800px;height:800px;position:absolute;top:-250px;left:-200px}.glow-2{filter:blur(90px);z-index:1;background:#60a5fa59;border-radius:50%;width:650px;height:650px;position:absolute;bottom:-200px;right:-100px}.card{-webkit-backdrop-filter:blur(20px);z-index:2;background:#ffffff8c;border:1px solid #ffffffe6;border-radius:28px;width:860px;min-height:480px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #1b2a470f}.card-left{background:#fff3;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:50%;padding:24px 20px;display:flex;position:relative}.card-left:after{content:"";filter:blur(2px);background:linear-gradient(#0000 0%,#1b2a472e 50%,#0000 100%);width:1px;position:absolute;top:12%;bottom:12%;right:0}.cctv-img{object-fit:contain;filter:drop-shadow(0 15px 25px #1b2a4726);border-radius:20px;width:420px;max-width:90%}.left-bottom{text-align:center}.left-bottom p{color:#1b2a47;letter-spacing:-.5px;margin-top:25px;margin-bottom:2px;font-size:24px;font-weight:700}.left-bottom span{color:#64748b;letter-spacing:.5px;font-size:15px;font-weight:500}.card-right{background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;padding:60px 44px 48px;display:flex}.r-title{color:#1b2a47;letter-spacing:-.5px;margin-bottom:6px;font-size:30px;font-weight:700}.r-sub{color:#1b2a47;margin-bottom:32px;font-size:14px}form{width:100%}.f-group{width:100%;margin-bottom:20px}.f-label{color:#1b2a47;letter-spacing:.5px;text-transform:uppercase;text-align:left;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.f-row{align-items:center;display:flex;position:relative}.f-box{color:#1b2a47;background:#fffc;border:1px solid #1b2a471a;border-radius:12px;outline:none;width:100%;padding:14px 40px 14px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .3s}.f-box:focus{background:#fff;border-color:#1b2a47;box-shadow:0 0 0 4px #1b2a470d}.f-box::placeholder{color:#94a3b8}.f-box::-ms-reveal{display:none}.f-box::-ms-clear{display:none}.eye-icon{cursor:pointer;color:#94a3b8;align-items:center;font-size:16px;transition:color .2s;display:flex;position:absolute;right:16px}.eye-icon:hover{color:#1b2a47}.remember{align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.remember input[type=checkbox]{cursor:pointer;appearance:none;background:#fffc;border:1.5px solid #1b2a4733;border-radius:6px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.remember input[type=checkbox]:checked{background:#1b2a47;border-color:#1b2a47}.remember input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.remember label{color:#1b2a47;cursor:pointer;font-size:14px;font-weight:500}.btn{color:#fff;cursor:pointer;background:#1b2a47;border:none;border-radius:12px;width:100%;margin-top:24px;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #1b2a4726}.btn:hover{background:#24375d;transform:translateY(-2px);box-shadow:0 6px 20px #1b2a4733}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#64748b;transform:none}.f-box:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9b3}.login-warning-banner{background:#fef3c7e6;border:1px solid #f59e0b66;border-radius:12px;margin-bottom:16px;padding:10px 14px;animation:.25s ease-out bannerFadeIn}.warning-info{color:#b45309;text-align:left;font-size:13px;font-weight:500}.warning-info p{margin:0;line-height:1.4}.login-lockout-banner{text-align:left;background:#fef2f2f2;border:1.5px solid #ef444466;border-radius:14px;margin-bottom:16px;padding:12px 16px;animation:.25s ease-out bannerFadeIn;box-shadow:0 4px 12px #dc262614}.lockout-info{flex-direction:column;gap:4px;display:flex}.lockout-info strong{color:#b91c1c;font-size:13.5px}.lockout-info p{color:#7f1d1d;margin:0;font-size:12.5px;line-height:1.4}.lockout-timer{color:#fff;letter-spacing:.5px;background:#dc2626;border-radius:6px;padding:1px 7px;font-family:monospace;font-size:13px;font-weight:700;display:inline-block}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.forgot{color:#8e9aab;text-align:right;width:100%;margin-top:20px;font-size:13px}.forgot span{color:#4e5a72;cursor:pointer;font-weight:600;transition:color .2s}.forgot span:hover{color:#24375d;text-decoration:underline}.grain-overlay{z-index:1;opacity:.2;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=1024px){.card{width:550px}.card-left{display:none}.card-right{width:100%}}@media (width<=768px){.card{width:90%;min-height:unset;padding:10px}.card-left{display:none}.card-right{width:100%;padding:40px 28px}.r-title{font-size:26px}.r-sub{margin-bottom:24px;font-size:13px}.btn{padding:12px;font-size:14px}}.f-box-error{border-color:#dc2626!important}.f-error-text{color:#dc2626;width:100%;margin-top:6px;font-size:12px;display:block}.cookie-notice{color:#fff;z-index:5000;background:#1b2a47;border-radius:16px;align-items:center;gap:16px;max-width:720px;margin:0 auto;padding:18px 20px;animation:.3s cookieNoticeSlideUp;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 40px #00000040}@keyframes cookieNoticeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-notice-content{flex:1;align-items:flex-start;gap:12px;display:flex}.cookie-notice-icon{color:#eab308;flex-shrink:0;margin-top:2px;font-size:20px}.cookie-notice-text{color:#ffffffe6;margin:0;font-size:13px;line-height:1.6}.cookie-notice-btn{color:#1b2a47;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:10px;flex-shrink:0;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.cookie-notice-btn:hover{background:#f1f5f9;transform:translateY(-1px)}@media (width<=768px){.cookie-notice{flex-direction:column;align-items:stretch;bottom:12px;left:12px;right:12px}.cookie-notice-btn{width:100%}}.fp-card{width:480px;min-height:auto}.fp-panel{width:100%;padding-top:44px}.fp-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:flex}.fp-back:hover{color:#1b2a47}.fp-resend{color:#1b2a47;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .2s}.fp-resend:hover:not(:disabled){text-decoration:underline}.fp-resend:disabled{color:#94a3b8;cursor:not-allowed}.fp-sent-state{text-align:center;flex-direction:column;align-items:center;padding-top:12px;display:flex}.fp-sent-icon{color:#1b2a47;background:#1b2a4714;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:28px;display:flex}.fp-sent-icon.invalid{color:#dc2626;background:#dc262614}.fp-sent-state .r-title{margin-bottom:12px}.fp-sent-state .r-sub{margin-bottom:8px}.fp-sent-state .btn{margin-top:20px}@media (width<=768px){.fp-card{width:90%}}.fp-password-checklist{background:#1b2a4708;border:1px solid #1b2a4714;border-radius:12px;flex-direction:column;gap:8px;margin:10px 0 0;padding:12px 14px;list-style:none;display:flex}.fp-check-item{color:#94a3b8;align-items:center;gap:8px;font-size:12.5px;font-weight:500;transition:color .2s;display:flex}.fp-check-item.valid{color:#16a34a}.fp-check-icon{flex-shrink:0;align-items:center;font-size:14px;display:flex}.fp-check-item:not(.valid) .fp-check-icon{color:#cbd5e1}.fp-match-hint{align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;font-weight:600;display:flex}.fp-match-hint.valid{color:#16a34a}.fp-match-hint.invalid{color:#dc2626}.fp-panel .btn:disabled{color:#fffc;cursor:not-allowed;box-shadow:none;background:#94a3b866;transform:none}.fp-panel .btn:disabled:hover{box-shadow:none;background:#94a3b866;transform:none}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-main);font-family:DM Sans,sans-serif}.content-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:28px;box-shadow:0 6px 20px #0003}.card-title{color:var(--text-main);margin-bottom:24px;font-family:Playfair Display,serif;font-size:20px}.spinner-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.spinner{border:3px solid #1b2a471a;border-top-color:#1b2a47;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{color:#8e9aab;margin:0;font-size:14px}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon{color:#8e9aab;justify-content:center;align-items:center;font-size:48px;display:flex}.empty-title{color:#1b2a47;margin:0;font-size:16px;font-weight:600}.empty-desc{color:#8e9aab;text-align:center;margin:0;font-size:14px}.video-skeleton{aspect-ratio:16/9;color:#8e9aab;background:linear-gradient(90deg,#1b2a470f 25%,#1b2a471f 50%,#1b2a470f 75%) 0 0/200% 100%;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;font-size:14px;animation:1.5s infinite skeleton;display:flex}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.blacklist-alert-popup{animation:1.8s ease-in-out infinite blacklistPulse;border:2.5px solid #dc2626!important;border-radius:20px!important;position:relative!important}.blacklist-alert-popup.has-stacked-alerts{animation:none!important;box-shadow:0 0 0 1px #dc262640,8px 8px 0 -1px #fff,8px 8px 0 1px #dc262666,16px 16px 0 -2px #fff,16px 16px 0 1px #dc262640,0 25px 50px -12px #00000059!important}@keyframes blacklistPulse{0%{box-shadow:0 0 #dc262680}70%{box-shadow:0 0 0 14px #dc262600}to{box-shadow:0 0 #dc262600}}.pw-strength-meter{background:#1b2a4708;border:1px solid #1b2a4714;border-radius:12px;flex-direction:column;gap:6px;margin-top:6px;padding:10px 14px;font-family:DM Sans,sans-serif;display:flex}.pw-strength-bar-track{background:#1b2a4714;border-radius:99px;width:100%;height:5px;overflow:hidden}.pw-strength-bar-fill{border-radius:99px;height:100%;transition:width .3s,background .3s}.pw-strength-label{margin:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.pw-strength-checklist{flex-direction:column;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.pw-strength-checklist li{align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.4;display:flex}.pw-strength-checklist li svg{flex-shrink:0;font-size:11px}.pw-check-pass{color:#16a34a;font-weight:500}.pw-check-fail{color:#94a3b8;font-weight:400}.pagination-info{color:var(--text-muted,#64748b);white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:8px;font-size:13px;font-weight:500}.layout{box-sizing:border-box;gap:20px;height:100vh;max-height:100vh;padding:20px;display:flex;overflow:hidden}.layout-main{box-sizing:border-box;flex-direction:column;flex:1;gap:18px;min-width:0;height:100%;max-height:100%;display:flex;overflow:hidden}.layout-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.layout-content>div{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.sidebar{background:var(--sidebar-bg);box-sizing:border-box;border-radius:24px;flex-direction:column;flex-shrink:0;width:260px;height:100%;max-height:100%;padding:32px 20px;transition:width .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.sidebar.collapsed{width:72px;padding:32px 12px}.sb-header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:14px;padding:0 4px;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.sb-header:hover{opacity:.92}.sidebar.collapsed .sb-header{justify-content:center;padding:0}.sb-logo-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:transform .2s;display:flex}.sb-header:hover .sb-logo-icon{transform:scale(1.08)}.sb-logo-text{color:#fff;letter-spacing:.8px;white-space:nowrap;font-family:Playfair Display,serif;font-size:19px;font-weight:600;transition:opacity .2s}.sidebar.collapsed .sb-logo-text{display:none}.sb-header-divider{background:#ffffff1a;width:100%;height:1px;margin:18px 0 20px;transition:all .3s}.sidebar.collapsed .sb-header-divider{width:36px;margin:18px auto 20px}.sb-menu{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden auto}.sb-menu::-webkit-scrollbar{display:none}.sb-section{flex-direction:column;gap:8px;margin-top:4px;display:flex}.sb-section-divider{background:#ffffff14;width:100%;height:1px;margin:8px 0 10px;transition:all .3s}.sidebar.collapsed .sb-section-divider{width:36px;margin:8px auto 10px}.sb-section-title{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff61;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-bottom:2px;padding:0 14px;font-size:11px;font-weight:700}.sidebar.collapsed .sb-section-title{display:none}.sb-item{color:#fff9;white-space:nowrap;border-radius:16px;align-items:center;gap:16px;padding:14px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.sb-item:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.sb-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:600;box-shadow:0 4px 15px #0000001a}.sidebar.collapsed .sb-item{justify-content:center;gap:0;padding:14px;transform:none}.sidebar.collapsed .sb-item:hover{transform:none}.sidebar.collapsed .sb-label{display:none}.sb-icon{flex-shrink:0;align-items:center;font-size:18px;display:flex}.sb-item .sb-tooltip{display:none}.sidebar.collapsed .sb-item:hover .sb-tooltip{color:#fff;white-space:nowrap;z-index:100;pointer-events:none;background:#1b2a47;border-radius:8px;padding:6px 12px;font-size:13px;display:block;position:absolute;left:72px}.sb-bottom{border-top:1px solid #ffffff0d;flex-direction:column;gap:4px;padding-top:16px;display:flex}.sb-logout{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:flex;overflow:hidden}.sidebar.collapsed .sb-logout{justify-content:center;gap:0;padding:14px}.sidebar.collapsed .sb-logout span{display:none}.sb-logout:hover{color:#ffb4b4;background:#ef44441a;border-color:#ef44444d}.navbar{-webkit-backdrop-filter:blur(20px);z-index:500;border:1px solid #ffffffe6;border:1px solid var(--navbar-border);background:#fff9;border-radius:20px;flex-shrink:0;align-items:center;gap:16px;height:72px;padding:0 24px;display:flex;box-shadow:0 8px 32px #1b2a470d}.nb-toggle{cursor:pointer;color:#1b2a47;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:4px;font-size:20px;transition:background .2s;display:flex}.nb-toggle:hover{background:#1b2a470d}.nb-title{color:var(--text-main);letter-spacing:1.25px;flex:1;font-family:Playfair Display,serif;font-size:22px;font-weight:600}.nb-right{align-items:center;gap:24px;display:flex}.nb-time{background:var(--bg-input);color:var(--text-main);text-align:center;font-variant-numeric:tabular-nums;border-radius:20px;min-width:100px;padding:6px 16px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000005}.nb-bell{cursor:pointer;color:#1b2a47;font-size:20px;transition:transform .2s;position:relative}.nb-badge{color:#fff;background:#e27d60;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-4px}.nb-profile{cursor:pointer;background:var(--bg-input);border-radius:30px;align-items:center;gap:12px;padding:6px 16px 6px 6px;transition:background .2s;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.nb-profile:hover{background:#f8f6f2}.nb-avatar{color:#fff;background:#1b2a47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex;overflow:hidden}.nb-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.nb-name{color:var(--text-main);font-size:14px;font-weight:600}.nb-chevron{color:#94a3b8;font-size:12px}.nb-dropdown{border:1px solid var(--border-color);z-index:600;background:#fff;border-radius:16px;width:220px;padding:8px;display:none;position:absolute;top:120%;right:0;box-shadow:0 10px 30px #0003}.nb-dropdown.show{display:block}.nb-dropdown-item{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nb-dropdown-item:hover{color:var(--sidebar-active-color);background:#1b2a4714}.nb-dropdown-item:active{background:#1b2a4714;transform:scale(.98)}.nb-dropdown-item.danger{color:#ef4444}.nb-dropdown-item.danger:hover{background:#fef2f2}.nb-dropdown-item.danger:active{background:#fee2e2}.nb-divider{border:none;border-top:1px solid #f1f5f9;margin:6px 0}.nb-bell-wrap{position:relative}.nb-bell{cursor:pointer;color:var(--text-main);background:0 0;border:none;align-items:center;padding:4px;font-size:18px;transition:transform .2s;display:flex;position:relative}.nb-bell:hover{transform:scale(1.1)}.notif-panel{border:1px solid var(--border-color);z-index:600;background:#fff;border-radius:20px;width:320px;position:absolute;top:120%;right:0;overflow:hidden;box-shadow:0 10px 40px #0003}.notif-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-header h4{color:var(--text-main);margin:0;font-size:15px;font-weight:600}.notif-mark-read{color:#8e9aab;cursor:pointer;background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:12px;transition:color .2s}.notif-mark-read:hover{color:#1b2a47}.notif-list{max-height:300px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:var(--bg-input)}.notif-item.unread{background:#dc262605}.notif-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notif-icon.blacklist{color:#dc2626;background:#dc26261a}.notif-icon.camera{color:#ea580c;background:#ea580c1a}.notif-icon.whitelist{color:#16a34a;background:#16a34a1a}.notif-icon.security{color:#dc2626;background:#dc26261a}.notif-icon.general{color:#64748b;background:#64748b1a}.notif-content{flex:1;min-width:0}.notif-title{color:var(--text-main);margin:0 0 2px;font-size:13px;font-weight:600}.notif-plate{color:#dc2626;margin:0 0 2px;font-family:Prompt,sans-serif;font-size:13px;font-weight:600}.notif-item.whitelist .notif-plate,.notif-plate.whitelist{color:#16a34a!important}.notif-location{color:#8e9aab;margin:0;font-size:12px}.notif-dot{background:#dc2626;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notif-item.whitelist .notif-dot{background:#16a34a}.notif-empty{text-align:center;color:#8e9aab;margin:0;padding:24px;font-size:14px}.notif-footer{border-top:1px solid var(--border-color);color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.notif-footer:hover{background:var(--bg-input)}.sidebar-overlay{z-index:89;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}@media (width<=1024px){.layout{gap:12px;padding:12px}.sidebar{width:72px;padding:24px 12px}.sidebar .sb-header{justify-content:center;padding:0}.sidebar .sb-logo-text{display:none}.sidebar .sb-header-divider{width:36px;margin:18px auto 20px}.sidebar .sb-section-title{display:none}.sidebar .sb-section-divider{width:36px;margin:8px auto 10px}.sidebar .sb-item{justify-content:center;gap:0;padding:14px}.sidebar .sb-label{display:none}.sidebar .sb-item:hover{transform:none}.sidebar .sb-logout{justify-content:center;gap:0;padding:14px}.sidebar .sb-logout span{display:none}.sidebar:not(.collapsed){width:260px;padding:32px 20px}.sidebar:not(.collapsed) .sb-header{justify-content:flex-start;padding:0 4px}.sidebar:not(.collapsed) .sb-logo-text{display:block}.sidebar:not(.collapsed) .sb-header-divider{width:100%;margin:18px 0 20px}.sidebar:not(.collapsed) .sb-section-title{display:block}.sidebar:not(.collapsed) .sb-section-divider{width:100%;margin:8px 0 10px}.sidebar:not(.collapsed) .sb-item{justify-content:flex-start;gap:16px;padding:14px 20px}.sidebar:not(.collapsed) .sb-label{display:block}.sidebar:not(.collapsed) .sb-logout{justify-content:flex-start;gap:16px;padding:14px 20px}.sidebar:not(.collapsed) .sb-logout span{display:block}.nb-time{display:none}}@media (width<=768px){.layout{flex-direction:column;gap:0;padding:0}.sidebar{z-index:90;height:100vh;display:none;position:fixed;top:0;left:0;border-radius:0 24px 24px 0!important;width:260px!important;padding:32px 20px!important}.sidebar.mobile-open{display:flex!important}.sidebar .sb-header{justify-content:flex-start!important;padding:0 4px!important}.sidebar .sb-logo-text{display:block!important}.sidebar .sb-header-divider{width:100%!important;margin:18px 0 20px!important}.sidebar .sb-section-title{display:block!important}.sidebar .sb-section-divider{width:100%!important;margin:8px 0 10px!important}.sidebar .sb-item{justify-content:flex-start!important;gap:16px!important;padding:14px 20px!important}.sidebar .sb-label{display:block!important}.sidebar .sb-logout{justify-content:flex-start!important;gap:16px!important;padding:14px 20px!important}.sidebar .sb-logout span{display:block!important}.layout-main{gap:12px}.navbar{z-index:50;border-radius:0;height:60px;padding:0 16px;position:fixed;top:0;left:0;right:0}.layout-content{margin-top:60px;padding:12px}.nb-title{font-size:16px}.nb-time{display:none}.nb-right{gap:12px}.nb-name{display:none}.nb-profile{border-radius:50%;padding:6px}}.village-select-wrap,.village-badge{background:var(--bg-input);color:var(--text-main);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.village-select-icon,.village-badge-icon{color:#94a3b8;flex-shrink:0;font-size:13px}.village-select{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}@media (width<=1024px){.village-select-wrap,.village-badge{display:none}}.dashboard-wrapper{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;height:100%;min-height:0;display:flex;overflow:hidden}.stat-row{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff9;border-radius:18px;flex-direction:column;gap:4px;padding:8px 14px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #1b2a4708}.stat-card:hover{transform:translateY(-3px)}.stat-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.stat-card-clickable:hover{border-color:#2b7fff59;transform:scale(1);box-shadow:0 8px 20px #1b2a471a}.stat-card-clickable:active{transform:translateY(-1px)}.stat-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:17px;font-weight:700}.stat-val{font-family:DM Sans,sans-serif;font-size:40px;font-weight:800;line-height:1.1}.bottom-row{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.bottom-row .content-card{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.dashboard-map-container{border-radius:16px;flex:1;height:100%;position:relative;overflow:hidden}.bottom-row .table-responsive{border-radius:12px;flex:1;min-height:0;display:block;overflow:hidden}.dashboard-map-container .ldmap_zoombar,.dashboard-map-container .ldmap_zoom,.dashboard-map-container .ldmap_dpad,.dashboard-map-container .ldmap_scale,.dashboard-map-container .ldmap_toolbar,.dashboard-map-container .ldmap_geolocation,.dashboard-map-container .ldmap_layer_selector,.dashboard-map-container .ldmap_fullscreen,.dashboard-map-container .ldmap_crosshair,.dashboard-map-container [class*=ldmap_zoom],.dashboard-map-container [class*=ldmap_ui],.dashboard-map-container [class*=ldmap_button]{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.dashboard-map-container .map-cluster-pin:hover{background:#15803d!important;transform:scale(1.15)!important;box-shadow:0 6px 16px #00000073!important}.dashboard-map-container .map-single-pin:hover{transform:rotate(-45deg)scale(1.15)!important}.map-placeholder{color:#0f2e5b;background:#becadb;border:2px dashed #2f2e6a;border-radius:16px;justify-content:center;align-items:center;height:300px;font-weight:500;display:flex}.dash-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-search-wrap{align-items:center;width:220px;max-width:100%;display:flex;position:relative}.dash-search-icon{color:var(--text-secondary);pointer-events:none;font-size:13px;position:absolute;left:10px}.dash-search-input{background:var(--bg-main,#f8fafc);width:100%;color:var(--text-main);border:1px solid #1b2a4726;border-radius:8px;outline:none;padding:6px 28px 6px 30px;font-family:inherit;font-size:12.5px;transition:all .2s}.dash-search-input:focus{background:#fff;border-color:#1b2a47;box-shadow:0 0 0 2px #1b2a4714}.dash-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:12px;transition:color .15s;display:flex;position:absolute;right:8px}.dash-table-header-right{align-items:center;gap:8px;display:flex}.btn-sort-icon-toggle{background:var(--bg-main,#fff);color:#1b2a47;cursor:pointer;border:1px solid #1b2a4726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.history-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;box-sizing:border-box;white-space:nowrap;border-bottom:1px solid #eae5de;height:36px;padding:8px 6px;font-size:11px;font-weight:600}.history-table td{color:var(--text-main);box-sizing:border-box;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f4eee6;height:44px;padding:8px 6px;font-size:13px;transition:background .15s}.history-table .btn-view{gap:4px;padding:4px 8px;font-size:12px}:is(.history-table tbody tr:has(.empty-state),.history-table tbody tr:has(.spinner-container)){height:250px}.history-table tr.history-row-blacklist .plate-text,.bl-table tr.history-row-blacklist .plate-text,.bl-table tr.history-row-blacklist .bold-plate{font-weight:700;color:#dc2626!important}@media (width<=1024px){.stat-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stat-row,.bottom-row{grid-template-columns:1fr}}.stat-val.blue{color:#2563eb}.stat-val.green{color:#16a34a}.stat-val.red{color:#dc2626}.status-wrapper{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-dot.online{background:#16a34a;box-shadow:0 0 8px #16a34a80}.status-dot.offline{background:#dc2626;box-shadow:0 0 8px #dc262680}.map-hover-card{z-index:50;cursor:pointer;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;padding:12px 14px;transition:transform .15s,box-shadow .15s;animation:.15s mapCardFadeIn;position:absolute;box-shadow:0 10px 28px #1b2a472e}.map-hover-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1b2a473d}@keyframes mapCardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.map-hover-card-village{color:#64748b;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:700;overflow:hidden}.map-hover-card-header{margin-bottom:8px}.map-hover-card-title{color:#1b2a47;font-size:14px;font-weight:700;line-height:1.3;display:block}.map-hover-card-row{align-items:center;gap:8px;font-size:12px;display:flex}.map-hover-card-label{color:#64748b;font-weight:500}.map-direction-badge{letter-spacing:.2px;border-radius:12px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.map-direction-badge.entry{color:#0284c7;background:#0284c71f}.map-direction-badge.exit{color:#ea580c;background:#ea580c1f}.direction-modal-content{width:92%!important;max-width:900px!important}.direction-modal-title-group{align-items:center;gap:12px;display:flex}.direction-count-badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.direction-count-badge.entry{color:#0284c7;background:#0284c71f}.direction-count-badge.exit{color:#10b981;background:#10b9811f}.cat-badge-blacklist{color:#dc2626;background:#ef44441f;border-radius:8px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.cat-badge-whitelist{color:#16a34a;background:#10b9811f;border-radius:8px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.cat-badge-general{color:#64748b;background:#64748b1a;border-radius:8px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.direction-pagination-bar{border-top:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-btn-group{gap:8px;display:flex}.btn-pagination{background:var(--bg-main,#f8fafc);color:var(--text-main);cursor:pointer;border:1px solid #cbd5e1cc;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.btn-pagination:hover:not(:disabled){color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.dash-direction-modal,.bl-direction-modal{width:95%!important;max-width:920px!important}.dash-direction-modal .table-responsive{transition:height .2s;overflow:hidden!important}.dash-direction-modal .bl-table,.bl-direction-modal .bl-table{border-collapse:collapse;width:100%}.dash-direction-modal .bl-table th,.bl-direction-modal .bl-table th{box-sizing:border-box;color:var(--text-main,#1b2a47)!important;height:38px!important;padding:8px 12px!important;font-size:13.5px!important;font-weight:700!important}.dash-direction-modal .bl-table td,.bl-direction-modal .bl-table td{box-sizing:border-box;vertical-align:middle!important;height:44px!important;padding:7px 12px!important;font-size:14px!important}.bl-status-badge{letter-spacing:.3px;border-radius:8px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.bl-status-badge.blacklist{color:#dc2626;background:#ef44441f}.bl-status-badge.whitelist{color:#16a34a;background:#10b9811f}.bl-status-badge.normal{color:#64748b;background:#64748b1a;font-weight:500}.history-wrapper{box-sizing:border-box;flex-direction:column;gap:10px;height:calc(100vh - 125px);max-height:calc(100vh - 125px);padding-bottom:0;display:flex;overflow:hidden}.history-filter{z-index:2;flex-wrap:nowrap;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 16px;display:flex;position:relative}.filter-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.filter-group.filter-plate{flex:1.2}.filter-group.filter-color{flex:1}.filter-group.filter-direction{flex:.9}.filter-group.filter-camera{flex:1.1}.filter-group-date{flex:1.6;min-width:0}.filter-date-range-wrap{align-items:center;gap:6px;width:100%;display:flex}.filter-date-range-wrap .filter-input-wrap{flex:1;min-width:0}.filter-date-range-wrap .react-datepicker-wrapper,.filter-date-range-wrap .react-datepicker__input-container{width:100%}.history-filter .react-datepicker-popper{z-index:9999!important}.history-filter .react-datepicker{border:1px solid #1b2a4726;border-radius:12px;font-family:DM Sans,sans-serif;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.filter-date-separator{color:#94a3b8;flex-shrink:0;font-size:13px;font-weight:600}.filter-group label{color:#1b2a47;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.filter-input-wrap{align-items:center;width:100%;display:flex;position:relative}.filter-icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:13px;position:absolute;left:10px}.filter-input-wrap input{color:#1b2a47;box-sizing:border-box;background:#fff;border:1px solid #1b2a471a;border-radius:9px;outline:none;width:100%;padding:7px 10px 7px 30px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.filter-input-wrap input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.datepicker-history{width:100%}.filter-group select{color:#1b2a47;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #1b2a471a;border-radius:9px;outline:none;width:100%;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.filter-group select:focus{border-color:#1b2a474d}.filter-buttons{flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.btn-reset{color:#1b2a47;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1b2a4726;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.btn-reset:hover{background:#f1f5f9;transform:translateY(-1px)}.history-table-card{z-index:1;flex-direction:column;flex:1;min-height:0;padding:12px 18px;display:flex;position:relative;overflow:hidden}.history-table-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-header-right{align-items:center;gap:12px;display:flex}.history-total{color:var(--text-main);margin:0;font-size:13.5px}.btn-sort-icon-toggle{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a471f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.btn-sort-icon-toggle:hover{background:#f1f5f9;border-color:#1b2a4740;transform:translateY(-1px)}.btn-sort-icon-toggle .sort-btn-icon{color:#3b82f6;font-size:14px}.history-table-card .table-responsive{flex:1;width:100%;min-height:0;overflow:auto hidden}.history-table{border-collapse:collapse;width:100%}.history-table th{text-align:left;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#f8fafcf2;padding:7px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.history-table td{color:var(--text-main);border-bottom:1px solid var(--border-color);padding:7px 12px;font-size:13.5px;transition:background .15s}.history-table tr:hover td{background:#1b2a4705}.history-table tr.history-row-blacklist .plate-text{font-weight:700;color:#dc2626!important}.history-table tr:last-child td{border-bottom:none}.btn-view{background:var(--btn-view-bg);color:var(--btn-view-color);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.btn-view:hover{color:#fff;background:#1b2a47}.pagination{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.modal-img-placeholder{color:#94a3b8;background:#1b2a470a;border:2px dashed #1b2a471a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;font-size:14px;display:flex}.modal-info{flex-direction:column;justify-content:center;gap:12px;display:flex}.modal-info-row{border-bottom:1px solid #1b2a4714;flex-direction:column;gap:3px;padding-bottom:12px;display:flex}.modal-info-row:last-child{border-bottom:none;padding-bottom:0}.modal-info-row>span:not(.info-label),.modal-info-row>div{color:var(--text-main,#1b2a47);font-size:15.5px;font-weight:600}.modal-info-row .plate-text{color:var(--text-main,#1b2a47);font-size:18px;font-weight:700}@media (width<=768px){.history-filter{flex-direction:column}.modal-body{grid-template-columns:1fr}.filter-buttons{width:100%}.btn-filter,.btn-reset{flex:1;justify-content:center}}.datepicker-history{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a471a;border-radius:12px;outline:none;width:100%;padding:10px 16px 10px 38px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.datepicker-history:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.modal-img-placeholder img{object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%}.modal-header-left{align-items:center;gap:12px;display:flex}.btn-route-tracking{color:#1b2a47;cursor:pointer;white-space:nowrap;background:#1b2a4714;border:none;border-radius:109px;align-items:center;gap:6px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-route-tracking:hover{color:#fff;background:#1b2a47;transform:translateY(-2px);box-shadow:0 4px 12px #1b2a4740}.btn-route-tracking:active{transform:translateY(1px);box-shadow:0 2px 4px #1b2a4726}.btn-route-tracking:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:all .9s ease-in-out;position:absolute;top:0;left:-100%}.btn-route-tracking:hover:after{left:100%}.btn-route-tracking svg,.btn-route-tracking i{transition:transform .4s}.btn-route-tracking:hover svg,.btn-route-tracking:hover i{transform:translate(2px)scale(1.1)}.history-direction-badge{letter-spacing:.3px;white-space:nowrap;border-radius:12px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.history-direction-badge.entry{color:#0284c7;background:#0284c71f}.history-direction-badge.exit{color:#ea580c;background:#ea580c1f}.history-direction-badge.internal{color:#8b5cf6;background:#8b5cf61f}@keyframes blRowPulse{0%{background-color:#eab30866;box-shadow:inset 0 0 0 2px #eab308cc}30%{background-color:#eab30840;box-shadow:inset 0 0 0 2px #eab30899}70%{background-color:#eab3081f;box-shadow:inset 0 0 0 1px #eab3084d}to{box-shadow:none;background-color:#0000}}.bl-row-highlight{animation:3.5s cubic-bezier(.4,0,.2,1) forwards blRowPulse}.blacklist-wrapper{box-sizing:border-box;flex-direction:column;gap:10px;height:calc(100vh - 125px);max-height:calc(100vh - 125px);padding-bottom:0;display:flex;overflow:hidden}.bl-kpi-row{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.bl-kpi-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:18px;align-items:center;gap:12px;padding:10px 16px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000000d}.bl-kpi-card:hover{transform:translateY(-2px)}.bl-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.bl-kpi-icon.red{color:#dc2626;background:#dc26261a}.bl-kpi-icon.orange{color:#ea580c;background:#ea580c1a}.bl-kpi-label{color:#1b2a47;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:12px;font-weight:700}.bl-kpi-val{color:#1b2a47;margin:0;font-family:DM Sans,sans-serif;font-size:24px;font-weight:800;line-height:1.1}.blacklist-wrapper .content-card{flex-direction:column;flex:1;min-height:0;padding:12px 18px;display:flex;overflow:hidden}.bl-table-header{z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex;position:relative}.bl-table-title{align-items:center;gap:10px;display:flex}.bl-title-icon{color:#dc2626;font-size:18px}.bl-table-header-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.blacklist-wrapper .table-responsive{flex:1;min-height:0;overflow:auto hidden}.bl-table{border-collapse:collapse;width:100%}.bl-table th{text-align:left;color:#1b2a47;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#f8fafcf2;border-bottom:1px solid #1b2a470f;padding:7px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.bl-table td{color:var(--text-main);border-bottom:1px solid #1b2a470a;padding:7px 12px;font-size:13.5px;transition:background .15s}.bl-table tr:hover td{background:#1b2a4705}.bl-table tr:last-child td{border-bottom:none}.bl-plate-badge{color:#dc2626;background:#dc262614;border-radius:8px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:inline-block}.bl-reason-badge{color:var(--text-main);background:#1b2a470f;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-block}.btn-delete{color:#dc2626;cursor:pointer;background:#dc26260f;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s;display:flex}.btn-delete:hover{color:#fff;background:#dc2626;transform:scale(1.05)}.btn-add-blacklist{color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#1b2a47;border:none;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-blacklist:hover{background:#111e37;transform:translateY(-1px)}.no-data{text-align:center;color:#94a3b8;padding:40px!important}.toast-confirm p{color:#1b2a47;margin:0 0 12px;font-family:DM Sans,sans-serif;font-size:14px}.toast-buttons{gap:8px;display:flex}.toast-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.toast-btn.confirm{color:#fff;background:#dc2626}.toast-btn.confirm:hover{background:#b91c1c}.toast-btn.cancel{color:#1b2a47;background:#1b2a4714}.toast-btn.cancel:hover{background:#1b2a4726}@media (width<=768px){.blacklist-wrapper{height:auto;max-height:none;overflow:visible}.bl-kpi-row{grid-template-columns:1fr}.bl-table-header-actions{flex-wrap:wrap;width:100%}.bl-search-wrap{flex:1}.bl-table-footer{flex-direction:column;align-items:center;gap:10px}}.bl-kpi-card.clickable{cursor:pointer;transition:transform .3s,box-shadow .3s}.bl-kpi-card.clickable:hover{transform:translateY(-4px);box-shadow:0 10px 30px #1b2a4714}.bl-kpi-hint{color:#8e9aab;flex-shrink:0;margin-left:auto;font-size:12px}.bl-description{color:#1b2a47;margin:4px 0 0;font-size:14px}.bl-search-wrap{align-items:center;display:flex;position:relative}.bl-search-icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:13px;position:absolute;left:10px}.bl-search-input{background:var(--bg-input,#fff);height:32px;color:var(--text-main);width:210px;caret-color:var(--text-main);box-sizing:border-box;border:1px solid #1b2a471a;border-radius:9px;outline:none;padding:6px 12px 6px 30px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.bl-search-input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.bl-date-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bl-datepicker-wrap{align-items:center;display:flex;position:relative}.bl-datepicker-icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:12.5px;position:absolute;left:10px}.bl-datepicker-input{background:var(--bg-input,#fff);width:145px;height:32px;color:var(--text-main);cursor:pointer;box-sizing:border-box;border:1px solid #1b2a471a;border-radius:9px;outline:none;padding:6px 28px 6px 30px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.bl-datepicker-input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.blacklist-wrapper .react-datepicker__close-icon{align-items:center;height:100%;padding:0 6px 0 0;display:flex}.blacklist-wrapper .react-datepicker__close-icon:after{color:#94a3b8;background-color:#0000;font-size:14px;line-height:1}.blacklist-wrapper .react-datepicker__close-icon:hover:after{color:#ef4444}.blacklist-wrapper .react-datepicker-popper{z-index:9999!important}.blacklist-wrapper .react-datepicker{border:1px solid #1b2a4726;border-radius:12px;font-family:DM Sans,sans-serif;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.bl-date-separator{color:var(--text-secondary);font-size:14px;font-weight:600}.btn-sort-bl{background:var(--card-bg,#fff);color:var(--text-main,#1b2a47);cursor:pointer;white-space:nowrap;border:1px solid #1b2a471f;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:9px 13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-sort-bl:hover{background:#1b2a470f;border-color:#1b2a4740}.btn-sort-bl.asc{color:#2563eb;background:#2563eb0f;border-color:#2563eb4d}.bl-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.bl-sortable-th:hover{color:var(--text-main,#1b2a47)}.bl-th-sort-inner{align-items:center;gap:5px;display:inline-flex}.bl-th-sort-icon{color:var(--text-secondary);font-size:11px;transition:transform .2s,color .2s}.bl-th-sort-icon.asc{color:#2563eb}.bl-btn-reset{background:var(--bg-input,#fff);height:32px;color:var(--text-secondary);cursor:pointer;box-sizing:border-box;border:1px solid #1b2a471a;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.bl-btn-reset:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.modal-body-list{flex-direction:column;gap:12px;padding:16px 24px;display:flex}.found-item{background:#dc262608;border:1px solid #dc262614;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.found-item-left{align-items:center;gap:12px;display:flex}.found-icon{color:#dc2626;flex-shrink:0;font-size:18px}.found-province{color:#8e9aab;margin:4px 0 0;font-size:12px}.found-time{color:#1b2a47;font-size:14px;font-weight:600}.bl-table-footer{border-top:1px solid #1b2a470f;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.bl-total-count{color:var(--text-secondary);margin:0;font-size:13px}.pagination{justify-content:flex-end;align-items:center;gap:6px;margin-top:0;display:flex}.bl-add-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.bl-add-field{flex-direction:column;gap:8px;display:flex}.bl-add-field label{color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.bl-add-field input{background:var(--bg-input);color:var(--text-main,#1b2a47);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.bl-add-field input::placeholder{color:var(--text-secondary,#94a3b8);font-weight:400}.bl-add-field input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.bl-add-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-cancel-add{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.btn-cancel-add:hover{background:#f1f5f9}.btn-confirm-add{color:#fff;cursor:pointer;background:#1b2a47;border:none;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-confirm-add:hover{background:#111e37;transform:translateY(-1px)}.bl-tab-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;gap:8px;width:fit-content;padding:6px;display:flex}.bl-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.bl-tab-btn:hover{background:#1b2a470d}.bl-tab-btn.active{color:#fff;background:#dc2626}.bl-tab-btn.whitelist.active{background:#16a34a}.bl-title-icon.whitelist{color:#16a34a}.bl-kpi-icon.green{color:#16a34a;background:#16a34a1a}.bl-plate-badge.whitelist{color:#16a34a;background:#16a34a14}.bl-category-badge{color:#2563eb;white-space:nowrap;background:#2563eb14;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:500;display:inline-block}.bl-action-group{gap:6px;display:flex}.btn-edit{color:#2563eb;cursor:pointer;background:#2563eb14;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.btn-edit:hover{color:#fff;background:#2563eb;transform:scale(1.05)}@media (width<=768px){.bl-tab-row{width:100%}.bl-tab-btn{flex:1;justify-content:center}}.bl-kpi-external{flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.bl-external-icon{color:#1b2a47;font-size:13px;transition:transform .2s,color .2s}.bl-external-text{color:#1b2a47;letter-spacing:.2px;font-size:12px;font-weight:600}.bl-kpi-card.clickable:hover .bl-external-icon{color:#2563eb;transform:translate(2px,-2px)}.bl-kpi-card.clickable:hover .bl-external-text{color:#2563eb}.bl-action-row{align-items:center;gap:8px;display:flex}.btn-bl-view{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-bl-view:hover{color:#fff;background:#1b2a47;border-color:#1b2a47}.btn-bl-route{color:#2563eb;cursor:pointer;background:#2563eb14;border:1px solid #2563eb33;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-bl-route:hover{color:#fff;background:#2563eb}.modal-content.modal-large{max-width:820px}.modal-content.modal-large.bl-direction-modal,.bl-direction-modal{width:95%!important;max-width:920px!important}.bl-direction-modal .table-responsive{height:425px!important;min-height:425px!important;max-height:425px!important;overflow:hidden!important}.bl-direction-modal .bl-table{border-collapse:collapse;width:100%}.bl-direction-modal .bl-table th{box-sizing:border-box;color:var(--text-main,#1b2a47)!important;height:38px!important;padding:8px 12px!important;font-size:13.5px!important;font-weight:700!important}.bl-direction-modal .bl-table td{box-sizing:border-box;vertical-align:middle!important;height:46px!important;padding:6px 12px!important;font-size:14px!important}.bl-direction-modal .btn-edit,.bl-direction-modal .btn-delete{border-radius:8px;width:32px;height:32px;font-size:13px}.modal-content.modal-detail{max-width:620px}.modal-header-right{align-items:center;gap:12px;display:flex}.modal-registered-body{padding:20px 24px}.modal-body{grid-template-columns:1fr 1fr;gap:24px;padding:24px;display:grid}.modal-img-section{flex-direction:column;gap:12px;display:flex}.modal-img-placeholder{color:#94a3b8;background:#1b2a470a;border:1px solid #1b2a4714;border-radius:14px;justify-content:center;align-items:center;width:100%;height:180px;font-size:13px;display:flex;overflow:hidden}.modal-img-placeholder.small{height:70px}.modal-img-placeholder img{object-fit:cover;border-radius:12px;width:100%;height:100%}.modal-info{flex-direction:column;justify-content:center;display:flex}.modal-info-row{border-bottom:1px solid #1b2a470f;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;display:flex}.modal-info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.image-fullscreen-overlay{z-index:2000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-fullscreen-overlay img{object-fit:contain;max-width:100%;max-height:100%}.bl-row-highlight,.bl-row-highlight td{animation:4.5s cubic-bezier(.4,0,.2,1) forwards blRowPulse!important}.modal-header-count{color:var(--text-main,#1b2a47);font-family:DM Sans,sans-serif;font-weight:800}.blacklist-wrapper .dash-search-wrap,.modal-content .dash-search-wrap{align-items:center;width:220px;max-width:100%;display:flex;position:relative}.blacklist-wrapper .dash-search-icon,.modal-content .dash-search-icon{color:var(--text-secondary,#64748b);pointer-events:none;font-size:13px;position:absolute;left:10px}.blacklist-wrapper .dash-search-input,.modal-content .dash-search-input{background:var(--bg-input,#f8fafc);width:100%;color:var(--text-main,#1b2a47);border:1px solid #1b2a4726;border-radius:8px;outline:none;padding:6px 28px 6px 30px;font-family:inherit;font-size:12.5px;transition:all .2s}.blacklist-wrapper .dash-search-input:focus,.modal-content .dash-search-input:focus{background:#fff;border-color:#1b2a47;box-shadow:0 0 0 2px #1b2a4714}.blacklist-wrapper .dash-search-clear,.modal-content .dash-search-clear{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:12px;transition:color .15s;display:flex;position:absolute;right:8px}.blacklist-wrapper .dash-search-clear:hover,.modal-content .dash-search-clear:hover{color:#ef4444}.blacklist-wrapper .btn-sort-icon-toggle,.modal-content .btn-sort-icon-toggle{background:var(--bg-main,#fff);color:#1b2a47;cursor:pointer;border:1px solid #1b2a4726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.blacklist-wrapper .btn-sort-icon-toggle:hover,.modal-content .btn-sort-icon-toggle:hover{background:#f1f5f9;border-color:#1b2a474d;transform:translateY(-1px)}.blacklist-wrapper .btn-sort-icon-toggle .sort-btn-icon,.modal-content .btn-sort-icon-toggle .sort-btn-icon{color:#3b82f6;font-size:14px}.monitor-wrapper{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;min-height:0;margin:0;padding:0;display:flex}.monitor-wrapper.single-view,.monitor-wrapper.grid-view{height:calc(100vh - 136px);max-height:calc(100vh - 136px);overflow:hidden}.camera-bar{border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:10px 18px;display:flex}.camera-icon{color:#1b2a47;font-size:18px}.camera-bar label{color:#1b2a47;text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.camera-select{color:#1b2a47;cursor:pointer;background:#ffffffb3;border:1px solid #1b2a4726;border-radius:10px;outline:none;flex:1;max-width:380px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .3s}.camera-select:focus,.camera-select:hover{background:#fff;border-color:#1b2a47}.monitor-content{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;min-height:0;display:grid;overflow:hidden}.monitor-left{box-sizing:border-box;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex;overflow:hidden}.video-wrapper{aspect-ratio:16/9;background:#0f172a;border:3px solid #ffffff80;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #1b2a4714}.live-video{object-fit:contain;width:100%;height:100%;display:block}.video-skeleton{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-overlay{position:absolute;top:12px;left:12px}.live-badge{color:#fff;letter-spacing:.8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;animation:2s infinite pulse;display:flex;box-shadow:0 4px 12px #ef444466}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.monitor-right{box-sizing:border-box;border-radius:18px;flex-direction:column;height:100%;min-height:0;padding:16px 20px;display:flex;position:relative;overflow:hidden}.monitor-right .dash-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.monitor-right .dash-search-wrap{align-items:center;width:220px;max-width:100%;display:flex;position:relative}.monitor-right .dash-search-icon{color:var(--text-secondary,#94a3b8);pointer-events:none;font-size:13px;position:absolute;left:10px}.monitor-right .dash-search-input{background:var(--bg-main,#f8fafc);width:100%;color:var(--text-main);border:1px solid #1b2a4726;border-radius:8px;outline:none;padding:6px 28px 6px 30px;font-family:inherit;font-size:12.5px;transition:all .2s}.monitor-right .dash-search-input:focus{background:#fff;border-color:#1b2a47;box-shadow:0 0 0 2px #1b2a4714}.monitor-right .dash-search-clear{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:12px;transition:color .15s;display:flex;position:absolute;right:8px}.monitor-right .dash-table-header-right{align-items:center;gap:8px;display:flex}.monitor-right .btn-sort-icon-toggle{background:var(--bg-main,#fff);color:#1b2a47;cursor:pointer;border:1px solid #1b2a4726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.monitor-right .btn-sort-icon-toggle:hover{background:#f1f5f9;border-color:#1b2a474d;transform:translateY(-1px)}.monitor-right .btn-sort-icon-toggle .sort-btn-icon{color:#3b82f6;font-size:14px}.monitor-right .card-title{flex-shrink:0;margin-bottom:0}.plate-showcase{background:#1b2a4708;border:1px dashed #1b2a4733;border-radius:12px;flex-shrink:0;justify-content:center;margin-bottom:10px;padding:6px 14px;display:flex}.thai-plate{text-align:center;background:linear-gradient(#fff 0%,#eef2f6 100%);border:2.5px solid #1b2a47;border-radius:10px;min-width:200px;max-width:240px;padding:4px 28px;position:relative;box-shadow:0 4px 14px #1b2a4714}.thai-plate:before,.thai-plate:after{content:"";background:#cbd5e1;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px 2px #0000004d}.thai-plate:before{left:10px}.thai-plate:after{right:10px}.plate-number{color:#1b2a47;margin-bottom:0;font-family:Prompt,sans-serif;font-size:24px;font-weight:700;line-height:1.1}.plate-province{color:#1b2a47;font-family:Prompt,sans-serif;font-size:12px;font-weight:500}.monitor-right .table-responsive{border-radius:12px;flex:1;min-height:0;display:block;overflow:hidden}.monitor-right .history-table{border-collapse:collapse;width:100%}.monitor-right .history-table th{text-align:left;color:#1b2a47;text-transform:uppercase;box-sizing:border-box;white-space:nowrap;border-bottom:1px solid #eae5de;height:36px;padding:8px 6px;font-size:12.5px;font-weight:600}.monitor-right .history-table td{color:var(--text-main);box-sizing:border-box;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f4eee6;height:44px;padding:8px 6px;font-size:13px;transition:background .15s}.monitor-right .history-table td.plate-text{font-weight:600}.monitor-right .history-table tr.history-row-blacklist .plate-text{font-weight:700;color:#dc2626!important}@media (width<=1024px){.monitor-wrapper.single-view{height:auto;overflow:visible}.monitor-content{grid-template-columns:1fr;overflow:visible}.video-wrapper{aspect-ratio:16/9;height:auto}.monitor-right .table-responsive{max-height:400px;overflow-y:auto}}.monitor-grid-card{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.monitor-grid-card .card-title{flex-shrink:0;margin-bottom:16px}.camera-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:20px;min-height:0;padding-bottom:6px;padding-right:6px;display:grid;overflow:hidden auto}.camera-grid::-webkit-scrollbar{width:6px}.camera-grid::-webkit-scrollbar-track{background:0 0}.camera-grid::-webkit-scrollbar-thumb{background:#1b2a4733;border-radius:4px}.camera-grid::-webkit-scrollbar-thumb:hover{background:#1b2a4759}.grid-tile{flex-direction:column;gap:10px;display:flex}.grid-tile-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.grid-tile-video{border-width:3px}@media (width<=1024px){.camera-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.camera-grid{grid-template-columns:1fr}}.monitor-right .history-table td:nth-child(4),.monitor-right .history-table td:nth-child(5){font-size:14.5px}.monitor-right .history-table td.plate-text.plate-hoverable{cursor:default}.vehicle-hover-preview{z-index:999;pointer-events:none;transform-origin:bottom;background:#0f172a;border:2px solid #fffffff2;border-radius:12px;width:220px;animation:.16s cubic-bezier(.16,1,.3,1) previewFadeIn;position:absolute;overflow:hidden;box-shadow:0 12px 30px #0f172a73,0 3px 10px #0003}@keyframes previewFadeIn{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hover-preview-img-wrap{aspect-ratio:16/9;background:#1e293b;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hover-preview-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.hover-preview-no-img{color:#94a3b8;text-align:center;font-family:DM Sans,sans-serif;font-size:11.5px}.hover-preview-badge{color:#fff;letter-spacing:.3px;background:linear-gradient(#0f172a00 0%,#0f172a80 40%,#0f172af2 100%);justify-content:space-between;align-items:center;padding:12px 10px 6px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.hover-preview-badge .hover-preview-plate{color:#fff;font-family:Prompt,sans-serif;font-weight:700}.hover-preview-badge .hover-preview-time{color:#cbd5e1;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.react-datepicker-popper{z-index:99999!important;padding-top:6px!important}.react-datepicker__triangle{display:none!important}.react-datepicker{background-color:var(--bg-card,#fff)!important;width:290px!important;color:var(--text-main,#1b2a47)!important;border:1px solid #1b2a4726!important;border-radius:14px!important;font-family:DM Sans,sans-serif!important;overflow:visible!important;box-shadow:0 14px 35px -5px #0003,0 8px 12px -6px #0000001f!important}.react-datepicker__month-container{width:100%!important;overflow:visible!important}.react-datepicker__header{background-color:var(--bg-card,#fff)!important;border-bottom:1px solid #1b2a4714!important;border-top-left-radius:13px!important;border-top-right-radius:13px!important;padding:0!important;overflow:visible!important}.react-datepicker__day-names{justify-content:space-around!important;margin-top:6px!important;padding:0 8px!important;display:flex!important}.react-datepicker__day-name{width:34px!important;color:var(--text-secondary,#64748b)!important;margin:0!important;font-size:12px!important;font-weight:600!important;line-height:30px!important}.react-datepicker__month{margin:6px 8px 10px!important}.react-datepicker__week{justify-content:space-around!important;display:flex!important}.react-datepicker__day{width:34px!important;color:var(--text-main,#1b2a47)!important;cursor:pointer!important;border-radius:8px!important;margin:1px 0!important;font-size:13px!important;font-weight:500!important;line-height:34px!important;transition:all .15s!important}.react-datepicker__day:hover:not(.react-datepicker__day--disabled){color:#2563eb!important;background-color:#3b82f61f!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{color:#fff!important;background-color:#3b82f6!important;font-weight:600!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selecting-range-start,.react-datepicker__day--selecting-range-end{color:var(--text-main,#1b2a47)!important;background-color:#0000!important}.react-datepicker__day--disabled{color:#cbd5e1!important;opacity:.4!important;cursor:not-allowed!important;pointer-events:none!important;background-color:#0000!important}.custom-dp-header{background:var(--bg-card,#fff);box-sizing:border-box;border-bottom:1px solid #1b2a4714;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;display:flex;position:relative;border-top-left-radius:13px!important;border-top-right-radius:13px!important}.custom-dp-arrow-btn{background:var(--bg-input,#fff);width:28px;height:28px;color:var(--text-main,#1b2a47);cursor:pointer;border:1px solid #1b2a4726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;transition:all .2s;display:flex}.custom-dp-arrow-btn:hover:not(:disabled){color:#1b2a47;background:#1b2a4714;border-color:#1b2a474d}.custom-dp-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.custom-dp-select-group{flex:1;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.custom-dp-dropdown-wrap{position:relative}.custom-dp-trigger-btn{color:var(--text-main,#1b2a47);background:var(--bg-input,#fff);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:1px solid #1b2a4733;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:6px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.custom-dp-trigger-btn.month-trigger{min-width:115px}.custom-dp-trigger-btn.year-trigger{min-width:78px}.custom-dp-trigger-btn:hover,.custom-dp-trigger-btn.active{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f626}.custom-dp-caret{color:var(--text-secondary,#64748b);flex-shrink:0;font-size:9px;transition:transform .2s}.custom-dp-caret.rotate{transform:rotate(180deg)}.custom-dp-menu{background:var(--bg-card,#fff);box-sizing:border-box;border:1px solid #1b2a4726;border-radius:10px;flex-direction:column;max-height:165px;padding:4px;animation:.15s ease-out dpMenuFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 25px #0003;z-index:100001!important;overflow-y:auto!important}.custom-dp-menu.month-menu{width:125px}.custom-dp-menu.year-menu{width:85px}@keyframes dpMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dp-menu::-webkit-scrollbar{width:5px!important;display:block!important}.custom-dp-menu::-webkit-scrollbar-track{background:0 0!important}.custom-dp-menu::-webkit-scrollbar-thumb{background:#1b2a4733!important;border-radius:10px!important}.custom-dp-menu::-webkit-scrollbar-thumb:hover{background:#1b2a4766!important}.custom-dp-menu-item{text-align:left;width:100%;color:var(--text-main,#1b2a47);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:all .15s}.custom-dp-menu-item:hover{color:#2563eb;background:#3b82f61a;font-weight:600}.custom-dp-menu-item.selected{color:#fff;background:#3b82f6;font-weight:600}.dark .react-datepicker{background-color:#252836!important;border-color:#ffffff1a!important;box-shadow:0 14px 35px #00000080!important}.dark .react-datepicker__header{background-color:#252836!important;border-bottom-color:#ffffff14!important}.dark .react-datepicker__day-name{color:#94a3b8!important}.dark .react-datepicker__day{color:#fff!important}.dark .react-datepicker__day:hover:not(.react-datepicker__day--disabled){color:#60a5fa!important;background-color:#3b82f640!important}.dark .react-datepicker__day--disabled{color:#475569!important;opacity:.3!important}.dark .react-datepicker__day--in-range,.dark .react-datepicker__day--in-selecting-range,.dark .react-datepicker__day--selecting-range-start,.dark .react-datepicker__day--selecting-range-end{color:#fff!important;background-color:#0000!important}.dark .custom-dp-header{background:#252836;border-bottom-color:#ffffff14}.dark .custom-dp-arrow-btn{color:#fff;background:#2d303e;border-color:#ffffff26}.dark .custom-dp-arrow-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.dark .custom-dp-trigger-btn{color:#fff;background:#2d303e;border-color:#ffffff26}.dark .custom-dp-trigger-btn:hover,.dark .custom-dp-trigger-btn.active{background:#323648;border-color:#60a5fa}.dark .custom-dp-caret{color:#94a3b8}.dark .custom-dp-menu{background:#252836;border-color:#ffffff26;box-shadow:0 10px 25px #00000080}.dark .custom-dp-menu::-webkit-scrollbar-thumb{background:#fff3!important}.dark .custom-dp-menu-item{color:#e2e8f0}.dark .custom-dp-menu-item:hover{color:#93c5fd;background:#3b82f633}.dark .custom-dp-menu-item.selected{color:#fff;background:#3b82f6}.pa-wrapper{width:100%;position:relative}.pa-input{background:var(--bg-input);width:100%;color:var(--text-main);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.pa-input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.pa-input:disabled{color:var(--text-secondary);cursor:not-allowed;background:#94a3b814}.pa-input-error{background:#dc26260a;border-color:#dc2626!important}.pa-input-error:focus{box-shadow:0 2px 8px #dc262626!important}.pa-error-text{color:#dc2626;margin:6px 0 0;font-family:DM Sans,sans-serif;font-size:12.5px}.pa-dropdown{z-index:1000;background:#fff;border:1px solid #1b2a471a;border-radius:12px;max-height:220px;margin:0;padding:6px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #1b2a471f}.pa-option{color:#1b2a47;cursor:pointer;border-radius:8px;padding:9px 12px;font-size:14px;transition:background .12s}.pa-option:hover,.pa-option.active{background:#1b2a470f}.pa-option.selected{color:#2563eb;font-weight:600}.pa-option.pa-empty{color:#94a3b8;cursor:default;text-align:center}.pa-option.pa-empty:hover{background:0 0}.report-wrapper{box-sizing:border-box;flex-direction:column;gap:20px;height:100%;max-height:100%;padding-bottom:32px;display:flex;scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-y:auto!important}.report-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.report-wrapper>.content-card,.report-wrapper>.report-kpi-row,.report-wrapper>.report-kpi-grid{flex-shrink:0}.report-header{justify-content:space-between;align-items:center;display:flex}.report-title{color:var(--text-main,#1b2a47);margin:0 0 4px;font-family:Playfair Display,serif;font-size:24px}.report-date{color:var(--text-secondary,#8e9aab);margin:0;font-size:14px}.btn-pdf{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-pdf:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-pdf:disabled{opacity:.6;cursor:not-allowed;transform:none}.report-date-picker,.report-date-range-container{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.report-datepicker-box{background:var(--bg-input,#fff);border:1px solid #1b2a4726;border-radius:10px;align-items:center;gap:8px;padding:2px 10px;transition:all .2s;display:flex}.report-datepicker-box:focus-within{border-color:#1b2a4766;box-shadow:0 2px 8px #1b2a4714}.report-date-separator{color:var(--text-main,#1b2a47);font-weight:700}.report-cal-icon{color:var(--text-main,#1b2a47);flex-shrink:0;font-size:15px}.datepicker-input{color:var(--text-main,#1b2a47);cursor:pointer;background:0 0;border:none;outline:none;width:100px;padding:6px 4px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.report-date-display{color:var(--text-main,#1b2a47);margin-left:6px;font-size:14px;font-weight:600}.report-kpi-row,.report-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.report-kpi-card{background:var(--card-bg,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color,#fff9);border-radius:20px;align-items:center;gap:16px;padding:18px 20px;transition:transform .3s;display:flex;box-shadow:0 6px 20px #1b2a4708}.report-kpi-card:hover{transform:translateY(-4px)}.report-kpi-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.report-kpi-icon.blue{color:#3b82f6;background:#3b82f61f}.report-kpi-icon.cyan{color:#0891b2;background:#06b6d41f}.report-kpi-icon.green{color:#16a34a;background:#22c55e1f}.report-kpi-icon.orange{color:#ea580c;background:#ea580c1a}.report-kpi-icon.emerald{color:#059669;background:#10b9811f}.report-kpi-icon.red{color:#dc2626;background:#dc26261a}.report-kpi-icon.purple{color:#7c3aed;background:#9333ea1f}.report-kpi-label{color:var(--text-main,#1b2a47);letter-spacing:.3px;margin:0 0 4px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:700}.report-kpi-val{color:var(--text-main,#1b2a47);margin:0;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700}.report-kpi-val.red{color:#dc2626}.chart-wrapper{width:100%;margin-top:8px}.report-visitors-title{color:var(--text-main,#1b2a47);margin:0 0 16px;font-size:18px;font-weight:700;font-family:DM Sans,sans-serif!important}.report-table-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.visitor-timeframe-selector{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.visitor-timeframe-btn{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:#1b2a470d;border:1px solid #1b2a471a;border-radius:8px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.visitor-timeframe-btn:hover{color:var(--text-main,#1b2a47);background:#1b2a471a}.visitor-timeframe-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f640}.dark .visitor-timeframe-btn{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1a}.dark .visitor-timeframe-btn:hover{color:#fff;background:#ffffff1f}.dark .visitor-timeframe-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.report-table{border-collapse:collapse;width:100%}.report-table th{text-align:left;color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.5px;background:#1b2a4705;border-bottom:1px solid #1b2a4714;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.report-table td{color:var(--text-main,#4a5568);vertical-align:middle;border-bottom:1px solid #1b2a470a;padding:14px 16px;font-size:14px}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover td{background:#3b82f608}.plate-text{color:var(--text-main,#1b2a47);letter-spacing:.3px;font-weight:700}.btn-report-action{color:#3b82f6;cursor:pointer;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.btn-report-action:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f640}.rank-badge{width:28px;height:28px;color:var(--text-main,#1b2a47);background:#1b2a470f;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.rank-badge.rank-1{color:#a17500;background:#eab30826}.rank-badge.rank-2{color:#475569;background:#94a3b833}.rank-badge.rank-3{color:#b45309;background:#b453091a}.report-province{color:var(--text-main,#1b2a47);margin-left:6px;font-size:14px;font-weight:700}@media (width<=1200px){.report-kpi-row,.report-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.report-header{flex-direction:column;align-items:flex-start;gap:16px}.report-kpi-row,.report-kpi-grid{grid-template-columns:1fr}.report-table-header-row{flex-direction:column;align-items:flex-start}}.um-wrapper{box-sizing:border-box;flex-direction:column;gap:20px;height:100%;max-height:100%;padding-bottom:32px;display:flex;scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-y:auto!important}.um-wrapper::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.um-wrapper>.content-card,.um-wrapper>.um-kpi-row{flex-shrink:0}.um-kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.um-kpi-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:24px;align-items:center;gap:20px;padding:24px;transition:transform .3s;display:flex;box-shadow:0 6px 20px #0000001a}.um-kpi-card:hover{transform:translateY(-4px)}.um-kpi-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.um-kpi-icon.blue{color:#2563eb;background:#2563eb1a}.um-kpi-icon.green{color:#16a34a;background:#16a34a1a}.um-kpi-icon.orange{color:#ea580c;background:#ea580c1a}.um-kpi-icon.red{color:#dc2626;background:#dc26261a}.um-kpi-label{color:var(--text-main,#1b2a47);letter-spacing:.3px;margin:0 0 6px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.um-kpi-val{color:var(--text-main,#1b2a47);margin:0;font-family:DM Sans,sans-serif;font-size:32px;font-weight:700}.um-kpi-val.red{color:#dc2626}.um-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.um-table-header .card-title{color:var(--text-main,#1b2a47);font-size:20px;font-weight:700}.um-description{color:var(--text-main,#1b2a47);margin:4px 0 0;font-size:14.5px;font-weight:500}.um-header-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-add-admin{color:#fff;cursor:pointer;white-space:nowrap;background:#1b2a47;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-admin:hover:not(:disabled){background:#c2410c;transform:translateY(-1px)}.btn-add-admin:disabled{color:#64748bcc;cursor:not-allowed;background:#94a3b840}.um-role-hint{color:var(--text-secondary);margin:0;font-size:12px}.btn-add-user{color:#fff;cursor:pointer;white-space:nowrap;background:#1b2a47;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-user:hover{background:#111e37;transform:translateY(-1px)}.um-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px;display:flex}.um-search-wrap{align-items:center;width:240px;min-width:180px;display:flex;position:relative}.um-badge-readonly{color:var(--text-main,#1b2a47);background:#1b2a470d;border:1px solid #1b2a471a;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.um-search-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:14px}.um-search-input{background:var(--bg-input);width:100%;color:var(--text-main);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:10px 16px 10px 38px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.um-search-input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.um-filters select{background:var(--bg-input);color:var(--text-main);cursor:pointer;border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px}.um-table{border-collapse:collapse;width:100%}.um-table th{text-align:left;color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.5px;background:#1b2a470a;border-bottom:1px solid #1b2a4714;padding:14px 16px;font-size:13.5px;font-weight:700}.um-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #1b2a470a;padding:14px 16px;font-size:14px}.um-table tr:hover td{background:#1b2a4705}.um-table tr:last-child td{border-bottom:none}.um-user-cell{align-items:center;gap:10px;display:flex}.um-mini-avatar{color:#2563eb;background:#2563eb1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.um-username{color:var(--text-main);font-weight:600}.um-fullname{color:var(--text-secondary);font-size:12px}.um-badge{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-block}.um-badge-user{color:#2563eb;background:#2563eb1a}.um-badge-admin{color:#ea580c;background:#ea580c1a}.um-badge-superadmin{color:#dc2626;background:#dc26261a}.um-status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.um-status-dot.active{background:#16a34a;box-shadow:0 0 6px #16a34a80}.um-status-dot.inactive{background:#cbd5e1}.um-actions{gap:6px;display:flex}.um-icon-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.um-icon-btn.edit{color:#2563eb;background:#2563eb14}.um-icon-btn.edit:hover:not(:disabled){color:#fff;background:#2563eb}.um-icon-btn.reset{color:#1c8110;background:#95f74914}.um-icon-btn.reset:hover:not(:disabled){color:#fff;background:#1e6902}.um-icon-btn.delete{color:#dc2626;background:#dc262614}.um-icon-btn.delete:hover:not(:disabled){color:#fff;background:#dc2626}.um-icon-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#94a3b81a}.um-form{flex-direction:column;flex:1;gap:16px;padding:20px 24px 24px;display:flex;overflow-y:auto}.um-form-field{flex-direction:column;gap:8px;display:flex}.um-form-field label{color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.um-form-field input,.um-form-field select,.um-form-field textarea{background:var(--bg-input);color:var(--text-main,#1b2a47);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5;transition:all .2s}.um-form-field textarea{resize:vertical;min-height:72px}.um-form-field input::placeholder,.um-form-field textarea::placeholder{color:var(--text-secondary,#94a3b8);font-weight:400}.um-form-field input:disabled,.um-form-field textarea:disabled{color:var(--text-secondary);cursor:not-allowed;background:#94a3b814}.um-form-field input:focus,.um-form-field select:focus,.um-form-field textarea:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.um-form-field input.um-input-error,.um-form-field select.um-input-error,.um-form-field textarea.um-input-error{background:#fef2f266;border-color:#dc2626!important}.um-char-count{color:var(--text-secondary,#94a3b8);font-size:12px;font-weight:600}.um-char-count.error{color:#dc2626}.um-field-error{color:#dc2626;margin:-2px 0 0;font-size:12px;font-weight:500;animation:.15s ease-out umFieldFadeIn}.um-match-success{color:#16a34a;align-items:center;gap:4px;margin:-2px 0 0;font-size:12px;font-weight:500;animation:.15s ease-out umFieldFadeIn;display:flex}.um-match-error{color:#dc2626;align-items:center;gap:4px;margin:-2px 0 0;font-size:12px;font-weight:500;animation:.15s ease-out umFieldFadeIn;display:flex}@keyframes umFieldFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.um-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-cancel-um{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.btn-cancel-um:hover:not(:disabled){background:#f1f5f9}.btn-cancel-um:disabled{opacity:.6;cursor:not-allowed}.btn-confirm-um{color:#fff;cursor:pointer;background:#1b2a47;border:none;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-confirm-um:hover:not(:disabled){background:#111e37;transform:translateY(-1px)}.btn-confirm-um:disabled{opacity:.55;cursor:not-allowed;background:#1b2a4766;transform:none}@media (width<=1024px){.um-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.um-kpi-row{grid-template-columns:1fr}.um-filters{flex-direction:column}}.btn-add-village{color:#1b2a47;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1b2a4726;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-village:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px)}.btn-add-village:disabled{opacity:.5;cursor:not-allowed}.um-icon-btn.unlock{color:#2563eb;background:#2563eb14}.um-icon-btn.unlock:hover:not(:disabled){color:#fff;background:#2563eb}.um-locked-badge{color:#dc2626;background:#dc26261a;border-radius:10px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.um-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.um-total-count{color:var(--text-secondary);margin:0;font-size:13px}.um-table-footer .pagination{justify-content:flex-end;align-items:center;gap:6px;margin-top:0;display:flex}.page-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #1b2a471a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#fff;background:#1b2a47;border-color:#1b2a47}.page-btn.active{color:#fff;background:#1b2a47;border-color:#1b2a47;font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.um-profile-modal{background:var(--card-bg,#fff);border-radius:20px;width:92%;max-width:520px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000002e}.um-profile-modal .modal-close{color:#64748b;cursor:pointer;z-index:10;background:#1b2a470f;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.um-profile-modal .modal-close:hover{color:#ef4444;background:#fef2f2}.um-pm-header{border-bottom:1px solid #1b2a471a;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.um-pm-avatar-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.um-pm-avatar{color:#1b2a47;background:#1b2a4714;border:2px solid #1b2a471a;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:32px;display:flex;overflow:hidden}.um-pm-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.um-pm-view-avatar-btn{color:#2563eb;cursor:pointer;background:#2563eb0f;border:1px solid #2563eb33;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.um-pm-view-avatar-btn:hover{background:#2563eb1f}.um-pm-header-info{flex:1;min-width:0}.um-pm-fullname{color:var(--text-main,#1e293b);word-break:break-word;margin:0 0 2px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.um-pm-username{color:var(--text-secondary,#64748b);margin:0 0 10px;font-size:13px}.um-pm-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.um-pm-section{margin-bottom:20px}.um-pm-section:last-child{margin-bottom:0}.um-pm-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-main,#1b2a47);border-bottom:1px solid #1b2a4714;margin:0 0 12px;padding-bottom:6px;font-size:13px;font-weight:700}.um-pm-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.um-pm-info-item{background:#1b2a4708;border:1px solid #1b2a470f;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.um-pm-info-icon{color:#1b2a47;flex-shrink:0;margin-top:2px;font-size:15px}.um-pm-info-label{color:var(--text-main,#1b2a47);margin:0 0 2px;font-size:11.5px;font-weight:700}.um-pm-info-value{color:var(--text-main,#1e293b);word-break:break-all;margin:0;font-size:13px;font-weight:600}.um-pm-contact-list{flex-direction:column;gap:8px;display:flex}.um-pm-contact-item{background:#1b2a4708;border:1px solid #1b2a470f;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.um-pm-contact-icon{color:#1b2a47;background:#1b2a4714;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.um-pm-contact-info{flex:1;min-width:0}.um-pm-contact-label{color:var(--text-secondary,#64748b);margin:0 0 1px;font-size:11px;font-weight:500}.um-pm-contact-value{color:var(--text-main,#1e293b);word-break:break-all;margin:0;font-size:13.5px;font-weight:600}.um-pm-empty-contact{color:var(--text-secondary,#94a3b8);text-align:center;background:#1b2a4705;border:1px dashed #1b2a471a;border-radius:8px;margin:0;padding:14px;font-size:13px}.vdm-modal{background:var(--card-bg,#fff);border:1px solid var(--border-color,#1b2a471a);border-radius:20px;flex-direction:column;width:92%;max-width:760px;max-height:90vh;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.vdm-header{border-bottom:1px solid var(--border-color,#1b2a4714);background:var(--card-bg,#fff);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vdm-title-wrap{align-items:center;gap:14px;display:flex}.vdm-icon-badge{width:44px;height:44px;color:var(--sidebar-bg,#1b2a47);background:#1b2a4714;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.vdm-subtitle{color:var(--text-secondary,#64748b);margin:2px 0 0;font-size:13px}.vdm-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.vdm-summary-card{border:1px solid var(--border-color,#1b2a4714);background:#1b2a4708;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:16px;display:grid}.vdm-summary-item{flex-direction:column;gap:4px;display:flex}.vdm-label{color:var(--text-primary,#1b2a47);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.vdm-value{color:var(--text-primary,#1b2a47);font-size:14px;font-weight:500}.vdm-status-badge{border-radius:6px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.vdm-status-badge.active{color:#059669;background:#10b9811f}.vdm-status-badge.suspended{color:#dc2626;background:#ef44441f}.vdm-tab-row{border-bottom:1px solid var(--border-color,#1b2a4714);gap:10px;padding-bottom:4px;display:flex}.vdm-tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.vdm-tab-btn:hover{color:var(--text-primary,#1b2a47);background:#1b2a470a}.vdm-tab-btn.active{color:#fff;background:var(--sidebar-bg,#1b2a47);font-weight:600}.vdm-list-wrap{min-height:200px}.vdm-table{border-collapse:collapse;width:100%;font-size:13.5px}.vdm-table th{text-align:left;color:var(--text-secondary,#64748b);border-bottom:1px solid var(--border-color,#1b2a4714);text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;font-size:12px;font-weight:600}.vdm-table td{border-bottom:1px solid var(--border-color,#1b2a470d);color:var(--text-primary,#1b2a47);padding:12px 14px}.vdm-cam-name,.vdm-member-user{font-weight:600}.vdm-coords{color:var(--text-secondary,#64748b);font-family:monospace;font-size:12.5px}.vdm-dir-badge{text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.vdm-dir-badge.entry{color:#059669;background:#10b9811f}.vdm-dir-badge.exit{color:#ea580c;background:#ea580c1f}.vdm-dir-badge.internal{color:#4f46e5;background:#6366f11f}.vdm-role-badge{border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.vdm-role-badge.superadmin{color:#7c3aed;background:#8b5cf61f}.vdm-role-badge.admin{color:#2563eb;background:#3b82f61f}.vdm-role-badge.user{color:#475569;background:#64748b1f}.vdm-state-dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.vdm-state-dot.active{background:#10b981}.vdm-state-dot.inactive{background:#ef4444}.vdm-loading-wrap,.vdm-error-wrap{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 20px;display:flex}.vdm-btn-retry{border:1px solid var(--border-color,#1b2a4733);background:var(--sidebar-bg,#1b2a47);color:#fff;cursor:pointer;border-radius:8px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.vdm-btn-retry:hover{opacity:.9}.vdm-footer{border-top:1px solid var(--border-color,#1b2a4714);background:var(--card-bg,#fff);justify-content:flex-end;padding:16px 24px;display:flex}.action-menu-trigger{width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.action-menu-trigger:hover{background:var(--hover-bg,#f3f4f6);color:var(--sidebar-bg)}.action-menu-dropdown{z-index:9999;background:#fff;border:1px solid #0000001f;border-radius:10px;flex-direction:column;gap:2px;min-width:200px;padding:6px;animation:.12s ease-out action-menu-fade-in;display:flex;position:fixed;box-shadow:0 12px 28px #0000002e,0 4px 10px #00000014}@keyframes action-menu-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-menu-item{text-align:left;width:100%;color:var(--text-primary,#1f2937);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .15s;display:flex}.action-menu-item:hover:not(:disabled){background:var(--hover-bg,#f3f4f6)}.action-menu-item:disabled{opacity:.4;cursor:not-allowed}.action-menu-item.danger{color:#dc2626}.action-menu-item.danger:hover:not(:disabled){background:#dc262614}.action-menu-item.success{color:#16a34a}.action-menu-item.success:hover:not(:disabled){background:#16a34a14}.action-menu-icon{flex-shrink:0;width:16px;display:inline-flex}.cm-wrapper{box-sizing:border-box;flex-direction:column;gap:14px;height:calc(100vh - 120px);max-height:calc(100vh - 120px);display:flex;overflow:hidden}.cm-kpi-row{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cm-kpi-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:18px;align-items:center;gap:16px;padding:14px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 15px #0000000d}.cm-kpi-card.interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.cm-kpi-card.interactive:hover{border-color:#1b2a4733;transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.cm-kpi-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.cm-kpi-icon.blue{color:#2563eb;background:#2563eb1a}.cm-kpi-icon.green{color:#16a34a;background:#16a34a1a}.cm-kpi-icon.red{color:#dc2626;background:#dc26261a}.cm-kpi-label{color:var(--text-main,#1b2a47);letter-spacing:.3px;margin:0 0 6px;font-family:DM Sans,Sarabun,sans-serif;font-size:16px;font-weight:700}.cm-kpi-val{color:var(--text-main,#1b2a47);margin:0;font-family:DM Sans,sans-serif;font-size:36px;font-weight:700}.cm-kpi-val.green{color:#16a34a}.cm-kpi-val.red{color:#dc2626}.cm-wrapper .content-card{flex-direction:column;flex:1;min-height:0;padding:18px 22px;display:flex;overflow:hidden}.cm-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cm-description{color:var(--text-main,#1b2a47);opacity:.85;margin:4px 0 0;font-size:14px}.cm-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-resync-all{color:#2563eb;cursor:pointer;white-space:nowrap;background:#2563eb1a;border:1px solid #2563eb40;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-resync-all:hover:not(:disabled){color:#fff;background:#2563eb;transform:translateY(-1px)}.btn-resync-all:disabled{opacity:.6;cursor:not-allowed}.btn-add-camera{color:#fff;cursor:pointer;white-space:nowrap;background:#1b2a47;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-camera:hover{background:#111e37;transform:translateY(-1px)}.cm-search-wrap{align-items:center;margin-bottom:0;display:flex;position:relative}.cm-search-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:14px}.cm-search-input{background:var(--bg-input);width:100%;max-width:320px;color:var(--text-main);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:10px 16px 10px 38px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.cm-search-input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.cm-table-responsive{flex:1;min-height:0;overflow:auto}.cm-table{border-collapse:collapse;width:100%}.cm-table th{z-index:2;text-align:left;color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafcf2;border-bottom:1px solid #1b2a4714;padding:11px 14px;font-size:13.5px;font-weight:700;position:sticky;top:0}.cm-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #1b2a470a;padding:10px 14px;font-size:13.5px}.cm-table tr:hover td{background:#1b2a4705}.cm-table tr:last-child td{border-bottom:none}.cm-camera-name{font-weight:600}.cm-direction-text{color:var(--text-main,#1b2a47);white-space:nowrap;font-family:DM Sans,Sarabun,sans-serif;font-size:13.5px}.cm-location{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap;min-width:210px;font-family:DM Sans,sans-serif;font-size:13.5px}.cm-location-empty{color:var(--text-secondary,#94a3b8);font-family:Sarabun,DM Sans,sans-serif;font-size:13px;font-style:italic}.cm-status-unified-wrapper{flex-direction:column;gap:3px;display:flex}.cm-status-badge{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.cm-status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.cm-status-badge.ready,.cm-status-badge.online{color:#16a34a;background:#16a34a1a}.cm-status-dot.ready,.cm-status-dot.online{background:#16a34a;box-shadow:0 0 6px #16a34a99}.cm-status-badge.starting,.cm-status-badge.pending{color:#d97706;background:#d977061a}.cm-status-dot.starting,.cm-status-dot.pending{background:#d97706;box-shadow:0 0 6px #d9770699}.cm-status-badge.error,.cm-status-badge.failed,.cm-status-badge.offline{color:#dc2626;background:#dc26261a}.cm-status-dot.error,.cm-status-dot.failed,.cm-status-dot.offline{background:#dc2626;box-shadow:0 0 6px #dc262699}.cm-status-badge.disabled{color:#64748b;background:#64748b1a}.cm-status-dot.disabled{background:#94a3b8}.cm-status-badge.checking{color:#94a3b8;background:#94a3b81a}.cm-status-dot.checking{background:#94a3b8}.cm-status-hint{color:var(--text-main,#1b2a47);max-width:220px;margin:0;font-family:DM Sans,Sarabun,sans-serif;font-size:13px;font-weight:500;line-height:1.35}.cm-status-hint.error,.cm-status-hint.failed,.cm-status-hint.offline{color:var(--text-main,#1b2a47);font-weight:600}.cm-actions{gap:6px;display:flex}.cm-icon-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.cm-icon-btn.reset{color:#4a5568;background:#94a3b81a}.cm-icon-btn.reset:hover{color:#fff;background:#1b2a47}.cm-icon-btn.edit{color:#2563eb;background:#2563eb14}.cm-icon-btn.edit:hover{color:#fff;background:#2563eb}.cm-icon-btn.delete{color:#dc2626;background:#dc262614}.cm-icon-btn.delete:hover{color:#fff;background:#dc2626}.cm-icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes cmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-spin{animation:.8s linear infinite cmSpin}.modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a33}.modal-header{border-bottom:1px solid #1b2a4714;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cm-form{flex-direction:column;flex:1;gap:16px;padding:20px 24px 24px;display:flex;overflow-y:auto}.cm-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cm-form-field{flex-direction:column;gap:8px;display:flex}.cm-form-field label{color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.cm-form-field input,.cm-form-field select{background:var(--bg-input);color:var(--text-main,#1b2a47);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.cm-form-field input::placeholder{color:var(--text-secondary,#94a3b8);font-weight:400}.cm-form-field input:focus,.cm-form-field select:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.cm-form-field input:disabled,.cm-form-field select:disabled{color:var(--text-secondary);opacity:.65;cursor:not-allowed;background:#1b2a470d;border-color:#1b2a4714}.cm-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-cancel-cm{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.btn-cancel-cm:hover{background:#f1f5f9}.btn-confirm-cm{color:#fff;cursor:pointer;background:#1b2a47;border:none;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-confirm-cm:hover{background:#111e37;transform:translateY(-1px)}@media (width<=1024px){.cm-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.cm-wrapper{height:auto;max-height:none;overflow:visible}.cm-kpi-row,.cm-form-row{grid-template-columns:1fr}}.cm-sync-cell{flex-direction:column;gap:4px;display:flex}.cm-sync-badge{border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.cm-sync-badge.pending{color:#2563eb;background:#2563eb1a}.cm-sync-badge.verified{color:#16a34a;background:#16a34a1a}.cm-sync-badge.failed,.cm-sync-badge.stuck{color:#dc2626;cursor:pointer;background:#dc26261a;text-decoration:underline}.cm-sync-badge.failed:hover,.cm-sync-badge.stuck:hover{color:#fff;background:#dc2626}.cm-sync-badge.unknown{color:#64748b;background:#94a3b826}.cm-sync-warning-icon{color:#ea580c;cursor:help;align-items:center;gap:4px;font-size:12px;display:inline-flex}.cm-sync-time{color:var(--text-secondary);margin:0;font-family:DM Sans,sans-serif;font-size:12px}.cm-direction-badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.cm-direction-badge.entry{color:#2563eb;background:#2563eb1a}.cm-direction-badge.exit{color:#ea580c;background:#ea580c1a}.cm-onvif-link-wrap{color:#64748b;margin:-6px 0 12px;font-size:12.5px}.cm-onvif-link{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:underline}.cm-onvif-link:hover{color:#1d4ed8}.cm-onvif-toggle{margin:4px 0 12px}.btn-onvif-toggle{border:1px dashed var(--sidebar-bg);color:var(--sidebar-bg);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;display:flex}.cm-onvif-panel{background:#2563eb0a;border:1px solid #2563eb26;border-radius:12px;margin-bottom:16px;padding:14px}.cm-onvif-hint{color:#64748b;margin:0 0 10px;font-size:12.5px}.cm-password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.cm-password-input-wrap input{width:100%;padding-right:36px!important}.cm-password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:color .2s;display:flex;position:absolute;right:10px}.cm-password-toggle-btn:hover{color:#1e293b}.dark .cm-password-toggle-btn{color:#94a3b8}.dark .cm-password-toggle-btn:hover{color:#f1f5f9}.btn-onvif-probe{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:10px;padding:9px 16px;font-size:13px}.btn-onvif-probe:disabled{opacity:.6;cursor:not-allowed}.cm-onvif-device-info{color:#16a34a;margin:10px 0 0;font-size:12.5px}.cm-onvif-profile-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.cm-onvif-profile-item{cursor:pointer;background:#fff;border:1px solid #94a3b84d;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cm-onvif-profile-item:has(input:checked){background:#2563eb0f;border-color:#2563eb}.cm-onvif-profile-name{font-size:13px;font-weight:600;display:block}.cm-onvif-profile-meta{color:#94a3b8;font-size:11.5px;display:block}.cm-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.cm-total-count{color:var(--text-secondary);margin:0;font-size:13px}.cm-table-footer .pagination{justify-content:flex-end;align-items:center;gap:6px;margin-top:0;display:flex}.cm-table-footer .page-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #1b2a471a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s;display:flex}.cm-table-footer .page-btn:hover:not(:disabled){color:#fff;background:#1b2a47;border-color:#1b2a47}.cm-table-footer .page-btn.active{color:#fff;background:#1b2a47;border-color:#1b2a47;font-weight:600}.cm-table-footer .page-btn:disabled{opacity:.4;cursor:not-allowed}.modal-content.cm-kpi-modal-content,.cm-kpi-modal-content{border-radius:20px;flex-direction:column;max-height:88vh;padding:0;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a40;width:95vw!important;max-width:850px!important}.cm-kpi-modal-content .modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:0;padding:18px 24px;display:flex}.cm-kpi-modal-title-wrap{align-items:center;gap:14px;display:flex}.cm-kpi-modal-title{color:var(--text-main,#1b2a47);align-items:center;gap:8px;margin:0;font-family:DM Sans,Sarabun,sans-serif;font-size:19px;font-weight:700;display:flex}.cm-kpi-title-count{color:var(--text-secondary,#64748b);font-family:DM Sans,sans-serif;font-size:17px;font-weight:600}.cm-kpi-modal-title-wrap .cm-kpi-icon{width:42px;height:42px;font-size:18px}.cm-kpi-modal-body{box-sizing:border-box;max-height:calc(88vh - 145px);padding:20px 24px;overflow-y:auto}.cm-kpi-table-wrap{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);border-radius:12px;flex-direction:column;width:100%;min-height:380px;display:flex;overflow-x:auto}.cm-kpi-popup-table{border-collapse:collapse;width:100%;min-width:700px;margin:0}.cm-kpi-popup-table th{color:var(--text-main,#1b2a47);text-align:left;white-space:nowrap;background:#1b2a470a;padding:12px 16px;font-size:14px;font-weight:700}.cm-kpi-popup-table th:first-child,.cm-kpi-popup-table td:first-child{min-width:170px}.cm-kpi-popup-table td{border-bottom:1px solid var(--border-color,#f1f5f9);vertical-align:middle;padding:12px 16px;font-size:14px}.cm-kpi-popup-table .cm-location{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:220px;font-family:DM Sans,sans-serif}.cm-kpi-popup-table tbody tr:last-child td{border-bottom:none}.cm-kpi-empty-state{text-align:center;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.cm-kpi-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.al-wrapper{box-sizing:border-box;flex-direction:column;gap:14px;height:calc(100vh - 120px);max-height:calc(100vh - 120px);display:flex;overflow:hidden}.al-kpi-row{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.al-kpi-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:18px;align-items:center;gap:16px;padding:14px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 15px #0000000d}.al-kpi-card.interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.al-kpi-card.interactive:hover{border-color:#dc26264d;transform:translateY(-3px);box-shadow:0 8px 24px #dc262626}.al-kpi-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.al-kpi-icon.blue{color:#2563eb;background:#2563eb1a}.al-kpi-icon.green{color:#16a34a;background:#16a34a1a}.al-kpi-icon.red{color:#dc2626;background:#dc26261a}.al-kpi-label{color:var(--text-main,#1b2a47);letter-spacing:.3px;margin:0 0 4px;font-family:DM Sans,Sarabun,sans-serif;font-size:15px;font-weight:700}.al-kpi-val{color:var(--text-main,#1b2a47);margin:0;font-family:DM Sans,sans-serif;font-size:32px;font-weight:700}.al-kpi-val.red{color:#dc2626}.al-wrapper .content-card{flex-direction:column;flex:1;min-height:0;padding:18px 22px;display:flex;overflow:hidden}.al-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.al-description{color:var(--text-secondary);margin:4px 0 0;font-size:13.5px}.al-filter-bar{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.al-filter-right{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.al-filter-group{flex-direction:column;gap:6px;min-width:180px;display:flex}.al-filter-group label{color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.al-filter-group select{background:var(--bg-input);color:var(--text-main);cursor:pointer;border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:all .2s}.al-filter-group select:focus{border-color:#1b2a474d}.al-date-range-wrap{align-items:center;gap:8px;display:flex}.al-date-input-wrap{align-items:center;min-width:140px;display:flex;position:relative}.al-date-separator{color:var(--text-secondary);font-size:14px;font-weight:600}.al-date-wrap{align-items:center;display:flex;position:relative}.al-date-icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:14px;position:absolute;left:14px}.datepicker-al{background:var(--bg-input);width:100%;color:var(--text-main);cursor:pointer;border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:9px 14px 9px 38px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:all .2s}.datepicker-al:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.btn-reset-al{color:#1b2a47;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1b2a4726;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-reset-al:hover{background:#f1f5f9;transform:translateY(-1px)}.al-wrapper .table-responsive{flex:1;min-height:0;overflow:auto}.al-table{border-collapse:collapse;width:100%;transition:opacity .15s}.al-table.al-table-fetching tbody{opacity:.55;pointer-events:none}.al-table th{z-index:2;text-align:left;box-sizing:border-box;height:44px;color:var(--text-main,#1b2a47);text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#f8fafcf2;border-bottom:1px solid #1b2a4714;padding:0 14px;font-size:13.5px;font-weight:700;position:sticky;top:0}.al-table td{box-sizing:border-box;height:44px;color:var(--text-main);vertical-align:middle;border-bottom:1px solid #1b2a470a;padding:0 14px;font-size:13.5px}.al-table tr:hover td{background:#1b2a4705}.al-table tr:last-child td{border-bottom:none}.al-timestamp{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.al-user-cell{font-weight:600}.al-user-uuid{color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:400}.al-detail-cell{text-overflow:ellipsis;white-space:nowrap;max-width:340px;color:var(--text-secondary);overflow:hidden}.al-ip{color:var(--text-secondary);white-space:nowrap;font-family:monospace;font-size:12.5px}.al-action-badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-block}.al-action-badge.green{color:#16a34a;background:#16a34a1a}.al-action-badge.red{color:#dc2626;background:#dc26261a}.al-action-badge.blue{color:#2563eb;background:#2563eb1a}.al-action-badge.orange{color:#ea580c;background:#ea580c1a}.al-action-badge.gray{color:#64748b;background:#64748b1a}.al-icon-btn{cursor:pointer;color:#2563eb;background:#2563eb14;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.al-icon-btn:hover{color:#fff;background:#2563eb}.al-table-footer{border-top:1px solid #1b2a470f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.al-total-count{color:var(--text-secondary);margin:0;font-size:13px}.al-table-footer .pagination{justify-content:flex-end;align-items:center;gap:6px;margin:0;display:flex}.al-table-footer .page-btn,.page-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #1b2a471a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.al-table-footer .page-btn:hover:not(:disabled),.page-btn:hover:not(:disabled){color:#fff;background:#1b2a47;border-color:#1b2a47}.al-table-footer .page-btn.active,.page-btn.active{color:#fff;background:#1b2a47;border-color:#1b2a47;font-weight:600}.al-table-footer .page-btn:disabled,.page-btn:disabled{opacity:.4;cursor:not-allowed}.al-modal-body{flex-direction:column;gap:16px;max-height:60vh;padding:20px 24px 24px;display:flex;overflow-y:auto}.al-modal-row{border-bottom:1px solid #1b2a470f;flex-direction:column;gap:4px;padding-bottom:14px;display:flex}.al-modal-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#8e9aab;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.al-mono{color:#1b2a47;word-break:break-all;font-family:monospace;font-size:13px}.al-ua{color:var(--text-secondary);font-size:12px;line-height:1.5}@media (width<=1024px){.al-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.al-kpi-row{grid-template-columns:1fr}.al-filter-bar{flex-direction:column;align-items:stretch}.btn-reset-al{justify-content:center}.al-detail-cell{max-width:180px}}.cp-page-wrapper{justify-content:center;padding-bottom:24px;display:flex}.cp-card{width:100%;max-width:560px}.cp-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .2s;display:flex}.cp-back:hover{color:var(--text-main)}.cp-page-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.cp-page-icon{width:52px;height:52px;color:var(--text-main);background:#1b2a4714;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.cp-page-title{color:var(--text-main);margin:0 0 4px;font-family:Playfair Display,serif;font-size:20px}.cp-page-sub{color:var(--text-secondary);margin:0;font-size:13px}.cp-form{flex-direction:column;gap:18px;display:flex}.cp-field{flex-direction:column;gap:8px;display:flex}.cp-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cp-field input{background:var(--bg-input);width:100%;color:var(--text-main);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.cp-field input:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.cp-field input::-ms-reveal{display:none}.cp-field input::-ms-clear{display:none}.cp-input-row{align-items:center;display:flex;position:relative}.cp-input-row input{padding-right:40px}.cp-eye-icon{cursor:pointer;color:#94a3b8;align-items:center;font-size:15px;transition:color .2s;display:flex;position:absolute;right:14px}.cp-eye-icon:hover{color:var(--text-main)}.cp-force-logout-note{color:#9a4f0f;background:#ea580c0f;border:1px solid #ea580c33;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.cp-force-logout-note svg{flex-shrink:0;margin-top:2px;font-size:14px}.cp-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.btn-cancel-cp{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:10px;padding:11px 22px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.btn-cancel-cp:hover:not(:disabled){background:#f1f5f9}.btn-cancel-cp:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-cp{color:#fff;cursor:pointer;background:#1b2a47;border:none;border-radius:10px;padding:11px 22px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-confirm-cp:hover:not(:disabled){background:#111e37;transform:translateY(-1px)}.btn-confirm-cp:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.cp-page-header{flex-direction:column;align-items:flex-start;gap:12px}.cp-actions{flex-direction:column-reverse}.btn-cancel-cp,.btn-confirm-cp{width:100%}}.cp-password-checklist{background:#1b2a4708;border:1px solid #1b2a471a;border-radius:12px;flex-direction:column;gap:8px;margin:4px 0 0;padding:12px 14px;list-style:none;display:flex}.cp-check-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;font-weight:500;transition:color .2s;display:flex}.cp-check-item.valid{color:#16a34a}.cp-check-icon{flex-shrink:0;align-items:center;font-size:14px;display:flex}.cp-check-item:not(.valid) .cp-check-icon{color:#cbd5e1}.cp-match-hint{align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;font-weight:600;display:flex}.cp-match-hint.valid{color:#16a34a}.cp-match-hint.invalid{color:#dc2626}.pf-wrapper{flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.pf-header-card{align-items:center;gap:24px;padding-right:56px;display:flex;position:relative}.pf-menu-container{z-index:10;position:absolute;top:16px;right:16px}.pf-menu-btn{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#1b2a470d;border:1px solid #1b2a471f;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.pf-menu-btn:hover,.pf-menu-btn.active{color:#1b2a47;background:#1b2a471f;border-color:#1b2a4740;box-shadow:0 2px 6px #0000000f}.pf-dropdown-menu{z-index:50;background:#fff;border:1px solid #0000001f;border-radius:12px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.15s ease-out pfMenuFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0000002e,0 4px 10px #00000014}@keyframes pfMenuFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pf-dropdown-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.pf-dropdown-item:hover{color:#1b2a47;background:#1b2a470f}.pf-dropdown-item svg{color:#1b2a4799;flex-shrink:0;font-size:14px;transition:color .15s}.pf-dropdown-item:hover svg{color:#1b2a47}.pf-dropdown-item.danger,.pf-dropdown-item.danger svg{color:#dc2626}.pf-dropdown-item.danger:hover{color:#b91c1c;background:#dc262614}.pf-dropdown-item.danger:hover svg{color:#b91c1c}.pf-avatar-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.pf-avatar-lg{color:#1b2a47;background:#1b2a4714;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:34px;display:flex;overflow:hidden}.pf-header-info{flex:1;min-width:0}.pf-fullname{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 2px;font-family:Playfair Display,serif;font-size:22px;display:flex}.pf-fullname-edit-wrap{margin-bottom:8px}.pf-fullname-edit-row{align-items:center;gap:6px;display:flex}.pf-fullname-input{color:var(--text-main);background:var(--bg-input);border:1px solid #1b2a4733;border-radius:8px;outline:none;flex:1;min-width:0;padding:6px 12px;font-family:Playfair Display,serif;font-size:20px}.pf-fullname-input:focus{border-color:#1b2a47;box-shadow:0 0 0 2px #1b2a471a}.pf-fullname-input.pf-input-error{border-color:#dc2626}.pf-username{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 12px;font-size:13px;display:flex}.pf-badges{flex-wrap:wrap;gap:8px;display:flex}.pf-role-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pf-role-user{color:#2563eb;background:#2563eb1a}.pf-role-admin{color:#ea580c;background:#ea580c1a}.pf-role-superadmin{color:#dc2626;background:#dc26261a}.pf-status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pf-status-badge.active{color:#16a34a;background:#16a34a1a}.pf-status-badge.inactive{color:#64748b;background:#94a3b826}.pf-status-badge.unverified{color:#a17500;background:#eab3081f}.pf-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pf-info-item{align-items:flex-start;gap:14px;display:flex}.pf-info-icon{color:#1b2a47;background:#1b2a470f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;display:flex}.pf-info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:11.5px;font-weight:600}.pf-info-value{color:var(--text-main);word-break:break-word;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:14px;display:flex}.pf-contact-list{flex-direction:column;gap:14px;display:flex}.pf-contact-item{border-bottom:1px solid #1b2a470f;align-items:center;gap:14px;padding-bottom:14px;display:flex}.pf-contact-item:last-child{border-bottom:none;padding-bottom:0}.pf-contact-icon{color:#2563eb;background:#2563eb14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex}.pf-contact-info{flex:1;min-width:0}.pf-contact-actions{flex-shrink:0;gap:6px;display:flex}.pf-empty-contact{color:var(--text-secondary);text-align:center;padding:20px 0;font-size:13.5px}.pf-error-text{text-align:center;color:var(--text-secondary);padding:24px}.pf-contact-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pf-contact-count{color:#94a3b8;margin:2px 0 0;font-size:12px}.btn-add-contact{color:#fff;cursor:pointer;white-space:nowrap;background:#1b2a47;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-contact:hover:not(:disabled){background:#111e37;transform:translateY(-1px)}.btn-add-contact:disabled{opacity:.5;cursor:not-allowed;transform:none}.pf-icon-btn{cursor:pointer;vertical-align:middle;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:inline-flex}.pf-icon-btn.edit{color:#2563eb;background:#2563eb14}.pf-icon-btn.edit:hover{color:#fff;background:#2563eb}.pf-icon-btn.delete{color:#dc2626;background:#dc262614}.pf-icon-btn.delete:hover{color:#fff;background:#dc2626}.pf-icon-btn.confirm{color:#16a34a;background:#16a34a1a}.pf-icon-btn.confirm:hover:not(:disabled){color:#fff;background:#16a34a}.pf-icon-btn.cancel{color:#64748b;background:#64748b1a}.pf-icon-btn.cancel:hover:not(:disabled){color:#fff;background:#64748b}.pf-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pf-icon-btn.small{border-radius:6px;width:20px;min-width:20px;height:20px;font-size:10.5px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 60px #0f172a33}.modal-header{border-bottom:1px solid #1b2a4714;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1b2a47;margin:0;font-family:Playfair Display,serif;font-size:18px}.modal-close{color:#64748b;cursor:pointer;background:#1b2a470f;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.modal-close:hover{color:#ef4444;background:#fef2f2}.pf-form{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.pf-form-field{flex-direction:column;gap:8px;display:flex}.pf-form-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.pf-form-field input,.pf-form-field select{background:var(--bg-input);color:var(--text-main);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.pf-form-field input:focus,.pf-form-field select:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.pf-form-field input:disabled{opacity:.6;cursor:not-allowed}.pf-form-field select{cursor:pointer}.pf-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-cancel-pf{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.btn-cancel-pf:hover:not(:disabled){background:#f1f5f9}.btn-cancel-pf:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-pf{color:#fff;cursor:pointer;background:#1b2a47;border:none;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-confirm-pf:hover:not(:disabled){background:#111e37;transform:translateY(-1px)}.btn-confirm-pf:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;pointer-events:none;background:#1b2a4773;transform:none}.pf-avatar-wrap{flex-shrink:0;width:84px;height:84px;position:relative}.pf-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pf-avatar-edit-btn{color:#fff;cursor:pointer;z-index:2;background:#1b2a47;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .2s;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #0f172a40}.pf-avatar-edit-btn:hover{background:#111e37;transform:scale(1.06)}.pf-username-edit-row{align-items:center;gap:6px;margin:0 0 12px;display:flex}.pf-username-input{border:1px solid #1b2a4733;border-radius:8px;outline:none;flex:1;min-width:0;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:13px}.pf-username-input:focus{border-color:#1b2a47;box-shadow:0 0 0 2px #1b2a471a}.pf-pending-email-note{color:#d97706;flex-basis:100%;margin:4px 0 0;font-size:12px}.pf-link-btn{cursor:pointer;color:#1b2a47;font-weight:600;text-decoration:underline}.pf-email-hint{color:#94a3b8;margin:-8px 0 4px;font-size:12px;line-height:1.5}.pf-email-sent-body{color:var(--text-main);padding:20px 24px 24px;font-size:14px;line-height:1.7}.pf-dev-mock-btn{color:#b45309;cursor:pointer;background:#d9770614;border:1px dashed #d97706;border-radius:8px;width:100%;margin-top:16px;padding:8px 14px;font-size:13px;font-weight:600}.pf-dev-mock-btn:hover{background:#d9770624}@media (width<=768px){.pf-header-card{text-align:center;flex-direction:column}.pf-username,.pf-badges{justify-content:center}.pf-info-grid{grid-template-columns:1fr}.pf-info-value{justify-content:flex-start}.pf-contact-header{flex-direction:column;align-items:stretch}.btn-add-contact{justify-content:center}}.pf-avatar-preview-body{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.pf-avatar-preview-circle{border:3px solid #1b2a471a;border-radius:50%;flex-shrink:0;width:200px;height:200px;overflow:hidden}.pf-avatar-preview-circle img{object-fit:cover;width:100%;height:100%}.pf-avatar-preview-actions{justify-content:center;gap:10px;width:100%;display:flex}.pf-avatar-preview-actions .btn-cancel-pf,.pf-avatar-preview-actions .btn-confirm-pf{text-align:center;flex:1;max-width:180px}.pf-username-edit-wrap{margin:0 0 12px}.pf-error-text-left{text-align:left;color:#dc2626;margin:6px 0 0;padding:0;font-size:12px}.pf-input-error{border-color:#dc2626!important}.pf-contact-hint{color:#94a3b8;font-weight:400}.pf-full-avatar-modal{background:#0f172af2;border-radius:16px;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;padding:16px;display:flex;position:relative}.pf-full-avatar-img{object-fit:contain;border-radius:12px;width:auto;max-width:80vw;height:auto;max-height:80vh;display:block}.pf-full-avatar-modal .modal-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.pf-full-avatar-modal .modal-close:hover{background:#ffffff4d}.rt-wrapper{box-sizing:border-box;flex-direction:column;gap:12px;height:calc(100vh - 136px);max-height:calc(100vh - 136px);padding-bottom:0;display:flex;overflow:hidden}.rt-search-card{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.rt-search-header{flex-direction:column;gap:4px;display:flex}.rt-description{color:#1b2a47;margin:0;font-size:14px}.rt-search-row{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:16px;margin-left:auto;display:flex}.rt-search-field{flex-direction:column;gap:8px;display:flex;position:relative}.rt-search-field-plate{flex:0 0 220px;width:220px}.rt-search-field label{color:#1b2a47;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.rt-required-star{color:#dc2626;margin-left:3px;font-weight:700}.rt-inline-error{color:#dc2626;text-transform:none;letter-spacing:0;margin-left:3px;font-size:11.5px;font-weight:500}.rt-search-header .card-title{color:var(--text-main);font-size:20px;font-weight:700}.rt-input-wrap{align-items:center;display:flex;position:relative}.rt-input-icon{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:14px}.rt-input-wrap input,.datepicker-rt,.rt-select-camera{background:var(--bg-input);width:100%;color:var(--text-main);border:1px solid #1b2a471a;border-radius:12px;outline:none;padding:10px 16px 10px 38px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.rt-select-camera{appearance:none;cursor:pointer}.rt-input-wrap input:focus,.datepicker-rt:focus,.rt-select-camera:focus{border-color:#1b2a474d;box-shadow:0 2px 8px #1b2a4714}.rt-search-buttons{gap:10px;display:flex}.btn-rt-reset{background:var(--bg-card);color:var(--text-main);cursor:pointer;white-space:nowrap;border:1px solid #1b2a4726;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-rt-reset:hover:not(:disabled){background:#1b2a470f;border-color:#1b2a474d;transform:translateY(-1px)}.btn-rt-reset:disabled{opacity:.6;cursor:not-allowed}.btn-rt-search{color:#fff;cursor:pointer;white-space:nowrap;background:#1b2a47;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-rt-search:hover:not(:disabled){background:#111e37;transform:translateY(-1px)}.btn-rt-search:disabled{opacity:.6;cursor:not-allowed}.rt-table-card{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rt-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rt-header-right{align-items:center;gap:12px;display:flex}.rt-header-right .btn-sort-icon-toggle{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.rt-header-right .btn-sort-icon-toggle:hover{background:#f1f5f9;border-color:#1b2a474d;transform:translateY(-1px)}.rt-header-right .btn-sort-icon-toggle .sort-btn-icon{color:#3b82f6;font-size:14px}.rt-table-card .table-responsive{border-radius:12px;flex:1;min-height:0;display:block;overflow:hidden}.rt-table{border-collapse:collapse;width:100%}.rt-table th{text-align:left;color:#1b2a47;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;white-space:nowrap;background:#1b2a470a;border-bottom:1px solid #1b2a471f;height:40px;padding:8px 16px;font-size:13.5px;font-weight:700}.rt-table td{color:var(--text-main);vertical-align:middle;box-sizing:border-box;white-space:nowrap;border-bottom:1px solid #1b2a470d;height:44px;padding:6px 16px;font-size:13.5px}.rt-table tr:last-child td{border-bottom:none}.rt-row-clickable{cursor:pointer;transition:background .15s}.rt-row-clickable:hover td{background:#1b2a4708}.btn-view-route{background:var(--btn-view-bg);color:var(--btn-view-color);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.btn-view-route:hover{color:#fff;background:#1b2a47}.plate-text{color:var(--text-main);font-family:DM Sans,sans-serif;font-weight:600}.plate-text.plate-blacklist,.rt-table tr.rt-row-blacklist .plate-text{font-weight:700;color:#dc2626!important}.rt-table-card .pagination{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.rt-table-card .page-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #1b2a471a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.rt-table-card .page-btn:hover:not(:disabled){color:#fff;background:#1b2a47;border-color:#1b2a47}.rt-table-card .page-btn.active{color:#fff;background:#1b2a47;border-color:#1b2a47;font-weight:600}.rt-table-card .page-btn:disabled{opacity:.4;cursor:not-allowed}.rt-detail-container{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.rt-back-btn{color:#1b2a47;cursor:pointer;background:#fff;border:1px solid #1b2a4726;border-radius:12px;flex-shrink:0;align-self:flex-start;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.rt-back-btn:hover{background:#f1f5f9;transform:translate(-2px)}.rt-detail-columns{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;min-height:0;display:grid;overflow:hidden}.rt-detail-left,.rt-detail-right{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.rt-map-card,.rt-timeline-card{box-sizing:border-box;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.rt-map-wrap{background:#1b2a4708;border-radius:16px;flex:1;width:100%;height:100%;min-height:0;margin-top:12px;position:relative;overflow:hidden}.rt-truncate-note{color:#1b2a47;text-align:center;flex-shrink:0;margin:6px 0 0;font-size:12px}.rt-timeline-header-wrap{border-bottom:1px solid #1b2a4714;flex-direction:column;flex-shrink:0;gap:10px;padding-bottom:12px;display:flex}.rt-timeline-header-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.rt-timeline-header-top .btn-sort-icon-toggle{color:#1b2a47;cursor:pointer;background:#1b2a470a;border:1px solid #1b2a471f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.rt-timeline-header-top .btn-sort-icon-toggle:hover{color:#1b2a47;background:#1b2a4714;border-color:#1b2a4740}.rt-timeline-header-top .btn-sort-icon-toggle .sort-btn-icon{font-size:15px}.rt-timeline-stats-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rt-stat-badge{background:#1b2a470a;border:1px solid #1b2a471f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;display:inline-flex}.rt-stat-label,.rt-stat-value{color:#1b2a47;font-size:13.5px;font-weight:700}@media (width<=992px){.rt-detail-columns{grid-template-columns:1fr}}.rt-timeline-body-wrap{flex-direction:column;flex:1;min-height:0;margin-top:4px;display:flex;overflow:hidden}.rt-timeline{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rt-timeline-pagination{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.rt-timeline-pagination .page-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #1b2a471a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:all .2s;display:flex}.rt-timeline-pagination .page-btn:hover:not(:disabled){color:#fff;background:#1b2a47;border-color:#1b2a47}.rt-timeline-pagination .page-btn.active{color:#fff;background:#1b2a47;border-color:#1b2a47;font-weight:600}.rt-timeline-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.rt-timeline-item{cursor:pointer;box-sizing:border-box;border-bottom:1px solid #1b2a470f;flex-shrink:0;align-items:center;gap:16px;padding:10px 4px;transition:background .15s;display:flex;position:relative}.rt-timeline-item:hover{background:#1b2a4705;border-radius:10px}.rt-timeline-item:last-child{border-bottom:none}.rt-timeline-marker{color:#fff;background:#1b2a47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12.5px;font-weight:700;display:flex}.rt-timeline-thumb{background:#1b2a470a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:66px;display:flex;overflow:hidden}.rt-timeline-thumb img{object-fit:cover;width:100%;height:100%}.rt-timeline-thumb-hoverable{cursor:zoom-in;transition:box-shadow .15s}.rt-timeline-thumb-hoverable:hover{box-shadow:0 0 0 2px #1b2a4759}.rt-timeline-noimg{color:#94a3b8;text-align:center;padding:0 6px;font-size:11px}.rt-timeline-body{flex:1;min-width:0}.rt-timeline-camera{color:var(--text-main);margin:0 0 3px;font-size:14px;font-weight:600}.rt-timeline-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0 0 3px;font-size:12px}.rt-timeline-plate{color:var(--text-main);margin:0 0 3px;font-family:DM Sans,sans-serif;font-size:12.5px}.rt-map-marker-pin:hover{z-index:99998!important;transform:rotate(-45deg)scale(1.2)!important;box-shadow:0 4px 12px #00000073!important}.rt-map-marker-pin.rt-pin-active{z-index:99999!important;background:#2563eb!important;border:2.5px solid #fff!important;transform:rotate(-45deg)scale(1.35)!important;box-shadow:0 6px 18px #2563eb99!important}.rt-hover-preview{z-index:9999;pointer-events:none;background:#fff;border:1px solid #1b2a4714;border-radius:16px;width:300px;padding:10px;position:fixed;box-shadow:0 20px 50px #1b2a4759}.rt-hover-preview-img{object-fit:contain;border-radius:10px;width:100%;max-height:360px;display:block}.rt-hover-preview-body{margin-top:8px}.rt-hover-preview-camera{color:var(--text-main);margin:0;font-size:13px;font-weight:700}.rt-hover-preview-time{color:var(--text-secondary);margin:2px 0 0;font-size:12px}@media (width<=1024px){.rt-result-row{grid-template-columns:1fr}.rt-map-wrap{min-height:320px}}@media (width<=768px){.rt-search-row{flex-direction:column;align-items:stretch}.rt-search-field-plate{min-width:0}.rt-search-buttons{width:100%}.btn-rt-search{flex:1;justify-content:center}.rt-timeline-item{flex-wrap:wrap}.rt-timeline-thumb{width:80px;height:60px}.rt-hover-preview{width:auto;inset:auto 16px 16px;transform:none}}.rt-direction-badge{border-radius:999px;align-items:center;width:fit-content;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.rt-direction-entry{color:#15803d;background:#dcfce7}.rt-direction-exit{color:#dc2626;background:#fee2e2}.rt-direction-unknown{color:#64748b;background:#f1f5f9}.rt-map-hover-card{pointer-events:auto;background:#fff;border:1px solid #1b2a471a;border-radius:12px;padding:10px 12px;animation:.15s rtMapCardFadeIn;position:absolute;box-shadow:0 10px 30px #1b2a473d;z-index:999999!important}@keyframes rtMapCardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rt-map-hover-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.rt-map-hover-card-title-wrap{align-items:center;gap:6px;min-width:0;display:flex}.rt-map-hover-card-close{color:#64748b;cursor:pointer;background:#1b2a470f;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:all .15s;display:flex}.rt-map-hover-card-close:hover{color:#dc2626;background:#ef444426}.rt-map-hover-card-order{color:#2563eb;background:#2563eb1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:700;display:flex}.rt-map-hover-card-title{color:#1b2a47;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.rt-map-hover-card-row{color:#64748b;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11.5px;display:flex}.rt-map-hover-card-row span:last-child{color:#1b2a47;text-align:right;font-weight:600}.rt-map-hover-card-label{color:#94a3b8;flex-shrink:0}.rt-map-hover-card-badge{letter-spacing:.2px;border-radius:12px;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.rt-map-hover-card-badge.entry{color:#15803d;background:#dcfce7}.rt-map-hover-card-badge.exit{color:#dc2626;background:#fee2e2}.rt-map-hover-card-badge.unknown{color:#64748b;background:#f1f5f9}.rt-map-hover-card-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.rt-timeline-item{cursor:pointer}.rt-timeline-item:hover{background:#1b2a4708}.rt-map-hover-card.pinned{border:2px solid #2563eb}.rt-map-loading-overlay{z-index:40;pointer-events:none;background:#fff9;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rt-map-marker-pin{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.rt-map-marker-pin.rt-pin-active{z-index:9999!important;border-color:#fff!important;animation:1.8s infinite rtPinPulseRing!important;transform:rotate(-45deg)scale(1.35)!important;box-shadow:0 0 0 6px #16a34a73,0 8px 20px #00000073!important}@keyframes rtPinPulseRing{0%{box-shadow:0 0 #16a34ab3,0 8px 20px #00000073}70%{box-shadow:0 0 0 12px #16a34a00,0 8px 20px #00000073}to{box-shadow:0 0 #16a34a00,0 8px 20px #00000073}}@media (width<=768px){.rt-search-card{flex-direction:column;align-items:stretch}.rt-search-row{justify-content:flex-start;margin-left:0}.rt-search-field-plate{flex:100%;width:100%}}