@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.custom-toast{z-index:9999!important;color:#fff!important;filter:none!important;opacity:1!important;pointer-events:auto!important;background-image:none!important;border:1px solid #0000!important;border-radius:14px!important;align-items:flex-start!important;gap:12px!important;max-width:350px!important;padding:14px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .25s!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInToast!important;display:flex!important;position:relative!important;bottom:24px!important;right:24px!important;overflow:hidden!important;box-shadow:0 10px 30px #0f172a14,0 4px 12px #0f172a0a!important}.custom-toast:before,.custom-toast:after{content:none!important;display:none!important}.toast-text{color:#fff!important;word-break:break-word!important;margin:0!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important}.custom-toast-container{z-index:999999!important;pointer-events:none!important;flex-direction:column!important;gap:12px!important;width:380px!important;max-width:calc(100vw - 32px)!important;display:flex!important;position:fixed!important;top:24px!important;right:24px!important}.toast-accent-line{width:4px!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.toast-icon-wrapper{border-radius:999px!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;display:flex!important}.toast-icon{font-size:18px!important;display:block!important}.toast-content{flex:1!important;padding-top:6px!important}.toast-close-btn{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;margin-top:2px!important;padding:4px!important;transition:all .2s!important;display:flex!important}.toast-close-btn:hover{color:#475569!important;background:#0000000d!important}.custom-modal-overlay{z-index:99998!important;background:#0f172a73!important;justify-content:center!important;align-items:center!important;padding:16px!important;animation:.2s ease-out forwards fadeInModalBg!important;display:flex!important;position:fixed!important;inset:0!important}.custom-modal-box{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:100%!important;max-width:480px!important;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scaleUpModal!important;overflow:hidden!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.custom-modal-header{border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding:18px 24px!important;display:flex!important}.custom-modal-header h3{color:#0f172a!important;margin:0!important;font-size:16px!important;font-weight:700!important}.custom-modal-body{padding:24px!important}.confirm-message,.prompt-message{color:#334155!important;margin:0!important;font-size:14.5px!important;line-height:1.6!important}.prompt-input{border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;margin-top:16px!important;padding:10px 14px!important;font-size:14px!important;transition:border-color .15s,box-shadow .15s!important}.prompt-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61f!important}.custom-modal-footer{background:#f8fafc!important;border-top:1px solid #f1f5f9!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;display:flex!important}.custom-modal-btn{cursor:pointer!important;border:1px solid #0000!important;border-radius:8px!important;padding:9px 16px!important;font-size:13.5px!important;font-weight:600!important;transition:all .15s!important}.custom-modal-btn.confirm.dangerous{color:#fff!important;background:#ef4444!important}.custom-modal-btn.confirm.dangerous:hover{background:#dc2626!important}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-main:#f8fafc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}body{background:radial-gradient(circle at top left, #2563eb14, transparent 25%), linear-gradient(180deg, var(--bg-main) 0%, #f1f5f9 100%);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-main:#f8fafc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--db-primary:#2563eb;--db-primary-hover:#1d4ed8;--db-primary-light:#eff6ff;--db-bg:#f8fafc;--db-card:#fff;--db-border:#e5e7eb;--db-text:#0f172a;--db-muted:#64748b;--db-shadow:0 1px 3px #0f172a0d, 0 4px 16px #0f172a0f;--db-green:#10b981;--db-red:#ef4444;--db-amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;overflow-x:hidden;color:#0f172a!important;background:#f8fafc!important}.login-layout,.layout{min-height:100vh}.login-layout{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px 16px 32px;display:flex}.login-header{justify-content:space-between;align-items:center;width:100%;max-width:460px;display:flex}.login-brand{color:#fff;letter-spacing:.01em;border-radius:16px;padding:12px 20px;font-weight:700;background:#1d4ed8!important}.login-menu-button{cursor:pointer;color:#241912;background:#0f172a0f;border:none;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.login-card{background:#fff;border:1px solid #f8e1c3e6;border-radius:28px;flex-direction:column;gap:28px;width:100%;max-width:460px;padding:36px 32px;display:flex}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-forgot{color:#2563eb;font-weight:600;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-input{color:#241912;background:#fff;border:1px solid #d1d5db;border-radius:18px;width:100%;padding:16px 18px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input:focus{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1f!important}.login-submit-button{color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px 0;font-size:1rem;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;background:#2563eb!important}.login-submit-button:hover{background:#1d4ed8!important;box-shadow:0 10px 25px #2563eb40!important}.login-submit-button:active{transform:scale(.98)}.login-signup{color:#6b7280;justify-content:center;gap:8px;font-size:.95rem;display:flex}.login-signup a{color:#2563eb;font-weight:700;text-decoration:none}.login-signup a:hover{text-decoration:underline}.login-footer{color:#6b7280;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:460px;font-size:.9rem;display:flex}.login-footer-links{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.login-footer-links a{color:#6b7280;text-decoration:none}.login-footer-links a:hover{text-decoration:underline}.menu-item.active{background:var(--db-primary);color:#fff}.top-actions{align-items:center;gap:18px;display:flex}.section{margin-bottom:42px}.section-title{color:#6b7280;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,2vw,22px);width:100%;display:grid}.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{width:100%;min-width:0;height:auto;min-height:104px;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:16px;padding:22px;text-decoration:none;transition:all .2s;display:flex;overflow:visible}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;color:#2563eb!important;background:#eff6ff!important}.card h3{margin-bottom:7px;font-size:16px;font-weight:700;line-height:1.25}.card-description{color:#7b8794;margin:0;font-size:14px;line-height:1.45}.material-symbols-outlined{padding:11px;font-size:24px;vertical-align:middle!important;justify-content:center!important;align-items:center!important;font-style:normal!important;line-height:1!important;display:inline-flex!important}.menu-item span.material-symbols-outlined,.logout span.material-symbols-outlined{font-size:20px}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-header-title .material-symbols-outlined{color:#2563eb;font-size:18px}.notif-empty .material-symbols-outlined{opacity:.5;margin-bottom:8px;font-size:40px}.notif-icon .material-symbols-outlined{font-size:18px}.system-topbar{justify-content:space-between;align-items:center;padding:20px 0;display:flex;flex-wrap:wrap!important;gap:12px!important}.system-topbar-title{font-size:24px;font-weight:700}.system-topbar-actions{align-items:center;gap:14px;display:flex;flex-wrap:wrap!important}.icon-button{color:#4b5563;cursor:pointer;border:1px solid #e5e7eb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;background:#f8fafc!important;border-color:#e2e8f0!important}.icon-button:hover{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}.system-avatar{border:1px solid #e5e7eb;border-radius:50%;width:40px;height:40px;overflow:hidden}.system-avatar img{object-fit:cover;width:100%;height:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important;display:grid!important}.stat-card{background:#fff;border:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;display:flex;border-radius:16px!important;padding:12px 16px!important}.stat-label{color:#7b8794;margin:0 0 4px;font-size:.85rem}.stat-value{color:#241912;margin:0;font-weight:700;font-size:clamp(24px,3vw,32px)!important}.stat-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;place-items:center;width:48px;height:48px;display:flex}.stat-icon-primary{color:#1d4ed8!important;background:#dbeafe!important}.stat-icon-secondary{color:#0369a1!important;background:#e0f2fe!important}.stat-icon-tertiary{color:#6d28d9!important;background:#ede9fe!important}.camera-badge-record{color:#fff;background:#ef4444ed}.transaction-label{letter-spacing:.15em;text-transform:uppercase;color:#6b7280;font-size:12px}.transaction-plate{letter-spacing:.05em;color:#111827;background:var(--bg-main,#f8fafc);border:1px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;min-height:80px;padding:0 18px;font-size:28px;font-weight:700;display:inline-flex}.transaction-status{border-radius:9999px;align-items:center;gap:10px;width:fit-content;padding:8px 12px;font-weight:700;display:inline-flex;color:#1d4ed8!important;background:#eff6ff!important}.transaction-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.transaction-row-label{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.transaction-row-value{color:#111827;font-size:16px;font-weight:600}.transaction-total{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:16px}.transaction-price{font-size:20px;color:#2563eb!important}.shortcut-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:border-color .2s,background .2s;display:inline-flex;flex:auto!important;min-width:0!important}.shortcut-button:hover{border-color:#2563eb!important}.shortcut-primary{color:#1e40af!important;background:#2563eb14!important;border-color:#2563eb4d!important}.card-page{width:100%;max-width:100%;color:#0f172a!important;background:#f8fafc!important;padding:clamp(16px,2vw,28px) clamp(16px,2.5vw,32px)!important}.cardpage-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px;display:flex}.cardpage-header-left{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.cardpage-back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex;box-shadow:0 12px 24px #0f172a0f}.cardpage-back-button:hover{background:#f8fafc}.cardpage-page-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:8px;font-size:.78rem}.cardpage-page-title h1{color:#0f172a;margin:0;font-size:clamp(2rem,2.6vw,2.8rem)}.cardpage-user-badge{text-align:center;border:1px solid #fcd34d;border-radius:16px;min-width:120px;padding:12px 18px;font-weight:700;color:#1e40af!important;background:#eff6ff!important;border-color:#bfdbfe!important}.cardpage-summary-grid{margin-bottom:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:clamp(12px,2vw,20px)!important}.cardpage-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:12px;padding:28px;display:flex;box-shadow:0 15px 30px #0f172a0d}.summary-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.summary-value{color:#0f172a;font-weight:800;font-size:clamp(1.5rem,3vw,2.15rem)!important}.summary-note{color:#64748b;font-size:.95rem;line-height:1.75}.cardpage-toolbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex;flex-wrap:wrap!important;gap:12px!important}.cardpage-filters{align-items:flex-end;display:flex;flex-wrap:wrap!important;gap:12px!important}.cardpage-filter-group{gap:10px;display:grid}.cardpage-filter-group label{color:#64748b;font-size:.9rem}.cardpage-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-width:180px;padding:12px 14px;box-shadow:inset 0 1px 3px #0f172a0f}.cardpage-button.primary{color:#fff;background:#2563eb!important}.cardpage-button.secondary{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.cardpage-actions{gap:14px;display:flex;flex-wrap:wrap!important}.occupancy-bar-column{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;width:32px;min-width:0;display:flex}.occupancy-y-label{color:#6b7280;text-align:right;font-size:.82rem}.occupancy-bar{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border-radius:9999px 9999px 8px 8px;justify-content:center;align-items:flex-start;width:100%;max-width:24px;transition:transform .2s;display:flex;position:relative;overflow:visible}.occupancy-grid-line{border-top:1px solid #0f172a14}.occupancy-bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.occupancy-bar:hover{transform:scale(1.02)}.bar-value-inside{color:#000;text-shadow:0 1px 2px #0006;white-space:nowrap;font-size:.72rem;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.bar-hour-label{color:#475569;transform-origin:50%;white-space:nowrap;margin-top:6px;font-size:.72rem;transform:rotate(-45deg)}.cardpage-status{border-radius:9999px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.cardpage-status.active{color:#166534;background:#dcfce7}.cardpage-status.locked{color:#b91c1c;background:#fee2e2}.cardpage-status.expired{color:#6b21a8;background:#f3e8ff}.cardpage-status.deleted{color:#475569;background:#f1f5f9}.cardpage-icon-button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.cardpage-pagination{align-items:center;gap:10px;display:inline-flex}.pagination-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:42px;height:42px;font-weight:700}.pagination-button.active{color:#fff;background:#2563eb!important;border-color:#0000!important}.cardpage-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cardpage-modal{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90vh;animation:.22s modalIn;overflow-y:auto;box-shadow:0 32px 64px #0f172a2e}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cardpage-modal-header{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.cardpage-modal-header h2{color:#0f172a;margin:0;font-size:1.4rem}.cardpage-modal-close{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:inline-flex}.cardpage-modal-close:hover{color:#b91c1c;background:#fee2e2}.cardpage-modal-form{flex-direction:column;gap:18px;padding:24px 28px 28px;display:flex}.cardpage-form-group{flex-direction:column;gap:8px;display:flex}.cardpage-form-group label{color:#334155;font-size:.88rem;font-weight:600}.cardpage-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.cardpage-input:focus{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important}.cardpage-modal-actions{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.desc-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.month-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.month-back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;transition:background .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a14}.month-back-button:hover{background:#f8fafc;border-color:#94a3b8}.month-title-section{flex:1;min-width:250px}.month-header-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.month-user-badge{color:#1e3a8a;text-align:center;background:#fffbeb;border:2px solid #fbbf24;border-radius:9999px;padding:10px 20px;font-size:.95rem;font-weight:700}.month-breadcrumb{color:#7b8794;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-active{color:#2563eb;font-weight:600}.month-title-section h1{color:#241912;margin:0;font-size:2rem;font-weight:700}.month-actions{flex-wrap:wrap;gap:12px;display:flex}.month-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a14}.month-btn:hover{background:#f8fafc;border-color:#94a3b8}.month-btn-primary{color:#fff;background:#2563eb;border:none}.month-btn-primary:hover{background:#e55a00;box-shadow:0 8px 24px #ff6b0040}.month-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.month-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 8px 20px #0f172a0f}.stat-content{flex:1}.stat-change{border-radius:6px;padding:4px 10px;font-size:.9rem;font-weight:700}.stat-change.positive{color:#059669;background:#ecfdf5}.stat-change.negative{color:#dc2626;background:#fef2f2}.stat-change.neutral{color:#1e40af;background:#eff6ff}.month-search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-input-wrapper{color:#241912;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex:1;gap:10px;min-width:300px;padding:12px 16px;box-shadow:0 4px 12px #0f172a0f;align-items:center!important;display:flex!important;position:relative!important}.search-input-wrapper input{color:#1f2937;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;flex:1;width:100%;font-size:14px;transition:border-color .2s;box-sizing:border-box!important;height:46px!important;padding:0 14px 0 46px!important;line-height:1!important}.search-input-wrapper input::placeholder{color:#cbd5e1}.filter-btn,.sort-download-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a0f}.filter-btn:hover,.sort-download-btn:hover{background:#f8fafc;border-color:#94a3b8}.month-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;overflow-x:auto;box-shadow:0 12px 30px #0f172a14}.month-table{border-collapse:collapse;width:100%;font-size:.9rem}.month-table th{text-align:left;color:#7b8794;letter-spacing:.05em;text-transform:uppercase;background:0 0;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:.8rem;font-weight:700}.month-table td{color:#241912;border-bottom:1px solid #f3f4f6;padding:16px 12px}.month-table tbody tr:hover{background:#faf9f7}.status-badge{color:#86efac;white-space:nowrap;background:#22c55e26;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge.active{color:#047857;background:#d1fae5}.status-badge.expiring{color:#1d4ed8;background:#fed7aa}.status-badge.expired{color:#b91c1c;background:#fecaca}.action-icon-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:inline-flex}.action-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#ffd699}.month-pagination-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.pagination-info{color:#7b8794;font-size:.9rem}.month-pagination{align-items:center;gap:8px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:38px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.page-btn:hover{background:#f8fafc;border-color:#cbd5e1}.page-btn.active{color:#fff;background:#3b82f6;border:#3b82f6}.single-card-page{color:#e2e8f0;width:100%;min-height:100vh;padding:24px 30px;background:#1a1f2e!important}.single-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.single-back-btn{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.single-back-btn:hover{background:#0f172ab3}.single-page-title{color:#f8fafc;flex:1;margin:0;font-size:1.8rem;font-weight:700}.single-edit-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background .2s;display:inline-flex;background:#2563eb!important;box-shadow:0 8px 20px #2563eb4d!important}.single-edit-btn:hover{background:#1d4ed8!important}.single-current-rate{background:#1e293b80;border:1px solid #94a3b826;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px;display:flex}.rate-info{align-items:center;gap:16px;display:flex}.rate-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;color:#60a5fa!important;background:#2563eb26!important}.rate-text{flex-direction:column;gap:4px;display:flex}.rate-label{color:#94a3b8;margin:0;font-size:.85rem}.rate-times{align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex;color:#60a5fa!important}.time-slot{display:inline}.time-separator{color:#64748b}.single-edit-link{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;transition:background .2s;display:inline-flex;color:#60a5fa!important;border-color:#2563eb4d!important}.single-edit-link:hover{background:#2563eb1a!important}.single-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px;display:grid}.single-pricing-card{background:#1e293b80;border:1px solid #94a3b826;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.card-header{align-items:center;gap:12px;display:flex}.card-title-block{flex-direction:column;gap:2px;display:flex}.card-title-block h3{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:700}.card-title-block p{color:#94a3b8;margin:0;font-size:.8rem}.card-prices{flex-direction:column;gap:12px;display:flex}.price-row{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.price-row:last-child{border-bottom:none}.price-label{color:#cbd5e1;font-size:.9rem}.card-edit-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:8px;padding:10px 12px;font-weight:600;transition:all .2s}.card-edit-btn:hover{color:#60a5fa!important;background:#2563eb1a!important;border-color:#2563eb4d!important}.single-surcharge-section{background:#1e293b80;border:1px solid #94a3b826;border-radius:16px;margin-bottom:32px;padding:24px}.section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-header h2{color:#f8fafc;margin:0;font-size:1.2rem;font-weight:700}.section-header:before{content:"";border-radius:2px;flex-shrink:0;width:4px;height:20px;background:#2563eb!important}.single-surcharge-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.single-surcharge-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:.9rem}.single-surcharge-table th{text-align:left;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #94a3b826;padding:12px;font-size:.75rem;font-weight:700}.single-surcharge-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #94a3b81a;padding:16px 12px}.table-item-name{align-items:center;gap:8px;display:inline-flex}.table-item-icon{flex-shrink:0;font-size:1.1rem;color:#60a5fa!important}.single-history-section{background:#1e293b80;border:1px solid #94a3b826;border-radius:16px;margin-bottom:32px;padding:24px}.section-header-with-link{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header-with-link h2{color:#f8fafc;margin:0;font-size:1.2rem;font-weight:700}.view-all-link{cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;color:#60a5fa!important}.view-all-link:hover{text-decoration:underline}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#0f172a4d;border:1px solid #94a3b81a;border-left:3px solid #3b82f6;border-radius:12px;align-items:flex-start;gap:16px;padding:16px 16px 16px 12px;display:flex}.history-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;color:#60a5fa!important;background:#2563eb1f!important}.history-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.history-content h4{color:#f8fafc;margin:0;font-size:.95rem;font-weight:600}.history-content p{color:#94a3b8;word-break:break-word;margin:0;font-size:.85rem}.history-date{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.85rem}.single-footer{text-align:center;color:#64748b;border-top:1px solid #94a3b81a;padding:20px 0;font-size:.85rem}.single-footer p{margin:0}@media (width<=768px){.single-card-page{padding:16px}.single-page-title{font-size:1.3rem}.single-current-rate{flex-direction:column;align-items:flex-start}.single-pricing-grid{grid-template-columns:1fr}.history-item{flex-wrap:wrap}.history-date{width:100%;margin-top:4px}}@media (width<=480px){.single-header{grid-template-columns:220px 1fr 220px;align-items:center;margin-bottom:32px;display:grid}.single-page-title{text-align:center;color:#fff;margin:0;font-size:1.8rem;font-weight:700}.single-edit-btn{justify-self:end}.single-back-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:12px;width:auto;height:auto;padding:12px 20px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a14}.single-back-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.single-back-btn .material-symbols-outlined{font-size:24px}}.occupancy-back-button{align-items:center;padding:12px 18px;display:inline-flex;position:absolute;top:20px;left:20px;color:#334155!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:99px!important}.lost-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.lost-header-left{align-items:center;gap:16px;display:flex}.lost-back-button{cursor:pointer;color:#241912;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.lost-back-button:hover{transform:translate(-3px)}.lost-header-left h1{color:#241912;margin:0;font-size:24px;font-weight:700}.lost-header-right{align-items:center;gap:16px;display:flex}.lost-bell-button{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:relative}.lost-bell-button:hover{background-color:#0000000d}.lost-bell-button .bell-badge{content:"";background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.lost-avatar{color:#4b5563;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lost-stat-icon.warning{color:#d97706;background-color:#eff6ff}.lost-stat-icon.success{color:#0284c7;background-color:#e0f2fe}.lost-toolbar{background:#fff;border:1px solid #e5e7eb;margin-bottom:24px;padding:20px 24px;box-shadow:0 4px 6px -1px #0000000d;border-radius:14px!important}.search-input-wrapper,.date-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper span{color:#9ca3af;font-size:20px;position:absolute;left:14px}.search-input-wrapper input:focus{border-color:#2563eb!important}.lost-select{color:#1f2937;cursor:pointer;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.lost-select:focus{border-color:#2563eb!important}.date-input-wrapper input{color:#1f2937;cursor:default;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;padding:12px 42px 12px 14px;font-size:14px;box-sizing:border-box!important;width:100%!important;height:46px!important;padding-left:14px!important;padding-right:46px!important}.date-input-wrapper span{color:#9ca3af;font-size:20px;position:absolute;right:14px}.footer-info{color:#64748b;font-size:13px;font-weight:500}.lost-pagination{align-items:center;gap:6px;display:flex}.lost-pagination .page-btn{color:#4b5563;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.lost-pagination .page-btn:hover{background-color:#f1f5f9}.lost-pagination .page-btn.active{color:#fff;background-color:#2563eb!important;border-color:#2563eb!important}.log-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.log-header-left{align-items:center;gap:16px;display:flex}.log-back-button{cursor:pointer;color:#241912;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.log-back-button:hover{transform:translate(-3px)}.log-header-left h1{color:#241912;margin:0;font-size:24px;font-weight:700}.log-header-right{align-items:center;gap:20px;display:flex}.log-icon-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:relative}.log-icon-btn:hover{background-color:#0000000d}.log-icon-btn .bell-badge{content:"";background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.log-user-profile{border-left:1px solid #e5e7eb;align-items:center;gap:12px;padding-left:20px;display:flex}.profile-text{flex-direction:column;align-items:flex-end;display:flex}.profile-name{color:#1f2937;font-size:14px;font-weight:700}.profile-role{color:#6b7280;letter-spacing:.05em;font-size:11px;font-weight:600}.profile-avatar{color:#fff;border:2px solid #fdba74;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;background-color:#2563eb!important;border-color:#93c5fd!important}.log-stats-grid{margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:clamp(12px,2vw,24px)!important}.log-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:140px;padding:24px;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.log-stat-card.failed-card{border-left:4px solid #ef4444}.log-stat-header{justify-content:space-between;align-items:center;width:100%;display:flex}.log-stat-icon-top{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.log-stat-icon-top.group-icon{color:#2563eb;background-color:#eff6ff}.log-stat-icon-top.alert-icon{color:#ef4444;background-color:#fee2e2}.log-stat-icon-top span{font-size:20px}.badge-today{color:#166534;background-color:#f0fdf4;border-radius:9999px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700}.badge-stable{color:#0f766e;background-color:#f0fdfa;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}.badge-alert{color:#991b1b;background-color:#fef2f2;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}.log-stat-body{margin-top:16px}.log-stat-label{color:#9ca3af;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700}.log-stat-value{color:#111827;font-size:36px;font-weight:800;line-height:1}.log-stat-value.text-red{color:#dc2626}.log-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 4px 6px -1px #0000000d}.log-filters{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.log-filter-group{flex-direction:column;gap:8px;display:flex}.log-filter-group label{color:#6b7280;font-size:13px;font-weight:600}.log-filter-group.search-group{flex:2;min-width:260px}.log-filter-group.date-group{flex:1.5;min-width:220px}.log-filter-group.dropdown-group{flex:1;min-width:150px}.log-select{color:#1f2937;cursor:pointer;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.log-select:focus{border-color:#1e3a8a}.log-filter-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:46px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.log-filter-button:hover{background-color:#d97706}.log-timestamp{color:#6b7280;font-weight:500}.user-avatar-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.initials-NL{color:#1d4ed8;background-color:#eff6ff}.initials-UK{color:#b91c1c;background-color:#fee2e2}.initials-TH{color:#047857;background-color:#ecfdf5}.initials-AD{color:#1d4ed8;background-color:#eff6ff}.initials-LV{color:#6d28d9;background-color:#f3e8ff}.log-ip-link{color:#2563eb;font-weight:500;text-decoration:underline}.log-ip-link:hover{color:#1d4ed8}.log-device-cell{align-items:center;gap:8px;display:flex}.device-icon{color:#4b5563;font-size:20px}.device-icon.text-red{color:#dc2626}.status-badge-log{text-align:center;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.status-badge-log.success{color:#065f46;background-color:#d1fae5}.status-badge-log.failed{color:#991b1b;background-color:#fee2e2}.log-action-btn{cursor:pointer;color:#1d4ed8;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.log-action-btn:hover{background-color:#0000000d}.log-pagination .page-btn{cursor:pointer;color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.log-pagination .page-btn:hover{background-color:#f1f5f9}.log-pagination .page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.pagination-dots{color:#6b7280;padding:0 4px;font-weight:700}.log-bottom-widgets{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:12px;display:grid}.widget-card{border-radius:20px;justify-content:space-between;align-items:center;min-height:120px;padding:24px 30px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.widget-card.security-report{color:#fff;background-color:#1d4ed8}.widget-card.security-report h3{margin-bottom:6px;font-size:18px;font-weight:700}.widget-card.security-report p{opacity:.85;margin:0;font-size:13px;line-height:1.5}.widget-card.system-status{color:#1e3a8a;background-color:#dbeafe;border:1px solid #bfdbfe}.widget-card.system-status h3{margin-bottom:6px;font-size:18px;font-weight:700}.widget-card.system-status p{color:#1e40af;margin:0;font-size:13px;line-height:1.5}.widget-action-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background-color .2s;display:flex}.widget-action-btn:hover{background-color:#ffffff4d;transform:translate(3px)}.status-indicator-circle{color:#1e3a8a;background-color:#bfdbfe;border:2px solid #93c5fd;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.status-indicator-circle span{font-weight:700}.month-log-stat-card .card-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.month-log-stat-card .card-body{margin-top:16px}.status-badge-month{text-align:center;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.status-badge-month.status-success{color:#1d4ed8;background-color:#dbeafe}.status-badge-month.status-processing{color:#1d4ed8;background-color:#eff6ff}.status-badge-month.status-failed{color:#b91c1c;background-color:#fee2e2}.month-log-pagination .page-btn.active{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8}.settings-page{background-color:#0000;flex-direction:column;gap:24px;max-width:100%;min-height:100vh;margin:0 auto;display:flex;padding:0 32px 60px!important}.settings-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-header-left{align-items:center;gap:20px;display:flex}.settings-back-btn{cursor:pointer;color:#1f2937;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:transform .2s;display:flex}.settings-back-btn:hover{transform:translate(-3px)}.settings-header-left h1{color:#111827;font-size:26px;font-weight:700}.settings-header-right{align-items:center;gap:16px;display:flex}.settings-bell-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:background-color .2s;display:grid}.settings-bell-btn:hover{background-color:#0000000d}.settings-profile{border-left:1px solid #e5e7eb;align-items:center;gap:12px;padding-left:20px;display:flex}.settings-profile .profile-text{flex-direction:column;align-items:flex-end;display:flex}.settings-profile .profile-name{color:#1f2937;font-size:14px;font-weight:700}.settings-profile .profile-role{color:#6b7280;letter-spacing:.05em;font-size:11px;font-weight:600}.settings-profile .profile-avatar{color:#fff;background-color:#2563eb;border:2px solid #fdba74;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.settings-content{flex-direction:column;gap:28px;display:flex}.settings-section-card{background:#fff;border:1px solid #f2e2d2;border-radius:18px;padding:30px;box-shadow:0 4px 12px #78280005}.settings-section-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.settings-section-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-section-icon.orange-bg{background-color:#eff6ff}.settings-section-header h2{color:#111827;font-size:18px;font-weight:700}.settings-section-body{flex-direction:column;gap:20px;display:flex}.settings-row{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-group label{color:#4b5563;font-size:13px;font-weight:600}.settings-group input[type=text],.settings-group input[type=number]{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.settings-group input[type=text]:focus,.settings-group input[type=number]:focus{border-color:#2563eb}.input-with-button{align-items:center;display:flex;position:relative}.input-with-button input{padding-right:48px!important}.settings-browse-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:36px;height:36px;transition:background-color .2s;display:grid;position:absolute;right:6px}.settings-browse-btn:hover{color:#111827;background-color:#f3f4f6}.settings-logo-row{flex-direction:column;gap:10px;margin-top:8px;display:flex}.logo-label-title{color:#4b5563;font-size:13px;font-weight:600}.logo-upload-container{align-items:center;gap:20px;display:flex}.logo-preview-box{color:#2563eb;background-color:#eff6ff;border:1.5px solid #dbeafe;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.uploaded-logo-img{object-fit:cover;width:100%;height:100%}.logo-preview-box span{font-size:32px}.logo-upload-actions{flex-direction:column;gap:6px;display:flex}.logo-upload-btn{color:#374151;cursor:pointer;background-color:#e5e7eb;border-radius:10px;width:fit-content;padding:10px 18px;font-size:13px;font-weight:600;transition:background-color .2s}.logo-upload-btn:hover{background-color:#d1d5db}.logo-upload-tip{color:#6b7280;font-size:12px}.settings-sub-panel{background-color:#fafbfb;border:1px solid #f3f4f6;border-radius:14px;padding:20px}.settings-sub-panel h3{color:#374151;margin-bottom:16px;font-size:14px;font-weight:700}.select-wrapper{width:100%;position:relative}.select-wrapper select{color:#1f2937;cursor:pointer;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.select-wrapper select:focus{border-color:#2563eb}.select-wrapper:after{content:"expand_more";color:#6b7280;pointer-events:none;font-family:Material Symbols Outlined;font-size:20px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.settings-toggle-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-info{flex-direction:column;gap:4px;display:flex}.toggle-title{color:#1f2937;font-size:14px;font-weight:700}.toggle-desc{color:#6b7280;font-size:13px}.toggle-switch{width:46px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e5e7eb;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.slider{background-color:#1d4ed8}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.settings-divider{border:none;border-top:1px solid #f3f4f6;margin:10px 0}.input-tip-desc{color:#6b7280;margin-top:4px;font-size:12px}.mt-16{margin-top:16px}.settings-actions{justify-content:flex-end;align-items:center;gap:16px;margin-top:12px;display:flex}.settings-cancel-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:14px;font-weight:600;transition:color .2s}.settings-cancel-btn:hover{color:#111827}.settings-save-btn{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.settings-save-btn:hover{background-color:#1e3a8a;transform:translateY(-1px)}.settings-save-btn:active{transform:translateY(0)}.stats-dashboard-page{color:#1f2937;box-sizing:border-box;background-color:#fafbfb;width:100%;min-height:100vh;padding-bottom:60px;font-family:Inter,-apple-system,sans-serif}.stats-top-bar{z-index:100;background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.stats-top-bar-title{color:#1e293b;font-size:16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.stats-back-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:transform .2s,color .2s;display:flex}.stats-back-btn:hover{color:#1f2937;transform:translate(-3px)}.stats-page-title{color:#000;align-content:baseline;margin:0;font-size:20px;font-weight:700}.stats-header-right{align-items:center;gap:20px;display:flex}.stats-bell-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:50%;place-items:center;width:38px;height:38px;transition:background-color .2s;display:grid}.stats-bell-btn:hover{background-color:#f1f5f9}.stats-profile{border-left:1px solid #e2e8f0;align-items:center;gap:12px;padding-left:20px;display:flex}.stats-profile .profile-name{color:#374151;font-size:13px;font-weight:600}.stats-profile .profile-avatar{color:#fff;background-color:#2563eb;border:2px solid #eff6ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.stats-container{flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:24px 24px 0;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:12px;font-weight:500}.filter-select{color:#1f2937;cursor:pointer;appearance:none;background-color:#fafbfb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 42px;font-size:14px;font-weight:600}.filter-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.filter-btn:hover{background-color:#1d4ed8;transform:translateY(-1px)}.filter-btn span{font-size:18px}.logout-bg{background-color:#fef2f2}.monitor-bg{background-color:#eff6ff}.text-red{color:#dc2626}.text-purple{color:#4f46e5}.details-link{color:#2563eb;font-size:13px;font-weight:750;text-decoration:none}.details-link:hover{text-decoration:underline}.analytics-svg{width:100%;min-width:900px;height:320px;display:block}.svg-axis-lbl{fill:#94a3b8;font-size:11px;font-weight:600}.svg-axis-title-left,.svg-axis-title-right,.svg-x-lbl{fill:#64748b;font-size:11px;font-weight:600}.chart-dot{cursor:pointer;transition:r .2s,stroke-width .2s}.chart-dot:hover{r:8px;stroke-width:3px}.chart-bar{cursor:pointer;background-color:#ef6c00cc;border-top-left-radius:6px;border-top-right-radius:6px;width:100%;transition:all .3s;position:relative}.chart-bar:hover{opacity:.8;background-color:#ef6c00}.red-dot{background-color:#d84315}.blue-dot{background-color:#1d4ed8}.text-gray-500{color:#64748b}.status-tag.success{color:#15803d;background-color:#dcfce7}.view-all-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:transform .2s;display:flex}.view-all-btn:hover{transform:translate(4px)}.view-all-btn span{font-size:18px}@media (width<=1024px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-top-bar{padding:14px 20px}.stats-cards-grid{grid-template-columns:1fr}.filter-card{flex-direction:column;align-items:stretch}.filter-group{width:100%}}.login-divider{text-align:center;color:#9ca3af;align-items:center;margin:20px 0;font-size:13px;font-weight:500;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.login-divider:not(:empty):before{margin-right:.5em}.login-divider:not(:empty):after{margin-left:.5em}.google-login-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 28px;font-size:14px;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex}.google-login-btn:hover{background-color:#f9fafb;box-shadow:0 1px 3px #0000000d}.google-login-btn svg{width:18px;height:18px}.avatar-wrapper{display:inline-block;position:relative!important}.user-dropdown{background-color:#fff;padding:8px 0;animation:.15s ease-out fadeInDown;z-index:100!important;background:#fff!important;border:1px solid #f1f5f9!important;border-radius:12px!important;min-width:220px!important;position:absolute!important;top:48px!important;right:0!important;overflow:hidden!important;box-shadow:0 4px 6px -1px #00000012,0 10px 30px #0000001a!important}.user-dropdown-info{margin-bottom:6px;border-bottom:1px solid #f8fafc!important;padding:14px 16px!important}.user-dropdown-email{word-break:break-all;color:#0f172a!important;font-size:13px!important;font-weight:600!important}.user-dropdown-role{text-transform:uppercase;font-weight:700;color:#94a3b8!important;margin-top:2px!important;font-size:12px!important}.user-dropdown-item{text-align:left;color:#ef4444!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 16px!important;font-size:13px!important;font-weight:500!important;transition:background .15s!important;display:flex!important}.user-dropdown-item:hover{background-color:#fef2f2;background:#fff1f1!important}.user-dropdown-item span{font-size:18px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.content{padding:24px 20px 48px}.card-grid,.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=600px){.layout{flex-direction:column}.sidebar{width:100%;min-width:unset;border-bottom:1px solid #e5e7eb;border-right:none;flex-flow:wrap;height:auto;position:static}.content{padding:16px 14px 40px}.card-grid,.card-grid.four{grid-template-columns:1fr}}.custom-toast.success{color:#14532d;border:1px solid #bbf7d0;background:#fff!important;border-color:#bbf7d0!important;border-left-style:solid!important;border-left-width:5px!important}.custom-toast.error{color:#7f1d1d;border:1px solid #fecaca;background:#fff!important;border-color:#fecaca!important;border-left-style:solid!important;border-left-width:5px!important}.custom-toast .material-symbols-outlined{font-size:20px}@keyframes toastIn{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.renew-modal-overlay{z-index:10000;background-color:#0f172a73;justify-content:center;align-items:center;animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.renew-modal{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:520px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.renew-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.renew-modal-header h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.renew-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.renew-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.renew-info-grid{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;padding:16px;display:grid}.renew-info-item{flex-direction:column;gap:4px;display:flex}.renew-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.775rem;font-weight:600}.renew-info-value{color:#0f172a;font-size:.95rem;font-weight:700}.renew-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.renew-form-group label{color:#334155;font-size:.875rem;font-weight:600}.renew-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;font-weight:500;transition:border-color .2s}.renew-select:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px #fb923c26}.renew-textarea{color:#0f172a;resize:vertical;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:80px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.renew-textarea:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px #fb923c26}.renew-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.renew-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.925rem;font-weight:600;transition:all .2s;display:inline-flex}.renew-btn.secondary{color:#475569;background-color:#fff;border:1px solid #e2e8f0}.renew-btn.secondary:hover{color:#0f172a;background-color:#f8fafc}.renew-btn.primary{background-color:var(--primary,#2563eb);color:#fff;border:none;box-shadow:0 4px 6px -1px #ea580c33}.renew-btn.primary:hover:not(:disabled){background-color:#d97706}.renew-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mc-page{background-color:#0000;flex-direction:column;gap:24px;width:100%;margin-top:0;display:flex;border-radius:clamp(8px,1.5vw,16px)!important;padding:0 clamp(16px,2vw,24px) clamp(16px,2vw,24px)!important}.mc-stat-icon .material-symbols-outlined{font-size:28px;font-weight:600}.mc-donut-card{background:#fff;border:1px solid #c2c6d94d;border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex;box-shadow:0 4px 12px #0000000d;min-width:clamp(240px,30vw,320px)!important}.mc-donut-title{color:#737687;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin:0 0 16px;font-size:11px;font-weight:700}.mc-donut-wrapper{width:120px;height:120px;margin-bottom:16px;position:relative}.mc-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.mc-donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-donut-percent{color:#191b24;font-size:20px;font-weight:700}.mc-donut-sub{color:#737687;text-transform:uppercase;font-size:9px}.mc-donut-legend{justify-content:center;gap:16px;width:100%;display:flex}.mc-legend-item{color:#424656;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.mc-legend-dot{border-radius:50%;width:8px;height:8px}.mc-legend-active{background:#006d38}.mc-legend-expiring{background:#d0c715}.mc-legend-expired{background:#ba1a1a}.mc-action-bar{white-space:nowrap!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:68px!important;padding:14px 20px!important;display:flex!important;box-shadow:0 2px 8px #0000000a!important}.mc-search-wrapper{flex:auto!important;align-items:center!important;width:100%!important;min-width:200px!important;height:40px!important;display:flex!important;position:relative!important}.mc-search-icon{color:#64748b!important;pointer-events:none!important;margin:0!important;padding:0!important;font-size:20px!important;line-height:1!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.mc-search-input{font-family:Inter,sans-serif;line-height:20px;color:#1e293b!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;height:40px!important;padding:0 14px 0 40px!important;font-size:13.5px!important;transition:all .2s!important}.mc-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.mc-search-input::placeholder{color:#737687}.mc-action-buttons{flex-wrap:nowrap!important;flex:none!important;align-items:center!important;gap:12px!important;height:40px!important;display:flex!important}.mc-th-center{text-align:center}.mc-td-bold{font-weight:700}.mc-td-center{text-align:center}.mc-edit-btn{color:#004bca;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s,color .15s;display:inline-flex}.mc-edit-btn:hover{color:#003ea8;background:#004bca14}.mc-error-message{color:#ba1a1a;text-align:center;padding:24px;font-size:14px;font-weight:700}.mc-loading-message{text-align:center;color:#737687;padding:48px;font-size:14px}.mc-empty-row{text-align:center;color:#737687;padding:32px 16px;font-size:14px}.mc-pagination-footer{border-top:1px solid #c2c6d94d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mc-pagination-info{color:#737687;margin:0;font-size:13px}.mc-pagination-controls{align-items:center;gap:4px;display:flex}.mc-page-nav{color:#737687;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .15s,background-color .15s;display:inline-flex}.mc-page-nav:hover:not(:disabled){color:#004bca;background:#004bca0d}.mc-page-nav:disabled{opacity:.5;cursor:not-allowed}.mc-page-btn{color:#424656;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.mc-page-btn:hover{background:#e7e7f4}.mc-page-btn-active{color:#fff;background:#004bca;font-weight:700}.mc-page-btn-active:hover{background:#003ea8}.mc-page-dots{color:#737687;padding:0 4px;font-size:12px}@media (width<=1024px){.mc-stats-row{flex-direction:column}.mc-donut-card{min-width:unset}}@media (width<=768px){.mc-stats-grid{grid-template-columns:1fr}.mc-action-bar{flex-direction:column;align-items:stretch}.mc-filters{min-width:unset;flex-direction:column}.mc-action-buttons{justify-content:flex-end}.mc-pagination-footer{flex-direction:column;align-items:center;gap:12px}}.cp-page{background-color:#f0f6ff;border:1px solid #d0e1fd;flex-direction:column;gap:24px;width:100%;margin-top:0;display:flex;border-radius:clamp(8px,1.5vw,16px)!important;padding:0 clamp(16px,2vw,24px) clamp(16px,2vw,24px)!important}.cp-stats-row{gap:24px;display:flex;flex-wrap:wrap!important}.cp-stats-grid{flex:1;gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.cp-stat-card{background:#fff;border:1px solid #c2c6d94d;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0000000d}.cp-stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.cp-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cp-stat-icon-primary{color:#004bca;background:#004bca1a}.cp-stat-icon-secondary{color:#006d38;background:#006d381a}.cp-stat-icon-error{color:#ba1a1a;background:#ba1a1a1a}.cp-stat-icon-warning{color:#ecd60e;background:#d0c7151f}.cp-stat-label{color:#737687;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.cp-stat-value{color:#191b24;margin:0;font-size:24px;font-weight:700}.cp-donut-card{background:#fff;border:1px solid #c2c6d94d;border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex;box-shadow:0 4px 12px #0000000d;min-width:clamp(240px,30vw,320px)!important}.cp-donut-title{color:#737687;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin:0 0 16px;font-size:11px;font-weight:700}.cp-donut-wrapper{width:120px;height:120px;margin-bottom:16px;position:relative}.cp-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.cp-donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cp-donut-percent{color:#191b24;font-size:20px;font-weight:700}.cp-donut-sub{color:#737687;text-transform:uppercase;font-size:9px}.cp-donut-legend{justify-content:center;gap:16px;width:100%;display:flex}.cp-legend-item{color:#424656;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.cp-legend-dot{border-radius:50%;width:8px;height:8px}.cp-legend-active{background:#006d38}.cp-legend-locked{background:#ba1a1a}.cp-legend-inactive{background:#ecd60e}.cp-action-bar{background:#fff;border:1px solid #c2c6d94d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex;box-shadow:0 4px 12px #0000000d;flex-wrap:wrap!important;gap:12px!important}.cp-filters{align-items:center;gap:12px;display:flex;flex-wrap:wrap!important;flex:220px!important;min-width:0!important}.cp-search-wrapper{flex:1;align-items:center!important;display:flex!important;position:relative!important}.cp-search-icon{color:#737687;pointer-events:none!important;font-size:20px!important;line-height:1!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.cp-search-input{color:#191b24;background:#fff;border:1px solid #c2c6d9;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-family:Inter,sans-serif;font-size:14px;line-height:20px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box!important;height:46px!important;padding-left:46px!important}.cp-search-input:focus{border-color:#004bca;box-shadow:0 0 0 3px #004bca1f}.cp-search-input::placeholder{color:#737687}.cp-filter-select{color:#191b24;cursor:pointer;background:#fff;border:1px solid #c2c6d9;border-radius:8px;outline:none;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;line-height:20px;transition:border-color .2s}.cp-filter-select:focus{border-color:#004bca}.cp-action-buttons{align-items:center;gap:12px;display:flex;flex-wrap:wrap!important}.cp-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px;transition:all .2s;display:inline-flex}.cp-btn-outline{color:#424656;background:#fff;border:1px solid #c2c6d9}.cp-btn-outline:hover{color:#004bca;background:#004bca0d;border-color:#004bca}.cp-btn-primary{color:#fff;background:#004bca;border:none}.cp-btn-primary:hover{background:#003ea8;box-shadow:0 4px 12px #004bca33}.cp-th-center{text-align:center}.cp-td-bold{font-weight:700}.cp-td-center{text-align:center}.cp-status-badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.cp-status-active{color:#006d38;background:#006d381a}.cp-status-locked{color:#ba1a1a;background:#ba1a1a1a}.cp-status-inactive{color:#bcaa0b;background:#d0c71524}.cp-edit-btn{color:#004bca;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s,color .15s;display:inline-flex}.cp-edit-btn:hover{color:#003ea8;background:#004bca14}.cp-error-message{color:#ba1a1a;text-align:center;padding:24px;font-size:14px;font-weight:700}.cp-loading-message{text-align:center;color:#737687;padding:48px;font-size:14px}.cp-empty-row{text-align:center;color:#737687;padding:32px 16px;font-size:14px}.cp-pagination-footer{border-top:1px solid #c2c6d94d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-pagination-info{color:#737687;margin:0;font-size:13px}.cp-pagination-controls{align-items:center;gap:4px;display:flex}.cp-page-nav{color:#737687;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .15s,background-color .15s;display:inline-flex}.cp-page-nav:hover:not(:disabled){color:#004bca;background:#004bca0d}.cp-page-nav:disabled{opacity:.5;cursor:not-allowed}.cp-page-btn{color:#424656;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.cp-page-btn:hover{background:#e7e7f4}.cp-page-btn-active{color:#fff;background:#004bca;font-weight:700}.cp-page-btn-active:hover{background:#003ea8}.cp-page-dots{color:#737687;padding:0 4px;font-size:12px}.cp-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s cpModalFadeIn;display:flex;position:fixed;inset:0}.cp-modal{background-color:#fff;border:1px solid #d0e1fd;border-radius:16px;width:480px;max-height:90vh;padding:24px;animation:.2s cubic-bezier(.4,0,.2,1) cpModalSlideUp;overflow-y:auto;box-shadow:0 8px 30px #00000026}.cp-modal-header{border-bottom:1px solid #d0e1fd;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.cp-modal-header h2{color:#191b24;margin:0;font-size:1.25rem;font-weight:700}.cp-modal-close{cursor:pointer;color:#737687;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .15s,color .15s;display:inline-flex}.cp-modal-close:hover{color:#004bca;background-color:#004bca0d}.cp-modal-form{flex-direction:column;gap:16px;display:flex}.cp-form-group{flex-direction:column;gap:6px;display:flex}.cp-form-group label{color:#424656;font-size:.875rem;font-weight:600}.cp-input,.cp-select{color:#191b24;background-color:#fff;border:1px solid #c2c6d9;border-radius:8px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.cp-input:focus,.cp-select:focus{border-color:#004bca;box-shadow:0 0 0 3px #004bca1f}.cp-form-error{color:#ba1a1a;margin:4px 0 0;font-size:.85rem;font-weight:600}.cp-modal-actions{border-top:1px solid #d0e1fd;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:16px;display:flex}@keyframes cpModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cpModalSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.cp-stats-row{flex-direction:column}.cp-donut-card{min-width:unset}}@media (width<=768px){.cp-stats-grid{grid-template-columns:1fr}.cp-action-bar{flex-direction:column;align-items:stretch}.cp-filters{min-width:unset;flex-direction:column}.cp-action-buttons{justify-content:flex-end}.cp-pagination-footer{flex-direction:column;align-items:center;gap:12px}.single-card-page{padding:16px}.single-page-title{font-size:1.3rem}.single-current-rate{flex-direction:column;align-items:flex-start}.single-pricing-grid{grid-template-columns:1fr}.history-item{flex-wrap:wrap}.history-date{width:100%;margin-top:4px}}@media (width<=480px){.single-header{grid-template-columns:220px 1fr 220px;align-items:center;margin-bottom:32px;display:grid}.single-page-title{text-align:center;color:#fff;margin:0;font-size:1.8rem;font-weight:700}.single-edit-btn{justify-self:end}.single-back-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:12px;width:auto;height:auto;padding:12px 20px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a14}.single-back-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.single-back-btn .material-symbols-outlined{font-size:24px}}.chart-svg-container{width:100%;padding-bottom:8px;position:relative;overflow-x:auto}@media (width<=1024px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-top-bar{padding:14px 20px}.stats-cards-grid{grid-template-columns:1fr}.filter-card{flex-direction:column;align-items:stretch}.filter-group{width:100%}}@media (width<=900px){.content{padding:24px 20px 48px}.card-grid,.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=600px){.layout{flex-direction:column}.sidebar{width:100%;min-width:unset;border-bottom:1px solid #e5e7eb;border-right:none;flex-flow:wrap;height:auto;position:static}.content{padding:16px 14px 40px}.card-grid,.card-grid.four{grid-template-columns:1fr}}@media (width<=768px){.single-card-page{padding:16px}.single-page-title{font-size:1.3rem}.single-current-rate{flex-direction:column;align-items:flex-start}.single-pricing-grid{grid-template-columns:1fr}.history-item{flex-wrap:wrap}.history-date{width:100%;margin-top:4px}}@media (width<=480px){.single-header{grid-template-columns:220px 1fr 220px;align-items:center;margin-bottom:32px;display:grid}.single-page-title{text-align:center;color:#fff;margin:0;font-size:1.8rem;font-weight:700}.single-edit-btn{justify-self:end}.single-back-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:12px;width:auto;height:auto;padding:12px 20px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f172a14}.single-back-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.single-back-btn .material-symbols-outlined{font-size:24px}}@media (width<=1024px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-top-bar{padding:14px 20px}.stats-cards-grid{grid-template-columns:1fr}.filter-card{flex-direction:column;align-items:stretch}.filter-group{width:100%}}@media (width<=900px){.content{padding:24px 20px 48px}.card-grid,.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=600px){.layout{flex-direction:column}.sidebar{width:100%;min-width:unset;border-bottom:1px solid #e5e7eb;border-right:none;flex-flow:wrap;height:auto;position:static}.content{padding:16px 14px 40px}.card-grid,.card-grid.four{grid-template-columns:1fr}}@keyframes rtp-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.rtp-page{flex-direction:column}.rtp-sidebar{border-bottom:1px solid #e2e2e5;border-right:none;width:100%;height:auto;position:static}}.dashboard-desktop{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.dashboard-header h2{color:#191c1d;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:700}.dashboard-header p{color:#584236;margin-top:4px;font-size:16px}.dashboard-refresh-btn{color:#584236;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background-color:#0000;border:1px solid #8c7164;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;transition:background-color .2s;display:flex}.dashboard-refresh-btn:hover{background-color:#e7e8e9}.quick-actions-section{margin-bottom:8px}.quick-actions-section h3{color:#584236;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:700}.quick-actions-grid{grid-template-columns:repeat(8,1fr);gap:16px;display:grid}@media (width<=992px){.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=576px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.action-btn{cursor:pointer;background-color:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:12px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.action-btn:hover{background-color:var(--bg-main,#f8fafc);border-color:#ffb68f}.action-btn:active{transform:scale(.95)}.action-btn span.material-symbols-outlined{color:#2563eb;margin-bottom:4px;font-size:24px;transition:transform .2s}.action-btn:hover span.material-symbols-outlined{transform:scale(1.1)}.action-btn span.action-label{color:#584236;font-size:11px;font-weight:700}.briefs-row{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.facility-brief-col{grid-column:span 7}.financial-brief-col{grid-column:span 5}@media (width<=992px){.facility-brief-col,.financial-brief-col{grid-column:span 12}}.facility-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.financial-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=576px){.facility-grid{grid-template-columns:repeat(2,1fr)}}.brief-card{background-color:#fff;border:1px solid #00000014;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.brief-card span{color:#584236;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.brief-card p{color:#191c1d;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.brief-card.error-card span,.brief-card.error-card p{color:#ba1a1a}.brief-card.financial-green{border-left:4px solid #1b6d24}.brief-card.financial-blue{border-left:4px solid #005faf}.revenue-trend-section{background-color:#fff;border:1px solid #00000014;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000a}.trend-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.trend-header-left h3{color:#191c1d;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600}.trend-header-left p{color:#584236;margin-top:4px;font-size:14px}.trend-header-right{align-items:center;gap:12px;display:flex}.trend-legend-item{color:#584236;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.trend-legend-dot{border-radius:4px;width:12px;height:12px}.trend-legend-dot.orange{background-color:#ef6c00}.trend-legend-dot.circle-orange{background-color:#ef6c00;border-radius:50%;width:8px;height:8px}.trend-legend-badge{background-color:#edeeef;border-radius:9999px;align-items:center;gap:8px;padding:4px 12px;display:flex}.trend-period-select{color:#191c1d;cursor:pointer;background-color:#f3f4f5;border:1px solid #e0c0b0;border-radius:8px;outline:none;padding:8px 16px;font-size:12px;font-weight:700}.bar-chart-container{box-sizing:border-box;background-color:#f3f4f54d;border:1px solid #e1e3e480;border-radius:12px;justify-content:space-around;align-items:flex-end;width:100%;height:320px;padding:0 32px 40px;display:flex;position:relative;overflow:hidden}.chart-grid-lines{pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:48px 16px;display:flex;position:absolute;inset:0}.chart-grid-line{border-top:1px solid #191c1d0d;justify-content:flex-end;width:100%;display:flex}.chart-grid-line span{color:#58423680;margin-top:-16px;font-size:10px}.chart-grid-line.baseline{border-top:1px solid #191c1d1a}.chart-bar-group{z-index:10;flex-direction:column;align-items:center;gap:12px;width:48px;display:flex}.chart-bar.highlight{background-color:#ef6c00}.chart-bar-indicator{background-color:#ef6c00;border:4px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}.chart-bar-label{color:#584236;text-transform:uppercase;font-size:10px;font-weight:700}.chart-bar-label.active{color:#191c1d}.bottom-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.bottom-left-col{grid-column:span 7}.bottom-right-col{grid-column:span 5}@media (width<=992px){.bottom-left-col,.bottom-right-col{grid-column:span 12}}.bottom-card{background-color:#fff;border:1px solid #00000014;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.bottom-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bottom-card-header h3{color:#191c1d;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600}.occupancy-legend{gap:16px;display:flex}.occupancy-legend-item{color:#584236;align-items:center;gap:8px;font-size:11px;display:flex}.occupancy-legend-dot{border-radius:50%;width:8px;height:8px}.occupancy-legend-dot.orange{background-color:#ef6c00}.occupancy-legend-dot.blue{background-color:#005faf}.progress-group{margin-bottom:24px}.progress-group:last-child{margin-bottom:0}.progress-header{justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.progress-bar-bg{background-color:#edeeef;border-radius:9999px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:9999px;height:100%}.progress-bar-fill.orange{background-color:#ef6c00}.progress-bar-fill.blue{background-color:#005faf}.vehicle-class-card{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.vehicle-class-content{flex:1}.vehicle-class-content h3{color:#191c1d;margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600}.vehicle-class-bar{border-radius:9999px;width:100%;height:12px;margin:16px 0;display:flex;overflow:hidden}.vehicle-class-segment{height:100%}.vehicle-class-segment.orange{background-color:#ef6c00}.vehicle-class-segment.blue{background-color:#005faf}.vehicle-class-segment.green{background-color:#1b6d24}.vehicle-class-labels{align-items:center;gap:20px;display:flex}.vehicle-class-label-item{align-items:center;gap:6px;display:flex}.vehicle-class-label-item span{color:#584236;margin:0;font-size:11px}.vehicle-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.vehicle-dot.orange{background-color:#ef6c00}.vehicle-dot.blue{background-color:#005faf}.vehicle-dot.green{background-color:#1b6d24}.incidents-card{flex-direction:column;justify-content:space-between;height:100%;display:flex}.incidents-list{flex-direction:column;gap:16px;display:flex}.incident-item{background-color:#f3f4f5;border:1px solid #e1e3e44d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background-color .2s;display:flex}.incident-item:hover{background-color:#edeeef}.incident-info p{color:#191c1d;margin:0;font-size:14px;font-weight:700}.incident-info span{color:#584236;text-transform:uppercase;margin-top:2px;font-size:11px;display:block}.incident-status-badge{border-radius:4px;padding:4px 12px;font-size:10px;font-weight:700}.incident-status-badge.processing{color:#584236;background-color:#e1e3e4}.incident-status-badge.completed{color:#1b6d24;background-color:#55a45433}.view-all-logs-btn{color:#9c4400;cursor:pointer;text-align:center;background-color:#0000;border:none;border-top:1px solid #e0c0b0;width:100%;margin-top:40px;padding-top:12px;font-size:14px;font-weight:700;transition:background-color .2s}.view-all-logs-btn:hover{background-color:#f3f4f5}.sidebar .menu-item.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;font-weight:600!important;box-shadow:0 3px 10px #2563eb40!important}.sidebar .menu-item:hover:not(.active){color:#1e40af!important;background:#f0f7ff!important}.sidebar.collapsed .menu-item span.material-symbols-outlined{margin:0}.dropdown-action-item span.material-symbols-outlined{font-size:18px}.user-management-modal-overlay{z-index:9999;justify-content:center;align-items:center;animation:.2s ease-out userModalFadeIn;display:flex;position:fixed;inset:0;background-color:#00000073!important}.user-management-modal-box{background-color:#fff;border-radius:12px;width:100%;max-width:460px;animation:.2s cubic-bezier(.4,0,.2,1) userModalSlideUp;overflow:hidden;box-shadow:0 10px 30px #00000026}.user-modal-header{background-color:#fafbfb;border-bottom:1px solid #f1f2f4;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.user-modal-header h3{color:#241912;margin:0;font-size:16px;font-weight:700}.modal-close-x-btn{outline:none;color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:all .15s!important;display:flex!important}.modal-close-x-btn:hover{background-color:#f1f2f4;color:#64748b!important;background:#f1f5f9!important}.user-modal-form-body{flex-direction:column;gap:16px;padding:24px;display:flex}.user-modal-input-group{flex-direction:column;gap:6px;display:flex}.user-modal-input-group label{color:#584236;font-size:13px;font-weight:600}.user-modal-input-group input,.modal-select-styled-wrapper select{color:#241912;background-color:#fff;border:1px solid #e1e3e4;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.user-modal-input-group input:focus,.modal-select-styled-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.user-modal-footer-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.user-modal-btn{cursor:pointer;border-radius:6px;outline:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;border:none!important}.user-modal-btn.cancel{color:#584236;background-color:#f5f6f7}.user-modal-btn.cancel:hover{background-color:#e8eae3}.user-modal-btn.submit{background-gradient:linear-gradient(135deg, var(--primary), var(--primary-hover));background-color:var(--primary);color:#fff}.user-modal-btn.submit:hover{background-color:var(--primary-hover);box-shadow:0 2px 6px #2563eb33}@keyframes userModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes userModalSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.horizontal-role-buttons{align-items:center;gap:8px;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s,margin-left .25s;display:flex;overflow:hidden}.horizontal-role-buttons.expanded{opacity:1;pointer-events:auto;max-width:500px;margin-left:8px}.role-sub-filter-btn{color:#555;cursor:pointer;white-space:nowrap;background-color:#fff;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;border:1px solid #e1e3e4!important}.role-sub-filter-btn:hover{color:#191c1d;background-color:#f5f6f7}.role-sub-filter-btn.selected{font-weight:600;background-color:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--primary)!important}.role-dropdown-item-btn.selected{font-weight:600;background-color:var(--primary-light)!important;color:var(--primary)!important}@keyframes filterDropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.occupancy-page{box-sizing:border-box;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef5 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.analytics-container{width:100%;max-width:1400px;position:relative}.back-button{color:#1f2937;cursor:pointer;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;position:absolute;top:0;left:0}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.page-header{text-align:center;margin-top:60px;margin-bottom:40px}.page-header h1{color:#0f172a;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.page-header p{color:#64748b;font-size:1.05rem;font-weight:500}.chart-card{background:#fff;border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 10px 40px #0f172a1a}.chart-header{text-align:center;margin-bottom:32px}.chart-header h2{color:#1f2937;margin-bottom:8px;font-size:1.5rem;font-weight:700}.chart-header p{color:#6b7280;font-size:.95rem;font-weight:500}.chart-container{gap:0;height:350px;margin-bottom:50px;display:flex;position:relative}.y-axis{text-align:right;box-sizing:border-box;border-right:2px solid #e5e7eb;flex-direction:column;justify-content:space-between;width:60px;padding-right:12px;display:flex}.y-axis span{color:#6b7280;justify-content:flex-end;align-items:center;height:0;font-size:.85rem;font-weight:600;display:flex}.grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 0 60px}.grid-line{background:#e5e7eb;width:100%;height:1px}.bars-wrapper{z-index:2;flex:1;align-items:flex-end;height:100%;padding-left:16px;padding-right:16px;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-inner{border-bottom:2px solid #e5e7eb;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.bar{cursor:pointer;z-index:5;border-radius:6px 6px 0 0;width:60%;min-width:8px;max-width:32px;transition:height .3s cubic-bezier(.4,0,.2,1),transform .2s;position:relative;box-shadow:0 2px 8px #2563eb33;background:linear-gradient(#60a5fa 0%,#2563eb 100%)!important}.bar:hover{filter:brightness(1.1);transform:scaleY(1.02)}.tooltip{color:#fff;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;z-index:20;background:#1f2937;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:700;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 4px 12px #00000026}.tooltip:after{content:"";border:4px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bar-inner:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-12px)}.bar-label{color:#4b5563;text-align:center;transform-origin:top;white-space:nowrap;padding-top:12px;font-size:11px;font-weight:600;position:absolute;top:100%;transform:none}.period-selector{justify-content:center;gap:12px;margin-top:20px;margin-bottom:24px;display:flex}.period-selector button{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.period-selector button:hover{color:#3b82f6;border-color:#3b82f6}.period-selector button.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.legend{color:#6b7280;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:.95rem;font-weight:500;display:flex}.legend-color{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);border-radius:4px;width:16px;height:16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.summary-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;align-items:flex-start;gap:16px;padding:24px;transition:all .2s;display:flex}.summary-card:hover{border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb26}.summary-icon{text-align:center;min-width:50px;font-size:2rem}.summary-card p{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:600}.summary-card h3{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.db-refresh-btn{cursor:pointer;align-items:center;display:flex;color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;gap:6px!important;height:34px!important;padding:0 14px!important;font-size:12.5px!important;font-weight:600!important;transition:all .18s!important;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a!important}.db-refresh-btn:hover{color:#1e3a8a!important;background:#f8fafc!important;border-color:#cbd5e1!important;transform:none!important;box-shadow:0 2px 6px #00000014!important}.db-refresh-btn .material-symbols-outlined{color:#64748b;transition:transform .6s linear;font-size:16px!important}.db-refresh-btn--spinning .material-symbols-outlined{animation:.8s linear infinite db-spin}@keyframes db-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.db-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.db-kpis{grid-template-columns:repeat(2,1fr)}}.db-kpi-icon .material-symbols-outlined{opacity:.85!important;font-size:17px!important}@media (width<=960px){.db-grid2{grid-template-columns:1fr}}.db-bar-chart{border-bottom:1px solid #ececec;align-items:flex-end;padding-bottom:22px;display:flex;position:relative;background:0 0!important;gap:2px!important;height:220px!important;overflow:visible!important}.db-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.db-bar{width:8px;min-height:2px;transition:opacity .15s,transform .15s;opacity:.8!important;background:linear-gradient(#3b82f6 0%,#6366f1 100%)!important;border-radius:3px 3px 0 0!important;box-shadow:0 2px 4px #3b82f626!important}.db-bar:hover{opacity:1!important;background:linear-gradient(#60a5fa 0%,#818cf8 100%)!important;transform:translateY(-2px)scaleX(1.05)!important;box-shadow:0 4px 10px #6366f14d!important}.db-x{white-space:nowrap;margin-top:5px;position:absolute;bottom:-20px;color:#cbd5e1!important;font-size:7.5px!important}.db-period-select{cursor:pointer;outline:none;font-weight:600;color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:7px!important;padding:4px 8px!important;font-size:11.5px!important}@media (width<=1100px){.db-tables{grid-template-columns:1fr}}.db-badge--waiting{color:#d97706!important;background:#fffbeb!important;border:1px solid #fde68a!important}.db-badge--done{color:#15803d!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.db-badge--processing{color:#2563eb!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.menu-item:not(.active):hover{background:var(--db-primary-light);color:var(--db-primary)}.db-topbar-crumb{color:var(--db-muted);align-items:center;gap:8px;font-size:12px;display:flex}.db-topbar-crumb b{color:var(--db-text)}*,:before,:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes db-pulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 5px #22c55e1a}}.brand-icon .material-symbols-outlined{padding:0!important;font-size:20px!important}.sidebar .menu-item .material-symbols-outlined{font-size:19px!important;transition:color .15s!important}html{scroll-behavior:smooth}.sidebar.collapsed .brand-icon .material-symbols-outlined{font-size:20px!important}.search{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;align-items:center!important;gap:8px!important;min-width:180px!important;max-width:260px!important;padding:6px 12px!important;transition:border-color .2s,box-shadow .2s!important;display:flex!important}.search input{color:#334155!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;min-width:0!important;font-size:13px!important}.search input::placeholder{color:#94a3b8!important}.search:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.card-management-tabs,.log-tabs{border-bottom:2px solid #e2e8f0!important;flex-wrap:wrap!important;gap:4px!important;margin-bottom:20px!important;display:flex!important}@media (width>=640px){.active-transaction{grid-template-columns:1fr 1.25fr!important}}@media (width<=900px){.db-grid2{grid-template-columns:1fr!important}}@media (width<=1024px){.db-tables{grid-template-columns:1fr!important}}.user-management-page,.um-page{padding:clamp(12px,2vw,24px)!important}.cp-modal,.mc-modal,.cardpage-modal{width:min(480px,100vw - 32px)!important}@media (width<=1280px){.sidebar{width:fit-content!important;min-width:fit-content!important}.content{padding:24px 24px 40px!important}}@media (width<=1024px){.sidebar:not(.collapsed){width:fit-content!important;min-width:fit-content!important}.db-kpis{grid-template-columns:repeat(3,1fr)!important}.stats-grid,.camera-grid,.lost-stats-grid,.log-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.sidebar:not(.collapsed){width:64px!important;min-width:64px!important}.sidebar:not(.collapsed) .menu-item{justify-content:center!important;gap:0!important;padding:10px!important}.sidebar:not(.collapsed) .brand-text-group,.sidebar:not(.collapsed) .account-info-details,.sidebar:not(.collapsed) .menu-item span:not(.material-symbols-outlined),.sidebar:not(.collapsed) .logout span:not(.material-symbols-outlined),.sidebar:not(.collapsed) .sidebar-gemini-toggle-expanded{display:none!important}.sidebar:not(.collapsed) .brand{justify-content:center!important;padding:0!important}.sidebar:not(.collapsed) .sidebar-account-card{justify-content:center!important;padding:8px!important}.sidebar:not(.collapsed) .logout{justify-content:center!important;margin:4px!important;padding:10px!important}.content{padding:16px 14px 32px!important}.db-page{padding:14px!important}.db-kpis{grid-template-columns:repeat(2,1fr)!important}.stats-grid,.lost-stats-grid,.log-stats-grid,.camera-grid{grid-template-columns:1fr!important}.active-transaction{grid-template-columns:1fr!important;gap:16px!important}.transaction-details{border-top:1px solid #e5e7eb!important;border-left:none!important;padding-top:16px!important;padding-left:0!important}.cardpage-summary-grid,.cp-stats-grid,.mc-stats-grid{grid-template-columns:1fr!important}.cp-donut-card,.mc-donut-card{width:100%!important;min-width:0!important}.lost-filters{flex-direction:column!important;align-items:stretch!important}.lost-filter-group{width:100%!important}.lost-filter-group.search-group,.lost-filter-group.date-group,.lost-filter-group.dropdown-group{flex:unset!important;min-width:0!important}.search{display:none!important}.db-title-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.mc-pagination-footer,.cp-pagination-footer,.lost-table-footer{flex-direction:column!important;align-items:center!important;gap:10px!important}}@media (width<=430px){.db-kpis{grid-template-columns:1fr 1fr!important}.db-kpi-value{font-size:17px!important}.content{padding:12px 10px 24px!important}.cardpage-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.cardpage-user-badge{text-align:center!important;width:100%!important;min-width:0!important}.single-header{grid-template-columns:unset!important;flex-wrap:wrap!important;gap:10px!important;display:flex!important}.mc-action-bar,.cp-action-bar{gap:10px!important}.mc-action-buttons,.cp-action-buttons{justify-content:stretch!important;width:100%!important}.mc-btn,.cp-btn{flex:1!important;justify-content:center!important}.header-right-group{gap:6px!important}}.lost-select:focus,.date-input-wrapper input:focus{border-color:#2563eb!important}.cardpage-button.primary:hover{background:#1d4ed8!important}.login-forgot,.login-signup a{color:#2563eb!important}.single-surcharge-section,.single-history-section,.single-current-rate{overflow-x:auto!important}.revenue-traffic-page,.rt-page{padding:clamp(16px,2vw,28px)!important}@media (width>=1280px){.db-kpis{grid-template-columns:repeat(6,1fr)!important}}@media (width>=900px) and (width<=1279px){.db-kpis{grid-template-columns:repeat(3,1fr)!important}}@media (width<=900px){.search{display:none!important}}.search-input-wrapper,.date-input-wrapper,.mc-search-wrapper,.cp-search-wrapper{align-items:center!important;display:flex!important;position:relative!important}.search-input-wrapper>span.material-symbols-outlined,.mc-search-wrapper>span.material-symbols-outlined,.cp-search-wrapper>span.material-symbols-outlined,.date-input-wrapper>span.material-symbols-outlined{color:#94a3b8!important;pointer-events:none!important;font-size:18px!important;line-height:1!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.date-input-wrapper>span.material-symbols-outlined:last-child{left:unset!important;right:12px!important}.mc-search-icon,.cp-search-icon{pointer-events:none!important;font-size:18px!important;line-height:1!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.mc-search-input,.cp-search-input{box-sizing:border-box!important;height:40px!important;padding-left:40px!important;line-height:40px!important}.header .search>span.material-symbols-outlined,.search>span.material-symbols-outlined{color:#94a3b8!important;pointer-events:none!important;font-size:17px!important;line-height:1!important;position:absolute!important;top:50%!important;left:10px!important;transform:translateY(-50%)!important}.single-card-page .card-icon{color:#60a5fa!important;background:#2563eb26!important}[class*=rt-bar],[class*=rev-bar]{background:linear-gradient(#60a5fa,#2563eb)!important}.occupancy-back-button:hover{color:#2563eb!important;background:#eff6ff!important;border-color:#2563eb!important}.menu-item .material-symbols-outlined,.logout .material-symbols-outlined{flex-shrink:0!important;font-size:20px!important}.avatar,.account-avatar-circle{justify-content:center!important;align-items:center!important;line-height:1!important;display:flex!important}th,td{vertical-align:middle!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-input-wrapper>span{color:#9ca3af!important;pointer-events:none!important;font-size:20px!important;line-height:1!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.filter-group>span.material-symbols-outlined{color:#9ca3af!important;pointer-events:none!important;z-index:2!important;align-items:center!important;font-size:20px!important;line-height:1!important;display:inline-flex!important;position:absolute!important;top:50%!important;left:14px!important;right:auto!important;transform:translateY(-50%)!important}.date-input-wrapper{align-items:center!important;display:flex!important;position:relative!important}.date-input-wrapper>span{top:50%!important;right:14px!important;left:unset!important;color:#9ca3af!important;pointer-events:none!important;font-size:20px!important;line-height:1!important;position:absolute!important;transform:translateY(-50%)!important}.date-input-wrapper>span.material-symbols-outlined{color:#9ca3af!important;pointer-events:none!important;justify-content:center!important;align-items:center!important;width:auto!important;font-size:20px!important;line-height:1!important;display:inline-flex!important;position:absolute!important;top:50%!important;left:auto!important;right:14px!important;transform:translateY(-50%)!important}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lost-kpi-icon-box .material-symbols-outlined{font-size:16px}.icon-gray{color:#64748b;background:#f1f5f9}.icon-blue{color:#3b82f6;background:#dbeafe}.icon-green{color:#22c55e;background:#dcfce7}.icon-orange{color:#f59e0b;background:#fffbeb}.lost-kpi-footer .material-symbols-outlined{font-size:16px;line-height:1}.lost-dist-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;justify-content:space-between;height:100%;padding:16px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000014}.lost-dist-card:hover{box-shadow:0 8px 16px #00000014}.lost-dist-title{color:#1e293b;border-bottom:1px dashed #e2e8f0;align-items:center;gap:8px;margin-bottom:0;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.lost-dist-title .material-symbols-outlined{font-size:20px}.lost-dist-divider{border:none;border-top:1px solid #e2e8f0;margin:12px 0;display:none}.lost-dist-item{flex-direction:column;justify-content:center;gap:4px;margin-bottom:12px;display:flex}.lost-dist-label-row{color:#334155;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:500;line-height:1.2;display:flex}.lost-dist-val{color:#111827;font-weight:600}.lost-dist-pct{color:#94a3b8;margin-left:4px;font-weight:400}.lost-dist-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.lost-dist-fill{border-radius:999px;height:100%;transition:width .3s}.bg-dark{background:#1e293b}.bg-gray{background:#94a3b8}.bg-blue{background:#3b82f6}.bg-green{background:#22c55e}.bg-red{background:#dc2626}.bg-yellow{background:#f59e0b}.bg-purple{background:#8b5cf6}.icon-red-soft{color:#ef4444;background:#fef2f2}.kpi-time-filter-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.kpi-seg-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}@keyframes kpi-pulse{0%,to{opacity:1}50%{opacity:.3}}.filter-block{flex-direction:column;flex:1;gap:6px;display:flex}.filter-input-wrapper{align-items:center;display:flex;position:relative}.filter-input-wrapper .material-symbols-outlined{color:#64748b;font-size:18px;position:absolute}.filter-input-wrapper .icon-left{left:10px}.filter-input-wrapper .icon-right{pointer-events:none;right:10px}.filter-input,.filter-select{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:13px;transition:all .2s}.filter-input.has-icon-left{padding-left:36px}.filter-input.has-icon-right{padding-right:36px}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.date-range-display{color:#334155;align-items:center;gap:6px;font-size:13px;display:flex}.date-range-display span{color:#94a3b8}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lost-card-log-page .page-btn-premium.active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 4px 10px #2563eb33!important}body,.layout,.main,.content{background:#f8fafc!important}.lost-card-log-page .lost-pagination .page-btn.active{background:var(--db-primary,#2563eb)!important;color:#fff!important;border-color:var(--db-primary,#2563eb)!important;box-shadow:0 4px 10px #2563eb2e!important}.avatar-wrapper .avatar,.avatar{background:var(--db-primary,#2563eb)!important;color:#fff!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 2px 6px #2563eb26!important}.avatar-wrapper .avatar:hover,.avatar:hover{background:#1d4ed8!important;transform:scale(1.02)!important}.vertical-filter-dropdown-container .main-filter-toggle-btn.active,.main-filter-toggle-btn[style*="background: rgb(255, 232, 214)"]{background-color:var(--db-primary-light,#eff6ff)!important;color:var(--db-primary,#2563eb)!important;border-color:#2563eb4d!important}.vertical-role-dropdown-menu .role-dropdown-item-btn:hover,.vertical-role-dropdown-menu .role-dropdown-item-btn.selected{background-color:var(--db-primary-light,#eff6ff)!important;color:var(--db-primary,#2563eb)!important}html,body,#root,.layout,.main,.content,.login-layout{background:#f8fafc!important}@media (width<=576px){.custom-toast-container{width:auto!important;max-width:none!important;top:16px!important;left:16px!important;right:16px!important}}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)translateY(-10px)}to{opacity:1;transform:translate(0)translateY(0)}}.custom-toast.success .toast-accent-line{background:#22c55e!important}.custom-toast.success .toast-icon-wrapper{background:#dcfce7!important}.custom-toast.success .toast-icon{color:#16a34a!important}.custom-toast.success .toast-text{color:#14532d!important}.custom-toast.error .toast-accent-line{background:#ef4444!important}.custom-toast.error .toast-icon-wrapper{background:#fee2e2!important}.custom-toast.error .toast-icon{color:#dc2626!important}.custom-toast.error .toast-text{color:#7f1d1d!important}.custom-toast.warning{background:#fff!important;border-color:#fde68a!important}.custom-toast.warning .toast-accent-line{background:#f59e0b!important}.custom-toast.warning .toast-icon-wrapper{background:#fef3c7!important}.custom-toast.warning .toast-icon{color:#d97706!important}.custom-toast.warning .toast-text{color:#78350f!important}.custom-toast.info{background:#fff!important;border-color:#bfdbfe!important}.custom-toast.info .toast-accent-line{background:#2563eb!important}.custom-toast.info .toast-icon-wrapper{background:#dbeafe!important}.custom-toast.info .toast-icon{color:#2563eb!important}.custom-toast.info .toast-text{color:#1e3a8a!important}@keyframes fadeInModalBg{0%{opacity:0}to{opacity:1}}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-modal-btn.cancel{color:#475569!important;background:#fff!important;border-color:#cbd5e1!important}.custom-modal-btn.cancel:hover{color:#1e293b!important;background:#f1f5f9!important}.custom-modal-btn.confirm.primary{color:#fff!important;background:#2563eb!important}.custom-modal-btn.confirm.primary:hover{background:#1d4ed8!important}@media (width<=768px){.layout{flex-direction:row!important}.sidebar{border-right:1px solid var(--db-border)!important;border-bottom:none!important;flex-flow:column!important;width:64px!important;min-width:64px!important;height:100vh!important;padding:0 4px 24px!important;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1)!important;position:sticky!important;top:0!important;overflow:hidden!important}.sidebar .material-symbols-outlined{margin:0!important;padding:0!important}.sidebar .menu{padding:12px 4px!important}.sidebar .menu-item{justify-content:center!important;gap:0!important;width:100%!important;padding:10px 0!important}.sidebar .sidebar-footer{padding:8px 4px 12px!important}.sidebar .sidebar-account-card{background:0 0!important;border:none!important;justify-content:center!important;width:100%!important;padding:8px 0!important}.sidebar .logout{justify-content:center!important;width:100%!important;margin:4px 0!important;padding:10px 0!important}.sidebar .brand{justify-content:center!important;margin:0 0 8px!important;padding:0!important}.sidebar .brand-logo-zone{justify-content:center!important;width:auto!important;margin:0!important}.sidebar .brand-text-group,.sidebar .sidebar-gemini-toggle-expanded,.sidebar .sidebar-gemini-toggle-collapsed,.sidebar .menu-item span:not(.material-symbols-outlined),.sidebar .account-info-details,.sidebar .logout span:not(.material-symbols-outlined){display:none!important}}@media (width<=600px){.header{padding:0 12px!important}.header .page-title{font-size:16px!important}.db-status-badge{border-radius:50%!important;justify-content:center!important;gap:0!important;width:32px!important;height:32px!important;padding:0!important;font-size:0!important}.db-status-badge span{margin:0!important}.db-title-row{flex-wrap:wrap!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:12px!important}.db-h1{font-size:18px!important}.db-sub{font-size:11px!important}.db-refresh-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;font-size:0!important}.db-refresh-btn .material-symbols-outlined{margin:0!important;font-size:20px!important}.content th,.content td{padding-left:8px!important;padding-right:8px!important}}@media (width<=480px){.db-kpis,.db-legend,.stats-grid,.lost-stats-grid,.log-stats-grid,.cp-stats-grid,.mc-stats-grid,.cardpage-summary-grid{grid-template-columns:1fr!important}.db-page{padding:12px!important}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.revenue-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.revenue-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(860px,100vw - 48px);max-height:calc(100vh - 48px);animation:.22s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 80px #0f172a47}.revenue-modal-header{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.revenue-modal-title-group{align-items:center;gap:14px;display:flex}.revenue-modal-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.revenue-modal-title{color:#0f172a;margin:0;font-size:20px;font-weight:700;line-height:1.3}.revenue-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:14px;line-height:1.4}.revenue-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.revenue-modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.revenue-modal-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.revenue-modal-body::-webkit-scrollbar{width:6px}.revenue-modal-body::-webkit-scrollbar-track{background:0 0}.revenue-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.revenue-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.revenue-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffd9;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.revenue-chip-title{color:#475569;font-size:12px;font-weight:600}.revenue-chip-value{color:#0f172a;font-size:15px;font-weight:700}.revenue-row-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.revenue-empty-text{color:#94a3b8;padding:4px 0;font-size:13px;font-style:italic}.revenue-modal-footer{background-color:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;padding:14px 28px;display:flex}.revenue-modal-btn-close{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:10px;padding:9px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.revenue-modal-btn-close:hover{background-color:#1e293b}@media (width<=768px){.revenue-modal{width:calc(100vw - 32px)}.revenue-summary-chips{grid-template-columns:1fr}}@media (width<=640px){.revenue-modal-overlay{padding:12px}.revenue-modal{border-radius:16px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.revenue-modal-header{padding:16px 20px}.revenue-modal-body{gap:16px;padding:16px 20px}.revenue-grid-2{grid-template-columns:1fr}.revenue-summary-top{flex-direction:column;align-items:flex-start;gap:6px}}@media (width>=1024px){.layout:has(.system-page){height:100vh!important;max-height:100vh!important;overflow:hidden!important}.layout:has(.system-page) .main{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.layout:has(.system-page) .content{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;padding:10px 16px!important;display:flex!important;overflow:hidden!important}.system-page{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;margin:0!important;display:flex!important}.system-page .system-content{flex:1!important;grid-template:"camera stats""camera form"1fr"camera shortcuts"/48fr 52fr!important;gap:8px!important;height:100%!important;min-height:0!important;display:grid!important}.system-page .stats-grid{grid-area:stats!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.system-page .stat-card{border-radius:10px!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;display:flex!important}.system-page .stat-label{color:#64748b!important;margin-bottom:1px!important;font-size:12px!important;font-weight:600!important}.system-page .stat-value{font-size:18px!important;font-weight:700!important}.system-page .stat-icon{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;display:flex!important}.system-page .stat-icon .material-symbols-outlined{font-size:16px!important}.system-page .camera-grid{grid-area:camera!important;grid-template-rows:1fr 1fr!important;grid-template-columns:1fr 1fr!important;gap:8px!important;height:100%!important;display:grid!important}.system-page .camera-card{border:1.5px solid #e2e8f0!important;border-radius:10px!important;flex-direction:column!important;height:100%!important;transition:box-shadow .2s!important;display:flex!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000f!important}.system-page .camera-card:hover{box-shadow:0 4px 12px #2563eb1a!important}.system-page .camera-image{background-position:50%!important;background-size:cover!important;border-radius:8px!important;flex:1!important;height:100%!important;min-height:0!important;max-height:none!important;position:relative!important}.system-page .camera-label{color:#fff!important;letter-spacing:.02em!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0f172abf!important;border-radius:6px!important;padding:4px 8px!important;font-size:13px!important;font-weight:700!important;top:6px!important;left:6px!important}.system-page .camera-badge{border-radius:5px!important;padding:3px 8px!important;font-size:12px!important;font-weight:700!important;bottom:6px!important;right:6px!important}.system-page .active-transaction{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;grid-area:form!important;grid-template-rows:auto 1fr!important;grid-template-columns:1.15fr .85fr!important;gap:6px 10px!important;min-height:0!important;padding:8px 12px!important;display:grid!important;overflow:hidden!important;box-shadow:0 2px 8px #00000005!important}.system-page .active-transaction>div:first-child{gap:6px!important;margin-bottom:0!important;padding-bottom:4px!important}.system-page .active-transaction>div:first-child button{border-radius:6px!important;height:30px!important;padding:4px 10px!important;font-size:13px!important}.system-page .transaction-highlight{flex-direction:column!important;gap:4px!important;display:flex!important}.system-page .transaction-label{color:#64748b!important;margin-bottom:0!important;font-size:13px!important;font-weight:600!important}.system-page .transaction-plate{box-sizing:border-box!important;letter-spacing:.06em!important;color:#0f172a!important;border:2px dashed #3b82f6!important;border-radius:10px!important;flex:none!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 12px!important;font-size:22px!important;font-weight:800!important}.system-page .info-card-container{width:100%!important}.system-page .info-card{text-align:left!important;border:1px solid!important;border-radius:8px!important;flex-direction:column!important;padding:6px 8px!important;display:flex!important}.system-page .info-card-visitor{background:#eff6ff!important;border-color:#bfdbfe!important}.system-page .info-card-monthly{background:#f0fdf4!important;border-color:#bbf7d0!important}.system-page .info-card-header{align-items:center!important;gap:6px!important;margin-bottom:4px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.system-page .text-visitor{color:#1d4ed8!important}.system-page .text-monthly{color:#16a34a!important}.system-page .info-card-grid{grid-template-columns:1fr 1fr!important;gap:3px 6px!important;display:grid!important}.system-page .info-item{flex-direction:column!important;justify-content:center!important;min-width:0!important;display:flex!important}.system-page .info-item.full-width{grid-column:span 2!important}.system-page .info-label{color:#64748b!important;font-size:12px!important;font-weight:500!important}.system-page .info-value{color:#0f172a!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:14px!important;font-weight:700!important;overflow:hidden!important}.system-page .info-select-label{color:#4b5563!important;margin-bottom:2px!important;font-size:12px!important;font-weight:600!important;display:block!important}.system-page .info-select{color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;outline:none!important;width:100%!important;height:28px!important;padding:2px 6px!important;font-size:13px!important;font-weight:500!important}.system-page .info-status-badge{text-align:center!important;border-radius:4px!important;width:fit-content!important;padding:1px 6px!important;font-size:12px!important;font-weight:700!important;display:inline-block!important}.system-page .status-valid{color:#16a34a!important;background:#dcfce7!important}.system-page .status-invalid{color:#dc2626!important;background:#fee2e2!important}.system-page .highlight-row{border-top:1px dashed #cbd5e1!important;flex-direction:row!important;grid-column:span 2!important;justify-content:space-between!important;align-items:center!important;margin-top:2px!important;padding-top:4px!important;display:flex!important}.system-page .info-card-monthly .highlight-row{border-top-color:#bbf7d0!important}.system-page .price-highlight{color:#dc2626!important;font-size:18px!important;font-weight:800!important}.system-page .price-free{color:#16a34a!important;font-size:18px!important;font-weight:800!important}.system-page .info-card-msg{color:#dc2626!important;margin:4px 0 0!important;font-size:12px!important;font-style:italic!important;font-weight:500!important}.system-page .vehicle-type-container{text-align:left!important;flex-direction:column!important;gap:4px!important;margin-top:1px!important;display:flex!important}.system-page .vehicle-type-label{color:#4b5563!important;font-size:13px!important;font-weight:600!important}.system-page .vehicle-type-buttons{gap:8px!important;display:flex!important}.system-page .vehicle-type-btn{color:#4b5563!important;cursor:pointer!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:30px!important;padding:4px 8px!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.system-page .vehicle-type-btn.active{color:#1d4ed8!important;background:#eff6ff!important;border:2px solid #2563eb!important}.system-page .vehicle-type-btn .material-symbols-outlined{font-size:16px!important}.system-page .transaction-details{border-top:none!important;border-left:1px dashed #cbd5e1!important;flex-direction:column!important;gap:4px!important;min-height:0!important;padding-top:0!important;padding-left:8px!important;display:flex!important;overflow-y:auto!important}.system-page .last-session-card{box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;padding:4px 8px!important}.system-page .last-session-title{color:#475569!important;align-items:center!important;gap:6px!important;margin:0 0 4px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.system-page .last-session-title .material-symbols-outlined{font-size:16px!important}.system-page .last-session-grid{flex-direction:column!important;gap:4px!important;display:flex!important}.system-page .last-session-item{flex-direction:column!important;align-items:flex-start!important;gap:1px!important;display:flex!important}.system-page .last-session-item.full-width{border-top:1px dashed #cbd5e1!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:2px!important;padding-top:4px!important;display:flex!important}.system-page .last-session-label{color:#64748b!important;font-size:12px!important;font-weight:500!important}.system-page .last-session-value{color:#0f172a!important;font-size:14px!important;font-weight:700!important}.system-page .last-session-value.status-done{color:#16a34a!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:12px!important;padding:1px 6px!important;font-size:12px!important;font-weight:700!important}.system-page .last-session-value.price-value{color:#dc2626!important;font-size:18px!important;font-weight:800!important}.system-page .shortcut-row{grid-area:shortcuts!important;gap:8px!important;margin-top:0!important;display:flex!important}.system-page .shortcut-row .shortcut-button{border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:32px!important;padding:4px 10px!important;font-size:13px!important;font-weight:600!important;display:flex!important}.system-page .submit-action-btn{letter-spacing:.01em!important;border-radius:8px!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:40px!important;margin-top:4px!important;padding:6px 12px!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.system-page .shortcut-key{border-radius:4px!important;min-width:24px!important;padding:2px 6px!important;font-size:12px!important;font-weight:700!important}.system-page .operator-guide-box{text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;flex:none!important;justify-content:center!important;margin-top:4px!important;padding:6px 8px!important;display:flex!important}.system-page .operator-guide-box .guide-title{color:#1e3a8a!important;align-items:center!important;gap:6px!important;margin-bottom:2px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.system-page .operator-guide-box .guide-title .material-symbols-outlined{font-size:14px!important}.system-page .operator-guide-box .guide-steps{color:#475569!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:0!important;font-size:12px!important;list-style:none!important;display:flex!important}.system-page .operator-guide-box .guide-steps li{line-height:1.3!important}.system-page .system-status-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:4px!important;margin-top:4px!important;padding:6px 8px!important;display:flex!important}.system-page .system-status-card .status-title{color:#475569!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.system-page .system-status-card .status-title .material-symbols-outlined{font-size:14px!important}.system-page .system-status-card .status-grid{grid-template-columns:1fr 1fr!important;gap:3px 6px!important;display:grid!important}.system-page .system-status-card .status-item{align-items:center!important;gap:6px!important;display:flex!important}.system-page .system-status-card .status-dot{background:#94a3b8!important;border-radius:50%!important;width:6px!important;height:6px!important}.system-page .system-status-card .status-dot.online{background:#22c55e!important;box-shadow:0 0 4px #22c55e!important}.system-page .system-status-card .status-name{color:#475569!important;font-size:12px!important;font-weight:500!important}.system-page .recent-transactions-list-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;gap:4px!important;min-height:0!important;margin-top:4px!important;padding:6px 8px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-title{color:#475569!important;border-bottom:1px solid #f1f5f9!important;align-items:center!important;gap:6px!important;padding-bottom:4px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.system-page .recent-transactions-list-card .recent-title .material-symbols-outlined{font-size:14px!important}.system-page .recent-transactions-list-card .recent-items-container{flex-direction:column!important;gap:3px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-item{background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:4px!important;justify-content:space-between!important;align-items:center!important;padding:3px 5px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-item-left,.system-page .recent-transactions-list-card .recent-item-right{align-items:center!important;gap:6px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-badge{border-radius:4px!important;padding:1px 4px!important;font-size:12px!important;font-weight:700!important}.system-page .recent-transactions-list-card .recent-badge.badge-in{color:#166534!important;background:#dcfce7!important}.system-page .recent-transactions-list-card .recent-badge.badge-out{color:#991b1b!important;background:#fee2e2!important}.system-page .recent-transactions-list-card .recent-plate{color:#1e293b!important;font-size:13px!important;font-weight:700!important}.system-page .recent-transactions-list-card .recent-time{color:#64748b!important;font-size:12px!important}.system-page .recent-transactions-list-card .recent-fee{color:#0f766e!important;font-size:12px!important;font-weight:600!important}.system-page .recent-transactions-list-card .recent-empty{color:#64748b!important;text-align:center!important;padding:6px 0!important;font-size:12px!important}.system-page .shift-info-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:4px!important;margin-top:4px!important;padding:6px 8px!important;display:flex!important}.system-page .shift-info-card .shift-title{color:#475569!important;border-bottom:1px solid #e2e8f0!important;align-items:center!important;gap:6px!important;padding-bottom:4px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.system-page .shift-info-card .shift-title .material-symbols-outlined{font-size:14px!important}.system-page .shift-info-card .shift-grid{grid-template-columns:1fr 1fr!important;gap:3px 6px!important;display:grid!important}.system-page .shift-info-card .shift-item{flex-direction:column!important;gap:1px!important;display:flex!important}.system-page .shift-info-card .shift-label{color:#64748b!important;text-transform:uppercase!important;font-size:12px!important;font-weight:600!important}.system-page .shift-info-card .shift-value{color:#1e293b!important;font-size:13px!important;font-weight:700!important}.system-page .visitor-card-select-container{text-align:left!important;flex-direction:column!important;gap:4px!important;width:100%!important;margin-top:4px!important;display:flex!important}.system-page .visitor-card-select-container select{color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;height:30px!important;padding:0 10px!important;font-size:14px!important;font-weight:600!important}}@media (width<=768px){.layout{flex-direction:row!important}.sidebar{border-right:1px solid var(--db-border)!important;border-bottom:none!important;flex-flow:column!important;width:64px!important;min-width:64px!important;height:100vh!important;padding:0 4px 24px!important;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1)!important;position:sticky!important;top:0!important;overflow:hidden!important}.sidebar .material-symbols-outlined{margin:0!important;padding:0!important}.sidebar .menu{padding:12px 4px!important}.sidebar .menu-item{justify-content:center!important;gap:0!important;width:100%!important;padding:10px 0!important}.sidebar .sidebar-footer{padding:8px 4px 12px!important}.sidebar .sidebar-account-card{background:0 0!important;border:none!important;justify-content:center!important;width:100%!important;padding:8px 0!important}.sidebar .logout{justify-content:center!important;width:100%!important;margin:4px 0!important;padding:10px 0!important}.sidebar .brand{justify-content:center!important;margin:0 0 8px!important;padding:0!important}.sidebar .brand-logo-zone{justify-content:center!important;width:auto!important;margin:0!important}.sidebar .brand-text-group,.sidebar .sidebar-gemini-toggle-expanded,.sidebar .sidebar-gemini-toggle-collapsed,.sidebar .menu-item span:not(.material-symbols-outlined),.sidebar .account-info-details,.sidebar .logout span:not(.material-symbols-outlined){display:none!important}}@media (width<=600px){.header{padding:0 12px!important}.header .page-title{font-size:16px!important}.db-status-badge{border-radius:50%!important;justify-content:center!important;gap:0!important;width:32px!important;height:32px!important;padding:0!important;font-size:0!important}.db-status-badge span{margin:0!important}.db-title-row{flex-wrap:wrap!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:12px!important}.db-h1{font-size:18px!important}.db-sub{font-size:11px!important}.db-refresh-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;font-size:0!important}.db-refresh-btn .material-symbols-outlined{margin:0!important;font-size:20px!important}.content th,.content td{padding-left:8px!important;padding-right:8px!important}}@media (width<=480px){.db-kpis,.db-legend,.stats-grid,.lost-stats-grid,.log-stats-grid,.cp-stats-grid,.mc-stats-grid,.cardpage-summary-grid{grid-template-columns:1fr!important}.db-page{padding:12px!important}}@media (width<=768px){.revenue-modal{width:calc(100vw - 32px)}.revenue-summary-chips{grid-template-columns:1fr}}@media (width<=640px){.revenue-modal-overlay{padding:12px}.revenue-modal{border-radius:16px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.revenue-modal-header{padding:16px 20px}.revenue-modal-body{gap:16px;padding:16px 20px}.revenue-grid-2{grid-template-columns:1fr}.revenue-summary-top{flex-direction:column;align-items:flex-start;gap:6px}}@media (width>=1024px){.layout:has(.system-page){height:100vh!important;max-height:100vh!important;overflow:hidden!important}.layout:has(.system-page) .main{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.layout:has(.system-page) .content{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;padding:12px 24px!important;display:flex!important;overflow:hidden!important}.system-page{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;margin:0!important;display:flex!important}.system-page .system-content{flex:1!important;grid-template:"camera stats""camera form"1fr"camera shortcuts"/48fr 52fr!important;gap:12px!important;height:100%!important;min-height:0!important;display:grid!important}.system-page .stats-grid{grid-area:stats!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.system-page .stat-card{border-radius:10px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;display:flex!important}.system-page .stat-label{color:#64748b!important;margin-bottom:2px!important;font-size:11px!important;font-weight:600!important}.system-page .stat-value{font-size:16px!important;font-weight:700!important}.system-page .stat-icon{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;display:flex!important}.system-page .stat-icon .material-symbols-outlined{font-size:16px!important}.system-page .camera-grid{grid-area:camera!important;grid-template-rows:1fr 1fr!important;grid-template-columns:1fr!important;gap:10px!important;height:100%!important;display:grid!important}.system-page .camera-grid--two-vertical{grid-template-rows:1fr 1fr!important;grid-template-columns:1fr!important}.system-page .camera-card{border:1.5px solid #e2e8f0!important;border-radius:14px!important;flex-direction:column!important;height:100%!important;transition:box-shadow .2s!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 16px #00000014!important}.system-page .camera-card:hover{box-shadow:0 8px 24px #2563eb1f!important}.system-page .camera-image{background-position:50%!important;background-size:cover!important;border-radius:12px!important;flex:1!important;height:100%!important;min-height:0!important;max-height:none!important;position:relative!important}.system-page .camera-label{color:#fff!important;letter-spacing:.02em!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0f172abf!important;border-radius:8px!important;padding:5px 10px!important;font-size:12px!important;font-weight:700!important;top:8px!important;left:8px!important}.system-page .camera-badge{border-radius:6px!important;padding:4px 10px!important;font-size:10px!important;font-weight:700!important;bottom:8px!important;right:8px!important}.system-page .active-transaction{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;grid-area:form!important;grid-template-rows:auto 1fr!important;grid-template-columns:1.15fr .85fr!important;gap:8px 14px!important;min-height:0!important;padding:10px 14px!important;display:grid!important;overflow:hidden!important;box-shadow:0 4px 12px #00000008!important}.system-page .active-transaction>div:first-child{gap:8px!important;margin-bottom:0!important;padding-bottom:6px!important}.system-page .active-transaction>div:first-child button{border-radius:6px!important;height:32px!important;padding:6px 12px!important;font-size:12px!important}.system-page .transaction-highlight{flex-direction:column!important;gap:6px!important;display:flex!important}.system-page .transaction-label{color:#64748b!important;margin-bottom:0!important;font-size:11px!important;font-weight:600!important}.system-page .transaction-plate{box-sizing:border-box!important;letter-spacing:.06em!important;color:#0f172a!important;border:2px dashed #3b82f6!important;border-radius:10px!important;flex:none!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 12px!important;font-size:22px!important;font-weight:800!important}.system-page .info-card-container{width:100%!important}.system-page .info-card{text-align:left!important;border:1px solid!important;border-radius:8px!important;flex-direction:column!important;padding:8px 10px!important;display:flex!important}.system-page .info-card-visitor{background:#eff6ff!important;border-color:#bfdbfe!important}.system-page .info-card-monthly{background:#f0fdf4!important;border-color:#bbf7d0!important}.system-page .info-card-header{align-items:center!important;gap:6px!important;margin-bottom:6px!important;font-size:12px!important;font-weight:700!important;display:flex!important}.system-page .text-visitor{color:#1d4ed8!important}.system-page .text-monthly{color:#16a34a!important}.system-page .info-card-grid{grid-template-columns:1fr 1fr!important;gap:4px 8px!important;display:grid!important}.system-page .info-item{flex-direction:column!important;justify-content:center!important;min-width:0!important;display:flex!important}.system-page .info-item.full-width{grid-column:span 2!important}.system-page .info-label{color:#64748b!important;font-size:10px!important;font-weight:500!important}.system-page .info-value{color:#0f172a!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;font-weight:600!important;overflow:hidden!important}.system-page .info-select-label{color:#4b5563!important;margin-bottom:2px!important;font-size:10px!important;font-weight:600!important;display:block!important}.system-page .info-select{color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;outline:none!important;width:100%!important;height:26px!important;padding:2px 6px!important;font-size:11px!important;font-weight:500!important}.system-page .info-status-badge{text-align:center!important;border-radius:4px!important;width:fit-content!important;padding:1px 6px!important;font-size:10px!important;font-weight:700!important;display:inline-block!important}.system-page .status-valid{color:#16a34a!important;background:#dcfce7!important}.system-page .status-invalid{color:#dc2626!important;background:#fee2e2!important}.system-page .highlight-row{border-top:1px dashed #cbd5e1!important;flex-direction:row!important;grid-column:span 2!important;justify-content:space-between!important;align-items:center!important;margin-top:2px!important;padding-top:4px!important;display:flex!important}.system-page .info-card-monthly .highlight-row{border-top-color:#bbf7d0!important}.system-page .price-highlight{color:#1d4ed8!important;font-size:13px!important;font-weight:700!important}.system-page .price-free{color:#16a34a!important;font-size:12px!important;font-weight:700!important}.system-page .info-card-msg{color:#dc2626!important;margin:4px 0 0!important;font-size:10px!important;font-style:italic!important;font-weight:500!important}.system-page .vehicle-type-container{text-align:left!important;flex-direction:column!important;gap:4px!important;margin-top:2px!important;display:flex!important}.system-page .vehicle-type-label{color:#4b5563!important;font-size:11px!important;font-weight:600!important}.system-page .vehicle-type-buttons{gap:8px!important;display:flex!important}.system-page .vehicle-type-btn{color:#4b5563!important;cursor:pointer!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:32px!important;padding:4px 8px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.system-page .vehicle-type-btn.active{color:#1d4ed8!important;background:#eff6ff!important;border:2px solid #2563eb!important}.system-page .vehicle-type-btn .material-symbols-outlined{font-size:16px!important}.system-page .transaction-details{border-top:none!important;border-left:1px dashed #cbd5e1!important;flex-direction:column!important;gap:6px!important;min-height:0!important;padding-top:0!important;padding-left:14px!important;display:flex!important;overflow-y:auto!important}.system-page .last-session-card{box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;padding:6px 10px!important}.system-page .last-session-title{color:#475569!important;align-items:center!important;gap:6px!important;margin:0 0 6px!important;font-size:12px!important;font-weight:700!important;display:flex!important}.system-page .last-session-title .material-symbols-outlined{font-size:16px!important}.system-page .last-session-grid{flex-direction:column!important;gap:8px!important;display:flex!important}.system-page .last-session-item{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;display:flex!important}.system-page .last-session-item.full-width{border-top:1px dashed #cbd5e1!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:4px!important;padding-top:6px!important;display:flex!important}.system-page .last-session-label{color:#64748b!important;font-size:10px!important;font-weight:500!important}.system-page .last-session-value{color:#0f172a!important;font-size:12px!important;font-weight:700!important}.system-page .last-session-value.status-done{color:#16a34a!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:12px!important;padding:2px 8px!important;font-size:11px!important;font-weight:700!important}.system-page .last-session-value.price-value{color:#16a34a!important;font-size:14px!important;font-weight:800!important}.system-page .shortcut-row{grid-area:shortcuts!important;gap:8px!important;margin-top:0!important;display:flex!important}.system-page .shortcut-row .shortcut-button{border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:36px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:flex!important}.system-page .submit-action-btn{letter-spacing:.01em!important;border-radius:10px!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:44px!important;margin-top:10px!important;padding:6px 12px!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.system-page .shortcut-key{border-radius:4px!important;min-width:24px!important;padding:2px 6px!important;font-size:10px!important;font-weight:700!important}.system-page .operator-guide-box{text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;min-height:0!important;margin-top:10px!important;padding:8px 10px!important;display:flex!important}.system-page .operator-guide-box .guide-title{color:#1e3a8a!important;align-items:center!important;gap:6px!important;margin-bottom:4px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.system-page .operator-guide-box .guide-title .material-symbols-outlined{font-size:14px!important}.system-page .operator-guide-box .guide-steps{color:#475569!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:0!important;font-size:10px!important;list-style:none!important;display:flex!important}.system-page .operator-guide-box .guide-steps li{line-height:1.3!important}.system-page .system-status-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:6px!important;margin-top:10px!important;padding:8px 10px!important;display:flex!important}.system-page .system-status-card .status-title{color:#475569!important;align-items:center!important;gap:6px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.system-page .system-status-card .status-title .material-symbols-outlined{font-size:14px!important}.system-page .system-status-card .status-grid{grid-template-columns:1fr 1fr!important;gap:4px 8px!important;display:grid!important}.system-page .system-status-card .status-item{align-items:center!important;gap:6px!important;display:flex!important}.system-page .system-status-card .status-dot{background:#94a3b8!important;border-radius:50%!important;width:6px!important;height:6px!important}.system-page .system-status-card .status-dot.online{background:#22c55e!important;box-shadow:0 0 4px #22c55e!important}.system-page .system-status-card .status-name{color:#475569!important;font-size:10px!important;font-weight:500!important}.system-page .recent-transactions-list-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;gap:6px!important;min-height:0!important;margin-top:10px!important;padding:8px 10px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-title{color:#475569!important;border-bottom:1px solid #f1f5f9!important;align-items:center!important;gap:6px!important;padding-bottom:4px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.system-page .recent-transactions-list-card .recent-title .material-symbols-outlined{font-size:14px!important}.system-page .recent-transactions-list-card .recent-items-container{flex-direction:column!important;gap:4px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-item{background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:4px!important;justify-content:space-between!important;align-items:center!important;padding:4px 6px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-item-left,.system-page .recent-transactions-list-card .recent-item-right{align-items:center!important;gap:6px!important;display:flex!important}.system-page .recent-transactions-list-card .recent-badge{border-radius:4px!important;padding:2px 4px!important;font-size:9px!important;font-weight:700!important}.system-page .recent-transactions-list-card .recent-badge.badge-in{color:#166534!important;background:#dcfce7!important}.system-page .recent-transactions-list-card .recent-badge.badge-out{color:#991b1b!important;background:#fee2e2!important}.system-page .recent-transactions-list-card .recent-plate{color:#1e293b!important;font-size:11px!important;font-weight:700!important}.system-page .recent-transactions-list-card .recent-time{color:#64748b!important;font-size:10px!important}.system-page .recent-transactions-list-card .recent-fee{color:#0f766e!important;font-size:10px!important;font-weight:600!important}.system-page .recent-transactions-list-card .recent-empty{color:#64748b!important;text-align:center!important;padding:10px 0!important;font-size:10px!important}.system-page .shift-info-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:6px!important;margin-top:10px!important;padding:8px 10px!important;display:flex!important}.system-page .shift-info-card .shift-title{color:#475569!important;border-bottom:1px solid #e2e8f0!important;align-items:center!important;gap:6px!important;padding-bottom:4px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.system-page .shift-info-card .shift-title .material-symbols-outlined{font-size:14px!important}.system-page .shift-info-card .shift-grid{grid-template-columns:1fr 1fr!important;gap:4px 8px!important;display:grid!important}.system-page .shift-info-card .shift-item{flex-direction:column!important;gap:2px!important;display:flex!important}.system-page .shift-info-card .shift-label{color:#64748b!important;text-transform:uppercase!important;font-size:9px!important;font-weight:600!important}.system-page .shift-info-card .shift-value{color:#1e293b!important;font-size:11px!important;font-weight:700!important}.system-page .visitor-card-select-container{text-align:left!important;flex-direction:column!important;gap:4px!important;width:100%!important;margin-top:10px!important;display:flex!important}.system-page .visitor-card-select-container select{color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:100%!important;height:36px!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important}}.system-sessions-filters .filter-btn.active{background-color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);color:#fff}@keyframes pulse-dot{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}@keyframes rotate-timer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}.contract-paper-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px -5px #0000000f,0 5px 15px -5px #00000008}.contract-paper-wrapper .contract-paper{box-shadow:none;border:none;padding:48px}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.sign-action-panel,.sign-success-panel{text-align:center;flex-direction:column;align-items:center}.sign-btn-primary{justify-content:center;width:100%}.contract-paper-wrapper .contract-paper{padding:24px 16px}}@keyframes pulseLight{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.val-red{color:#ef4444}.val-blue{color:#3b82f6}.val-green{color:#22c55e}.txt-gray{color:#94a3b8}.txt-orange{color:#f97316}.txt-blue{color:#3b82f6}.txt-green{color:#22c55e}.icon-left{color:#94a3b8;font-size:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.icon-right{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lost-content-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.status-pending{color:#64748b;background:#f1f5f9}.status-processing{color:#3b82f6;background:#dbeafe}.status-recovered{color:#22c55e;background:#dcfce7}.status-cancelled{color:#ef4444;background:#fee2e2}.page-btn:disabled{opacity:.5;cursor:not-allowed}.history-action{color:#1e293b;font-weight:600}.history-action .history-target{color:#334155;font-weight:400}.history-meta{color:#64748b;font-size:13px}.history-note{color:#334155;margin-top:4px;font-size:13px}.history-empty{text-align:center;color:#94a3b8}.submit-action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:8px;font-size:14px;font-weight:700;display:flex}@keyframes spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spin{animation:1s linear infinite spin-rotate;display:inline-block}@media (width>=768px) and (width<=1199.98px){.system-page .camera-grid,.system-page .camera-grid--two-vertical{grid-template-columns:1fr 1fr!important;gap:12px!important;height:auto!important;display:grid!important}.system-page .camera-image{aspect-ratio:16/9!important;height:auto!important;min-height:160px!important;max-height:240px!important}.system-page .stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;display:grid!important}}@media (width>=1024px){.system-page .last-session-grid{grid-template-columns:1fr 1fr!important;gap:4px 8px!important;display:grid!important}.system-page .last-session-item{grid-column:span 1!important}.system-page .last-session-item.full-width{flex-direction:row!important;grid-column:span 2!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.system-page .highlight-row .last-session-value{color:#dc2626!important;font-size:15px!important;font-weight:800!important}.system-page .shortcut-row .shortcut-button:not(.shortcut-primary){color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;height:36px!important;font-size:12px!important;transition:all .15s!important}.system-page .shortcut-row .shortcut-button:not(.shortcut-primary):hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}}.cp-input-error{border:1px solid #dc2626!important}.cp-error-text{color:#dc2626;margin-top:4px;font-size:13px}@keyframes ap-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ap-header-left{align-items:center;gap:16px;display:flex}.ap-header-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 8px 20px #6366f159}.ap-header-icon .material-symbols-outlined{font-size:28px}.ap-page-title{color:#0f172a;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.ap-page-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.ap-header-badge{color:#b45309;white-space:nowrap;background:linear-gradient(135deg,#f59e0b15,#f59e0b25);border:1.5px solid #f59e0b50;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:flex}.ap-header-badge .material-symbols-outlined{color:#f59e0b;font-size:18px}.ap-tabs{background:#f1f5f9;border-radius:14px;gap:8px;padding:6px;display:flex}.ap-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.ap-tab .material-symbols-outlined{font-size:20px}.ap-tab:hover{color:#334155;background:#e2e8f0}.ap-tab--active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #0000001a}.ap-tab-count{color:#3730a3;background:#e0e7ff;border-radius:20px;padding:2px 9px;font-size:.78rem;font-weight:700}.ap-tab--active .ap-tab-count{color:#fff;background:#2563eb}.ap-section{flex-direction:column;gap:20px;display:flex}.ap-section-info .material-symbols-outlined{color:#3b82f6;flex-shrink:0;font-size:20px}.ap-card-icon .material-symbols-outlined{font-size:24px}.ap-edit-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.ap-edit-btn .material-symbols-outlined{font-size:18px}.ap-edit-btn:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6;transform:scale(1.08)}@keyframes ap-overlayIn{0%{opacity:0}to{opacity:1}}@keyframes ap-modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.ap-modal-icon .material-symbols-outlined{font-size:24px}.mc-btn .material-symbols-outlined,button.mc-btn .material-symbols-outlined{margin:0!important;padding:0!important;font-size:18px!important}.ap-modal-close .material-symbols-outlined{font-size:18px}.ap-field-label .material-symbols-outlined{color:#94a3b8;font-size:17px}.ap-btn-save .material-symbols-outlined{font-size:19px}@media (width<=768px){.ap-page{padding:16px}.ap-pkg-row,.ap-preview-grid-4{grid-template-columns:repeat(2,1fr)}.ap-fields-grid-2{grid-template-columns:1fr}.ap-header{flex-direction:column;align-items:flex-start}.ap-modal--wide{max-width:100%}}@media (width<=480px){.ap-tabs{flex-direction:column}.ap-pkg-row{grid-template-columns:1fr 1fr}}.ap-error-msg .material-symbols-outlined{font-size:14px}@keyframes ap-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.emc-modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.history-page-btn.active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;font-weight:600!important;box-shadow:0 2px 4px #2563eb40!important}.history-pagination-container{padding:8px 20px!important}.pay-method-card.selected{background:#f0f5ff;border-color:#004bca}.filter-input.date-range-wrapper{box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;height:38px!important;padding:0 10px!important;display:inline-flex!important;overflow:hidden!important}.filter-input.date-range-wrapper:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb1a!important}.date-range-wrapper .date-range-input{color:#334155!important;width:118px!important;min-width:115px!important;max-width:122px!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;flex:none!important;padding:0!important;font-size:13px!important}.date-range-wrapper .date-range-input::-webkit-calendar-picker-indicator{cursor:pointer!important;opacity:.75!important;margin:0!important;padding:0!important}.date-range-wrapper .date-range-input::-webkit-calendar-picker-indicator:hover{opacity:1!important}.date-range-wrapper .date-range-sep{color:#64748b!important;white-space:nowrap!important;flex-shrink:0!important;padding:0 2px!important;font-size:12px!important;font-weight:500!important}.log-time,.log-time-cell,.log-timestamp{white-space:nowrap!important;vertical-align:middle!important;font-size:13px!important}.log-timestamp>div{flex-direction:column!important;gap:2px!important;display:flex!important}.icon-reset-btn,button.icon-reset-btn{color:#475569!important;cursor:pointer!important;box-sizing:border-box!important;vertical-align:middle!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;transition:all .2s ease-in-out!important;display:inline-flex!important;box-shadow:0 1px 2px #0000000d!important}.icon-reset-btn:hover,button.icon-reset-btn:hover{color:#1e293b!important;background:#f1f5f9!important;border-color:#94a3b8!important}.icon-reset-btn:active,button.icon-reset-btn:active{transform:scale(.97);background:#e2e8f0!important}.icon-reset-btn .material-symbols-outlined,button.icon-reset-btn .material-symbols-outlined{color:inherit!important;margin:0!important;padding:0!important;font-size:20px!important;line-height:1!important}.lost-create-button .material-symbols-outlined,button.lost-create-button .material-symbols-outlined{margin:0!important;padding:0!important;font-size:18px!important}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.history-modal-header-left .material-symbols-outlined{color:#2563eb!important;background:#eff6ff!important;border-radius:8px!important;padding:6px!important;font-size:22px!important}.history-search-container .material-symbols-outlined{color:#94a3b8!important;pointer-events:none!important;font-size:18px!important;position:absolute!important;left:10px!important}.history-empty-container .material-symbols-outlined{color:#cbd5e1!important;font-size:48px!important}.history-card-sub{color:#94a3b8!important;font-size:12.5px!important}.btn-monthcard-pay{color:#047857;cursor:pointer;box-sizing:border-box;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:28px;padding:4px 10px;font-size:11.5px;font-weight:600;line-height:1;transition:all .2s ease-in-out;display:inline-flex;white-space:nowrap!important}.btn-monthcard-pay:hover{color:#fff;background:#047857;border-color:#047857;box-shadow:0 2px 4px #04785733}.btn-monthcard-pay:active{transform:translateY(0)}.status-badge-log.pending{color:#92400e!important;text-align:center!important;background-color:#fef3c7!important;border-radius:9999px!important;padding:4px 12px!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;display:inline-block!important}.pending-modal-content{background-color:#fff;border-radius:14px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box!important;width:550px!important;max-width:95vw!important;padding:24px!important}.log-time-column{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:1px!important;line-height:1.3!important;display:flex!important}.log-time-clock{color:#1e293b!important;letter-spacing:.2px!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:13px!important;font-weight:600!important}.log-time-date{color:#64748b!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:11.5px!important;font-weight:500!important}@media (width>=768px) and (width<=1100px){.shift-info-card .shift-grid,.system-page .shift-info-card .shift-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 10px!important;display:grid!important}}@media (width<=1100px){.system-page .system-content{flex-direction:column!important;height:auto!important;display:flex!important}.system-page .active-transaction{flex-direction:column!important;gap:12px!important;display:flex!important;overflow:visible!important}.system-page .transaction-details{border-top:1px dashed #e2e8f0!important;border-left:none!important;max-height:none!important;margin-top:6px!important;padding-top:12px!important;padding-left:0!important;overflow:visible!important}}.ap-slot-row--even{background:#fff}.ap-slot-row--odd{background:#fafbfc}.ap-slot-row--error{background:#fff5f5!important}.ap-btn-delete-slot .material-symbols-outlined{padding:0!important;font-size:16px!important}.ap-preview-error .material-symbols-outlined,.ap-preview-warning .material-symbols-outlined{font-size:16px!important}.epp-status-title-row .material-symbols-outlined{color:#1e3a8a;padding:0!important;font-size:20px!important}@keyframes epp-pulse{0%,to{opacity:1}50%{opacity:.6}}.epp-info-tip .material-symbols-outlined{color:#0284c7;padding-top:2px!important;font-size:16px!important}.epp-btn-continue .material-symbols-outlined{padding:0!important;font-size:18px!important}.epp-vnpay-pending-banner .material-symbols-outlined{color:#fff;padding:0!important;font-size:20px!important}.rcd-expired-icon-box .material-symbols-outlined{color:#ef4444;padding:0!important;font-size:32px!important}.rcd-expired-note .material-symbols-outlined,.rcd-pending-title .material-symbols-outlined{vertical-align:middle;margin-right:6px;padding:0!important;font-size:16px!important}.rcd-btn-continue .material-symbols-outlined,.rcd-btn-confirm-cash .material-symbols-outlined{padding:0!important;font-size:18px!important}.ump-avatar--admin{color:#0f5132;background-color:#d1e7dd}.ump-avatar--manager{color:#842029;background-color:#f8d7da}.ump-avatar--staff{color:#333;background-color:#eee}.ump-role-badge--admin{color:#842029;background-color:#f8d7da}.ump-role-badge--manager{color:#664d03;background-color:#fff3cd}.ump-role-badge--staff{color:#383d41;background-color:#e2e3e5}.required-star{color:red}.sp-lock-icon .material-symbols-outlined{color:#fff;font-size:30px}.sp-toggle-eye .material-symbols-outlined,.sp-submit-btn .material-symbols-outlined{font-size:20px}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-image-panel{flex:1;min-width:0;display:none;position:relative}@media (width>=900px){.sp-image-panel{display:block}}.sp-image-overlay{background:linear-gradient(#0f172a8c 0%,#0f172a40 40%,#0f172abf 100%);flex-direction:column;justify-content:space-between;padding:36px 40px;display:flex;position:absolute;inset:0}.sp-image-brand{color:#fff;align-items:center;gap:10px;display:flex}.sp-brand-icon{color:#60a5fa;font-size:32px}.sp-brand-text{letter-spacing:.02em;color:#fff;font-size:1.4rem;font-weight:800}.sp-image-caption{color:#fff}.sp-caption-title{text-shadow:0 2px 8px #0006;margin:0 0 8px;font-size:1.8rem;font-weight:700;line-height:1.3}.sp-caption-sub{color:#93c5fd;letter-spacing:.04em;margin:0;font-size:.95rem;font-weight:500}.sp-form-panel{background:#0f172a;justify-content:center;align-items:center;width:100%;max-width:480px;padding:40px 24px;display:flex}.sp-form-card{width:100%;max-width:400px}.sp-form-header{text-align:center;margin-bottom:32px}.mgr-sub{color:var(--db-muted);margin:0;font-size:13px}.mgr-last-updated{color:var(--db-muted);opacity:.75;font-size:12px}.mgr-refresh-btn{border:1px solid var(--db-border);background:var(--db-card);height:36px;color:var(--db-text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000a}.mgr-refresh-btn:hover{background:var(--db-primary-light);border-color:var(--db-primary);color:var(--db-primary)}.mgr-refresh-btn .material-symbols-outlined{font-size:18px;transition:transform .6s linear}.mgr-refresh-btn--spinning .material-symbols-outlined{animation:.8s linear infinite mgr-spin}@keyframes mgr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mgr-section-label .material-symbols-outlined{font-size:15px}@media (width<=1200px){.mgr-kpis,.mgr-kpis--3col{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.mgr-kpis,.mgr-kpis--3col{grid-template-columns:1fr}}.mgr-kpi-icon-wrap .material-symbols-outlined{font-size:20px}@media (width<=960px){.mgr-grid2{grid-template-columns:1fr}}@media (width<=1100px){.mgr-grid3{grid-template-columns:1fr}}.mgr-bar-chart{border-bottom:1px solid #ececec;align-items:flex-end;gap:3px;height:130px;padding-bottom:22px;display:flex;position:relative}.mgr-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.mgr-bar{background:var(--db-primary);opacity:.75;border-radius:3px 3px 0 0;width:8px;min-height:2px;transition:opacity .15s,transform .15s}.mgr-bar:hover{opacity:1;transform:scaleY(1.04)}.mgr-bar--peak{opacity:1;background:#10b981}.mgr-bar-x{color:var(--db-muted);white-space:nowrap;font-size:7px;position:absolute;bottom:-20px}.mgr-building-tag .material-symbols-outlined{font-size:15px}@media (width<=539.98px){.layout:has(.system-page) .content{padding:10px 12px 76px!important;overflow-x:hidden!important}.content:has(.system-page){padding:10px 12px 76px!important;overflow-x:hidden!important}.system-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.system-content{flex-direction:column!important;gap:14px!important;width:100%!important;display:flex!important}.stats-grid{order:1!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;margin:0!important;display:grid!important}.stat-card{text-align:center!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-height:56px!important;padding:10px 6px!important;display:flex!important}.stat-card-text{flex-direction:column!important;align-items:center!important;display:flex!important}.stat-label{white-space:nowrap!important;margin-bottom:2px!important;font-size:10px!important;line-height:1.2!important}.stat-value{font-size:18px!important;font-weight:800!important;line-height:1!important}.stat-icon{border-radius:8px!important;width:28px!important;height:28px!important}.stat-icon .material-symbols-outlined{font-size:16px!important}.active-transaction{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;order:2!important;gap:12px!important;width:100%!important;padding:14px!important;display:flex!important}.so-mode-switcher{gap:8px!important;width:100%!important;display:flex!important}.so-mode-btn{border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:44px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.so-mode-btn .so-mode-btn-icon{font-size:20px!important}.so-plate-input,.transaction-plate{box-sizing:border-box!important;border-radius:10px!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0 14px!important;font-size:20px!important}.vehicle-type-container{flex-direction:column!important;gap:6px!important;display:flex!important}.vehicle-type-buttons{gap:8px!important;display:flex!important}.vehicle-type-btn{border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;height:44px!important;min-height:44px!important;font-size:13px!important;font-weight:600!important;display:flex!important}.submit-action-btn{border-radius:10px!important;width:100%!important;height:46px!important;min-height:46px!important;margin-top:4px!important;font-size:15px!important;font-weight:700!important}.camera-grid{flex-direction:column!important;order:3!important;gap:12px!important;width:100%!important;margin:0!important;display:flex!important}.camera-card{border-radius:12px!important;width:100%!important;overflow:hidden!important}.camera-image{aspect-ratio:16/9!important;object-fit:cover!important;background-position:50%!important;background-size:cover!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}.camera-label{border-radius:6px!important;padding:4px 8px!important;font-size:11px!important;top:8px!important;left:8px!important}.transaction-details{border:none!important;flex-direction:column!important;order:4!important;gap:12px!important;width:100%!important;padding:0!important;display:flex!important}.last-session-card{border-radius:12px!important;order:1!important;padding:12px 14px!important}.shift-info-card{border-radius:12px!important;order:2!important;padding:12px 14px!important}.recent-transactions-list-card{border-radius:12px!important;order:3!important;padding:12px 14px!important}.shortcut-row{z-index:9999!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e2e8f0!important;gap:10px!important;width:100%!important;margin:0!important;padding:8px 12px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 16px #0000001f!important}.shortcut-row .shortcut-button{border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:44px!important;min-height:44px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.shortcut-key{min-width:24px!important;padding:2px 6px!important;font-size:11px!important}.header{padding:10px 14px!important}.page-title{font-size:16px!important}.header-right-group{gap:8px!important}}.system-page .vehicle-type-btn.active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;font-weight:700!important;box-shadow:0 4px 12px #2563eb40!important}.system-page .vehicle-type-btn .material-symbols-outlined{flex-shrink:0!important;font-size:20px!important}.db-chart-container{flex:1!important;height:100%!important;position:relative!important;overflow:visible!important}.db-chart-gridlines{pointer-events:none!important;z-index:1!important;flex-direction:column!important;justify-content:space-between!important;display:flex!important;position:absolute!important;inset:0 0 24px!important}.db-gridline{border-top:1px dashed #e2e8f0cc!important;width:100%!important;height:0!important}.db-tooltip{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;color:#f8fafc!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;z-index:100!important;text-align:center!important;background:#0f172af2!important;border:1px solid #ffffff1a!important;border-radius:8px!important;padding:6px 10px!important;font-size:11px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;bottom:100%!important;left:50%!important;transform:translate(-50%)translateY(-8px)scale(.95)!important;box-shadow:0 4px 12px #0f172a40!important}.db-tooltip-label{color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin-bottom:2px!important;font-size:9px!important;font-weight:500!important}.db-tooltip-val{color:#fff!important;font-size:12px!important;font-weight:700!important}.custom-dashboard-refresh-btn{color:#475569!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;align-items:center!important;gap:8px!important;height:42px!important;padding:0 16px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important;display:flex!important;box-shadow:0 1px 2px #0000000d!important}.custom-dashboard-refresh-btn:hover{color:#1e3a8a!important;background-color:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 2px 6px #00000014!important}.new-login-container{box-sizing:border-box;background-color:#111827;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.new-login-container *{box-sizing:border-box}.bg-blur-container{z-index:1;filter:blur(20px)brightness(.3);pointer-events:none;background-image:url(https://i.postimg.cc/vmcMKhqj/Chat-GPT-Image-19-22-47-17-thg-6-2026.png);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.1)}.main-card{z-index:2;background:#fff;border-radius:28px;width:88%;max-width:1140px;height:82vh;min-height:640px;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0009}.left-panel{width:48%;height:100%;padding:14px;display:flex}.inner-visual{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#2563eb1a 0%,#11182766 50%,#111827d9 100%),url(https://i.postimg.cc/vmcMKhqj/Chat-GPT-Image-19-22-47-17-thg-6-2026.png);background-position:50%;background-size:cover;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:3rem;display:flex;position:relative;overflow:hidden}.left-panel-top .brand-text{color:#fff;text-transform:uppercase;letter-spacing:.15em;opacity:.9;font-size:.875rem;font-weight:800}.left-panel-bottom{color:#fff;text-align:left}.hero-title{letter-spacing:-.025em;text-transform:uppercase;margin-top:0;margin-bottom:1.25rem;font-size:2.25rem;font-weight:800;line-height:1.15}.hero-subtitle{color:#d1d5db;opacity:.8;max-width:24rem;margin:0;font-size:.875rem;font-weight:400;line-height:1.625}.right-panel{background:#fff;flex-direction:column;justify-content:center;width:52%;height:100%;padding:0 5rem;display:flex}.form-container{width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.form-header{text-align:left;margin-bottom:2rem}.form-title{color:#111827;letter-spacing:-.025em;margin-top:0;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.form-subtitle{color:#6b7280;opacity:.8;margin:0;font-size:.875rem;font-weight:400}.error-alert{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.login-form-element{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-label{color:#111827;font-size:.875rem;font-weight:600;display:block}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#2563eb;font-size:.75rem;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.input-standard{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:48px;padding:0 1rem;font-size:.9rem;transition:all .2s}.input-standard::placeholder{color:#9ca3af}.input-standard:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper .input-standard{padding-right:2.75rem}.password-toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;padding-right:.75rem;display:flex;position:absolute;top:0;bottom:0;right:0}.password-toggle-btn:hover{color:#4b5563}.eye-icon{width:1.25rem;height:1.25rem}.btn-standard{cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:.75rem;width:100%;height:48px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-standard:disabled{opacity:.6;cursor:not-allowed}.submit-btn{color:#fff;background-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb1a,0 2px 4px -1px #2563eb0f}.submit-btn:hover:not(:disabled){background-color:#1d4ed8}.submit-btn:active:not(:disabled){transform:translateY(1px)}.google-btn{color:#111827;background-color:#fff;border:1px solid #e5e7eb}.google-btn:hover:not(:disabled){background-color:#f9fafb}.google-btn:active:not(:disabled){transform:translateY(1px)}.google-icon{width:1.25rem;height:1.25rem}.google-text{color:#374151;font-size:.875rem;font-weight:600}@media (width<=1024px){.right-panel{padding:0 3rem}}@media (width<=768px){.main-card{border-radius:20px;flex-direction:column;width:92%;height:auto;min-height:auto;max-height:90vh;overflow-y:auto}.left-panel{width:100%;height:200px;padding:8px}.inner-visual{padding:1.5rem}.hero-title{margin-bottom:.25rem;font-size:1.5rem}.hero-subtitle{display:none}.right-panel{width:100%;padding:2rem 1.5rem}.form-title{font-size:1.5rem}}.sidebar{background-color:#fff;flex-direction:column;height:100%;display:flex;position:sticky;top:0;background:#fff!important;border-right:1px solid #f1f5f9!important;flex-shrink:0!important;width:250px!important;min-width:250px!important;padding:0!important;transition:width .4s cubic-bezier(.25,1,.5,1),min-width .4s cubic-bezier(.25,1,.5,1),padding .4s!important;overflow:hidden!important;box-shadow:1px 0 3px #0f172a0a!important}.brand{align-items:center;gap:12px;width:100%;height:72px;padding:0 18px;display:flex}.brand-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border-radius:8px!important;width:32px!important;height:32px!important;box-shadow:0 3px 10px #2563eb4d!important}.brand-title{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden;color:#0f172a!important;letter-spacing:-.01em!important;font-size:14px!important;font-weight:700!important}.brand-subtitle{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden;color:#94a3b8!important;font-size:10.5px!important;font-weight:500!important}.menu{flex-direction:column;flex:1;align-items:stretch;padding:12px;display:flex}.menu-item{white-space:nowrap;color:#607080;cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;margin-bottom:8px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.logout{white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:12px;min-height:44px;display:flex;color:#64748b!important;border-top:1px solid #f1f5f9!important;border-radius:8px!important;margin:4px 8px 8px!important;padding:9px 12px!important;font-size:13.5px!important;font-weight:500!important;transition:background .15s,color .15s!important}.sidebar.collapsed{width:64px!important;min-width:64px!important;padding:16px 0 24px!important;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1)!important}.sidebar .brand{align-items:center;width:100%;display:flex;position:relative;border-bottom:1px solid #f8fafc!important;height:60px!important;min-height:60px!important;margin-bottom:8px!important;padding:0 16px!important}.sidebar:not(.collapsed) .brand{justify-content:flex-start}.sidebar.collapsed .brand{justify-content:center!important;margin-bottom:16px!important;padding:0!important}.brand-logo-zone{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.brand-text-group{flex-direction:column;max-width:140px;margin-left:10px;display:flex}.sidebar-gemini-toggle-expanded{color:#584236;outline:none;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;margin-left:auto!important;padding:0!important;transition:background .15s!important;display:inline-flex!important}.sidebar-gemini-toggle-expanded:hover{background-color:#f5f6f7;color:#2563eb!important;background:#f0f7ff!important}.sidebar-gemini-toggle-collapsed{color:#584236;cursor:pointer;opacity:0;pointer-events:none;background-color:#f5f6f7;border-radius:8px;outline:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .15s,background-color .2s;display:flex;position:absolute;top:0;left:0;border:none!important;margin-left:0!important}.sidebar-gemini-toggle-collapsed:hover{background-color:#e8eae3}.sidebar.collapsed .brand-logo-zone:hover .sidebar-gemini-toggle-collapsed{opacity:1;pointer-events:auto}.sidebar .menu-item{box-shadow:none!important;color:#64748b!important;box-sizing:border-box!important;background-color:#0000!important;border:none!important;border-radius:8px!important;outline:none!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:calc(100% - 24px)!important;height:46px!important;margin:2px 12px!important;padding:0 12px!important;font-size:14px!important;font-weight:500!important;transition:all .15s!important;display:flex!important}.sidebar.collapsed .menu-item{border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:0!important;width:44px!important;height:44px!important;margin:4px auto!important;padding:0!important}.sidebar-footer{width:100%;margin-top:auto;padding-top:16px;border-top:none!important;flex-direction:column!important;gap:4px!important;padding:0 0 16px!important;display:flex!important}.sidebar-account-card{background-color:#fafbfb;transition:all .2s;overflow:hidden;box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:8px!important;align-items:center!important;gap:10px!important;width:calc(100% - 24px)!important;min-width:0!important;height:52px!important;margin:2px 12px!important;padding:0 12px!important;display:flex!important}.sidebar.collapsed .sidebar-account-card{background-color:#0000;box-shadow:none!important;background:0 0!important;border:none!important;justify-content:center!important;width:44px!important;height:44px!important;margin:4px auto!important;padding:0!important}.account-avatar-circle{min-width:36px;color:#fff!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;font-size:14px!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 6px #2563eb40!important}.account-info-details{flex-direction:column;display:flex;flex:1!important;min-width:0!important}.account-info-email{color:#1e293b!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;font-weight:600!important;overflow:hidden!important}.account-info-role{margin-top:2px;color:#94a3b8!important;font-size:11px!important;font-weight:400!important}.sidebar .logout{font-weight:600;transition:all .2s ease-in-out;box-shadow:none!important;color:#dc3545!important;box-sizing:border-box!important;background-color:#0000!important;border:none!important;border-radius:8px!important;outline:none!important;align-items:center!important;gap:10px!important;width:calc(100% - 24px)!important;height:46px!important;margin:2px 12px 16px!important;padding:0 12px!important;display:flex!important}.sidebar .logout:hover{color:#fff!important;background-color:#dc3545!important}.sidebar.collapsed .logout{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin:4px auto 16px!important;padding:0!important}.horizontal-role-buttons.collapsed{opacity:0;pointer-events:none;max-width:0;margin-left:0}.sidebar-gemini-toggle-expanded,.sidebar-gemini-toggle-collapsed{color:#94a3b8!important}.sidebar.collapsed .sidebar-footer{padding:8px 0!important}.sidebar.collapsed .menu{padding:0!important}.sidebar.collapsed .brand-logo-zone{margin:0 auto!important}.sidebar.collapsed .brand-icon{border-radius:8px!important;width:40px!important;height:40px!important}.sidebar.collapsed .account-avatar-circle{border-radius:8px!important;width:40px!important;height:40px!important;font-size:15px!important}.sidebar-gemini-toggle-expanded:hover,.sidebar-gemini-toggle-collapsed:hover{color:#2563eb!important;background:#eff6ff!important}.logout:hover{color:#dc2626!important;background:#fff1f2!important}.cardpage-icon-button,.cardpage-modal-close,.cp-modal-close,.bell,.sidebar-gemini-toggle-expanded,.sidebar-gemini-toggle-collapsed,.log-icon-btn,.lost-bell-button,.lost-action-btn{justify-content:center!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.topbar{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.topbar h1{font-size:24px;font-weight:700}.avatar{justify-content:center;align-items:center;display:flex;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:10px!important;width:34px!important;height:34px!important;font-size:13px!important;font-weight:700!important;transition:box-shadow .2s!important;box-shadow:0 2px 8px #2563eb59!important}.bell{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:relative}.bell:hover{color:#2563eb!important;background:#eff6ff!important}.bell:after{content:"";background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.notif-wrapper{display:inline-block;position:relative}.bell-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.bell-btn:hover{color:#1e293b;background:#f1f5f9}.bell-badge-dot{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #ef444466}.notif-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:350px;max-height:420px;animation:.2s ease-out notifFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}.notif-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-header-title{color:#1e293b;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.notif-count-badge{color:#dc2626;background:#fee2e2;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.notif-mark-read-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .15s}.notif-mark-read-btn:hover{background:#eff6ff}.notif-list{max-height:350px;overflow-y:auto}.notif-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 16px;display:flex}.notif-empty p{margin:0;font-size:13px;font-weight:500}.notif-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#f0f9ff}.notif-item.unread:hover{background:#e0f2fe}.notif-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.notif-icon.entry{color:#16a34a;background:#dcfce7}.notif-icon.exit{color:#0284c7;background:#e0f2fe}.notif-content{flex-direction:column;flex:1;gap:2px;display:flex}.notif-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-action-text{color:#334155;font-size:13px;font-weight:600}.notif-plate{color:#1e293b;letter-spacing:.5px;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.notif-time{color:#64748b;margin-top:2px;font-size:11px}.notif-unread-dot{background:#2563eb;border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px}.avatar:hover{transform:scale(1.05);box-shadow:0 4px 14px #2563eb73!important}.header{background-color:#fff;-webkit-backdrop-filter:blur(12px)!important;z-index:50!important;height:60px!important;min-height:60px!important;box-shadow:none!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:0 28px!important;display:flex!important;position:sticky!important;top:0!important}.header-left-group{align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.page-title{margin:0;color:#0f172a!important;letter-spacing:-.02em!important;font-size:17px!important;font-weight:700!important}.header-right-group{margin-left:auto;flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.db-status-badge{color:#15803d!important;letter-spacing:.01em!important;background:#f0fdf4!important;border:none!important;border-radius:20px!important;align-items:center!important;gap:7px!important;padding:5px 12px!important;font-size:11.5px!important;font-weight:600!important;display:inline-flex!important;box-shadow:0 0 0 1px #bbf7d0!important}.db-status-badge>span:first-child{background:#22c55e!important;border-radius:50%!important;width:7px!important;height:7px!important;animation:2s ease-in-out infinite db-pulse!important;box-shadow:0 0 0 3px #22c55e33!important}.header .search,.search{align-items:center!important;display:flex!important;position:relative!important}.header .search input,.search input{color:#334155!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;min-width:0!important;height:36px!important;padding-left:34px!important;font-size:13px!important;line-height:1!important}.epp-vnpay-pending{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.epp-status-header{background:0 0;border:none;border-radius:0;padding:0}.epp-status-title-row{border-bottom:1.5px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:14px;display:flex}.epp-status-text{color:#1e293b;font-size:14px;font-weight:700}.epp-countdown{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;margin-left:auto;padding:3px 10px;font-family:JetBrains Mono,Courier New,monospace;font-size:12.5px;font-weight:700}.epp-countdown--urgent{animation:1s ease-in-out infinite epp-pulse;color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}.epp-status-grid{grid-template-columns:auto 1fr;align-items:center;gap:12px 20px;padding:4px 0;font-size:13px;display:grid}.epp-status-grid-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.epp-status-grid-value{color:#0f172a;text-align:right;font-weight:600}.epp-status-grid-value--code{color:#475569;font-family:JetBrains Mono,monospace;font-size:12px}.epp-status-grid-value--price{color:#2563eb;font-size:16px;font-weight:800}.epp-status-grid-value--plate{color:#1e3a8a;letter-spacing:.05em;font-size:15px;font-weight:800}.epp-info-tip{color:#0369a1;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.epp-btn-row{gap:10px;margin-top:6px;display:flex}.epp-btn-defer{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;flex:1;height:42px;font-size:14px;font-weight:600;transition:all .2s}.epp-btn-defer:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.epp-btn-continue{color:#fff;cursor:pointer;background:#005baa;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:6px;height:42px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #005baa26,0 2px 4px -1px #005baa1a}.epp-btn-continue:hover:not(:disabled){background:#004d90;transform:translateY(-1px);box-shadow:0 6px 10px -1px #005baa40,0 4px 6px -1px #005baa26}.epp-btn-continue:active:not(:disabled){transform:translateY(1px)}.epp-btn-continue:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.epp-container{flex-direction:column;gap:4px;width:100%;min-height:0;display:flex}.epp-vnpay-pending-banner{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:0 4px 6px -1px #1e3a8a26}.epp-vnpay-pending-banner-title{color:#fff;font-size:14px;font-weight:700}.epp-vnpay-pending-banner-sub{color:#dbeafe;margin-top:2px;font-size:12px}.epp-btn-cancel-vnpay{cursor:pointer;color:#e11d48;background-color:#fff5f5;border:1.5px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:42px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.epp-btn-cancel-vnpay:hover{color:#be123c;background:#fee2e2;border-color:#fca5a5}.epp-btn-cancel-vnpay:active{background:#fecaca}.epp-plate-input{text-align:center!important;text-transform:uppercase!important;cursor:text!important;border:2px dashed #3b82f6!important;outline:none!important;width:100%!important;margin-bottom:4px!important}.epp-label-spacing{margin-bottom:2px!important}.epp-vehicle-type-container{margin-bottom:4px!important}.epp-submit-btn{height:40px!important;margin-top:4px!important}.epp-result-stack{flex-direction:column;gap:4px;display:flex}.epp-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:6px 8px;display:flex;box-shadow:0 1px 3px #00000008}.epp-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:4px;padding-bottom:4px;display:flex}.epp-card-title{font-size:13px;font-weight:700}.epp-badge{white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:12px;font-weight:700}.epp-info-grid{grid-template-columns:1fr 1fr;gap:2px 6px;display:grid}.epp-info-item{flex-direction:column;gap:1px;min-width:0;display:flex}.epp-info-label{color:#64748b;font-size:12px;font-weight:500}.epp-info-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.epp-fee-row{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-top:1px;padding-top:4px;display:flex}.epp-fee-label{color:#0f172a;font-size:13px;font-weight:700}.epp-fee-amt{font-size:18px;font-weight:800}.epp-warning-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:flex-start;gap:4px;padding:4px 6px;font-size:12px;display:flex}.epp-warning-box svg{flex-shrink:0}.epp-warning-text{color:#92400e;font-size:12px}.epp-actions{flex-direction:column;gap:4px;margin-top:2px;display:flex}.epp-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px 10px;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.epp-btn-primary:hover{opacity:.9}.epp-btn-primary--free{background:#16a34a!important;height:38px!important}.epp-btn-primary--cash{background:#059669!important;height:38px!important}.epp-btn-primary--vnpay{background:#2563eb!important;height:38px!important}.epp-btn-cancel{color:#64748b;cursor:pointer;background-color:#0000;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.epp-btn-cancel:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.epp-btn-cancel--reset{color:#fff!important;background:#db1f1f!important;border:none!important;height:38px!important}.epp-btn-cancel--reset:hover{opacity:.9}.epp-empty-card{text-align:center;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px;display:flex}.epp-empty-text{color:#64748b;margin:0;font-size:13px;font-weight:600}.epp-empty-subtext{color:#94a3b8;margin:0;font-size:12px}.system-page,.system-content{flex-direction:column;display:flex;gap:12px!important}.camera-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important;display:grid!important}.camera-card,.active-transaction{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden}.camera-image{background-position:50%;background-size:cover;width:100%;position:relative;min-height:200px!important}.camera-label{color:#fff;background:#0f172ab8;border-radius:10px;padding:8px 12px;font-size:13px;position:absolute;top:12px;left:12px}.camera-badge{letter-spacing:.01em;border-radius:9999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;right:12px}.active-transaction{display:grid;position:relative;grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}.active-transaction:before{content:"";width:6px;height:100%;position:absolute;top:0;left:0;background:#2563eb!important}.transaction-highlight{flex-direction:column;gap:14px;padding-left:18px;display:flex;padding:12px 16px!important}.transaction-details{border-left:1px solid #e5e7eb;gap:16px;padding-left:24px;display:grid}.shortcut-row{flex-wrap:wrap;display:flex;gap:8px!important}.shortcut-key{color:#fff;letter-spacing:.08em;background:#1f2937;border-radius:9999px;justify-content:center;align-items:center;min-width:42px;padding:8px 10px;font-size:11px;display:inline-flex}.cardpage-button{cursor:pointer;border:none;border-radius:14px;padding:14px 20px;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 12px 24px #0f172a0f}.cardpage-button:hover{transform:translateY(-1px)}.cardpage-button.outline{color:#0f172a;background:0 0;border:1px solid #cbd5e1}.cardpage-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.system-footer{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex;margin-top:12px!important;padding:12px 0!important}.footer-links{gap:20px;display:flex}.footer-links a{color:#6b7280;text-decoration:none}.footer-links a:hover{text-decoration:underline}.price-value{font-size:.95rem;font-weight:700;color:#60a5fa!important}.system-page .active-transaction:before{background:#2563eb!important}.system-page .shortcut-primary{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.system-page .shortcut-primary .shortcut-key{color:#fff!important;background:#fff3!important}.system-page .stat-icon-primary{color:#1d4ed8!important;background:#dbeafe!important}.system-page .transaction-price{color:#1d4ed8!important}.system-sessions-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.system-sessions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.system-sessions-header h3{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.system-page .system-footer{display:none!important}.system-sessions-filters{gap:8px;display:flex}.system-sessions-filters .filter-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.system-sessions-filters .filter-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.system-sessions-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.system-sessions-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.system-sessions-table th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 18px;font-size:13px;font-weight:600}.system-sessions-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 18px}.system-sessions-table tbody tr:hover{background-color:#f8fafc}.vehicle-mismatch-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.vehicle-mismatch-banner.mismatch{color:#713f12;background:#fef9c3;border-color:#fde047}.mismatch-icon{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:16px!important}.vehicle-mismatch-banner.mismatch .mismatch-icon{color:#dc2626}.mismatch-text{flex:1;font-size:12px;line-height:1.5}.mismatch-plate{color:#1e3a8a}.mismatch-registered-type{font-weight:700}.mismatch-registered-type.text-valid{color:#16a34a}.mismatch-registered-type.text-invalid{color:#dc2626}.text-invalid{color:#dc2626!important}.op-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.op-modal-content{color:#1e293b;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.op-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.op-modal-title{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.op-modal-title-icon{font-size:24px}.op-modal-title-icon.icon-monthly{color:#16a34a}.op-modal-title-icon.icon-visitor{color:#2563eb}.op-modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.op-modal-close-btn:hover{color:#334155}.op-modal-details{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.op-modal-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:8px;display:flex}.op-modal-detail-row.no-border{border-bottom:none;padding-bottom:0}.op-modal-detail-row.highlight-row{padding-top:8px}.op-modal-detail-label{color:#64748b}.op-modal-detail-label.label-bold,.op-modal-detail-value{font-weight:700}.op-modal-detail-value.value-large{font-size:16px}.op-modal-detail-value.fee-monthly{color:#16a34a}.op-modal-detail-value.fee-visitor{color:#2563eb;font-size:18px}.op-modal-alert-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}.op-modal-actions{justify-content:flex-end;gap:12px;display:flex}.op-modal-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:inline-flex}.op-card-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.op-card-item{text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:16px 8px;transition:all .2s}.op-card-item:hover{background:#f1f5f9;border-color:#94a3b8}.op-card-item.selected{background:#fff7ed;border:2px solid #2563eb;box-shadow:0 4px 6px -1px #fb923c33}.op-card-icon{color:#64748b;margin-bottom:8px;font-size:28px}.op-card-item.selected .op-card-icon{color:#2563eb}.op-card-code{color:#334155;font-size:14px;font-weight:700}.op-card-item.selected .op-card-code{color:#2563eb}.op-card-meta{color:#94a3b8;margin-top:4px;font-size:11px}.op-card-empty-state{text-align:center;color:#dc2626;background:#fef2f2;border-radius:8px;grid-column:1/-1;padding:16px}.btn-vnpay{color:#fff!important;background-color:#0068ff!important}.btn-vnpay:hover{background-color:#0056d6!important}.system-page .active-transaction input[style*="161820"],.system-page .active-transaction input[type=text][placeholder*=BIỂN\ SỐ]{color:#0f172a!important;text-align:center!important;background-color:#fff!important;border:2px dashed #3b82f6!important;border-radius:10px!important;font-size:18px!important;font-weight:700!important}.system-page .active-transaction div[style*="161820"]{color:#0f172a!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important}.system-page .active-transaction [style*="94a3b8"]{color:#64748b!important}.system-page .active-transaction [style*=f1f5f9],.system-page .active-transaction [style*=ffffff][style*=fontWeight]{color:#0f172a!important}.text-valid{color:#16a34a!important}.shift-info-card,.system-page .shift-info-card{box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-direction:column!important;gap:4px!important;width:100%!important;height:auto!important;max-height:none!important;padding:6px 10px!important;display:flex!important;overflow:visible!important}.shift-info-card .shift-grid,.system-page .shift-info-card .shift-grid{flex-direction:column!important;gap:4px!important;width:100%!important;display:flex!important}.shift-info-card .shift-item,.system-page .shift-info-card .shift-item{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:1px!important;min-width:0!important;display:flex!important}.shift-info-card .shift-label,.system-page .shift-info-card .shift-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.2px!important;margin-bottom:0!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;display:block!important}.shift-info-card .shift-value,.system-page .shift-info-card .shift-value{color:#1e293b!important;word-break:break-word!important;overflow-wrap:break-word!important;font-size:11.5px!important;font-weight:700!important;line-height:1.25!important;display:block!important}.recent-transactions-list-card,.system-page .recent-transactions-list-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex:none!important;width:100%!important;height:auto!important;max-height:none!important;padding:6px 8px!important;overflow:visible!important}.recent-transactions-list-card .recent-items-container,.system-page .recent-transactions-list-card .recent-items-container{flex-direction:column!important;gap:4px!important;height:auto!important;display:flex!important}.recent-transactions-list-card .recent-item,.system-page .recent-transactions-list-card .recent-item{background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:4px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding:4px 6px!important;display:flex!important}.recent-transactions-list-card .recent-item-left,.system-page .recent-transactions-list-card .recent-item-left{align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.recent-transactions-list-card .recent-item-right,.system-page .recent-transactions-list-card .recent-item-right{white-space:nowrap!important;align-items:center!important;gap:6px!important;margin-left:auto!important;display:flex!important}.recent-transactions-list-card .recent-time,.system-page .recent-transactions-list-card .recent-time{color:#64748b!important;font-size:11px!important}.recent-transactions-list-card .recent-time:after,.system-page .recent-transactions-list-card .recent-time:after{content:" • "!important;color:#94a3b8!important;margin-left:3px!important;font-weight:700!important}.recent-transactions-list-card .recent-fee,.system-page .recent-transactions-list-card .recent-fee{color:#0f766e!important;font-size:11.5px!important;font-weight:700!important}.system-page,.system-page .system-content{max-height:none!important;overflow-y:auto!important}.layout:has(.system-page) .content{max-height:none!important;overflow-y:auto!important}.layout:has(.system-page){max-height:none!important;overflow-y:auto!important}.layout:has(.system-page) .main{max-height:none!important;overflow-y:auto!important}.system-page .active-transaction{height:auto!important;max-height:none!important;overflow:hidden!important}.system-page .transaction-details{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;min-height:0!important;max-height:100%!important;padding-right:2px!important;display:flex!important;overflow-y:auto!important}.so-hidden-input{display:none!important}.so-camera-card--inactive{opacity:.7}.so-camera-card--active{opacity:1}.so-camera-hover-overlay{opacity:0;pointer-events:none;color:#fff;z-index:10;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex;position:absolute;inset:0}.so-camera-hover-overlay--active{opacity:1;background-color:#0f172a99}.so-camera-hover-icon{padding:0!important;font-size:40px!important}.so-camera-hover-text{font-size:13px;font-weight:700}.so-mode-switcher{border-bottom:1px solid #e5e7eb;grid-column:1/-1;gap:12px;margin-bottom:-8px;padding-bottom:12px;display:flex}.so-mode-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:700;transition:all .2s;display:flex}.so-mode-btn--active{color:#fff;background:#2563eb}.so-mode-btn--inactive{color:#4b5563;background:#f3f4f6}.so-mode-btn-icon{padding:0!important;font-size:18px!important}.so-plate-input{text-align:center;text-transform:uppercase;cursor:text;outline:none;width:100%;border:2px dashed #3b82f6!important}.so-border-dashed-top{border-top:1px dashed #e2e8f0;padding-top:4px}.so-valid-until--valid{color:#16a34a}.so-valid-until--invalid{color:#dc2626}.so-shift-card{margin-top:0;margin-bottom:8px}.so-visitor-hint{color:#64748b;margin-bottom:16px}.system-page .vehicle-type-container{box-sizing:border-box!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin:6px 0!important;display:flex!important}.system-page .vehicle-type-container .transaction-label{color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0!important;font-size:13px!important;font-weight:700!important}.system-page .vehicle-type-buttons{box-sizing:border-box!important;gap:10px!important;width:100%!important;display:flex!important}.system-page .vehicle-type-btn{color:#334155!important;cursor:pointer!important;box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:46px!important;min-height:46px!important;font-size:14px!important;font-weight:600!important;transition:all .15s!important;display:flex!important}.system-page .vehicle-type-btn:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#3b82f6!important}.system-page .visitor-card-select-container{box-sizing:border-box!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin:10px 0!important;display:flex!important}.system-page .visitor-card-select-container .transaction-label{color:#2563eb!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0!important;font-size:12px!important;font-weight:700!important}.system-page .visitor-card-select-container select{color:#0f172a!important;appearance:none!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563eb' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:18px!important;border:1.5px solid #93c5fd!important;border-radius:10px!important;outline:none!important;width:100%!important;height:46px!important;min-height:46px!important;padding:0 38px 0 14px!important;font-size:15px!important;font-weight:700!important;box-shadow:0 2px 8px #2563eb14!important}.system-page .visitor-card-select-container select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb33!important}.system-page .last-session-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;width:100%!important;padding:16px!important;box-shadow:0 2px 10px #0f172a0a!important}.system-page .last-session-title{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;padding-bottom:10px!important;font-size:15px!important;font-weight:700!important;display:flex!important}.system-page .last-session-grid{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.system-page .last-session-item{flex-flow:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.system-page .last-session-label{color:#64748b!important;white-space:nowrap!important;margin-right:2px!important;font-size:13px!important;font-weight:500!important}.system-page .last-session-value{color:#0f172a!important;align-items:center!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important}.system-page .last-session-value.status-done{color:#059669!important;text-transform:uppercase!important;letter-spacing:.03em!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:6px!important;padding:2px 10px!important;font-size:12px!important;font-weight:700!important}.system-page .last-session-value.price-value{color:#2563eb!important;font-size:16px!important;font-weight:800!important}.layout{width:100vw;height:100vh;min-height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{box-sizing:border-box;width:100%;min-width:0;flex:1!important;padding:20px clamp(16px,3vw,40px) clamp(24px,4vh,60px)!important;overflow-y:auto!important}.layout .main{background-color:#0000;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.layout .content{flex:1;padding:0;overflow-x:hidden;background:#f8fafc!important;height:auto!important;min-height:calc(100vh - 60px)!important;overflow-y:auto!important}.layout,.main,.content{max-width:100%;overflow-x:hidden}.cardpage-table-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 18px 40px #0f172a0f;border-radius:clamp(12px,2vw,28px)!important;padding:clamp(16px,2vw,28px)!important;overflow-x:auto!important}.cardpage-table-header{margin-bottom:22px}.cardpage-table-header h2{color:#0f172a;margin:0;font-size:1.6rem}.cardpage-table-header p{color:#64748b;margin:10px 0 0;font-size:.95rem}.cardpage-table{border-collapse:collapse;width:100%;min-width:560px!important}.cardpage-table th,.cardpage-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:18px 16px}.cardpage-table th{color:#475569;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.cardpage-table td{color:#0f172a;vertical-align:middle;font-size:.95rem}.cardpage-table tr:hover{background:#f8fafc}.cardpage-table-footer{color:#64748b;justify-content:space-between;align-items:center;margin-top:24px;font-size:.95rem;display:flex;flex-wrap:wrap!important;gap:12px!important}.cp-table-card{background:#fff;border:1px solid #c2c6d94d;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000a}.cp-table-scroll{overflow-x:auto}.cp-table{text-align:left;border-collapse:collapse;width:100%}.cp-table thead{background:#004bca05;border-bottom:1px solid #c2c6d94d}.cp-table th{letter-spacing:.05em;color:#737687;text-transform:uppercase;white-space:nowrap;padding:16px;font-size:11px;font-weight:700}.cp-table tbody tr{border-bottom:1px solid #c2c6d926}.cp-table-row{transition:background-color .15s}.cp-table-row:hover{background:#004bca05}.cp-table td{color:#191b24;vertical-align:middle;padding:16px;font-size:14px}.month-log-stat-card .stat-icon-wrapper.renew-card{color:#4b5563;background-color:#f3f4f6}.renew-price-box{border:1px solid var(--primary-light,#eff6ff);background-color:#fff7ed;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex}.renew-price-title{color:var(--primary,#2563eb);font-size:.9rem;font-weight:600}.renew-price-value{color:var(--primary,#2563eb);font-size:1.35rem;font-weight:800}.rcd-expired-container{text-align:center;padding:8px 0}.rcd-expired-icon-box{background:#fef2f2;border:2px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.rcd-expired-title{color:#1e293b;margin-bottom:8px;font-size:1.1rem;font-weight:700}.rcd-expired-desc{color:#64748b;margin-bottom:20px;font-size:.9rem;line-height:1.6}.rcd-expired-note{color:#92400e;text-align:left;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:.85rem}.rcd-btn-close{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:10px 32px;font-size:.95rem;font-weight:500;transition:all .15s}.rcd-btn-close:hover{background:#e2e8f0}.rcd-pending-card{border-radius:10px;margin-bottom:20px;padding:16px}.rcd-pending-card--vnpay{background:#fffbeb;border:1px solid #fde68a}.rcd-pending-card--cash{background:#f0fdf4;border:1px solid #86efac}.rcd-pending-title{margin-bottom:8px;font-size:.9rem;font-weight:600}.rcd-pending-title--vnpay{color:#b45309}.rcd-pending-title--cash{color:#166534}.rcd-pending-grid{grid-template-columns:1fr 1fr;gap:8px 16px;font-size:.85rem;display:grid}.rcd-pending-label{color:#64748b}.rcd-pending-val{color:#1e293b}.rcd-pending-val--bold{color:#1e293b;font-weight:600}.rcd-pending-val--vnpay{color:#b45309;font-weight:700}.rcd-pending-val--cash{color:#166534;font-weight:700}.rcd-pending-val--new{color:#0284c7;font-weight:600}.rcd-pending-actions{gap:12px;display:flex}.rcd-btn-defer{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:10px;font-weight:500;transition:all .15s}.rcd-btn-defer:hover{background:#f1f5f9}.rcd-btn-continue{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.95rem;font-weight:600;transition:opacity .15s;display:flex}.rcd-btn-continue:disabled{cursor:default!important;background:#cbd5e1!important}.rcd-btn-confirm-cash{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.95rem;font-weight:600;transition:opacity .15s;display:flex}.rcd-btn-confirm-cash:disabled{cursor:default!important;background:#86efac!important}.rcd-error-box{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.875rem}.rcd-success-box{text-align:center;color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px;font-size:.95rem;font-weight:600}.rcd-success-icon{margin-bottom:8px;display:block;padding:0!important;font-size:32px!important}.rcd-modal-maxWidth{max-width:520px}.rcd-body-padding{padding:24px 0}.rcd-loading-box{text-align:center;color:#64748b;padding:32px 0}.rcd-loading-icon{margin-bottom:12px;animation:1s linear infinite spin;display:block;padding:0!important;font-size:40px!important}.rcd-error-center{text-align:center;padding:16px 0}.rcd-error-msg{color:#ef4444;margin-bottom:16px}.rcd-btn-retry{cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 20px;transition:all .15s}.rcd-btn-retry:hover{background:#e2e8f0}.rcd-days-left{margin-left:6px;font-size:.8rem}.rcd-days-left--urgent{color:#f59e0b}.rcd-days-left--normal{color:#64748b}.rcd-no-pkg{color:#ef4444;font-size:.875rem}.rcd-preview-box{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.rcd-preview-icon{color:#16a34a;padding:0!important;font-size:18px!important}.rcd-preview-old{color:#166534;font-size:.95rem;font-weight:700}.rcd-preview-arrow{color:#64748b;padding:0!important;font-size:16px!important}.rcd-preview-new{color:#0284c7;font-size:.95rem;font-weight:700}.rcd-pay-options{gap:12px;display:flex}.rcd-pay-option{cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.rcd-pay-option--vnpay{background:#eff6ff;border:2px solid #2563eb}.rcd-pay-option--cash{background:#f0fdf4;border:2px solid #16a34a}.rcd-pay-option--inactive{background:#f8fafc;border:2px solid #e2e8f0}.rcd-pay-option-icon--vnpay{color:#2563eb;padding:0!important;font-size:20px!important}.rcd-pay-option-icon--cash{color:#16a34a;padding:0!important;font-size:20px!important}.rcd-pay-option-text{color:#1e293b;font-size:.9rem;font-weight:600}.emc-modal{max-width:600px}.emc-form{flex-direction:column;gap:16px;display:flex}.emc-alert-error{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:12px;font-size:.9rem;font-weight:500}.emc-alert-success{color:#10b981;background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;padding:12px;font-size:.9rem;font-weight:500}.emc-info-grid{margin-bottom:0}.emc-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.emc-form-group-0{margin-bottom:0}.emc-required-star{color:#ef4444}.emc-input-error{border-color:#ef4444}.emc-field-error-msg{color:#ef4444;margin-top:4px;font-size:12px;display:block}.emc-hint-no-plate{color:#004bca;margin:0;font-size:13px}.contract-box{background:#fafafa;border:1px solid #e1e1ee;border-radius:8px;max-height:none;padding:16px;font-size:14px;line-height:1.7;overflow-y:visible}.contract-box table{border-collapse:collapse;width:100%}.contract-box td{border:1px solid #e5e7eb;padding:5px 10px}.contract-box td:first-child{color:#374151;background:#f3f4f6;width:40%;font-weight:600}.pay-method-card{cursor:pointer;border:2px solid #e1e1ee;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;transition:all .2s;display:flex}.pay-method-card:hover{border-color:#93c5fd}.contract-paper{color:#1e293b;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;align-self:flex-start;width:100%;max-width:700px;padding:40px;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.5;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.contract-national-title{text-align:center;margin-bottom:24px}.contract-national-title p:first-child{text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.contract-national-title p:last-child{margin:0;font-size:14px;font-weight:700}.contract-national-title .line-separator{background-color:#1e293b;width:150px;height:1.5px;margin:8px auto 0}.contract-title{text-align:center;margin:30px 0}.contract-title h2{text-transform:uppercase;color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:700}.contract-title p{color:#475569;margin:0;font-size:13px;font-style:italic}.contract-intro{text-align:justify;text-indent:25px;margin-bottom:20px}.contract-section-title{text-transform:uppercase;margin:18px 0 8px;font-size:14px;font-weight:700}.contract-party-info{margin-bottom:16px}.contract-party-info p{margin:4px 0;padding-left:15px}.contract-table{border-collapse:collapse;width:100%;margin:15px 0}.contract-table th,.contract-table td{text-align:left;border:1px solid #cbd5e1;padding:8px 12px}.contract-table th{background-color:#f8fafc;font-weight:700}.contract-table td:first-child{width:40%;font-weight:700}.contract-terms{margin-top:15px}.contract-terms p{text-align:justify;margin:6px 0}.contract-stamp-wrapper{justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto;display:flex;position:relative}.contract-stamp-img{object-fit:contain;opacity:.88;mix-blend-mode:multiply;width:130px;height:130px;display:block}.contract-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.contract-paper .contract-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#f8fafc!important}.contract-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background-color:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.contract-container{background-color:#f8fafc;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.contract-header{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.contract-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.contract-close-top{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.contract-close-top:hover{color:#0f172a;background-color:#f1f5f9}.contract-body{background-color:#f1f5f9;flex:1;justify-content:center;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.contract-paper-wrapper{align-self:flex-start;max-width:100%}.contract-footer{background-color:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.contract-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.contract-btn:disabled{opacity:.6;cursor:not-allowed}.contract-btn-close{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.contract-btn-close:hover:not(:disabled){color:#0f172a;background-color:#e2e8f0}.contract-btn-download{color:#fff;background-color:#0284c7}.contract-btn-download:hover:not(:disabled){background-color:#0369a1}.contract-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.contract-status-badge.status-Chưa\ gửi{color:#64748b;background-color:#f1f5f9;border:1px solid #cbd5e1}.contract-status-badge.status-Chờ\ ký{color:var(--primary,#2563eb);border:1px solid var(--primary-light,#eff6ff);background-color:#fff7ed;animation:2s infinite pulseLight}.contract-status-badge.status-Đã\ ký{color:#16a34a;background-color:#f0fdf4;border:1px solid #d1fae5}.contract-status-badge.status-Hết\ hạn{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2}.month-card-page{color:#241912;background:#f5f2ed;width:100%;max-width:100%;padding:24px 30px}.mc-stats-row{gap:24px;display:flex;flex-wrap:wrap!important}.mc-stats-grid{flex:1;gap:12px;display:grid;grid-template-columns:repeat(2,1fr)!important}.mc-stat-card{border:none;border-radius:12px;flex-direction:column;flex:1;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0000000d}.mc-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.mc-stat-card.mc-stat-primary{background-color:#eaf4ff}.mc-stat-card.mc-stat-success{background-color:#e6f6ec}.mc-stat-card.mc-stat-danger{background-color:#fdeaea}.mc-stat-card.mc-stat-warning{background-color:#fff9e6}.mc-stat-card-header{justify-content:space-between;align-items:center;display:flex}.mc-stat-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mc-stat-primary .mc-stat-icon{color:#0b51a8}.mc-stat-success .mc-stat-icon{color:#3b8a47}.mc-stat-danger .mc-stat-icon{color:#be2121}.mc-stat-warning .mc-stat-icon{color:#b18502}.mc-stat-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.mc-stat-primary .mc-stat-badge{color:#0b51a8;background-color:#cbe0fa}.mc-stat-success .mc-stat-badge{color:#3b8a47;background-color:#cbebd4}.mc-stat-danger .mc-stat-badge{color:#be2121;background-color:#f9cece}.mc-stat-warning .mc-stat-badge{color:#b18502;background-color:#fce7b0}.mc-stat-body{flex-direction:column;gap:4px;margin-top:4px;display:flex}.mc-stat-value{color:#000;margin:0;font-size:32px;font-weight:800;line-height:1}.mc-stat-label{color:#bcbcbc;margin:0;font-size:13px;font-weight:600}.mc-filters{flex-wrap:nowrap!important;flex:1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.mc-filter-select{font-family:Inter,sans-serif;line-height:20px;white-space:nowrap!important;color:#1e293b!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;flex:none!important;min-width:165px!important;height:40px!important;padding:0 32px 0 12px!important;font-size:13.5px!important;transition:all .2s!important}.mc-filter-select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.mc-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px;transition:all .2s;display:inline-flex}.mc-btn-outline{color:#424656;background:#fff;border:1px solid #c2c6d9}.mc-btn-outline:hover{color:#004bca;background:#004bca0d;border-color:#004bca}.mc-btn-primary{color:#fff;background:#004bca;border:none}.mc-btn-primary:hover{background:#003ea8;box-shadow:0 4px 12px #004bca33}.mc-table-card{background:#fff;border:1px solid #c2c6d94d;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000a}.mc-table-scroll{overflow-x:auto}.mc-table{text-align:left;border-collapse:collapse;width:100%}.mc-table thead{background:#004bca05;border-bottom:1px solid #c2c6d94d}.mc-table th{text-transform:uppercase;white-space:nowrap;vertical-align:middle!important;letter-spacing:.4px!important;color:#475569!important;background-color:#f8fafc!important;padding:12px 14px!important;font-size:12px!important;font-weight:700!important}.mc-table tbody tr{border-bottom:1px solid #c2c6d926}.mc-table-row{transition:background-color .15s;height:52px!important}.mc-table-row:hover{background:#004bca05}.mc-table td{color:#191b24;vertical-align:middle!important;padding:12px 14px!important;font-size:13px!important}.mc-status-badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.mc-status-active{color:#006d38;background:#006d381a}.mc-status-expiring{color:#d0c715;background:#d0c7151f}.mc-status-expired{color:#ba1a1a;background:#ba1a1a1a}.cp-table-scroll,.mc-table-scroll,.lost-table-card,.log-table-wrapper{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.cp-table,.mc-table,.lost-table{min-width:600px!important}.card-grid,.stats-grid,.camera-grid,.db-kpis,.db-grid2,.db-tables,.cp-stats-row,.mc-stats-row,.lost-stats-grid,.log-stats-grid,.cardpage-summary-grid{width:100%!important;max-width:100%!important}.cp-table th,.cp-table td,.mc-table th,.mc-table td,.lost-table th,.lost-table td{white-space:nowrap!important}.cp-table td:nth-child(2),.mc-table td:nth-child(2),.lost-table td:nth-child(3){white-space:normal!important;min-width:120px!important}.mc-status-badge,.cp-status-badge,.status-badge-lost,.db-badge,.cardpage-status{vertical-align:middle!important;justify-content:center!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.cp-btn,.mc-btn,.cardpage-button,.lost-filter-button,.lost-create-button,.db-refresh-btn,.shortcut-button,.single-edit-btn,.cardpage-back-button,.mc-edit-btn,.cp-edit-btn,.lost-action-btn,.mc-page-nav,.cp-page-nav{justify-content:center!important;align-items:center!important;gap:6px!important;line-height:1!important;display:inline-flex!important}.mc-confirm-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.mc-confirm-box{color:#fff;background:#1e1e2d;border-radius:12px;width:360px;max-width:90%;padding:24px;box-shadow:0 8px 24px #0006}.mc-confirm-box p{margin:0 0 8px}.mc-confirm-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.mc-confirm-actions button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.mc-confirm-actions button:first-child{color:#ccc;background:#2c2c3e}.mc-confirm-actions button:first-child:hover{background:#3a3a4e}.mc-btn-danger{color:#fff;background:#ba1a1a}.mc-btn-danger:hover{background:#a01515}.mc-btn-danger:disabled,.mc-confirm-actions button:disabled{opacity:.6;cursor:not-allowed}.mc-btn,button.mc-btn{cursor:pointer!important;box-sizing:border-box!important;white-space:nowrap!important;border-radius:8px!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:40px!important;margin:0!important;padding:0 18px!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.mc-btn-outline,button.mc-btn-outline{color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important;min-width:110px!important}.mc-btn-outline:hover,button.mc-btn-outline:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}.mc-btn-primary,button.mc-btn-primary{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important;min-width:175px!important;box-shadow:0 2px 4px #2563eb33!important}.mc-btn-primary:hover,button.mc-btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 4px 8px #2563eb4d!important}.mc-table-card,.lost-table-card,.log-table-card,.lost-card-log-wrapper .lost-table-card,.lost-card-log-wrapper .log-table-card{box-sizing:border-box!important;border-radius:12px!important;width:100%!important;overflow-x:auto!important}.mc-table,.lost-table,.log-table{border-collapse:collapse!important;width:100%!important;min-width:1000px!important}.mc-table th,.mc-table td,.lost-table th,.lost-table td,.log-table th,.log-table td{white-space:nowrap!important}.mc-table td.log-content-cell,.lost-table td.lost-content-cell{white-space:normal!important;word-break:break-word!important;max-width:200px!important}.lost-card-log-page{max-width:100%;font-family:Inter,sans-serif;color:#0f172a!important;box-sizing:border-box!important;background:#f8fafc!important;border-radius:16px!important;width:100%!important;min-height:auto!important;padding:8px 20px 24px!important}.lost-stats-grid{margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:clamp(12px,2vw,24px)!important}.lost-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.lost-stat-content{flex:1}.lost-stat-label{color:#6b7280;margin-bottom:8px;font-size:14px;font-weight:500}.lost-stat-value{color:#111827;margin-bottom:8px;font-weight:700;line-height:1;font-size:clamp(22px,3vw,32px)!important}.lost-stat-note{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.lost-stat-note.positive{color:#2563eb!important}.lost-stat-note span{font-size:16px}.lost-stat-note.warning-note{color:#1d4ed8}.lost-stat-progress-bar{background-color:#e5e7eb;border-radius:9999px;width:140px;height:6px;margin-top:12px;overflow:hidden}.lost-stat-progress-bar .progress-fill{background-color:#0284c7;border-radius:9999px;height:100%}.lost-stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.lost-stat-icon.pending{color:#2563eb;background-color:#eff6ff}.lost-stat-icon span{font-size:28px}.lost-filters{flex-wrap:wrap;align-items:flex-end;display:flex;gap:clamp(12px,2vw,20px)!important}.lost-filter-group{flex-direction:column;gap:8px;display:flex}.lost-filter-group label{color:#6b7280;font-size:13px;font-weight:600}.lost-filter-group.search-group{flex:2;min-width:280px}.lost-filter-group.dropdown-group{flex:1;min-width:150px}.lost-filter-group.date-group{flex:1.5;min-width:220px}.lost-filter-button{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;height:46px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex;background-color:#2563eb!important}.lost-filter-button:hover{background-color:#1d4ed8!important}.lost-filter-button span{font-size:20px}.lost-table-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.lost-table{text-align:left;border-collapse:collapse;width:100%}.lost-table th{color:#1e3a8a;letter-spacing:.05em;background-color:#eff6ff;border-bottom:1px solid #e5e7eb;padding:18px 24px;font-size:13px;font-weight:700}.lost-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px 24px;font-size:14px}.lost-id-cell{color:#1e293b;font-weight:600}.lost-plate-box{text-align:center;color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;align-items:center;width:76px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px 2px #0000000d}.lost-plate-top{color:#374151;border-bottom:1px solid #d1d5db;padding-bottom:2px;line-height:1.2}.lost-plate-bottom{color:#111827;padding-top:2px;line-height:1.2}.status-badge-lost{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge-lost .dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge-lost.status-pending{color:#d97706;background-color:#fef3c7}.status-badge-lost.status-pending .dot{background-color:#2563eb}.status-badge-lost.status-cancelled{color:#dc2626;background-color:#fee2e2}.status-badge-lost.status-cancelled .dot{background-color:#dc2626}.status-badge-lost.status-recovered{color:#2563eb;background-color:#dbeafe}.status-badge-lost.status-recovered .dot{background-color:#2563eb}.lost-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:inline-flex}.lost-action-btn:hover{color:#1e293b;background:#f8fafc}.lost-action-btn span{font-size:18px}.lost-table-footer{background-color:#eff6ff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.footer-right-actions{align-items:center;gap:12px;display:flex}.lost-create-button{box-sizing:border-box;color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex;background-color:#2563eb!important;box-shadow:0 4px 12px #2563eb40!important}.lost-create-button:hover{background:#334155;transform:translateY(-1px);background-color:#1d4ed8!important}.lost-create-button span{font-size:20px}.status-badge-lost.status-processing .dot{background-color:#1e88e5}.lost-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lost-modal{background:#fff;border-radius:12px;flex-direction:column;width:480px;max-width:90vw;max-height:85vh;padding:0;animation:.3s modalSlideIn;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000001a}.lost-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.lost-form-group label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.lost-form-group input{color:#334155;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:38px;padding:0 12px;font-size:13px}.lost-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.lost-kpi-value.val-green{color:#10b981}.lost-kpi-value.val-orange{color:#f59e0b}.lost-card-log-wrapper{background:0 0;flex-direction:column;gap:20px;padding:20px;font-family:Inter,sans-serif;display:flex}.lost-kpi-container{grid-template-columns:2fr 1fr;gap:16px;display:grid}.lost-kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.lost-kpi-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:16px;min-height:100px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.lost-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.lost-kpi-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lost-kpi-icon-box{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lost-kpi-title{color:#64748b;font-size:13px;font-weight:500}.lost-kpi-body{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.lost-kpi-value{color:#1e293b;font-size:28px;font-weight:700;line-height:1}.lost-kpi-value.val-red{color:#ef4444}.lost-kpi-value.val-blue{color:#0052cc}.lost-kpi-footer{align-items:flex-end;gap:4px;padding-bottom:2px;font-size:12px;font-weight:500;line-height:1;display:flex}.lost-kpi-footer.txt-gray{color:#94a3b8}.lost-kpi-footer.txt-orange{color:#f59e0b}.lost-kpi-footer.txt-blue{color:#64748b}.lost-kpi-footer.txt-green{color:#10b981}.lost-kpi-footer.txt-red{color:#ef4444}.lost-filter-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-wrap:wrap;box-shadow:0 1px 3px #00000014;box-sizing:border-box!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important;width:100%!important;padding:16px 20px!important;display:flex!important}.lost-header,.lost-stats-grid,.lost-toolbar{display:none}.lost-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px}.lost-modal-header h2{color:#1e293b;margin:0;font-size:16px;font-weight:600}.lost-modal-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.lost-form-group input,.lost-form-group select{color:#1f2937;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.lost-form-group input:focus,.lost-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.lost-modal-actions .btn-cancel{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-weight:500;transition:background .2s}.lost-modal-actions .btn-cancel:hover{background:#f3f4f6}.lost-modal-actions .btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background .2s}.lost-modal-actions .btn-save:hover{background:#2563eb}.lost-modal>h2{display:none}.lost-card-log-page .lost-toolbar-modern{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:100%!important;margin-bottom:20px!important;padding:16px 20px!important;display:block!important;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005!important}.lost-card-log-page .lost-filters-horizontal-bar{box-sizing:border-box!important;flex-direction:row!important;align-items:flex-end!important;gap:16px!important;width:100%!important;display:flex!important}.lost-card-log-page .lost-filter-item{flex-direction:column!important;gap:6px!important;display:flex!important}.lost-card-log-page .filter-field-label{white-space:nowrap!important;color:var(--db-primary,#2563eb)!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:6px!important;font-size:11.5px!important;font-weight:700!important}.lost-card-log-page .search-premium-wrapper{flex:2!important;min-width:300px!important}.lost-card-log-page .premium-input-box-styled{box-sizing:border-box!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;align-items:center!important;width:100%!important;height:42px!important;padding:0 14px!important;display:flex!important;position:relative!important}.lost-card-log-page .premium-input-box-styled:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 3px #eff6ff!important}.lost-card-log-page .premium-input-box-styled input{color:#1f2937!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;padding:0!important;font-size:.9rem!important;font-weight:500!important}.lost-card-log-page .search-brand-icon-premium{color:#2563eb!important;opacity:.8!important;align-items:center!important;margin-right:10px!important;font-size:20px!important;display:inline-flex!important}.lost-card-log-page .select-premium-wrapper{flex:1!important;min-width:180px!important}.lost-card-log-page .premium-select-box-styled{align-items:center!important;width:100%!important;display:flex!important;position:relative!important}.lost-card-log-page .premium-select-box-styled select{appearance:none!important;box-sizing:border-box!important;width:100%!important;height:42px!important;color:var(--db-text-dark,#1f2937)!important;cursor:pointer!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;padding:0 36px 0 14px!important;font-size:13.5px!important;font-weight:500!important}.lost-card-log-page .premium-select-box-styled select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #eff6ff!important}.lost-card-log-page .select-arrow-icon-premium{pointer-events:none!important;color:#2563eb!important;opacity:.8!important;align-items:center!important;font-size:20px!important;display:inline-flex!important;position:absolute!important;right:12px!important}.lost-card-log-page .date-premium-wrapper{flex:1.5!important;min-width:260px!important}.lost-card-log-page .premium-date-inputs-styled{box-sizing:border-box!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;align-items:center!important;gap:8px!important;width:100%!important;height:42px!important;padding:0 12px!important;display:flex!important}.lost-card-log-page .premium-date-inputs-styled:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 3px #eff6ff!important}.lost-card-log-page .date-field-node-premium{flex:1!important;align-items:center!important;display:flex!important}.lost-card-log-page .date-field-node-premium input[type=date]{cursor:pointer!important;color:#1f2937!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;padding:0!important;font-size:.85rem!important}.lost-card-log-page .date-range-split-dash-premium{color:#94a3b8!important;text-transform:lowercase!important;font-size:12px!important;font-weight:700!important}.lost-card-log-page .pending-icon{color:#ef4444!important;background:#fef2f2!important}.lost-card-log-page .pending-border{border-left:5px solid #ef4444!important}.lost-card-log-page .text-pending{color:#dc2626!important}.lost-card-log-page .warning-alert{color:#ef4444!important;font-weight:600!important}.lost-card-log-page .pending-fill{background:linear-gradient(90deg,#ef4444,#f87171)!important}.lost-card-log-page .status-badge-lost-premium.status-pending-wait{color:#ef4444!important;background:#fef2f2!important}.lost-card-log-page .lost-table-card-premium{clear:both!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;margin-top:24px!important;padding:24px!important;box-shadow:0 4px 10px -3px #0000000a,0 2px 6px -2px #00000005!important}.lost-card-log-page .lost-dashboard-analytics-container{align-items:stretch!important;gap:20px!important;width:100%!important;margin-bottom:24px!important;display:flex!important}.lost-card-log-page .lost-stats-grid-layout{flex-grow:1!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.lost-card-log-page .lost-stat-box-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;justify-content:space-between!important;min-height:115px!important;padding:18px 20px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005!important}.lost-card-log-page .lost-stat-box-item:hover{border-color:#2563eb!important;transform:translateY(-3px)!important;box-shadow:0 10px 15px -3px #2563eb14,0 4px 6px -2px #2563eb08!important}.lost-card-log-page .lost-box-header{align-items:center!important;gap:10px!important;display:flex!important}.lost-card-log-page .lost-box-icon{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;display:flex!important}.lost-card-log-page .lost-box-icon span{font-size:20px!important}.lost-card-log-page .total-icon{color:#475569!important;background:#f1f5f9!important}.lost-card-log-page .total-border{border-left:5px solid #475569!important}.lost-card-log-page .success-icon{color:#10b981!important;background:#ecfdf5!important}.lost-card-log-page .success-border{border-left:5px solid #10b981!important}.lost-card-log-page .lost-box-label{color:#4b5563!important;font-size:.9rem!important;font-weight:600!important}.lost-card-log-page .lost-box-body{justify-content:space-between!important;align-items:baseline!important;margin-top:12px!important;display:flex!important}.lost-card-log-page .lost-box-number{font-size:1.8rem!important;font-weight:700!important;line-height:1!important}.lost-card-log-page .text-total{color:#1f2937!important}.lost-card-log-page .text-success{color:#065f46!important}.lost-card-log-page .lost-box-subtext{color:#9ca3af!important;font-size:.8rem!important}.lost-card-log-page .success-alert{color:#10b981!important;font-weight:600!important}.lost-card-log-page .lost-chart-visualization-card.compressed-width{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;flex-shrink:0!important;width:35%!important;min-width:300px!important;padding:18px 20px!important;transition:box-shadow .25s!important;display:flex!important;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005!important}.lost-card-log-page .chart-header-zone{border-bottom:1px solid #f3f4f6!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;padding-bottom:10px!important;display:flex!important}.lost-card-log-page .chart-header-zone h4{color:#1f2937!important;margin:0!important;font-size:.95rem!important;font-weight:600!important}.lost-card-log-page .chart-bars-wrapper{flex-direction:column!important;flex-grow:1!important;justify-content:center!important;gap:16px!important;display:flex!important}.lost-card-log-page .chart-bar-item{flex-direction:column!important;gap:4px!important;display:flex!important}.lost-card-log-page .bar-meta-desc{color:#6b7280!important;justify-content:space-between!important;font-size:.8rem!important;display:flex!important}.lost-card-log-page .bar-name-label{font-weight:500}.lost-card-log-page .bar-data-counter b{color:#111827}.lost-card-log-page .bar-track-background{background:#f3f4f6!important;border-radius:4px!important;width:100%!important;height:8px!important;overflow:hidden!important}.lost-card-log-page .bar-fill-color{border-radius:4px!important;height:100%!important;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)!important}.lost-card-log-page .total-fill{background:#475569!important}.lost-card-log-page .success-fill{background:linear-gradient(90deg,#10b981,#34d399)!important}.lost-card-log-page .clear-btn-premium{color:#94a3b8!important;cursor:pointer!important}.lost-card-log-page .lost-create-button-premium{color:#fff!important;cursor:pointer!important;background:#2563eb!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;height:40px!important;padding:0 20px!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #2563eb26!important}.lost-card-log-page .lost-create-button-premium:hover{background:#1d4ed8!important;box-shadow:0 6px 16px #2563eb40!important}.lost-card-log-page .processing-icon{color:#0284c7!important;background:#e0f2fe!important}.lost-card-log-page .processing-border{border-left:5px solid #0284c7!important}.lost-card-log-page .text-processing{color:#0369a1!important}.lost-card-log-page .processing-fill{background:linear-gradient(90deg,#0284c7,#38bdf8)!important}.lost-card-log-page .status-badge-lost-premium.status-pending{color:#0284c7!important;background:#e0f2fe!important}.lost-card-log-page .lost-table-modernized{border-collapse:collapse!important;text-align:left!important;width:100%!important}.lost-card-log-page .lost-table-modernized th{color:#64748b!important;letter-spacing:.06em!important;text-transform:uppercase!important;background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:16px 18px!important;font-size:11.5px!important;font-weight:700!important}.lost-card-log-page .lost-table-modernized td{color:#334155!important;vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:16px 18px!important;font-size:13.5px!important}.lost-card-log-page .lost-table-modernized tbody tr:hover{background-color:#f8fafc!important}.lost-card-log-page .lost-id-cell-premium{color:#2563eb!important;font-family:JetBrains Mono,monospace!important;font-weight:700!important}.lost-card-log-page .status-badge-lost-premium{white-space:nowrap!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;padding:6px 14px!important;font-size:12px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.lost-card-log-page .status-badge-lost-premium.status-recovered{color:#065f46!important;background:#d1fae5!important}.lost-card-log-page .status-badge-lost-premium:before{content:""!important;background-color:currentColor!important;border-radius:50%!important;width:6px!important;height:6px!important;margin-right:8px!important;display:inline-block!important}.lost-card-log-page .lost-action-btn-premium{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:8px!important;transition:all .2s!important;display:inline-flex!important}.lost-card-log-page .lost-action-btn-premium:hover{color:#2563eb!important;background:#eff6ff!important}.lost-card-log-page .lost-action-btn-premium span{font-size:18px!important}.lost-card-log-page .lost-table-footer-premium{border-top:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;margin-top:24px!important;padding-top:20px!important;display:flex!important}.lost-card-log-page .footer-info-premium{color:#64748b!important;font-size:13.5px!important}.lost-card-log-page .footer-info-premium b{color:#0f172a!important}.lost-card-log-page .footer-right-actions-premium{align-items:center!important;gap:20px!important;display:flex!important}.lost-card-log-page .lost-pagination-premium{gap:6px!important;display:flex!important}.lost-card-log-page .page-btn-premium{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:34px!important;height:34px!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.lost-card-log-page .page-btn-premium:hover:not(:disabled){background:#f8fafc!important;border-color:#94a3b8!important}.lost-card-log-page .page-btn-premium:disabled{opacity:.4!important;cursor:not-allowed!important}.lost-card-log-page .page-btn-premium span{font-size:18px!important}.lost-card-log-page .lost-chart-visualization-card.compressed-width:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005!important}.lost-card-log-page .premium-input-box-styled:focus-within,.lost-card-log-page .premium-select-box-styled select:focus,.lost-card-log-page .premium-date-inputs-styled:focus-within{border-color:var(--db-primary,#2563eb)!important;background-color:#fff!important;box-shadow:0 0 0 3px #2563eb1f!important}.lost-card-log-page .lost-pagination .page-btn{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:36px!important;height:36px!important;padding:0 6px!important;font-size:13px!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.lost-card-log-page .lost-pagination .page-btn:hover:not(:disabled){border-color:var(--db-primary,#2563eb)!important;color:var(--db-primary,#2563eb)!important;background:#f8fafc!important}.lost-card-log-page .lost-pagination .page-btn:disabled{opacity:.35!important;cursor:not-allowed!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.lost-card-log-page .lost-pagination .page-btn span{align-items:center!important;font-size:18px!important;display:inline-flex!important}.lost-card-log-page .lost-toolbar-modern .lost-filter-item div,.lost-card-log-page .lost-toolbar-modern .lost-filter-item label,.lost-card-log-page .lost-toolbar div,.lost-card-log-page .lost-toolbar label{color:#2563eb!important;letter-spacing:.05em!important;text-transform:uppercase!important;font-size:11.5px!important;font-weight:700!important}.lost-card-log-page .premium-input-box-styled input,.lost-card-log-page .premium-select-box-styled select,.lost-card-log-page .premium-date-inputs-styled input{color:#1f2937!important;text-transform:none!important;font-weight:500!important}.lost-card-log-page .lost-toolbar-modern .filter-field-label,.lost-card-log-page .lost-toolbar-modern div,.lost-card-log-page .lost-filter-item div,.lost-card-log-page .lost-toolbar div{color:#2563eb!important;letter-spacing:.05em!important;text-transform:uppercase!important;font-size:11.5px!important;font-weight:700!important}.lost-card-log-page .premium-input-box-styled input,.lost-card-log-page .premium-select-box-styled select{color:#1f2937!important;text-transform:none!important;font-size:13.5px!important;font-weight:500!important}.lost-table thead th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 18px;font-size:13px;font-weight:600}.lost-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:14px}.lost-table tbody tr:hover{background-color:#f8fafc}.lost-form-group input:disabled{color:#64748b;background:#f8fafc}.btn-save,.btn-cancel{cursor:pointer;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500}.btn-save{color:#fff;background:#3b82f6;border:none}.btn-save:hover{background:#2563eb}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{color:#334155;background:#fff;border:1px solid #e2e8f0}.btn-cancel:hover{background:#f8fafc}.lost-action-hint{color:#94a3b8;margin:0 0 8px;font-size:13px}.lost-action-note-input{margin-bottom:8px}.lost-action-btn-row{gap:8px;display:flex}.btn-cancel-mistake{color:#f59e0b;border-color:#f59e0b}.btn-cancel-danger{color:#ef4444;border-color:#ef4444}.history-pagination{justify-content:flex-end;margin-top:16px;align-items:center!important;gap:6px!important;display:flex!important}.history-page-btn{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:32px!important;height:32px!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!important}.history-page-btn:disabled{opacity:.4!important;cursor:not-allowed!important}.history-modal-wide{animation:.25s cubic-bezier(.16,1,.3,1) slideUpModal;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;width:780px!important;max-width:92vw!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a40!important}.history-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:16px 24px!important;display:flex!important}.history-modal-header h2{font-size:16px!important}.history-search-input{color:#1e293b!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:260px!important;height:36px!important;padding:0 12px 0 34px!important;font-size:13.5px!important;transition:all .2s!important}.filter-block:has(.date-range-wrapper){flex:none!important;width:auto!important;min-width:0!important}.lost-filter-card .filter-block:has(.date-range-wrapper){flex:none!important;width:auto!important;min-width:0!important}.lost-filter-card>div[style*=marginLeft],.lost-filter-card>div[style*=margin-left]{flex:none!important;gap:10px!important;margin-left:auto!important}.lost-filter-card>div:has(.lost-create-button){flex:none!important;gap:10px!important;margin-left:auto!important}.lost-create-button,button.lost-create-button{color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;white-space:nowrap!important;vertical-align:middle!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border:none!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:38px!important;margin:0!important;padding:0 16px!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s ease-in-out!important;display:inline-flex!important;box-shadow:0 2px 4px #2563eb33!important}.lost-create-button:hover,button.lost-create-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;box-shadow:0 4px 8px #2563eb4d!important}.lost-create-button:active,button.lost-create-button:active{transform:scale(.97)}.lost-modal-overlay:has(.history-modal-wide){animation:.2s ease-out fadeInModal;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1050!important;background-color:#0f172a8c!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.history-modal-header-left{align-items:center!important;gap:10px!important;display:flex!important}.history-modal-header-left h2{color:#0f172a!important;margin:0!important;font-size:16.5px!important;font-weight:700!important}.history-modal-header-right{align-items:center!important;gap:12px!important;display:flex!important}.history-search-container{align-items:center!important;display:flex!important;position:relative!important}.history-search-input:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.history-close-btn{color:#64748b!important;cursor:pointer!important;background:#f1f5f9!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .15s!important;display:inline-flex!important}.history-close-btn:hover{color:#0f172a!important;background:#e2e8f0!important}.history-modal-body{background-color:#f8fafc!important;flex-direction:column!important;min-height:400px!important;max-height:68vh!important;padding:0!important;display:flex!important}.history-list-scroll{flex-direction:column!important;flex:1!important;gap:12px!important;padding:20px 24px!important;display:flex!important;overflow-y:auto!important}.history-empty-container{color:#94a3b8!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:auto!important;padding:60px 20px!important;display:flex!important}.history-empty-container p{color:#64748b!important;margin:0!important;font-size:14px!important;font-weight:500!important}.history-card{background:#fff!important;border:1px solid #e2e8f0!important;border-left-width:4px!important;border-radius:10px!important;flex-direction:column!important;flex-shrink:0!important;gap:8px!important;min-height:min-content!important;padding:14px 18px!important;transition:transform .15s,box-shadow .15s!important;display:flex!important;box-shadow:0 1px 3px #0000000a!important}.history-card:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000000f!important}.history-card-header{justify-content:space-between!important;align-items:center!important;display:flex!important}.history-action-badge{align-items:center!important;gap:6px!important;font-size:13.5px!important;font-weight:600!important;display:inline-flex!important}.history-card-time{color:#64748b!important;font-size:12.5px!important;font-weight:500!important}.history-card-note{color:#334155!important;white-space:pre-line!important;word-break:break-word!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:6px!important;padding:8px 12px!important;font-size:13px!important;line-height:1.5!important}.history-modal-footer{background-color:#fff!important;border-top:1px solid #e2e8f0!important;justify-content:flex-end!important;align-items:center!important;padding:14px 24px!important;display:flex!important}.history-page-btn:hover:not(:disabled){color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}.month-log-page{flex-direction:column;gap:24px;max-width:100%;margin:0 auto;padding:38px 32px 60px;display:flex}.month-log-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.month-log-header-left{align-items:center;gap:16px;display:flex}.month-log-header-left h1{color:#1d4ed8;font-size:26px;font-weight:700}.month-log-back-btn{cursor:pointer;color:#4b5563;background:#f5f2ed;border:1px solid #e5e7eb;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.month-log-back-btn:hover{background:#e0f2fe}.month-log-header-right{align-items:center;gap:16px;display:flex}.month-log-bell-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:background-color .2s;display:grid}.month-log-bell-btn:hover{background-color:#0000000d}.month-log-profile{border-left:1px solid #e5e7eb;align-items:center;gap:12px;padding-left:20px;display:flex}.month-log-profile .profile-text{flex-direction:column;align-items:flex-end;display:flex}.month-log-profile .profile-name{color:#1f2937;font-size:14px;font-weight:700}.month-log-profile .profile-role{color:#6b7280;letter-spacing:.05em;font-size:11px;font-weight:600}.month-log-profile .profile-avatar{color:#fff;background-color:#2563eb;border:2px solid #fdba74;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.month-log-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.month-log-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:140px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #00000008}.month-log-stat-card .stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.month-log-stat-card .stat-icon-wrapper.active-card,.month-log-stat-card .stat-icon-wrapper.new-card{color:#1d4ed8;background-color:#eff6ff}.month-log-stat-card .stat-icon-wrapper.alert-card{color:#ef4444;background-color:#fee2e2}.month-log-stat-card .badge-percent{color:#1d4ed8;background-color:#eff6ff;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}.month-log-stat-card .badge-text-alert{color:#b91c1c;font-size:11px;font-weight:700}.month-log-stat-card .stat-label{color:#6b7280;margin-bottom:4px;font-size:13px}.month-log-stat-card .stat-value{color:#0f172a;font-size:36px;font-weight:800;line-height:1}.month-log-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;box-shadow:0 4px 6px -1px #00000008}.month-log-toolbar h2{color:#1e293b;margin-bottom:16px;font-size:18px;font-weight:700}.month-log-filters{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.month-log-filters .filter-group{flex-direction:column;gap:8px;display:flex}.month-log-filters .filter-group label{color:#6b7280;font-size:12px;font-weight:600}.month-log-filters .search-group{flex:2;min-width:280px}.month-log-filters .select-group{flex:1;min-width:160px}.month-log-filters .search-wrapper{align-items:center!important;display:flex!important;position:relative!important}.month-log-filters .search-wrapper span{color:#9ca3af;position:absolute;left:14px}.month-log-filters .search-wrapper input{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:border-color .2s;box-sizing:border-box!important;height:46px!important;padding-left:46px!important}.month-log-filters .search-wrapper input:focus{border-color:#1d4ed8}.month-log-select{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.month-log-select:focus{border-color:#1d4ed8}.month-log-filter-btn{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:140px;height:46px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.month-log-filter-btn:hover{background-color:#1e3a8a}.month-log-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #00000008}.month-log-table{border-collapse:collapse;text-align:left;width:100%}.month-log-table th{color:#1e3a8a;letter-spacing:.05em;text-transform:uppercase;background-color:#eff6ff;border-bottom:1px solid #e5e7eb;padding:18px 24px;font-size:12px;font-weight:700}.month-log-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px 24px;font-size:14px}.month-log-table tr:hover{background-color:#f8fafc}.month-log-table td.log-time{color:#64748b;font-weight:500}.month-log-table td.log-card-no{color:#0f172a;font-weight:700}.month-log-table td.log-amount{color:#334155;font-weight:600}.month-log-footer{background-color:#f8fafc;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.month-log-footer .footer-info{color:#64748b;font-size:13px}.month-log-pagination{align-items:center;gap:6px;display:flex}.month-log-pagination .page-btn{cursor:pointer;color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.month-log-pagination .page-btn:hover{background-color:#f1f5f9}.month-log-filters .search-wrapper>span{color:#9ca3af!important;pointer-events:none!important;font-size:20px!important;line-height:1!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.pending-modal-footer{box-sizing:border-box!important;border-top:1px solid #f1f5f9!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:20px!important;padding-top:16px!important;display:flex!important}.pending-modal-footer button,.btn-vnpay-open,.btn-vnpay-check{box-sizing:border-box!important;cursor:pointer!important;white-space:nowrap!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;height:38px!important;margin:0!important;padding:0 10px!important;font-size:12.5px!important;font-weight:600!important;line-height:1!important;transition:all .15s ease-in-out!important;display:inline-flex!important}.btn-vnpay-open{color:#fff!important;background-color:#0284c7!important;border:1px solid #0284c7!important;box-shadow:0 1px 2px #0284c733!important}.btn-vnpay-open:hover{background-color:#0369a1!important;border-color:#0369a1!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px #0284c74d!important}.btn-vnpay-check{color:#fff!important;background-color:#006d38!important;border:1px solid #006d38!important;box-shadow:0 1px 2px #006d3833!important}.btn-vnpay-check:hover{background-color:#00522a!important;border-color:#00522a!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px #006d384d!important}.btn-vnpay-check:disabled,.btn-vnpay-open:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.kpi-realtime-badge{color:#059669;letter-spacing:.5px;text-transform:uppercase;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex;position:absolute;top:8px;right:8px}.kpi-realtime-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite kpi-pulse}.login-log-page{width:100%;max-width:100%;font-family:Inter,sans-serif;color:#0f172a!important;background:#f8fafc!important;min-height:auto!important;padding:clamp(16px,2vw,28px) clamp(16px,2.5vw,32px)!important}.log-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.log-table{border-collapse:collapse;text-align:left;width:100%}.log-table th{color:#1e3a8a;letter-spacing:.05em;background-color:#eff6ff;border-bottom:1px solid #e5e7eb;padding:18px 24px;font-size:12px;font-weight:700}.log-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px 24px;font-size:14px}.log-user-cell{align-items:center;gap:12px;display:flex}.username-text{color:#1f2937;font-weight:700}.log-table-footer{background-color:#eff6ff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.log-pagination{align-items:center;gap:6px;display:flex}.role-badge{color:#fff!important;white-space:nowrap!important;border-radius:9999px!important;padding:4px 12px!important;font-size:12px!important;font-weight:700!important;display:inline-block!important}.role-badge.admin{background:#2563eb!important}.role-badge.staff{background:#16a34a!important}.role-badge.manager{background:#2563eb!important}.icon-red{color:#ef4444;background:#fee2e2}.ump-close-icon-nopad{padding:0!important}.user-action-dots-btn:hover{background-color:#f3f4f5!important}.user-action-dropdown-menu{z-index:99;background-color:#fff;border:1px solid #e1e3e4;border-radius:8px;flex-direction:column;width:140px;padding:6px 0;display:flex;position:absolute;top:40px;right:12px;box-shadow:0 4px 12px #00000014}.dropdown-action-item{cursor:pointer;text-align:left;background:0 0;outline:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex;border:none!important}.dropdown-action-item.edit-item{color:#241912}.dropdown-action-item.edit-item:hover{color:var(--primary);background-color:#f5f6f7}.dropdown-action-item.delete-item{color:#dc3545}.dropdown-action-item.delete-item:hover{background-color:#fff5f5}.vertical-filter-dropdown-container{display:inline-block;position:relative}.vertical-role-dropdown-menu{z-index:100;background-color:#fff;flex-direction:column;width:180px;padding:6px 0;animation:.15s ease-out filterDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 10px 25px -5px #0000001a!important}.role-dropdown-item-btn{color:#584236;cursor:pointer;text-align:left;background:0 0;outline:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex;border:none!important}.role-dropdown-item-btn:hover{color:#191c1d;background-color:#f5f6f7}.role-dropdown-item-btn .select-check-icon{color:var(--primary);font-size:16px;font-weight:700}.vertical-role-dropdown-menu .role-dropdown-item-btn{color:#475569!important;font-size:13.5px!important;transition:all .15s!important}.vertical-role-dropdown-menu .select-check-icon{color:var(--db-primary,#2563eb)!important}.ump-container{flex-direction:column;gap:20px;width:100%;padding:4px;display:flex}.ump-banner{background:#fff;border:1px solid #e1e3e4;border-radius:8px;justify-content:space-between;align-items:center;padding:20px;display:flex}.ump-banner-left{align-items:center;gap:15px;display:flex}.ump-banner-icon-box{background:#dbeafe;border-radius:8px;align-items:center;padding:12px;display:flex}.ump-banner-icon{color:#2563eb;padding:0!important;font-size:28px!important}.ump-banner-title{margin:0 0 5px;font-size:1.25rem;font-weight:600}.ump-banner-sub{color:#666;margin:0;font-size:.85rem}.ump-banner-right{text-align:right}.ump-banner-count{color:#333;font-size:2rem;font-weight:700;line-height:1;display:block}.ump-banner-count-label{color:#999;margin:4px 0 0;font-size:.75rem}.ump-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.ump-toolbar-left{align-items:center;gap:12px;display:flex}.ump-search-box{background:#fff;border:1px solid #e1e3e4;border-radius:6px;align-items:center;width:320px;padding:8px 12px;display:flex}.ump-search-icon{color:#888;margin-right:8px;padding:0!important;font-size:20px!important}.ump-search-input{border:none;outline:none;width:100%;font-size:.9rem}.ump-filter-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #e1e3e4;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.ump-filter-btn--active{color:#2563eb;background:#dbeafe}.ump-filter-icon{padding:0!important;font-size:18px!important}.ump-filter-role-highlight{color:#2563eb;margin-left:2px}.ump-filter-arrow{transition:transform .2s;padding:0!important;font-size:18px!important}.ump-filter-arrow--open{transform:rotate(180deg)}.ump-btn-add-staff{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.ump-btn-add-icon{padding:0!important;font-size:18px!important}.ump-table-card{background:#fff;border:1px solid #e1e3e4;border-radius:8px;padding:15px}.ump-table{border-collapse:collapse;width:100%}.ump-thead-tr{text-align:left;color:#666;background-color:#f9f9f9;border-bottom:1px solid #eee;font-size:.85rem}.ump-th{padding:12px}.ump-th--center{text-align:center;width:100px;padding:12px}.ump-tbody-tr{border-bottom:1px solid #eee;font-size:.95rem}.ump-td-user{align-items:center;gap:10px;padding:12px;display:flex}.ump-avatar{border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.ump-user-name{color:#333;font-weight:600}.ump-user-username{color:#888;font-size:.8rem}.ump-td-email{color:#555;padding:12px}.ump-td-status{padding:12px}.ump-status-badge{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.ump-status-badge--active{color:#0f5132;font-weight:600}.ump-status-badge--inactive{color:#888;font-weight:500}.ump-status-dot{padding:0!important;font-size:10px!important}.ump-status-dot--active{color:#198754}.ump-status-dot--inactive{color:#ccc}.ump-td-role{padding:12px}.ump-role-badge{border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:600}.ump-td-action{text-align:center;padding:12px;position:relative}.ump-action-dots-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:inline-flex}.ump-action-dots-icon{padding:0!important;font-size:20px!important}.ump-empty-td{text-align:center;color:#666;padding:30px}.settings-section-icon .text-orange{color:#1d4ed8}.filter-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:flex-start;align-items:flex-end;gap:20px;padding:18px 24px;display:flex;box-shadow:0 1px 2px #00000005}.filter-group{flex-direction:column;gap:6px;width:260px;display:flex;position:relative!important}.select-input-wrapper{align-items:center;display:flex;position:relative}.select-calendar-icon{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;left:14px}.stats-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-overview-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.stat-overview-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.stat-card-main{justify-content:space-between;align-items:flex-start;display:flex}.stat-card-title{color:#94a3b8;letter-spacing:.05em;margin:0 0 6px;font-size:11px;font-weight:700}.stat-card-value{color:#0f172a;margin:0;font-size:28px;font-weight:850}.stat-card-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wallet-bg,.login-bg{background-color:#eff6ff}.text-orange,.text-blue{color:#1d4ed8}.stat-card-footer{align-items:center;gap:6px;margin-top:16px;display:flex}.trend-tag{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.trend-tag.trend-up{color:#15803d;background-color:#dcfce7}.trend-tag.trend-down{color:#b91c1c;background-color:#fee2e2}.trend-lbl{color:#64748b;font-size:11px;font-weight:500}.chart-panel-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000005}.chart-panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-panel-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:700}.chart-legend-box{border-top:1px solid #f1f5f9;justify-content:center;gap:28px;margin-top:24px;padding-top:16px;display:flex}.legend-item{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.legend-dot{border-radius:3px;width:12px;height:12px}.table-panel-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #00000005}.table-panel-header{border-bottom:1px solid #f1f5f9;padding:24px 24px 16px}.table-panel-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:700}.stats-table-wrapper{width:100%;overflow-x:auto}.stats-table{border-collapse:collapse;text-align:left;width:100%}.stats-table th{color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:14px 24px;font-size:11px;font-weight:700}.stats-table td{color:#4b5563;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:13.5px}.stats-table tr:hover{background-color:#fafbfb}.txn-id-col{color:#64748b;font-weight:600}.font-semibold{color:#1f2937;font-weight:600}.status-tag{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:750;display:inline-flex}.table-panel-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 24px;display:flex}.orange-dot{background-color:#1d4ed8}.rtp-page{color:#0b1c30;background-color:#f8f9ff;min-height:100vh;font-family:Inter,sans-serif;display:flex}.rtp-sidebar{z-index:50;box-sizing:border-box;background-color:#fff;border-right:1px solid #e2e2e5;flex-direction:column;width:260px;min-width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.rtp-brand{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.rtp-brand-icon{color:#fff;background-color:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.rtp-brand-icon span{font-size:28px}.rtp-brand-title{color:#0b1c30;font-size:18px;font-weight:700;line-height:1.2}.rtp-brand-sub{color:#5d5e61;font-size:13px}.rtp-nav{flex-direction:column;flex:1;gap:8px;display:flex}.rtp-nav-item{color:#5d5e61;cursor:pointer;text-align:left;background-color:#0000;border:1px solid #e2e2e5;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.rtp-nav-item:hover{color:#0b1c30;background-color:#e5eeff}.rtp-nav-item.rtp-nav-active{color:#fff;background-color:#2563eb;border-color:#a04100}.rtp-sidebar-footer{margin-top:auto;padding-top:16px}.rtp-logout-btn{color:#0b1c30;cursor:pointer;background-color:#0000;border:1px solid #0b1c30;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.rtp-logout-btn:hover{background-color:#e5eeff}.rtp-main{flex-direction:column;flex:1;min-width:0;display:flex}.rtp-topbar{z-index:40;background-color:#fff;border-bottom:1px solid #e2e2e5;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.rtp-topbar-title{color:#0b1c30;font-size:20px;font-weight:600}.rtp-topbar-actions{align-items:center;gap:16px;display:flex}.rtp-icon-btn{color:#5d5e61;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.rtp-icon-btn:hover{background-color:#eff4ff}.rtp-divider{background-color:#e2e2e5;width:1px;height:32px}.rtp-profile{align-items:center;gap:12px;display:flex}.rtp-profile-text{text-align:right}.rtp-profile-name{color:#0b1c30;margin:0;font-size:14px;font-weight:600}.rtp-profile-sub{color:#5d5e61;margin:0;font-size:12px}.rtp-avatar{color:#0b1c30;background-color:#e5eeff;border:1px solid #e2e2e5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.rtp-content{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:1440px;padding:24px;transition:opacity .15s ease-in-out;display:flex}.rtp-content--fading{opacity:.5}.rtp-filter-bar{background-color:#fff;border:1px solid #e2e2e5;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:24px;display:flex}.rtp-filter-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.rtp-filter-label{color:#5d5e61;font-size:13px;font-weight:700}.rtp-filter-select{color:#0b1c30;background-color:#fff;border:1px solid #e2e2e5;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.rtp-filter-select:focus{border-color:#2563eb}.rtp-filter-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s,opacity .2s;display:flex}.rtp-filter-btn:hover:not(:disabled){background-color:#e66000}.rtp-filter-btn:disabled{opacity:.8;cursor:not-allowed}.rtp-spin{animation:1s linear infinite rtp-spin-animation}.rtp-vehicle-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.rtp-vehicle-card{background-color:#fff;border:1px solid #e2e2e5;border-radius:8px;padding:20px;transition:all .2s}.rtp-vehicle-card:hover{border-color:#ff6b0080;box-shadow:0 4px 12px #ff6b000d}.rtp-vehicle-card__top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rtp-vehicle-icon{color:#2563eb;background-color:#eff4ff;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.rtp-vehicle-icon span{font-size:24px}.rtp-trend-badge{border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.rtp-trend-badge--up{color:#166534;background-color:#f0fdf4}.rtp-trend-badge--down{color:#991b1b;background-color:#fef2f2}.rtp-vehicle-label{color:#5d5e61;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:13px}.rtp-vehicle-revenue{color:#0b1c30;margin-bottom:4px;font-family:Hanken Grotesk,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.rtp-vehicle-trips{color:#5d5e61;font-size:13px}.rtp-vehicle-trips__count{color:#0b1c30;font-weight:600}.rtp-chart-panel{background-color:#fff;border:1px solid #e2e2e5;border-radius:8px;padding:24px}.rtp-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.rtp-chart-title{color:#0b1c30;font-family:Hanken Grotesk,sans-serif;font-size:20px;font-weight:600}.rtp-chart-sub{color:#5d5e61;font-size:13px}.rtp-chart-legend{align-items:center;gap:16px;display:flex}.rtp-legend-item{color:#5d5e61;align-items:center;gap:8px;font-size:13px;display:flex}.rtp-legend-dot{border-radius:50%;width:12px;height:12px}.rtp-legend-dot--revenue{background-color:#2563eb}.rtp-legend-dot--traffic{background-color:#dce9ff}.rtp-chart-area{box-sizing:border-box;height:320px;padding-top:12px;padding-left:50px;display:flex;position:relative}.rtp-chart-yaxis{color:#5d5e6166;text-align:right;flex-direction:column;justify-content:space-between;width:40px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;position:absolute;top:12px;bottom:40px;left:0}.rtp-chart-bars{box-sizing:border-box;border-bottom:2px solid #cbd5e1;flex:1;align-items:flex-end;gap:12px;height:100%;padding-bottom:40px;display:flex}.rtp-bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.rtp-bar-pair{cursor:pointer;align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.rtp-bar{border-top-left-radius:4px;border-top-right-radius:4px;flex:1;min-height:4px;transition:all .2s}.rtp-bar--revenue{background-color:#2563eb}.rtp-bar--revenue:hover{filter:brightness(1.1)}.rtp-bar--traffic{background-color:#e2e2e5}.rtp-bar--traffic:hover{filter:brightness(.95)}.rtp-bar-label{color:#5d5e61;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;bottom:-28px}.rtp-table-panel{background-color:#fff;border:1px solid #e2e2e5;border-radius:8px;overflow:hidden}.rtp-table-header{border-bottom:1px solid #e2e2e5;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.rtp-table-title{color:#0b1c30;font-family:Hanken Grotesk,sans-serif;font-size:20px;font-weight:600}.rtp-view-all-btn{color:#2563eb;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:4px;font-size:14px;font-weight:600;transition:-webkit-text-decoration .2s,text-decoration .2s;display:flex}.rtp-view-all-btn:hover{text-decoration:underline}.rtp-table-wrapper{overflow-x:auto}.rtp-table{border-collapse:collapse;text-align:left;width:100%}.rtp-table th{color:#64748b;text-transform:uppercase;background-color:#f1f5f9;border-bottom:1px solid #e2e2e5;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.rtp-table td{color:#0b1c30;border-bottom:1px solid #e2e2e5;padding:12px 16px;font-size:14px}.rtp-table tbody tr{cursor:pointer;transition:background-color .2s}.rtp-table tbody tr:hover{background-color:#fff7ed}.rtp-table tbody tr.rtp-row--selected{background-color:#ff6b0014}.rtp-txn-id{font-family:JetBrains Mono,monospace}.rtp-txn-plate{font-weight:700}.rtp-type-badge{color:#5d5e61;background-color:#e5eeff;border-radius:4px;padding:2px 8px;font-size:13px}.rtp-time-cell{font-size:13px}.rtp-amount{font-weight:700}.rtp-status-badge{border-radius:2px;padding:4px 8px;font-size:13px;font-weight:600}.rtp-status-badge--paid{color:#15803d;background-color:#dcfce7}.rtp-table-footer{color:#5d5e61;background-color:#eff4ff;justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;display:flex}.rtp-pagination{gap:8px;display:flex}.rtp-page-btn{cursor:pointer;background-color:#fff;border:1px solid #e2e2e5;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.rtp-page-btn:hover{background-color:#e5eeff}.rtp-page-btn span{font-size:18px}.revenue-summary-card{border-radius:16px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.revenue-summary-card--today{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0}.revenue-summary-card--month{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.revenue-summary-top{justify-content:space-between;align-items:center;display:flex}.revenue-summary-label{font-size:14px;font-weight:600}.revenue-summary-card--today .revenue-summary-label{color:#166534}.revenue-summary-card--month .revenue-summary-label{color:#1e40af}.revenue-summary-amount{font-size:26px;font-weight:800;line-height:1}.revenue-summary-card--today .revenue-summary-amount{color:#15803d}.revenue-summary-card--month .revenue-summary-amount{color:#1d4ed8}.revenue-summary-chips{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.revenue-accordion-item{border:1px solid #e2e8f0;border-radius:14px;transition:all .2s;overflow:hidden}.revenue-accordion-item--active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.revenue-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.revenue-accordion-item--active .revenue-accordion-header{background-color:#eff6ff}.revenue-accordion-title{color:#1e293b;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.revenue-accordion-item--active .revenue-accordion-title{color:#1e40af}.revenue-accordion-amount{color:#334155;font-size:16px;font-weight:700}.revenue-accordion-item--active .revenue-accordion-amount{color:#1d4ed8}.revenue-accordion-content{background-color:#fff;border-top:1px solid #dbeafe;flex-direction:column;gap:14px;padding:20px;display:flex}.ap-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ap-overlayIn;display:flex;position:fixed;inset:0}.ap-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;animation:.25s cubic-bezier(.34,1.56,.64,1) ap-modalIn;position:relative;box-shadow:0 25px 60px #0003}.ap-modal--wide{max-width:700px}.ap-modal-header{border-bottom:1px solid #f1f5f9;border-radius:20px 20px 0 0;align-items:center;gap:14px;padding:24px 24px 20px;display:flex;position:relative}.ap-modal-icon{background:var(--theme-color-light,#3b82f61f);width:46px;height:46px;color:var(--theme-color,#2563eb);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ap-modal-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.ap-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:.85rem}.ap-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.ap-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.ap-modal-body{flex-direction:column;gap:20px;max-height:70vh;padding:24px;display:flex;overflow-y:auto}.ap-field-group{flex-direction:column;gap:6px;display:flex}.ap-field-label{color:#374151;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.ap-input-wrapper{z-index:1;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .18s;display:flex;position:relative}.ap-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ap-input{color:#0f172a;pointer-events:auto;cursor:text;z-index:2;background:0 0;border:none;outline:none;flex:1;padding:11px 14px;font-family:inherit;font-size:.95rem;font-weight:600;position:relative}.ap-input-suffix{color:#94a3b8;-webkit-user-select:none;user-select:none;padding:0 14px 0 8px;font-size:.9rem;font-weight:600}.ap-field-hint{color:#94a3b8;margin:0;font-size:.78rem}.ap-fields-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ap-price-preview{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.ap-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px 24px;display:flex}.ap-input-wrapper--error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261f!important}.ap-error-msg{color:#dc2626;align-items:center;gap:4px;margin-top:4px;font-size:.78rem;font-weight:500;animation:.2s ease-in-out ap-shake;display:flex}.ap-cell-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:0 8px;font-size:11px;font-weight:700}.ap-hour-input{color:#334155;box-sizing:border-box;text-align:center;border:1px solid #e2e8f0;border-radius:7px;outline:none;width:100%;padding:7px 8px;font-family:inherit;font-size:14px;transition:border-color .15s}.ap-hour-input:focus{border-color:#3b82f6}.ap-hour-input--error{border-color:#f87171!important}.ap-hour-input--price{text-align:left;padding:7px 26px 7px 8px}.ap-time-range-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px}.ap-slot-headers{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:10px 10px 0 0;grid-template-columns:1fr 1fr 1.2fr 32px;gap:8px;padding:9px 14px 8px;display:grid}.ap-slots-container{max-height:180px;overflow-y:auto}.ap-slot-row{grid-template-columns:1fr 1fr 1.2fr 32px;align-items:center;gap:8px;padding:10px 14px;display:grid}.ap-slot-row:not(:last-child){border-bottom:1px solid #f1f5f9}.ap-price-input-wrapper{position:relative}.ap-price-suffix{color:#94a3b8;pointer-events:none;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ap-page{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:28px 32px 40px;animation:.35s ap-fadeIn;display:flex}.ap-section-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.ap-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ap-price-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.ap-price-card:hover{border-color:var(--card-accent,#3b82f6);transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.ap-card-accent-bar{border-radius:18px 18px 0 0;width:100%;height:4px;position:absolute;top:0;left:0}.ap-card-header{align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.ap-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ap-card-title-block{flex:1;min-width:0}.ap-card-name{color:#0f172a;margin:0 0 4px;font-size:1.05rem;font-weight:700}.ap-card-type-badge{color:#2563eb;letter-spacing:.3px;background:#eff6ff;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.ap-card-type-badge--monthly{color:#9333ea;background:#fdf4ff}.ap-card-body{flex-direction:column;gap:14px;padding:4px 20px 20px;display:flex}.ap-price-row{background:#f8fafc;border-radius:12px;align-items:stretch;gap:0;display:flex;overflow:hidden}.ap-price-item{flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 10px;display:flex}.ap-price-divider{background:#e2e8f0;width:1px;margin:10px 0}.ap-price-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.ap-price-value{font-size:1.1rem;font-weight:800;line-height:1.2}.ap-day-max-row{background:#fafafa;border:1px dashed #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;display:flex}.ap-day-max-label{color:#94a3b8;flex:1;font-size:.82rem}.ap-day-max-value{font-size:.95rem;font-weight:700}.ap-monthly-grid{flex-direction:column;gap:20px;display:flex}.ap-monthly-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.ap-monthly-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.ap-monthly-packages{padding:4px 20px 20px}.ap-pkg-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ap-pkg-cell{text-align:center;background:#f8fafc;border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;transition:all .2s;display:flex;position:relative}.ap-pkg-cell--highlight{background:linear-gradient(145deg,#fefce8,#fff7ed);box-shadow:0 4px 14px #00000014;border-color:var(--card-accent,#3b82f6)!important}.ap-pkg-best-tag{color:#fff;white-space:nowrap;letter-spacing:.3px;border-radius:20px;padding:2px 10px;font-size:.68rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.ap-pkg-cell-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-top:6px;font-size:.78rem;font-weight:600}.ap-pkg-cell--highlight .ap-pkg-cell-label{margin-top:12px}.ap-pkg-cell-price{font-size:1.05rem;font-weight:800;line-height:1.2}.ap-pkg-cell-per{color:#94a3b8;white-space:nowrap;font-size:.72rem}.ap-preview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.78rem;font-weight:700}.ap-preview-row{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:4px 0;font-size:.9rem;display:flex}.ap-preview-row:last-child{border-bottom:none}.ap-preview-row strong{font-size:.95rem;font-weight:700}.ap-preview-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ap-preview-pkg{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;position:relative}.ap-preview-pkg--best{background:#fffbeb;border-color:#f59e0b}.ap-pkg-best-badge{color:#fff;white-space:nowrap;background:#f59e0b;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.ap-pkg-duration{color:#94a3b8;margin-top:8px;font-size:.72rem;font-weight:600}.ap-pkg-price{color:var(--theme-color,#2563eb);font-size:.88rem;font-weight:800;line-height:1.2}.ap-pkg-monthly{color:#94a3b8;font-size:.68rem}.ap-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .18s}.ap-btn-cancel:hover{color:#334155;border-color:#94a3b8}.ap-btn-save{color:#fff;cursor:pointer;background:var(--theme-color,#2563eb);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 12px #00000026}.ap-btn-save:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 18px #0003}.ap-btn-delete-slot{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.ap-btn-delete-slot:disabled{color:#cbd5e1;cursor:not-allowed;background:#f1f5f9}.ap-btn-delete-slot:not(:disabled):hover{background:#fee2e2}.ap-btn-add-slot{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.ap-btn-add-slot:hover{border-color:var(--theme-color,#3b82f6);color:var(--theme-color,#3b82f6);background:var(--theme-color-hover,#3b82f614)}.ap-preview-rows-scroll{max-height:90px;padding-right:4px;overflow-y:auto}.ap-preview-value{color:var(--theme-color,#2563eb)}.ap-preview-row--total{border-top:1.5px dashed #e2e8f0;margin-top:4px;padding-top:8px;border-bottom:none!important}.ap-preview-error{color:#ef4444;align-items:center;gap:4px;margin:6px 0 0;font-size:12px;display:flex}.ap-preview-error--spacing{margin-top:4px}.ap-preview-warning{color:#f97316;align-items:center;gap:4px;margin:4px 0 0;font-size:12px;display:flex}.ap-btn-save:disabled{cursor:not-allowed!important;box-shadow:none!important;background:#cbd5e1!important;transform:none!important}.mgr-page{background:var(--db-bg);min-height:100%;color:var(--db-text);padding:0 24px 32px;font-family:Inter,system-ui,sans-serif}.mgr-header{border-bottom:1px solid var(--db-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:20px;display:flex}.mgr-header-left{flex-direction:column;gap:4px;display:flex}.mgr-h1{letter-spacing:-.03em;color:var(--db-text);margin:0;font-size:22px;font-weight:800}.mgr-alert-bar{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.mgr-alert-icon{color:#ea580c;flex-shrink:0;font-size:18px}.mgr-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--db-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.mgr-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.mgr-kpis--3col{grid-template-columns:repeat(3,1fr)}.mgr-kpi{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow);border-radius:14px;align-items:flex-start;gap:14px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s;display:flex}.mgr-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb1a}.mgr-kpi-icon-wrap{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.mgr-kpi-body{flex:1;min-width:0}.mgr-kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--db-muted);margin-bottom:8px;font-size:9px;font-weight:800}.mgr-kpi-value{color:var(--db-text);margin-bottom:4px;font-size:24px;font-weight:800;line-height:1.1}.mgr-kpi-value--sm{font-size:17px}.mgr-kpi-unit{color:var(--db-muted);font-size:11px}.mgr-kpi--green .mgr-kpi-icon-wrap{color:#059669;background:#d1fae5}.mgr-kpi--blue .mgr-kpi-icon-wrap{color:#2563eb;background:#dbeafe}.mgr-kpi--teal .mgr-kpi-icon-wrap{color:#0d9488;background:#ccfbf1}.mgr-kpi--amber .mgr-kpi-icon-wrap{color:#d97706;background:#fef3c7}.mgr-kpi--red .mgr-kpi-icon-wrap{color:#dc2626;background:#fee2e2}.mgr-kpi--indigo .mgr-kpi-icon-wrap{color:#4338ca;background:#e0e7ff}.mgr-kpi--violet .mgr-kpi-icon-wrap{color:#7c3aed;background:#ede9fe}.mgr-kpi--emerald .mgr-kpi-icon-wrap{color:#10b981;background:#d1fae5}.mgr-kpi--sky .mgr-kpi-icon-wrap{color:#0284c7;background:#e0f2fe}.mgr-grid2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.mgr-grid3{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.mgr-card{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow);border-radius:12px;overflow:hidden}.mgr-card-head{border-bottom:1px solid #e5e7eb99;padding:16px 20px 12px}.mgr-card-title-row{align-items:flex-start;gap:10px;display:flex}.mgr-card-icon{color:var(--db-primary);flex-shrink:0;margin-top:2px;font-size:20px}.mgr-icon--green{color:#10b981}.mgr-icon--amber{color:#f59e0b}.mgr-card-title{color:var(--db-text);margin:0 0 4px;font-size:13px;font-weight:700}.mgr-card-desc{color:var(--db-muted);margin:0;font-size:12px}.mgr-card-body{padding:16px 20px}.mgr-floor-list{flex-direction:column;gap:14px;display:flex}.mgr-floor-item{flex-direction:column;gap:6px;display:flex}.mgr-floor-info{justify-content:space-between;align-items:center;display:flex}.mgr-floor-name{color:var(--db-text);font-size:12px;font-weight:600}.mgr-floor-stats{align-items:center;gap:8px;display:flex}.mgr-floor-pct{border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700}.mgr-floor-pct--ok{color:#065f46;background:#d1fae5}.mgr-floor-pct--warn{color:#92400e;background:#fef3c7}.mgr-floor-pct--danger{color:#991b1b;background:#fee2e2}.mgr-floor-count{color:var(--db-muted);font-size:11px}.mgr-floor-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;height:10px;overflow:hidden}.mgr-floor-fill{border-radius:999px;height:100%;transition:width .4s}.mgr-floor-fill--ok{background:#10b981}.mgr-floor-fill--warn{background:#f59e0b}.mgr-floor-fill--danger{background:#ef4444}.mgr-vehicle-stack{background:#f3f4f6;border:1px solid #eee;border-radius:999px;height:14px;margin-bottom:16px;display:flex;overflow:hidden}.mgr-vehicle-seg{height:100%;transition:width .4s}.mgr-vehicle-legend{flex-direction:column;gap:8px;display:flex}.mgr-vehicle-item{border:1px solid var(--db-border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.mgr-vehicle-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mgr-vehicle-name{color:var(--db-text);flex:1;font-weight:600}.mgr-vehicle-count{color:var(--db-muted);font-size:11px}.mgr-vehicle-pct{color:var(--db-text);text-align:right;min-width:36px;font-weight:700}.mgr-table{border-collapse:collapse;width:100%}.mgr-table th{text-transform:uppercase;letter-spacing:.12em;color:var(--db-muted);text-align:left;border-bottom:1px solid var(--db-border);padding:10px 14px;font-size:9px}.mgr-table td{color:var(--db-text);border-bottom:1px solid #e5e7eb80;padding:11px 14px;font-size:13px}.mgr-table tr:last-child td{border-bottom:none}.mgr-td-plate{font-weight:700}.mgr-td-muted{color:var(--db-muted)}.mgr-td-time{color:var(--db-muted);white-space:nowrap;align-items:center;gap:4px;display:flex}.mgr-td-clock{vertical-align:middle;font-size:13px}.mgr-empty,.mgr-loading{height:100px;color:var(--db-muted);place-items:center;font-size:13px;display:grid}.mgr-building-tag{background:var(--db-primary-light);color:var(--db-primary);vertical-align:middle;white-space:nowrap;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:4px;margin-left:12px;padding:3px 10px 3px 7px;font-size:13px;font-weight:600;display:inline-flex}.mgr-no-building{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:40px 24px;display:flex}.mgr-no-building-icon{color:#d1d5db;font-size:52px}.mgr-no-building-title{color:var(--db-text);margin:0;font-size:18px;font-weight:700}.mgr-no-building-desc{color:var(--db-muted);margin:0;font-size:14px;line-height:1.6}.revenue-modal-icon--today{color:#059669;background-color:#ecfdf5}.revenue-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.revenue-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.revenue-section-title{color:#0f172a;font-size:15px;font-weight:700}.revenue-section-amount{font-size:17px;font-weight:700}.revenue-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.revenue-box-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:14px 16px}.rtm-loading-container{text-align:center;color:#64748b;padding:40px}.rtm-loading-spin{animation:1s linear infinite spin;padding:0!important;font-size:32px!important}.rtm-loading-text{margin-top:8px;font-size:14px}.rtm-empty-container{text-align:center;color:#94a3b8;padding:40px}.rtm-empty-icon{color:#cbd5e1;padding:0!important;font-size:48px!important}.rtm-empty-text{color:#64748b;margin-top:12px;font-size:14px;font-weight:500}.rtm-color-casual{color:#0284c7!important}.rtm-color-monthly{color:#16a34a!important}.rtm-color-renewal{color:#d97706!important}.rtm-box-vtype{color:#475569;font-size:13px;font-weight:600}.rtm-box-rev{color:#0f172a;margin-top:2px;font-size:16px;font-weight:700}.rtm-box-count{color:#64748b;margin-top:2px;font-size:12px}.rtm-items-column{flex-direction:column;gap:8px;display:flex}.rtm-row-item--renewal{background-color:#fffbe6!important;border-color:#fef08a!important}.rtm-pkg--monthly{color:#0f172a;font-size:14px;font-weight:600}.rtm-pkg--renewal{color:#92400e;font-size:14px;font-weight:600}.rtm-sub--monthly{color:#64748b;margin-left:8px;font-size:12px}.rtm-sub--renewal{color:#b45309;margin-left:8px;font-size:12px}.rtm-rev--monthly{color:#16a34a;font-size:15px;font-weight:700}.rtm-rev--renewal{color:#b45309;font-size:15px;font-weight:700}.revenue-modal--month{width:min(960px,100vw - 48px)}.revenue-modal-icon--month{color:#2563eb;background-color:#eff6ff}.rmm-loading-container{text-align:center;color:#64748b;padding:40px}.rmm-loading-spin{animation:1s linear infinite spin;padding:0!important;font-size:32px!important}.rmm-loading-text{margin-top:8px;font-size:14px}.rmm-empty-container{text-align:center;color:#94a3b8;padding:40px}.rmm-empty-icon{color:#cbd5e1;padding:0!important;font-size:48px!important}.rmm-empty-text{color:#64748b;margin-top:12px;font-size:14px;font-weight:500}.rmm-weeks-list{flex-direction:column;gap:12px;display:flex}.rmm-accordion-icon{padding:0!important;font-size:20px!important}.rmm-accordion-icon--active{color:#2563eb}.rmm-accordion-icon--inactive{color:#64748b}.rmm-category-block{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:14px 16px}.rmm-category-header{color:#0f172a;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.rmm-category-icon{padding:0!important;font-size:18px!important}.rmm-category-icon--casual{color:#0284c7}.rmm-category-icon--monthly{color:#16a34a}.rmm-category-icon--renewal{color:#d97706}.rmm-casual-list{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.rmm-casual-chip{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px}.rmm-casual-label{color:#64748b}.rmm-casual-val{color:#0f172a}.rmm-items-column{flex-direction:column;gap:6px;display:flex}.rmm-row-item{padding:8px 12px}.rmm-row-item--renewal{padding:8px 12px;background-color:#fffbe6!important;border-color:#fef08a!important}.rmm-item-text{font-size:13px}.rmm-item-pkg--monthly{color:#0f172a}.rmm-item-pkg--renewal{color:#92400e}.rmm-item-sub--monthly{color:#64748b;margin-left:6px}.rmm-item-sub--renewal{color:#b45309;margin-left:6px}.rmm-item-rev--monthly{color:#16a34a;font-size:14px;font-weight:700}.rmm-item-rev--renewal{color:#b45309;font-size:14px;font-weight:700}.db-page{background:var(--db-bg);min-height:100%;color:var(--db-text);font-family:Inter,system-ui,sans-serif;padding:0 clamp(16px,2.5vw,28px) clamp(16px,2vw,26px)!important}.db-title-row{justify-content:space-between;display:flex;border-bottom:1px solid #e9eef5!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important;padding-bottom:16px!important}.db-h1{margin:0 0 4px;letter-spacing:-.035em!important;color:#0a1628!important;font-size:21px!important;font-weight:800!important;line-height:1.2!important}.db-sub{margin:0;color:#94a3b8!important;letter-spacing:.01em!important;margin-top:3px!important;font-size:12.5px!important;font-weight:400!important}.db-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(140px,18vw,220px),1fr))!important;gap:12px!important;margin-bottom:16px!important}.db-kpi{background:#fff!important;border:1px solid #eef2f7!important;border-radius:14px!important;flex-direction:column!important;height:100%!important;padding:16px!important;transition:transform .2s cubic-bezier(.2,.8,.4,1),box-shadow .2s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 1px 3px #0f172a0d,0 2px 8px #0f172a0a!important}.db-kpi:hover{transform:translateY(-3px)!important;box-shadow:0 8px 24px #0f172a1a,0 2px 8px #2563eb0f!important}.db-kpi-head{text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:800;display:flex;letter-spacing:.1em!important;color:#94a3b8!important;margin-bottom:12px!important;font-size:9.5px!important}.db-kpi-value{letter-spacing:-.03em!important;color:#0a1628!important;margin-bottom:5px!important;font-size:22px!important;font-weight:800!important;line-height:1.1!important}.db-kpi-note{color:#94a3b8!important;font-size:11px!important;font-weight:400!important;line-height:1.45!important}.db-card{overflow:hidden;background:#fff!important;border:1px solid #eef2f7!important;border-radius:14px!important;transition:box-shadow .2s!important;box-shadow:0 1px 3px #0f172a0d,0 2px 8px #0f172a0a!important}.db-card-head{border-bottom:1px solid #f4f6f9!important;padding:16px 18px 12px!important}.db-card-head-row{gap:12px;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;display:flex!important}.db-card-title{margin:0 0 4px;color:#1e293b!important;letter-spacing:-.01em!important;font-size:13px!important;font-weight:700!important}.db-card-desc{margin:0;color:#94a3b8!important;margin-top:2px!important;font-size:11.5px!important;font-weight:400!important}.db-card-body{background:0 0!important;padding:14px 18px!important}.db-grid2{grid-template-columns:1fr 1fr;display:grid;gap:14px!important;margin-bottom:14px!important}.db-chart-card{min-height:auto;overflow:visible!important}.db-floor{margin-bottom:14px!important}.db-floor-top{justify-content:space-between;align-items:center;display:flex;color:#334155!important;margin-bottom:7px!important;font-size:12px!important;font-weight:600!important}.db-floor-top span:last-child{color:#94a3b8!important;font-size:11px!important;font-weight:500!important}.db-track{overflow:hidden;background:#f1f5f9!important;border:none!important;border-radius:999px!important;height:8px!important}.db-fill{border-radius:999px;height:100%;transition:width .4s;background:linear-gradient(90deg,#2563eb,#60a5fa)!important}.db-revenue-chart{background:0 0!important;gap:8px!important;height:220px!important;display:flex!important;overflow:visible!important}.db-rev-y-axis{color:#94a3b8!important;background:0 0!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-end!important;min-width:28px!important;padding-bottom:20px!important;font-size:9px!important;display:flex!important}.db-rev-bars{border-bottom:1px solid #e5e7eb;padding-bottom:0;background:0 0!important;flex:1!important;align-items:flex-end!important;gap:6px!important;display:flex!important;overflow:visible!important}.db-rev-bar-group{background:0 0!important;flex-direction:column!important;flex:1!important;justify-content:flex-end!important;align-items:center!important;height:100%!important;display:flex!important}.db-rev-bar{opacity:.85!important;background:linear-gradient(#10b981 0%,#059669 100%)!important;border-radius:4px 4px 0 0!important;width:26px!important;min-height:4px!important;transition:opacity .15s!important;position:relative!important;box-shadow:0 2px 4px #10b98126!important}.db-rev-bar:hover{opacity:1!important;background:linear-gradient(#34d399 0%,#10b981 100%)!important;transform:translateY(-2px)scaleX(1.05)!important;box-shadow:0 4px 10px #10b9814d!important}.db-rev-bar--peak{opacity:1!important;background:linear-gradient(#059669 0%,#047857 100%)!important}.db-peak-dot{z-index:10!important;background:#34d399!important;border:1.5px solid #fff!important;border-radius:50%!important;width:6px!important;height:6px!important;position:absolute!important;top:-4px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 6px #10b98199!important}.db-rev-label{margin-top:5px;color:#94a3b8!important;font-size:9.5px!important}.db-stack{background:#f3f4f6;display:flex;overflow:hidden;border:none!important;border-radius:999px!important;height:10px!important;margin-bottom:16px!important}.db-stack-seg{height:100%;transition:width .4s}.db-legend{grid-template-columns:1fr 1fr;display:grid;gap:8px!important}.db-legend-item{align-items:center;gap:8px;font-weight:600;display:flex;background:#fafbfc!important;border:1px solid #f1f5f9!important;border-radius:9px!important;padding:9px 12px!important;font-size:12px!important;transition:border-color .15s,background .15s!important}.db-legend-item b{margin-left:auto;font-weight:700}.db-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.db-tables{grid-template-columns:1fr 1fr 1fr;display:grid;gap:14px!important}.db-table-card{min-height:0!important}.db-table{border-collapse:collapse;width:100%}.db-table th{text-transform:uppercase;text-align:left;letter-spacing:.14em!important;color:#94a3b8!important;background:#fafbfc!important;border-bottom:1px solid #f1f5f9!important;padding:10px 16px!important;font-size:9px!important;font-weight:700!important}.db-table td{color:#1e293b!important;border-bottom:1px solid #f8fafc!important;padding:11px 16px!important;font-size:13px!important}.db-table tr:last-child td{border-bottom:none!important}.db-td-bold{color:#0f172a!important;font-weight:700!important}.db-td-time{white-space:nowrap;color:#94a3b8!important;font-size:12.5px!important}.db-empty{place-items:center;color:#cbd5e1!important;justify-content:center!important;align-items:center!important;height:auto!important;min-height:48px!important;padding:12px 16px!important;font-size:12.5px!important;display:flex!important}.db-badge{white-space:nowrap;display:inline-block;letter-spacing:.03em!important;border-radius:6px!important;padding:3px 9px!important;font-size:10px!important;font-weight:700!important}.db-view-all-row{justify-content:center;display:flex;border-top:1px solid #f1f5f9!important;padding:10px 16px!important}.db-view-all-btn{cursor:pointer;background:0 0;border:none;transition:background .15s;color:#2563eb!important;letter-spacing:-.01em!important;border-radius:7px!important;padding:5px 10px!important;font-size:12.5px!important;font-weight:600!important}.db-view-all-btn:hover{background:#eff6ff!important}.db-kpi:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb,#60a5fa);height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.db-kpi:hover:before{opacity:1}.db-card:hover{box-shadow:0 4px 18px #0f172a17!important}.db-legend-item:hover{background:#fff!important;border-color:#cbd5e1!important}.db-table tr:hover td{background:#fafbff!important}.kpi-seg-group{background:#f1f5f9;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.kpi-seg-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s}.kpi-seg-btn:hover{color:#334155;background:#ffffff80}.kpi-date-picker{background:#fff;font-weight:500;color:#334155!important;cursor:pointer!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;outline:none!important;height:34px!important;padding:0 10px!important;font-size:13px!important;transition:border-color .2s,box-shadow .2s!important}.kpi-date-picker:focus{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb1a!important}.db-kpi-clickable-cue,.db-kpi-status-cue{align-items:center!important;gap:5px!important;margin-top:auto!important;padding-top:12px!important;font-size:.81rem!important;font-weight:600!important;line-height:1.3!important;display:flex!important}.db-kpi-clickable-cue{color:#2563eb!important}.db-kpi--clickable:hover .db-kpi-clickable-cue{color:#1d4ed8!important}.db-chart-badge{color:#2563eb!important;text-transform:uppercase!important;letter-spacing:.05em!important;background-color:#eff6ff!important;border:1px solid #dbeafe!important;border-radius:6px!important;padding:4px 10px!important;font-size:11px!important;font-weight:700!important;display:inline-block!important}.db-chart-badge.badge-revenue{color:#059669!important;background-color:#ecfdf5!important;border-color:#d1fae5!important}.db-traffic-chart,.db-revenue-chart{gap:12px!important;width:100%!important;height:200px!important;margin-top:10px!important;display:flex!important;position:relative!important;overflow:visible!important}.db-traffic-y-axis,.db-rev-y-axis{color:#64748b!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-end!important;min-width:44px!important;padding-bottom:24px!important;font-size:10px!important;display:flex!important}.db-bar-chart,.db-rev-bars{z-index:2!important;background:0 0!important;border-bottom:2px solid #cbd5e1!important;align-items:flex-end!important;gap:4px!important;width:100%!important;height:100%!important;padding-bottom:0!important;display:flex!important;position:relative!important;overflow:visible!important}.db-bar-wrap,.db-rev-bar-group{flex-direction:column!important;flex:1!important;justify-content:flex-end!important;align-items:center!important;height:100%!important;display:flex!important;position:relative!important;overflow:visible!important}.db-bar,.db-rev-bar{cursor:pointer!important;border-radius:4px 4px 0 0!important;width:70%!important;min-width:6px!important;max-width:16px!important;min-height:4px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:visible!important}.db-x,.db-rev-label{color:#94a3b8!important;text-align:center!important;white-space:nowrap!important;width:100%!important;height:18px!important;margin-top:6px!important;font-size:9px!important;font-weight:500!important;line-height:18px!important;position:absolute!important;bottom:-22px!important}.db-bar:hover .db-tooltip,.db-rev-bar:hover .db-tooltip{opacity:1!important;transform:translate(-50%)translateY(-8px)scale(1)!important}.db-export-excel-btn{color:#fff!important;background-color:#10b981!important;border:1.5px solid #10b981!important;transition:all .2s!important}.db-export-excel-btn:hover{background-color:#059669!important;border-color:#059669!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a!important}.db-export-excel-btn:active{transform:translateY(1px)!important}.occupancy-chart-bars{z-index:1;align-items:flex-end;gap:6px;height:280px;display:flex;position:relative}.occupancy-chart-card{background:#fff;border-radius:32px;width:100%;box-shadow:0 24px 60px #0f172a14;max-width:100%!important;padding:clamp(20px,3vw,40px) clamp(16px,2.5vw,36px)!important}.occupancy-chart-title-group{text-align:center;margin-bottom:36px}.occupancy-chart-label{letter-spacing:.1em;color:#1f2937;margin-bottom:10px;font-size:.95rem;font-weight:700}.occupancy-chart-title{color:#0f172a;margin:0;font-size:clamp(2rem,2.4vw,3rem);font-weight:800}.occupancy-chart-area{align-items:flex-end;gap:22px;padding-top:16px;display:flex}.occupancy-chart-y-axis{flex-direction:column;justify-content:space-between;width:48px;height:280px;padding-bottom:12px;display:flex}.occupancy-chart-inner{flex:1;min-height:280px;position:relative}.occupancy-chart-grid-lines{pointer-events:none;grid-template-rows:repeat(6,minmax(0,1fr));display:grid;position:absolute;inset:0}.occupancy-chart-legend{color:#475569;align-items:center;gap:10px;margin-top:28px;font-size:.95rem;font-weight:600;display:inline-flex}.occupancy-chart-legend span:first-child{background:#2563eb;border-radius:4px;width:16px;height:16px;display:inline-block}.cardpage-status.pending{color:#a16207;background:#fef9c3}.occupancy-chart-page{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.session-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.session-status-badge.inside{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.session-status-badge.out{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.session-status-badge .badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.session-status-badge.inside .badge-dot{animation:1.5s infinite pulse-dot}.realtime-timer{color:var(--primary,#2563eb);align-items:center;gap:6px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;display:flex}.realtime-timer.stopped{color:#64748b;font-family:inherit;font-weight:500}.realtime-timer span.timer-icon{color:var(--primary,#2563eb);font-size:16px;animation:2s linear infinite rotate-timer}.realtime-timer.stopped span.timer-icon{color:#94a3b8;animation:none}.login-main{justify-content:center;width:100%;display:flex}.ambient-shadow{box-shadow:0 24px 60px -24px #7828002e}.login-card-header h1{margin-bottom:10px;font-size:clamp(2rem,2.5vw,2.4rem)}.login-card-header p{color:#6b7280;line-height:1.85}.login-form{flex-direction:column;gap:18px;display:flex}.login-label{color:#4b5563;flex-direction:column;gap:10px;font-size:.98rem;display:flex}.page-background-circle{filter:blur(60px);opacity:.38;z-index:-1;border-radius:50%;position:fixed}.page-background-circle.top{width:340px;height:340px;top:-80px;left:-80px;background:#2563eb14!important}.page-background-circle.bottom{width:260px;height:260px;bottom:-70px;right:-50px;background:#93c5fd26!important}.lost-filter-card .filter-block:not(.reset-filter-btn-container):not(:has(.date-range-wrapper)){flex:1!important;min-width:140px!important}.lost-filter-card .reset-filter-btn-container{flex:none!important;margin:0!important}.lost-filter-card .reset-filter-btn-container,.lost-filter-card>div[style*=marginLeft],.lost-filter-card>div[style*=margin-left]{align-self:flex-end!important;align-items:center!important;margin-bottom:0!important;padding-bottom:0!important;display:flex!important}.lost-filter-card>div:has(.icon-reset-btn){align-self:flex-end!important;align-items:center!important;margin-bottom:0!important;padding-bottom:0!important;display:flex!important}.lost-filter-card>div:has(.lost-create-button){align-self:flex-end!important;align-items:center!important;margin-bottom:0!important;padding-bottom:0!important;display:flex!important}.sp-layout{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.sp-bg-image{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:fixed;inset:0}.sp-bg-overlay{z-index:1;background:#0a101e9e;position:fixed;inset:0}.sp-center-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#0f172a8c;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:440px;padding:40px 36px;position:relative;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1a}.sp-brand-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.sp-lock-icon{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex;box-shadow:0 8px 24px #3b82f659}.sp-brand-name{color:#f1f5f9;letter-spacing:.02em;font-size:1.1rem;font-weight:800}.sp-brand-sub{color:#94a3b8;margin-top:2px;font-size:.78rem}.sp-title{color:#f1f5f9;margin:0 0 8px;font-size:1.6rem;font-weight:700;line-height:1.3}.sp-subtitle{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.5}.sp-form{flex-direction:column;gap:18px;display:flex}.sp-input-group{flex-direction:column;gap:6px;display:flex}.sp-label{color:#cbd5e1;font-size:.85rem;font-weight:600}.sp-input-wrapper{align-items:center;display:flex;position:relative}.sp-input-icon{color:#64748b;pointer-events:none;font-size:20px;position:absolute;left:12px}.sp-input{color:#f1f5f9;box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:11px 44px 11px 40px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.sp-input::placeholder{color:#475569}.sp-input:focus{background:#ffffff1a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.sp-toggle-eye{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.sp-toggle-eye:hover{color:#94a3b8}.sp-error-box{color:#fca5a5;background:#dc26261f;border:1px solid #dc26264d;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.85rem;font-weight:500;line-height:1.4;display:flex}.sp-error-icon{flex-shrink:0;margin-top:1px;font-size:18px}.sp-success-box{color:#86efac;text-align:center;background:#15803d26;border:1px solid #15803d59;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:16px 18px;font-size:.95rem;font-weight:600;display:flex}.sp-success-icon{font-size:22px}.sp-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:13px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #3b82f659}.sp-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.sp-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.sp-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite sp-spin}.contract-signatures{justify-content:space-between;margin-top:40px;padding:0 20px;display:flex}.contract-sign-block{text-align:center;width:45%}.contract-sign-block p:first-child{margin-bottom:4px;font-weight:700}.contract-sign-block p:nth-child(2){margin-bottom:6px;font-size:12px;font-style:italic}.contract-sign-block .signed-name{margin-top:6px;font-weight:700}.sign-page-layout{color:#2d3748;background:radial-gradient(circle at 0 0,#ff8c0014,#0000 30%),linear-gradient(#fbf7f4 0%,#f4eae1 100%);flex-direction:column;min-height:100vh;display:flex}.sign-page-header{z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000000d}.sign-header-content{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:16px 24px;display:flex}.sign-brand-title{letter-spacing:.05em;color:#4a5568;font-size:18px;font-weight:800}.sign-security-badge{color:#10b981;background-color:#ecfdf5;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.sign-page-main{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:32px auto;padding:0 24px 64px;display:flex}.sign-action-panel,.sign-success-panel{border-left:6px solid var(--primary,#2563eb);background-color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px;animation:.4s slideDown;display:flex;box-shadow:0 10px 25px -5px #00000014}.sign-success-panel{border-left-color:#10b981}.action-text-wrapper h3,.success-text-wrapper h3{color:#1a202c;margin:0 0 6px;font-size:18px;font-weight:700}.action-text-wrapper p,.success-text-wrapper p{color:#4a5568;margin:0;font-size:14px;line-height:1.5}.success-icon-wrapper{background-color:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sign-btn-primary{background-color:var(--primary,#2563eb);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ff8c002e}.sign-btn-primary:hover:not(:disabled){background-color:var(--primary-hover,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #ff8c003d}.sign-btn-primary:active{transform:translateY(0)}.sign-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.sign-btn-secondary{color:#4a5568;cursor:pointer;background-color:#edf2f7;border:1px solid #cbd5e0;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.sign-btn-secondary:hover{color:#2d3748;background-color:#e2e8f0}.sign-page-loading{background-color:#fbf7f4;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.sign-page-error-container{background-color:#fbf7f4;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sign-page-error-card{text-align:center;background-color:#fff;border-top:4px solid #ef4444;border-radius:20px;width:100%;max-width:480px;padding:40px 32px;box-shadow:0 10px 25px #0000000d}