.bp-quick-actions { position:fixed; left:8px; right:8px; bottom:8px; z-index:5000; grid-template-columns:repeat(4,1fr); padding:8px; border-radius:18px; background:rgba(3,10,28,.92); border:1px solid rgba(0,220,255,.18); box-shadow:0 12px 36px rgba(0,0,0,.55); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
          .bp-quick-action { min-height:48px; padding:7px 5px; font-size:11px; flex-direction:column; gap:2px; }
          .bp-detail-tabs { padding-left:14px !important; padding-right:14px !important; }
        }

        /* ===== LOGIN ===== */
        .login-container { display: flex; justify-content: center; align-items: center; height: 100vh;
            background: radial-gradient(ellipse at 30% 50%, rgba(0,80,180,0.2) 0%, transparent 55%),
                        radial-gradient(ellipse at 80% 20%, rgba(0,200,255,0.1) 0%, transparent 50%),
                        linear-gradient(160deg, #030814 0%, #060E1E 100%); }
        .login-card { background: rgba(6, 14, 40, 0.86); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); border: 1px solid rgba(0,200,255,0.14); border-radius: 20px; padding: 40px; width: 100%; max-width: 380px; box-shadow: 0 32px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(0,200,255,0.05), inset 0 1px 0 rgba(0,240,255,0.08); }
        .login-title { font-size: 26px; font-weight: 800; text-align: center; margin-bottom: 28px; color: rgba(255, 255, 255, 0.96); letter-spacing: -0.3px; }

        .login-error { color: #FF453A; font-size: 12px; margin-bottom: 12px; text-align: center; }

        /* ===== STATS ===== */
        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 24px; }
        .stat-card { background: rgba(8, 20, 55, 0.52); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(0,200,255,0.1); border-radius: 14px; padding: 18px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.25), inset 0 1px 0 rgba(0,240,255,0.06); transition: all 0.25s ease; }
        .stat-card:hover { border-color: rgba(0,220,255,0.22); box-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 0 20px rgba(0,200,255,0.08); }
        .stat-label { font-size: 11px; color: rgba(0,200,255,0.5); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 600; }
        .stat-value { font-size: 26px; font-weight: 800; color: rgba(255, 255, 255, 0.95); }
        .no-data { text-align: center; padding: 50px 20px; color: rgba(0,200,255,0.3); font-size: 14px; }

        /* ===== TABLES ===== */
        .table-container { background: rgba(6, 14, 40, 0.55); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(0,200,255,0.1); border-radius: 14px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.3); }
        table { width: 100%; border-collapse: collapse; }
        th { background: rgba(0, 50, 120, 0.4); padding: 12px 14px; text-align: left; font-size: 11px; font-weight: 700; color: rgba(0,200,255,0.6); text-transform: uppercase; letter-spacing: 0.6px; border-bottom: 1px solid rgba(0,200,255,0.1); }
        td { padding: 12px 14px; border-bottom: 1px solid rgba(0,200,255,0.05); font-size: 13px; color: rgba(255, 255, 255, 0.8); }
        tr:hover { background: rgba(0, 100, 200, 0.06); }
        .salary-total-row { font-weight: 700; background: rgba(0,200,255,0.07); }
        .salary-total-row:hover { background: rgba(0,200,255,0.12); }

        /* ===== MAP ORDER LIST ===== */
        .map-order-list { display: flex; flex-direction: column; gap: 0; overflow-y: auto; max-height: 220px; border: 1px solid rgba(0,200,255,0.08); border-radius: 12px; background: rgba(4,12,36,0.5); }
        .map-order-item { padding: 10px 14px; border-bottom: 1px solid rgba(0,200,255,0.06); cursor: pointer; transition: all 0.2s ease; background: transparent; }
        .map-order-item:last-child { border-bottom: none; }
        .map-order-item:hover { background: rgba(0,180,255,0.06); }
        .map-order-item.selected { background: rgba(0,200,255,0.1); border-left: 3px solid rgba(0,220,255,0.55); padding-left: 11px; }
        .map-smart-page { display:flex; flex-direction:column; height:calc(100vh - 120px); min-height:520px; }
        .map-smart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:10px; }
        .map-smart-title { color:#fff; font-size:18px; font-weight:850; line-height:1.15; }
        .map-smart-subtitle { color:rgba(255,255,255,.42); font-size:11px; margin-top:4px; }
        .map-filter-row { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
        .map-smart-filter { border:1px solid rgba(0,200,255,.13); background:rgba(0,200,255,.045); color:rgba(255,255,255,.5); border-radius:999px; padding:6px 10px; font-size:10px; font-weight:750; cursor:pointer; transition:all .17s ease; }
        .map-smart-filter:hover { color:#74EAFF; border-color:rgba(0,220,255,.3); background:rgba(0,200,255,.09); }
        .map-smart-filter.active { color:#071326; border-color:transparent; background:linear-gradient(135deg,#42E7FF,#57ECB5); box-shadow:0 5px 16px rgba(0,220,255,.18); }
        .map-smart-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(265px,.68fr); gap:10px; flex:1 1 auto; min-height:250px; margin-bottom:10px; }
        .map-frame-smart { min-height:250px; border-radius:14px; overflow:hidden; border:1px solid rgba(0,200,255,.1); box-shadow:0 8px 26px rgba(0,0,0,.22); background:rgba(4,12,36,.6); }
        .map-autopilot { position:relative; overflow:hidden; padding:15px; border-radius:14px; background:linear-gradient(145deg,rgba(7,31,69,.94),rgba(5,17,43,.96)); border:1px solid rgba(72,231,255,.17); box-shadow:0 8px 26px rgba(0,0,0,.22); }
        .map-autopilot:after { content:""; position:absolute; width:130px; height:130px; border-radius:50%; right:-58px; top:-65px; background:rgba(0,220,255,.11); }
        .map-auto-kicker { position:relative; z-index:1; color:#59E9FF; font-size:9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
        .map-auto-title { position:relative; z-index:1; color:#fff; font-size:15px; font-weight:850; margin-top:5px; }
        .map-auto-location { position:relative; z-index:1; margin-top:12px; padding:11px; border-radius:12px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.07); }
        .map-auto-city { color:#fff; font-size:14px; font-weight:800; }
        .map-auto-address { color:rgba(255,255,255,.52); font-size:11px; margin-top:3px; line-height:1.35; }
        .map-auto-reason { display:inline-flex; margin-top:9px; padding:4px 7px; border-radius:8px; color:#FFD767; background:rgba(255,197,35,.09); border:1px solid rgba(255,197,35,.18); font-size:9px; font-weight:750; }
        .map-auto-next { color:rgba(255,255,255,.45); font-size:10px; margin-top:11px; }
        .map-auto-next strong { display:block; color:#5FE9FF; font-size:12px; margin-top:3px; }
        .map-auto-progress { height:5px; margin-top:10px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.08); }
        .map-auto-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#25C8FF,#54EAB4); }
        .map-auto-actions { display:flex; gap:6px; margin-top:12px; }
        .map-auto-btn { flex:1; border:0; border-radius:9px; padding:7px 8px; cursor:pointer; font-size:10px; font-weight:800; text-align:center; text-decoration:none; color:#071326; background:linear-gradient(135deg,#3EE5FF,#54EBB7); }
        .map-auto-btn.secondary { color:#68E9FF; background:rgba(0,200,255,.08); border:1px solid rgba(0,200,255,.18); }
        .map-route-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; padding:9px 11px; border-radius:12px; background:rgba(5,20,48,.78); border:1px solid rgba(0,200,255,.09); }
        .map-route-summary { min-width:0; }