:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#4b83c4;--brand-500:#2b6cb0;--brand-600:#1d4e89;--brand-700:#17406f;--brand-800:#133459;--brand-900:#0f2843;--color-primary:var(--brand-600);--color-primary-hover:var(--brand-700);--color-primary-active:var(--brand-800);--color-primary-light:var(--brand-50);--color-primary-subtle:var(--brand-100);--n-0:#fff;--n-25:#fcfdfe;--n-50:#f7f9fb;--n-100:#eef2f6;--n-200:#e2e8f0;--n-300:#cbd5e1;--n-400:#94a3b8;--n-500:#64748b;--n-600:#475569;--n-700:#334155;--n-800:#1e293b;--n-900:#0f172a;--color-success:#15803d;--color-success-light:#f0fdf4;--color-success-border:#bbf7d0;--color-warning:#b45309;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-error:#b91c1c;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-stage:var(--color-warning);--color-bg:var(--n-50);--color-surface:var(--n-50);--color-card:var(--n-0);--color-white:var(--n-0);--color-border:var(--n-200);--color-border-strong:var(--n-300);--color-border-subtle:var(--n-100);--color-text-primary:var(--n-800);--color-text-secondary:var(--n-500);--color-text-muted:var(--n-400);--color-text-inverse:var(--n-0);--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-md:12px;--radius-card:14px;--radius-lg:16px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,.04);--shadow-sm:0 1px 2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.06);--shadow-card:0 1px 2px rgba(15,23,42,.04),0 2px 6px rgba(15,23,42,.05);--shadow-md:0 2px 4px rgba(15,23,42,.04),0 6px 16px rgba(15,23,42,.08);--shadow-lg:0 4px 8px rgba(15,23,42,.05),0 16px 36px rgba(15,23,42,.13);--ring:0 0 0 3px rgba(29,78,137,.18);--nav-height:64px;--stage-height:28px;--touch:48px;--transition:.15s cubic-bezier(.4,0,.2,1);--transition-fast:.1s cubic-bezier(.4,0,.2,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px;height:100%;letter-spacing:-.006em;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:none}h1,h2,h3{font-weight:650;letter-spacing:-.02em;line-height:1.25}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}[role=button],a,button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-moz-selection{background:var(--brand-100);color:var(--brand-900)}::selection{background:var(--brand-100);color:var(--brand-900)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{align-items:center;border:1.5px solid transparent;border-radius:var(--radius-sm);display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.01em;min-height:var(--touch);padding:0 20px;transition:background var(--transition),transform var(--transition-fast),opacity var(--transition);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-success{background:var(--color-success)}.btn-success,.btn-warning{box-shadow:var(--shadow-sm);color:#fff}.btn-warning{background:var(--color-warning)}.btn-danger{background:var(--color-error);box-shadow:var(--shadow-sm);color:#fff}.btn-outline{background:var(--color-card);border-color:var(--color-border-strong);color:var(--color-primary)}.btn-outline:active:not(:disabled),.btn-secondary{background:var(--n-100)}.btn-secondary{color:var(--color-text-primary)}.btn-full{width:100%}.btn-sm{font-size:14px;min-height:40px;padding:0 14px}.btn-lg{font-size:17px;min-height:54px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-label{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:-.006em}.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:16px;height:var(--touch);padding:0 14px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}textarea{height:auto;line-height:1.5;min-height:96px;padding:12px 14px;resize:vertical}.form-input::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}.form-input.error,input.error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:13px;font-weight:500}.form-hint{color:var(--color-text-muted);font-size:13px}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);height:22px;min-height:22px;min-width:22px;width:22px}.input-numeric{font-size:24px;font-variant-numeric:tabular-nums;font-weight:600;height:58px;letter-spacing:.12em;text-align:center}.card,.einsatz-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:12px;padding:16px}.card-tappable{transition:transform var(--transition-fast),box-shadow var(--transition)}.card-tappable:active{box-shadow:var(--shadow-xs);transform:scale(.99)}.badge{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);display:inline-flex;font-size:12.5px;font-weight:600;gap:5px;padding:3px 10px;white-space:nowrap}.badge-geplant{background:var(--color-primary-light);border-color:var(--brand-200);color:var(--color-primary)}.badge-unterwegs{background:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning)}.badge-angekommen{background:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success)}.badge-abgeschlossen{background:var(--n-100);border-color:var(--color-border);color:var(--n-600)}.badge-abgebrochen{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.badge-green{background:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success)}.badge-red{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.badge-blue{background:var(--color-primary-light);border-color:var(--brand-200);color:var(--color-primary)}.badge-gray{background:var(--n-100);border-color:var(--color-border);color:var(--color-text-secondary)}.badge-dot:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.alert{align-items:flex-start;border:1px solid transparent;border-radius:var(--radius);display:flex;font-size:14px;gap:10px;margin-bottom:14px;padding:13px 15px}.alert-info{background:var(--color-primary-light);border-color:var(--brand-200);color:var(--brand-800)}.alert-success{background:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success)}.alert-warning{background:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning)}.alert-error{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.empty-state,.state-center,.state-msg{color:var(--color-text-secondary);font-size:15px;padding:48px 24px;text-align:center}.state-error{color:var(--color-error)}.empty-state-icon{display:block;font-size:34px;margin-bottom:10px;opacity:.35}.skeleton{animation:shimmer 1.3s ease-in-out infinite;background:linear-gradient(90deg,var(--n-100) 25%,var(--n-200) 37%,var(--n-100) 63%);background-size:400% 100%;border-radius:var(--radius-sm);height:16px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.stage-banner{align-items:center;background:var(--color-stage);color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;height:var(--stage-height);justify-content:center;letter-spacing:.07em;text-transform:uppercase}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.relative{position:relative}.absolute{position:absolute}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.m-0{margin:0}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:2px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-4{margin-left:16px}.p-0{padding:0}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-1{padding-left:4px;padding-right:4px}.px-1\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-0\.5{padding-bottom:2px;padding-top:2px}.py-1{padding-bottom:4px;padding-top:4px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.py-4{padding-bottom:16px;padding-top:16px}.py-6{padding-bottom:24px;padding-top:24px}.py-8{padding-bottom:32px;padding-top:32px}.py-12{padding-bottom:48px;padding-top:48px}.py-16{padding-bottom:64px;padding-top:64px}.pt-3{padding-top:12px}.pb-4{padding-bottom:16px}.pr-4{padding-right:16px}.text-xs{font-size:12.5px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:21px;letter-spacing:-.018em}.text-2xl{font-size:25px;letter-spacing:-.024em}.font-medium{font-weight:520}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{letter-spacing:.04em;text-transform:uppercase}.leading-none{line-height:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular-nums{font-variant-numeric:tabular-nums}.font-mono,.mono{font-family:var(--font-mono);font-size:.92em}.text-muted{color:var(--color-text-secondary)}.text-error,.text-red-500,.text-red-700,.text-red-800{color:var(--color-error)}.text-green-600,.text-green-700,.text-green-800{color:var(--color-success)}.text-amber-700{color:var(--color-warning)}.text-blue-600,.text-blue-700{color:var(--color-primary)}.text-gray-400{color:var(--color-text-muted)}.text-gray-500,.text-gray-600{color:var(--color-text-secondary)}.text-gray-700,.text-gray-800,.text-gray-900{color:var(--color-text-primary)}.bg-white{background:var(--color-card)}.bg-gray-50{background:var(--n-50)}.bg-gray-100{background:var(--n-100)}.bg-green-50{background:var(--color-success-light)}.bg-red-50{background:var(--color-error-light)}.bg-amber-100{background:var(--color-warning-light)}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-gray-100{border-color:var(--color-border-subtle)}.border-gray-200{border-color:var(--color-border)}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius)}.shadow-sm{box-shadow:var(--shadow-xs)}.shadow{box-shadow:var(--shadow-sm)}.w-full{width:100%}.w-4{width:16px}.h-4{height:16px}.min-w-0{min-width:0}.max-w-xs{max-width:320px}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.accent-blue-600{accent-color:var(--color-primary)}@media(min-width:768px){.mobile-only-hint{align-items:center;background:var(--color-card);color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:18px;gap:12px;inset:0;justify-content:center;padding:32px;position:fixed;text-align:center;z-index:9999}}@media(max-width:767px){.mobile-only-hint{display:none}}