@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.custom-marker{background:#0000!important;border:none!important}.custom-marker div{transition:all .2s ease-in-out}.custom-marker:hover div{transform:rotate(-45deg) scale(1.1)!important}.leaflet-popup-content-wrapper{border-radius:8px!important;box-shadow:0 4px 20px #00000026!important}.leaflet-popup-tip{background:#fff!important}.leaflet-container{font-family:inherit!important}.leaflet-control-zoom a{border-radius:4px!important}.leaflet-control-attribution{background:#fffc!important;font-size:10px!important}:root{--white:#fff;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--sidebar-width-open:210px;--sidebar-width-closed:52px;--main-content-width-sidebar-open:calc(100vw - var(--sidebar-width-open));--main-content-width-sidebar-closed:calc(100vw - var(--sidebar-width-closed));--padding-xs:var(--spacing-xs);--padding-sm:var(--spacing-sm);--padding-md:var(--spacing-md);--padding-lg:var(--spacing-lg);--padding-xl:var(--spacing-xl);--margin-xs:var(--spacing-xs);--margin-sm:var(--spacing-sm);--margin-md:var(--spacing-md);--margin-lg:var(--spacing-lg);--margin-xl:var(--spacing-xl);--btn-padding-x:var(--spacing-lg);--btn-padding-y:var(--spacing-sm);--btn-font-size:0.875rem;--btn-font-weight:600;--btn-transition:all 0.2s ease;--planning-small-text:11px;--planning-medium-text:12px;--planning-large-text:14px;--app-padding:15px;--app-padding-vertical:30px;--page-header-height:30px;--page-header-padding-y:8px;--page-header-gap-no-tabs:30px;--tabs-height:55px;--tabs-padding-y:0px;--filter-header-height:60px;--planning-navigation-height:60px;--planning-header-height:50px;--filter-header-padding-y:12px;--actionfab-size:56px;--actionfab-space:0px;--tabs-content-gap:0px;--bg-primary:#fafafa;--bg-secondary:#fff}.driver-popover{background:#fff!important;background:var(--white)!important;border:1px solid #e0e0e0!important;border:1px solid var(--border-color,#e0e0e0)!important;border-radius:8px!important;border-radius:var(--btn-radius,8px)!important;box-shadow:0 4px 20px #00000026!important;max-width:320px!important}.driver-popover-title{color:var(--text-primary)!important;font-size:1.125rem!important;font-size:var(--text-lg)!important;font-weight:600!important}.driver-popover-description,.driver-popover-title{font-family:Inter,Roboto,Helvetica,Arial,sans-serif!important}.driver-popover-description{color:var(--text-secondary)!important;font-size:1rem!important;font-size:var(--text-base)!important;line-height:1.5!important;padding:8px 0!important;padding:var(--spacing-sm) 0!important}.driver-popover-progress-text{color:var(--text-muted)!important;font-size:.875rem!important;font-size:var(--text-sm)!important}.driver-popover-navigation-btns{gap:8px!important;gap:var(--spacing-sm)!important}.driver-popover-prev-btn{background:#0000!important;border:1px solid #e0e0e0!important;border:1px solid var(--border-color,#e0e0e0)!important;border-radius:8px!important;border-radius:var(--btn-radius,8px)!important;color:var(--text-secondary)!important;font-size:.875rem!important;font-size:var(--text-sm)!important;font-weight:500!important;padding:8px 16px!important;padding:var(--spacing-sm) var(--spacing-md)!important;transition:all .2s ease!important}.driver-popover-prev-btn:hover{background:var(--gray-100)!important;border-color:var(--gray-300)!important}.driver-popover-next-btn{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background:var(--primary)!important;border:none!important;border-radius:8px!important;border-radius:var(--btn-radius,8px)!important;color:#fff!important;color:var(--white)!important;font-size:.875rem!important;font-size:var(--text-sm)!important;font-weight:500!important;padding:8px 16px!important;padding:var(--spacing-sm) var(--spacing-md)!important;text-shadow:none!important;transition:all .2s ease!important}.driver-popover-next-btn:after,.driver-popover-next-btn:before{content:none!important;display:none!important}.driver-popover-next-btn:hover{opacity:.9!important}.driver-popover-close-btn{color:var(--text-muted)!important;transition:all .2s ease!important}.driver-popover-close-btn:hover{color:var(--text-primary)!important}.driver-popover-arrow-side-left{border-right-color:#fff!important;border-right-color:var(--white)!important}.driver-popover-arrow-side-right{border-left-color:#fff!important;border-left-color:var(--white)!important}.driver-popover-arrow-side-top{border-bottom-color:#fff!important;border-bottom-color:var(--white)!important}.driver-popover-arrow-side-bottom{border-top-color:#fff!important;border-top-color:var(--white)!important}:root,[data-brand=klear]{--font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--primary:#ffb300;--secondary:#37474f;--accent:#2e7d32;--primary-rgb:255,179,0;--secondary-rgb:55,71,79;--accent-rgb:46,125,50;--success-rgb:76,175,80;--warning-rgb:255,152,0;--danger-rgb:244,67,54;--info-rgb:33,150,243;--gray-500-rgb:158,158,158;--orange-rgb:249,115,22;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#2196f3;--gray-900:#212121;--gray-700:#616161;--gray-500:#9e9e9e;--gray-300:#e0e0e0;--gray-100:#f5f5f5;--border-color:var(--gray-300);--border-light:var(--gray-300);--border-medium:var(--gray-500);--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-sidebar:#fff;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);--text-highlight:var(--primary);--text-accent:var(--accent);--btn-radius:6px;--btn-shadow:0 2px 4px #0000001f;--btn-shadow-hover:0 4px 8px #ffb30040;--btn-shadow-active:0 1px 2px #0003;--btn-bg-hover:#ffb300e6;--btn-border-primary:1px solid var(--primary);--btn-border-secondary:1px solid var(--secondary);--table-header-bg:#f5f5f5;--file-pdf:#f44336;--file-document:#2196f3;--file-excel:#4caf50;--file-powerpoint:#ff9800;--file-text:#616161;--file-archive:#9e9e9e;--file-image:#2e7d32;--file-audio:#ff9800;--file-video:#212121}:root *,:root body,[data-brand=klear] *,[data-brand=klear] body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family)}[data-brand=klear] .btn-primary{background-color:#ffb300;background-color:var(--primary);border-radius:6px;border-radius:var(--btn-radius);color:#212121}[data-brand=klear] .btn-primary:hover{background-color:#ffb300e6;background-color:var(--btn-bg-hover);box-shadow:0 4px 8px #ffb30040;box-shadow:var(--btn-shadow-hover)}[data-brand=karre]{--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--primary:#ff5722;--secondary:#1e3a8a;--accent:#10b981;--primary-rgb:255,87,34;--secondary-rgb:30,58,138;--accent-rgb:16,185,129;--success-rgb:16,185,129;--warning-rgb:245,158,11;--danger-rgb:220,38,38;--info-rgb:59,130,246;--gray-500-rgb:107,114,128;--orange-rgb:249,115,22;--success:#10b981;--warning:#f59e0b;--danger:#dc2626;--info:#3b82f6;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--border-color:var(--gray-300);--border-light:var(--gray-300);--border-medium:var(--gray-500);--bg-primary:#fafafa;--bg-secondary:#fff;--bg-sidebar:#fff;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);--text-highlight:var(--primary);--text-accent:var(--accent);--btn-radius:8px;--btn-shadow:0 2px 4px #0000001f;--btn-shadow-hover:0 4px 8px #ff572240;--btn-shadow-active:0 1px 2px #0003;--btn-bg-hover:#ff5722e6;--btn-border-primary:1px solid var(--primary);--btn-border-secondary:1px solid var(--secondary);--table-header-bg:#f3f4f6;--file-pdf:#dc2626;--file-document:#3b82f6;--file-excel:#10b981;--file-powerpoint:#f59e0b;--file-text:#374151;--file-archive:#6b7280;--file-image:#10b981;--file-audio:#f59e0b;--file-video:#111827}[data-brand=karre] *,[data-brand=karre] body{font-family:var(--font-family)}[data-brand=karre] .btn-primary{background-color:var(--primary);border-radius:var(--btn-radius);color:#fff}[data-brand=karre] .btn-primary:hover{background-color:var(--btn-bg-hover);box-shadow:var(--btn-shadow-hover)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--gray-300);display:flex;flex-direction:column;height:100vh;transition:all .3s ease;width:280px}[data-theme=tech] .sidebar{background:var(--bg-sidebar);position:relative}[data-theme=tech] .sidebar:before{background:var(--bg-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:3px}[data-theme=industrie] .sidebar{background:var(--white);border-right:1px solid var(--gray-300)}.sidebar-header{border-bottom:1px solid var(--gray-300);padding:24px 20px}.logo{color:var(--primary);font-size:24px;font-weight:800}.product-name{color:var(--text-secondary);font-weight:300;margin-left:8px}[data-theme=tech] .sidebar-header{align-items:center;display:flex;gap:12px}[data-theme=tech] .logo-icon{align-items:center;background:var(--bg-gradient);border-radius:10px;color:#fff;display:flex;font-size:20px;font-weight:800;height:40px;justify-content:center;width:40px}.nav-item{align-items:center;border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;margin:2px 0;padding:12px 20px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--gray-100);color:var(--text-primary)}.nav-item.active{background:var(--gray-100);border-left-color:var(--primary);color:var(--text-accent);font-weight:600}.nav-icon{height:20px;margin-right:12px;opacity:.7;width:20px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}[data-theme=tech] .nav-item{border-left:none;border-radius:8px;margin:4px 12px;position:relative}[data-theme=tech] .nav-item.active,[data-theme=tech] .nav-item:hover{background:var(--gray-100);color:var(--text-accent)}[data-theme=tech] .nav-item.active{font-weight:600;position:relative}[data-theme=tech] .nav-item.active:after{background:var(--bg-gradient);border-radius:2px 0 0 2px;content:"";height:60%;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:3px}[data-theme=industrie] .nav-item{border-left:none;border-radius:4px;font-weight:500;margin:4px 12px;position:relative}[data-theme=industrie] .nav-item:hover{background:var(--gray-100);color:var(--text-primary)}[data-theme=industrie] .nav-item.active{background:var(--gray-100);border-left:3px solid var(--primary);color:var(--text-accent);font-weight:600;margin-left:9px}.card{background:var(--bg-secondary);border:1px solid var(--gray-300);border-radius:4px;box-shadow:0 1px 3px #00000014;padding:20px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #0000001f}[data-theme=tech] .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #5f27cd14}.status-pill{align-items:center;background:var(--gray-100);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.status-pill--active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.status-pill--pending{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.status-pill--completed{background:rgba(var(--success-rgb),.1);color:var(--success)}.btn{align-items:center;border:none;border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:8px;padding:var(--btn-padding-y) var(--btn-padding-x);text-decoration:none;transition:var(--btn-transition)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{box-shadow:var(--btn-shadow-hover);filter:brightness(.9);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--btn-shadow-active);transform:translateY(0)}.btn-primary:disabled{background:var(--gray-300);box-shadow:none;color:var(--gray-500);cursor:not-allowed;filter:none;transform:none}.btn-secondary{background:var(--white);border:1px solid var(--gray-300);color:var(--text-secondary)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-500);color:var(--text-primary)}.btn-secondary:active{background:var(--gray-100);box-shadow:var(--btn-shadow-active)}.btn-ghost{background:#0000;border:none;box-shadow:none;color:var(--text-secondary)}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{box-shadow:var(--btn-shadow-hover);filter:brightness(.9);transform:translateY(-1px)}.btn-danger-outline{background:var(--white);border:1px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:var(--white)}.btn-danger-soft{background:#f443361a;border:none;color:var(--danger)}.btn-danger-soft:hover{background:#f4433633}.btn-add{background:var(--accent);color:var(--white)}.btn-add:hover{box-shadow:var(--btn-shadow-hover);filter:brightness(.9);transform:translateY(-1px)}.btn-fab{background:var(--primary);border-radius:50%;bottom:24px;box-shadow:0 4px 12px #00000026;color:var(--white);height:48px;justify-content:center;padding:0;position:fixed;right:24px;width:48px}.btn-fab:hover{box-shadow:0 6px 20px #0003;transform:scale(1.1)}.btn-dashed{background:#0000;border:2px dashed var(--gray-300);box-shadow:none;color:var(--text-muted)}.btn-dashed:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.btn-sm{font-size:.75rem;padding:8px 16px}.btn-lg{font-size:1rem;padding:16px 32px}.btn-block{justify-content:center;width:100%}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid var(--white);border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.btn-group,.btn-group-danger{display:flex;gap:12px;justify-content:flex-end}.btn-group-danger{border-top:1px solid var(--gray-300);margin-top:24px;padding-top:24px}[data-theme=tech] .btn-primary{background:var(--bg-gradient);overflow:hidden;position:relative}[data-theme=tech] .btn-primary:hover{box-shadow:0 12px 24px #5f27cd4d;transform:scale(1.05)}[data-theme=tech] .btn-add,[data-theme=tech] .btn-fab{background:var(--bg-gradient)}[data-theme=industrie] .btn-primary{border:1px solid var(--primary)}[data-theme=industrie] .btn-primary:hover{background:#0000;border:1px solid var(--primary);box-shadow:none;color:var(--primary);transform:none}[data-theme=industrie] .btn-secondary{border:1px solid var(--gray-300)}[data-theme=industrie] .btn-danger{border:1px solid var(--danger)}[data-theme=industrie] .btn-danger:hover{background:#0000;border:1px solid var(--danger);box-shadow:none;color:var(--danger);transform:none}[data-theme=industrie] .btn,[data-theme=industrie] .btn:hover{box-shadow:none}.page-header{border-bottom:1px solid var(--gray-300);margin-bottom:32px;padding-bottom:16px}.page-title{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.page-subtitle{color:var(--text-secondary);font-size:16px;margin:0}[data-theme=tech] .page-title{color:var(--primary)}.metric-card{background:var(--bg-secondary);border:1px solid var(--gray-300);border-radius:8px;overflow:hidden;padding:24px;position:relative}.metric-value{color:var(--primary);font-size:32px;font-weight:700;margin-bottom:4px}.metric-label{color:var(--text-secondary);font-size:14px}[data-theme=tech] .metric-card:after{background:var(--accent);border-radius:0 8px 0 100%;content:"";height:60px;opacity:.1;position:absolute;right:0;top:0;width:60px}@keyframes pulse{0%{box-shadow:0 0 0 0 #00d2d366}70%{box-shadow:0 0 0 10px #00d2d300}to{box-shadow:0 0 0 0 #00d2d300}}[data-theme=tech] .pulse-indicator{animation:pulse 2s infinite;background:var(--secondary);border-radius:50%;height:8px;width:8px}@media (max-width:768px){.sidebar{left:-280px;position:fixed;width:280px;z-index:1000}.sidebar.open{left:0}}