.ant-menu-dark .ant-menu-item{border-radius:10px;margin:6px 10px}.ant-menu-dark .ant-menu-item-selected{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.metrics-wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.metrics-group{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:16px;box-shadow:0 6px 24px #0000000d}.metrics-title{font-size:14px;font-weight:700;margin-bottom:12px;color:#0f172a}.metric-card{display:flex;gap:12px;padding:16px;border-radius:14px;background:#fff;transition:.25s;cursor:pointer;box-shadow:0 4px 12px #0000000d}.metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.metric-icon{font-size:20px}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:12px;color:#64748b}.metric-value{font-size:20px;font-weight:700}.metric-sub{font-size:12px;color:#94a3b8}.metric-card.blue{color:#4f46e5}.metric-card.green{color:#22c55e}.metric-card.orange{color:#f59e0b}.metric-card.red{color:#ef4444}.metric-card.purple{color:#7c3aed}.metric-card.indigo{color:#6366f1}*{margin:0;padding:0;box-sizing:border-box}.home-root{flex:1;background-color:#fff;min-height:100vh}.tracking-mobile-only{min-height:100vh;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8fafc;color:#0f172a}.tracking-mobile-only-icon{margin-bottom:20px;padding:12px 16px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tracking-mobile-only h1{max-width:420px;margin-bottom:12px;font-size:24px;line-height:1.2}.tracking-mobile-only p{max-width:420px;color:#475569;font-size:15px;line-height:1.6}.tracking-mobile-only-note{margin-top:8px;color:#64748b!important;font-size:13px!important}.tracking-web-view{min-height:100vh;padding-bottom:32px;background:#f8fafc}.trip-history{margin:24px 0 0;padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.trip-history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.trip-history-header h2{margin:0;color:#0f172a;font-size:18px}.trip-history-header p{margin:4px 0 0;color:#64748b;font-size:13px}.trip-history-count{flex-shrink:0;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600}.trip-history-list{display:flex;flex-direction:column;gap:10px}.trip-history-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.trip-history-item-content{min-width:0}.trip-history-item h3{margin:0 0 5px;overflow-wrap:anywhere;color:#0f172a;font-size:14px;line-height:1.4}.trip-history-item p{margin:0;overflow-wrap:anywhere;color:#64748b;font-size:13px;line-height:1.45}.trip-history-distance{flex-shrink:0;color:#2563eb;font-size:14px;white-space:nowrap}.trip-history-state{padding:16px 0;color:#64748b;font-size:13px;text-align:center}.trip-history-error{color:#b91c1c}.home-scroll{max-width:600px;margin:0 auto;padding:20px 24px 48px}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.nav-brand{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:.2px}.tracking-employee-details{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:#64748b;font-size:12px}.tracking-employee-details span+span:before{content:"Code: ";color:#94a3b8}.tracking-logout-button{padding:8px 14px;border:1px solid #FECACA;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600;cursor:pointer}.status-row{display:flex;justify-content:flex-start;margin-bottom:48px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background-color:#f1f5f9}.status-badge-live{background-color:#dcfce7}.status-dot{width:7px;height:7px;border-radius:50%;background-color:#94a3b8}.status-dot-live{background-color:#22c55e}.status-badge-text{font-size:12px;font-weight:600;color:#64748b}.status-badge-text-live{color:#16a34a}.btn-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:20px;height:180px;position:relative}.pulse{position:absolute;width:170px;height:170px;border-radius:50%;transition:opacity .2s}.btn{position:relative;width:140px;height:140px;border-radius:50%;background-color:#2563eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #2563eb59}.btn-stop{background-color:#ef4444;box-shadow:0 8px 20px #ef444459}.btn-disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:26px;color:#fff}.btn-label{font-size:15px;font-weight:700;color:#fff;letter-spacing:.5px}.btn:hover:not(.btn-disabled){transform:scale(1.05)}.hint{text-align:center;font-size:13px;color:#94a3b8;margin-bottom:48px}.stats-row{display:flex;align-items:center;justify-content:space-around;background-color:#f8fafc;border-radius:20px;padding:24px 0}.stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.stat-num{font-size:20px;font-weight:800;color:#0f172a}.stat-key{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-divider{width:1px;height:36px;background-color:#e2e8f0}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal-sheet{background-color:#fff;border-top-left-radius:28px;border-top-right-radius:28px;padding:14px 24px 32px;width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-bar{width:36px;height:4px;background-color:#e2e8f0;border-radius:2px;align-self:center;margin-bottom:8px}.sheet-title{font-size:22px;font-weight:800;color:#0f172a}.sheet-stats{display:flex;align-items:center;justify-content:space-around;background-color:#f8fafc;border-radius:16px;padding:18px 0}.sheet-stat{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.sheet-stat-num{font-size:22px;font-weight:800;color:#0f172a}.sheet-stat-key{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:600}.sheet-stat-divider{width:1px;height:32px;background-color:#e2e8f0}.note-input{background-color:#f8fafc;border:1.5px solid #E2E8F0;border-radius:14px;padding:14px;font-size:14px;color:#0f172a;font-family:inherit;resize:vertical;min-height:90px}.note-input:focus{outline:none;border-color:#2563eb}.note-input::placeholder{color:#94a3b8}.sheet-submit{background-color:#2563eb;padding:16px;border-radius:16px;border:none;cursor:pointer;transition:opacity .2s;box-shadow:0 4px 12px #2563eb40}.sheet-submit-text{color:#fff;font-size:16px;font-weight:700;text-align:center;display:block}.sheet-submit:hover{opacity:.85}.sheet-cancel{background:none;border:none;cursor:pointer;padding:12px;transition:opacity .2s}.sheet-cancel-text{color:#94a3b8;font-size:14px;font-weight:500;text-align:center;display:block}.sheet-cancel:hover{opacity:.7}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.home-scroll{padding:16px 16px 32px}.btn-wrap{height:160px}.pulse{width:150px;height:150px}.btn{width:120px;height:120px}.trip-history{padding:16px}.trip-history-item{align-items:flex-start;flex-direction:column;gap:8px}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
