.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text-primary);--primary: #143f65;--accent: #2ea68a;--bg-main: #f1f7ff;--text-primary: #102034;--text-muted: #4f6578;--card-bg: rgba(255, 255, 255, .9);--card-border: #c5d6e7;--input-bg: #ffffff;--surface-soft: #e4eff9;--danger: #aa2e25;--notice-bg: #edf8ff;--notice-text: #102034;--error-bg: #ffe8e6;--error-border: #e9b0aa;--error-text: #9a2218;background:radial-gradient(circle at 15% 10%,#f6f2dd 0%,transparent 35%),radial-gradient(circle at 80% 15%,#c3f6ef 0%,transparent 28%),radial-gradient(circle at 40% 90%,#ffd4bc 0%,transparent 30%),var(--bg-main)}:root[data-theme=dark]{--primary: #6cb8f0;--accent: #63d8be;--bg-main: #0f1723;--text-primary: #e9f1fb;--text-muted: #a7bed4;--card-bg: rgba(18, 31, 46, .92);--card-border: #31465f;--input-bg: #102233;--surface-soft: #243a52;--danger: #cf6259;--notice-bg: #1b2b3b;--notice-text: #e9f1fb;--error-bg: #4a1f23;--error-border: #8c3d46;--error-text: #ffd9dd;background:radial-gradient(circle at 15% 10%,#2f3b24 0%,transparent 35%),radial-gradient(circle at 80% 15%,#143d39 0%,transparent 28%),radial-gradient(circle at 40% 90%,#3e2b25 0%,transparent 30%),var(--bg-main)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-primary)}.app-shell{max-width:1280px;margin:0 auto;padding:20px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--card-border);border-radius:16px;padding:16px;box-shadow:0 10px 40px #02275224}.row{display:flex;gap:12px;flex-wrap:wrap}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;overflow-x:auto}button{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:8px 12px;cursor:pointer;font-weight:600}button.secondary{background:var(--surface-soft);color:var(--text-primary)}button.danger{background:var(--danger)}input,textarea,select{width:100%;border:1px solid var(--card-border);border-radius:8px;padding:8px;font:inherit;background:var(--input-bg);color:var(--text-primary)}label{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:6px}.grid-2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--card-border);text-align:left;padding:10px 8px;vertical-align:top}.table tbody tr:hover{background:color-mix(in srgb,var(--primary) 12%,var(--input-bg))}.table tbody tr:hover td{color:var(--text-primary)}.badge{display:inline-flex;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700}.badge-red{background:#ffe1df;color:#8e1f1a}.badge-green{background:#dff4df;color:#1c6a22}.small{font-size:.84rem;color:var(--text-muted)}.header{display:flex;justify-content:space-between;align-items:center;gap:10px}.tutorial-trigger-button{border-style:dashed}.driver-popover.uw-tour-popover{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 18px 46px #0227523d;max-width:360px}.driver-popover.uw-tour-popover *{font-family:Space Grotesk,Segoe UI,sans-serif}.driver-popover.uw-tour-popover .driver-popover-title{color:var(--text-primary);padding-right:26px}.driver-popover.uw-tour-popover .driver-popover-description,.driver-popover.uw-tour-popover .driver-popover-progress-text,.driver-popover.uw-tour-popover .driver-popover-close-btn{color:var(--text-muted)}.driver-popover.uw-tour-popover .driver-popover-close-btn:hover,.driver-popover.uw-tour-popover .driver-popover-close-btn:focus{color:var(--text-primary)}.driver-popover.uw-tour-popover .driver-popover-footer button{border-radius:10px;border:1px solid var(--card-border);background:var(--surface-soft);color:var(--text-primary);text-shadow:none;padding:7px 12px;font-weight:700}.driver-popover.uw-tour-popover .driver-popover-footer button:hover,.driver-popover.uw-tour-popover .driver-popover-footer button:focus{background:color-mix(in srgb,var(--primary) 12%,var(--surface-soft))}.driver-popover.uw-tour-popover .driver-popover-next-btn{background:var(--primary);color:#fff;border-color:color-mix(in srgb,var(--primary) 72%,black)}.driver-popover.uw-tour-popover .driver-popover-next-btn:hover,.driver-popover.uw-tour-popover .driver-popover-next-btn:focus{background:color-mix(in srgb,var(--primary) 88%,black)}.driver-popover.uw-tour-popover .driver-popover-arrow-side-left{border-left-color:var(--card-bg)}.driver-popover.uw-tour-popover .driver-popover-arrow-side-right{border-right-color:var(--card-bg)}.driver-popover.uw-tour-popover .driver-popover-arrow-side-top{border-top-color:var(--card-bg)}.driver-popover.uw-tour-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--card-bg)}.settings-inline-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-info-button{width:26px;height:26px;min-width:26px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.settings-legal-note{display:grid;gap:6px;font-size:.83rem;color:var(--text-muted);border:1px solid var(--card-border);background:color-mix(in srgb,var(--input-bg) 86%,var(--surface-soft));border-radius:10px;padding:10px}h1,h2,h3{margin:0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%)}.notice{background:var(--notice-bg);border:1px solid var(--card-border);color:var(--notice-text);border-radius:10px;padding:10px;margin:8px 0}.error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.list{display:grid;gap:10px}.item{background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:10px;color:var(--text-primary)}.item:hover{background:color-mix(in srgb,var(--primary) 10%,var(--input-bg))}.tasks-list-scroll{max-height:700px;overflow-y:auto;padding-right:4px}.kpi-value{font-size:1.8rem;color:var(--primary)}.dashboard-kpis{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;min-height:190px;margin-top:10px}.dashboard-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px}.dashboard-bar-wrap{width:100%;height:120px;display:flex;align-items:end;justify-content:center;border-radius:8px;background:#143f6514}.dashboard-bar{width:70%;min-height:2px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--accent) 0%,var(--primary) 100%)}.leaflet-container{z-index:1}.unread-dot{width:8px;height:8px;border-radius:999px;background:#d32f2f;box-shadow:0 0 #d32f2f80;animation:unread-pulse 1s ease-in-out infinite}@keyframes unread-pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #d32f2f80}70%{opacity:.4;transform:scale(1.2);box-shadow:0 0 0 6px #d32f2f00}to{opacity:1;transform:scale(1);box-shadow:0 0 #d32f2f00}}.overtime-summary{font-size:.86rem;font-weight:700;border-left:3px solid transparent}.overtime-total{background:color-mix(in srgb,#f9a825 20%,var(--input-bg));color:var(--text-primary);border-left-color:#f9a825}.overtime-approved{background:color-mix(in srgb,#2e7d32 18%,var(--input-bg));color:var(--text-primary);border-left-color:#2e7d32}.overtime-pending{background:color-mix(in srgb,#c62828 16%,var(--input-bg));color:var(--text-primary);border-left-color:#c62828}.recharts-default-tooltip{background:var(--input-bg)!important;border:1px solid var(--card-border)!important;color:var(--text-primary)!important}.recharts-default-tooltip .recharts-tooltip-label,.recharts-default-tooltip-item{color:var(--text-primary)!important}.audit-table-wrap{overflow:auto}.audit-metadata{margin:6px 0 0;padding:8px;border-radius:8px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--input-bg) 88%,var(--surface-soft));color:var(--text-primary);font-size:.78rem;white-space:pre-wrap;max-height:220px;overflow:auto}.audit-role-system{background:color-mix(in srgb,#6b7280 24%,var(--input-bg));color:var(--text-primary)}.audit-role-company{background:color-mix(in srgb,#1976d2 20%,var(--input-bg));color:var(--text-primary)}.audit-role-worker{background:color-mix(in srgb,#2e7d32 22%,var(--input-bg));color:var(--text-primary)}.audit-timeline{display:grid;gap:12px}.audit-timeline-day{border:1px solid var(--card-border);border-radius:12px;background:var(--input-bg);padding:10px}.audit-timeline-day h3{font-size:.95rem;margin:0 0 8px}.audit-timeline-list{display:grid;gap:8px}.audit-timeline-item{display:grid;grid-template-columns:96px 1fr;gap:10px;border-left:3px solid var(--primary);border-radius:8px;padding:8px 10px;background:color-mix(in srgb,var(--input-bg) 85%,var(--surface-soft))}.audit-timeline-time{font-size:.82rem;color:var(--text-muted);font-weight:700}.audit-timeline-content{display:grid;gap:4px}.worker-dashboard-filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.worker-dashboard-filter-bar button.active{background:var(--primary);color:#fff}.kpi-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}.kpi-card{background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px 12px;text-align:center;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kpi-color, var(--primary))}.kpi-card-value{font-size:1.7rem;font-weight:700;color:var(--kpi-color, var(--primary));line-height:1.1}.kpi-card-label{font-size:.78rem;color:var(--text-muted);margin-top:4px}.worker-dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-top:16px}.worker-dashboard-chart-card{background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px}.worker-dashboard-chart-card h3{margin:0 0 12px;font-size:.92rem;color:var(--text-primary)}.worker-dashboard-chart-card.full-width{grid-column:1 / -1}.integration-switch-board{display:flex;gap:10px;flex-wrap:wrap}.integration-switch-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:130px;border:1px solid var(--card-border);border-radius:10px;padding:8px 12px;background:var(--input-bg);color:var(--text-primary)}.integration-switch-button.selected{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 45%,transparent)}.integration-switch-button.linked{background:#dff4df;border-color:#2e7d32;color:#1f5d24}:root[data-theme=dark] .integration-switch-button.linked{background:color-mix(in srgb,#2e7d32 26%,var(--input-bg));color:#c9f2cf;border-color:#4aa958}.integration-check{font-weight:800;font-size:.95rem}.integration-panel{background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:12px;display:grid;gap:10px}.searchable-select{display:grid;gap:6px}.searchable-select select{min-height:132px}.searchable-select-meta{color:var(--text-muted)}@media (max-width: 1024px){.app-shell{padding:14px}.grid-2,.worker-dashboard-charts{grid-template-columns:1fr}.kpi-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.app-shell{padding:12px}.header{flex-direction:column;align-items:flex-start}.table th:nth-child(n+4),.table td:nth-child(n+4){display:none}}