:root{--orion-blue: #2563eb;--orion-dark-blue: #1e40af;--orion-light-blue: #3b82f6;--orion-bg: #f8fafc;--orion-gray: #64748b;--orion-light-gray: #f1f5f9}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji";background-color:var(--orion-bg);color:#1e293b}.login-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb14,#1e40af0f);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.login-wrapper[hidden]{display:none}.card{width:100%;max-width:400px;padding:48px 40px;border-radius:16px;background:#fff;box-shadow:0 20px 60px #0f172a1f;display:flex;flex-direction:column;gap:28px}.card h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--orion-dark-blue);text-align:center}.login-subtitle{text-align:center;color:var(--orion-gray);font-size:14px;margin:-16px 0 0}#loginForm{display:grid;gap:20px}.credentials-group{display:grid;gap:16px}#loginForm label{font-weight:600;font-size:14px;color:#334155}#loginForm input{padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .2s ease}#loginForm input:focus{outline:none;border-color:var(--orion-blue);box-shadow:0 0 0 3px #2563eb1a}#loginForm button{margin-top:8px;padding:14px;font-size:16px;font-weight:600}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.header-content{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:16px}.logo{font-size:24px;font-weight:700;color:var(--orion-dark-blue);text-decoration:none;display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--orion-blue),var(--orion-light-blue));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.page-title{font-size:16px;color:var(--orion-gray);font-weight:500}main{max-width:1200px;margin:0 auto;padding:32px 32px 16px}.app-footer{background:linear-gradient(135deg,#1e3a8a,#1e40af);margin-top:48px;padding:32px;text-align:center;color:#fff;font-size:14px}.app-footer p{margin:0;font-weight:400}.actions{display:flex;align-items:center;gap:12px}button{background-color:var(--orion-blue);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}button:hover{background-color:var(--orion-dark-blue);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover{background-color:var(--orion-blue);box-shadow:none;transform:none}.btn-refresh{background-color:#fff;color:var(--orion-gray);border:1.5px solid #e2e8f0}.btn-refresh:hover{background-color:var(--orion-light-gray);border-color:var(--orion-blue);color:var(--orion-blue);box-shadow:0 2px 8px #00000014}.btn-logout{background-color:transparent;color:var(--orion-gray);border:1.5px solid #e2e8f0}.btn-logout:hover{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626;box-shadow:none}.icon{width:18px;height:18px;display:inline-block}#error,.error{color:#dc2626;font-size:14px}#status{margin-bottom:24px;padding:16px 20px;border-radius:12px;background-color:#dbeafe;border-left:4px solid var(--orion-blue);font-size:14px}#status.error{background-color:#fee2e2;border-left-color:#dc2626;color:#991b1b}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;max-width:900px}.info-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.info-card-label{font-size:13px;color:var(--orion-gray);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.info-card-value{font-size:16px;color:#0f172a;font-weight:600}.info-card-subtitle{font-size:12px;color:var(--orion-gray);margin-top:4px;font-weight:400}.password-card{position:relative}.btn-update-password{margin-top:12px;width:100%;font-size:13px;padding:8px 12px;background-color:#fff;color:var(--orion-blue);border:1.5px solid var(--orion-blue)}.btn-update-password:hover{background-color:var(--orion-light-blue);color:#fff;border-color:var(--orion-light-blue)}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 1px 3px #0000000f;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}th,td{padding:16px 20px;border-bottom:1px solid #f1f5f9;text-align:left}thead{background-color:var(--orion-light-gray)}thead th{font-weight:700;font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s ease}thead th:hover{background-color:#e2e8f0}thead th.sort-asc:after,thead th.sort-desc:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}thead th.sort-asc:after{border-bottom:6px solid var(--orion-blue)}thead th.sort-desc:after{border-top:6px solid var(--orion-blue)}thead th:nth-child(6),thead th:nth-child(7){cursor:default}thead th:nth-child(6):hover,thead th:nth-child(7):hover{background-color:var(--orion-light-gray)}tbody tr:hover{background-color:#f8fafc}tbody tr:last-child td{border-bottom:none}td img{max-width:80px;height:auto;border-radius:4px}.qr-container{display:inline-block;text-align:center}.qr-container img{width:120px;height:120px;object-fit:contain;cursor:zoom-in}.qr-company-name{font-size:11px;color:#333;margin-top:4px;font-weight:700}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.qr-modal[hidden]{display:none}.qr-modal-content{background:#fff;border-radius:16px;padding:24px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #0f172a4d}.qr-modal-image{width:320px;height:320px;object-fit:contain;image-rendering:pixelated;margin:16px auto}.qr-modal-label{font-size:14px;color:#0f172a;font-weight:600}.qr-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:18px;line-height:1;border:none;cursor:pointer}.qr-modal-close:hover{background:#cbd5f5}body.qr-modal-open{overflow:hidden}td a{color:var(--orion-blue);text-decoration:none;font-weight:600}td a:hover{text-decoration:underline;color:var(--orion-dark-blue)}.gps-coord{font-family:Courier New,monospace;font-size:13px;color:#475569;line-height:1.6}.gps-empty{color:var(--orion-gray);font-style:italic}@media (max-width: 768px){.header-content{padding:16px 20px}main{padding:20px 16px}.actions{flex-wrap:wrap}.info-cards{grid-template-columns:1fr;max-width:100%}}