:root{--bg0: #10161c;--bg1: #18222c;--panel: rgba(24, 34, 44, .92);--ink: #eef3f8;--muted: #9aabbd;--line: rgba(238, 243, 248, .12);--accent: #4aa3ff;--accent2: #7dd3c0;--warn: #f0b35a;--danger: #ef6b6b;--ok: #6bcf8e;--radius: 14px;--font: "DM Sans", system-ui, sans-serif;--display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 70% 45% at 10% -10%,rgba(74,163,255,.22),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(125,211,192,.12),transparent 50%),linear-gradient(165deg,var(--bg0),var(--bg1) 55%,#121820)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#ffffff0a;border-radius:10px;padding:.55rem .9rem}button.primary{background:linear-gradient(135deg,#3b8fef,#2f6fbf);border-color:transparent;color:#fff;font-weight:600}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;background:#00000040;border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem}textarea{min-height:90px;resize:vertical}label{display:grid;gap:.35rem;font-size:.88rem;color:var(--muted)}.app-shell{max-width:1200px;margin:0 auto;padding:1rem 1.1rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.topbar-main{display:flex;align-items:center;gap:.85rem;min-width:0}.profile-menu{position:relative;flex-shrink:0}.profile-menu-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.28rem .55rem .28rem .28rem;border-radius:999px;background:#ffffff0a}.profile-menu-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:700;background:linear-gradient(135deg,#4aa3ff73,#7dd3c059);border:1px solid var(--line)}.profile-menu-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}@media (max-width: 520px){.profile-menu-label{display:none}}.profile-menu-dropdown{position:absolute;right:0;top:100%;min-width:220px;padding:.55rem .45rem .45rem;border-radius:12px;border:1px solid var(--line);background:#121820fa;box-shadow:0 12px 32px #00000059;display:none;z-index:40}.profile-menu-head{padding:.45rem .55rem .55rem;border-bottom:1px solid var(--line);margin-bottom:.2rem}.profile-menu-dropdown .profile-menu-item,.profile-menu-dropdown .profile-menu-logout{display:block;width:100%;text-align:left;padding:.55rem .65rem;border-radius:8px;border:none;background:transparent;color:var(--ink);text-decoration:none;font:inherit;cursor:pointer}.profile-menu-dropdown .profile-menu-item:hover,.profile-menu-dropdown .profile-menu-logout:hover{background:#4aa3ff1f}.profile-menu:hover .profile-menu-dropdown,.profile-menu.open .profile-menu-dropdown,.profile-menu:focus-within .profile-menu-dropdown{display:grid;gap:.15rem}.profile-menu-logout{color:var(--danger)!important;margin-top:.15rem}.vehicle-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:#0000004d;flex-shrink:0}.vehicle-card .vehicle-thumb,.vehicle-card .vehicle-thumb-fallback{width:220px;height:160px;border-radius:14px}.vehicle-card .vehicle-thumb-fallback{font-size:3rem}.vehicle-card-inner{display:flex;align-items:stretch;gap:1.25rem}.vehicle-card-body{min-width:0;flex:1;display:grid;gap:.45rem;align-content:center}.vehicle-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem}.vehicle-card-title strong{font-family:var(--display);font-size:1.45rem;letter-spacing:-.02em}.vehicle-card-dl{margin:.15rem 0 0;display:grid;gap:.2rem}.vehicle-card-row{display:grid;grid-template-columns:minmax(7.5rem,9.5rem) minmax(0,1fr);gap:.35rem .75rem;align-items:baseline;font-size:.95rem;line-height:1.35}.vehicle-card-row dt{margin:0;font-weight:700;color:var(--ink)}.vehicle-card-row dd{margin:0;font-weight:400;color:var(--muted);word-break:break-word}.vehicle-card-notes{font-size:.88rem;line-height:1.35;max-width:56ch;margin-top:.15rem}.vehicle-card-badges{margin-top:.35rem}.vehicles-page{max-width:none;width:100%}.vehicles-page>.panel{width:100%}.vehicles-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.vehicles-page-head h1{margin:0 0 .2rem}.vehicles-page-head .muted{margin:0}.vehicles-create-btn{flex-shrink:0;width:auto;padding:.32rem .7rem;font-size:.82rem;font-weight:600;border-radius:8px;white-space:nowrap}.vehicles-create{margin-top:0;max-width:none}@media (max-width: 720px){.vehicles-page-head{flex-wrap:wrap}.vehicle-card-inner{flex-direction:column;gap:.9rem}.vehicle-card .vehicle-thumb,.vehicle-card .vehicle-thumb-fallback{width:100%;height:180px}.vehicle-card-title strong{font-size:1.25rem}.vehicle-card-row{grid-template-columns:minmax(6.5rem,8rem) minmax(0,1fr);font-size:.9rem}}@media (min-width: 721px) and (max-width: 960px){.vehicle-card .vehicle-thumb,.vehicle-card .vehicle-thumb-fallback{width:180px;height:140px}}.vehicle-thumb-btn{padding:0;border:none;background:transparent;border-radius:12px;line-height:0;position:relative}.vehicle-thumb-btn:hover .vehicle-thumb-hint{opacity:1}.vehicle-thumb-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff;font-size:.65rem;border-radius:12px;opacity:0;transition:opacity .15s}.vehicle-thumb-fallback{width:56px;height:56px;border-radius:12px;border:1px dashed var(--line);background:linear-gradient(135deg,#4aa3ff40,#7dd3c026);display:grid;place-items:center;font-size:1.4rem;flex-shrink:0}.kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:.75rem;align-items:start;overflow-x:auto;padding-bottom:.25rem}@media (max-width: 1000px){.kanban{grid-template-columns:repeat(4,minmax(220px,1fr))}}.kanban-col.stack{min-height:220px;align-content:start;gap:.85rem;overflow:visible;isolation:isolate}.kanban-col.drop-ready{outline:1px dashed rgba(74,163,255,.45)}.kanban-card{position:relative;z-index:0;border:1px solid var(--line);background:#ffffff0a;border-radius:12px;padding:.7rem .75rem;display:grid;gap:.35rem;cursor:grab;overflow:hidden;margin:0}.kanban-card-compact{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;cursor:pointer}.kanban-card-compact:hover{border-color:#4aa3ff66;background:#ffffff12}.kanban-card-compact:active{cursor:grabbing}.kanban-card-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.9rem;line-height:1.25}.kanban-card-meta{flex-shrink:0;font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.05rem .4rem;line-height:1.3}.priority-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0;background:#b4c6dc8c}.priority-dot.hoch{background:var(--danger)}.priority-dot.normal{background:var(--warn)}.priority-dot.niedrig{background:#8ca0b48c}.kanban-card:active{cursor:grabbing}.kanban-card.busy{opacity:.55}.task-media-strip{display:flex;flex-wrap:wrap;gap:.35rem}.task-media-thumb{display:block;width:56px;height:42px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#00000059;line-height:0;flex-shrink:0}.task-media-thumb img,.task-media-thumb video{width:100%;height:100%;object-fit:cover;display:block}.part-thumb-btn{padding:0;border:none;background:transparent;border-radius:10px;line-height:0;flex-shrink:0}.part-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#fff}.part-thumb-fallback{width:72px;height:72px;border-radius:10px;border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-size:1.25rem;background:#ffffff08}.cat-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.cat-tabs button{font-size:.78rem;padding:.28rem .55rem}.cat-pill{font-size:.72rem;padding:.15rem .45rem;border-radius:999px;background:#4aa3ff1f;border-color:#4aa3ff59}.cat-checks{display:flex;flex-wrap:wrap;gap:.35rem}.cat-check{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.cat-check.on{color:var(--text);border-color:#4aa3ff8c;background:#4aa3ff1f}.cat-check input{margin:0}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--display);font-size:1.55rem;font-weight:700;letter-spacing:-.02em;color:inherit}.brand-link{text-decoration:none}.brand-logo{display:block;width:2.6rem;height:auto;max-height:2rem;object-fit:contain;border-radius:6px;background:transparent}.brand-text>span{color:var(--accent2)}.brand-hero{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center;font-size:2.35rem;line-height:1.05}.brand-hero .brand-logo{width:min(16rem,72vw);max-height:none;height:auto;border-radius:0}.auth-brand{display:grid;gap:.65rem;justify-items:center;text-align:center}.auth-brand .muted{margin:0}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.stack{display:grid;gap:.75rem}.row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}h1,h2,h3{font-family:var(--display);margin:0 0 .4rem;letter-spacing:-.02em}h1{font-size:clamp(1.8rem,4vw,2.4rem)}h2{font-size:1.35rem}.error{color:#ffd0d0;background:#ef6b6b26;border:1px solid rgba(239,107,107,.35);padding:.6rem .8rem;border-radius:10px}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.open{color:var(--warn);border-color:#f0b35a66}.badge.done{color:var(--ok);border-color:#6bcf8e66}.badge.high{color:var(--danger)}.badge.plate{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;color:#d8e2f0;border-color:#b4c6dc59;background:#ffffff0a;border-radius:8px;white-space:nowrap}.vehicle-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem .75rem}.vehicle-title-row h1{margin:.25rem 0 0}.vehicle-card,.list-item{display:block;width:100%;text-align:left;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:#ffffff08;transition:border-color .15s,background .15s}.vehicle-card{padding:1.15rem 1.25rem;color:inherit}.vehicle-card:hover,.list-item:hover{border-color:#4aa3ff73;background:#4aa3ff14}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(440px,100%)}.auth-modal{width:min(420px,100%)}.landing{--landing-max: 1080px;position:relative;overflow-x:clip;min-height:100vh}.landing-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,3vw,2rem);background:#10161cc7;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-nav-actions,.landing-footer-actions,.landing-cta{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.landing-hero{position:relative;min-height:min(100vh,920px);display:grid;place-items:center;padding:2.5rem clamp(1rem,4vw,2.5rem) 3.5rem;isolation:isolate}.landing-hero-glow{position:absolute;inset:-10% -20% auto;height:70%;background:radial-gradient(ellipse 45% 55% at 50% 35%,rgba(74,163,255,.28),transparent 70%),radial-gradient(ellipse 35% 40% at 78% 20%,rgba(125,211,192,.18),transparent 65%),radial-gradient(ellipse 30% 35% at 18% 55%,rgba(240,179,90,.08),transparent 60%);pointer-events:none;z-index:-1;animation:landing-glow 12s ease-in-out infinite alternate}.landing-hero-inner{width:min(var(--landing-max),100%);display:grid;justify-items:center;text-align:center;gap:1.1rem;animation:landing-rise .9s ease-out both}.landing-hero .brand-hero{font-size:clamp(2.6rem,8vw,4.2rem);gap:.85rem}.landing-hero .brand-hero .brand-logo{width:min(13.5rem,58vw);animation:landing-logo-float 6.5s ease-in-out infinite;filter:drop-shadow(0 18px 36px rgba(0,0,0,.35))}.landing-headline{margin:.35rem 0 0;max-width:18ch;font-size:clamp(1.65rem,4.2vw,2.55rem);line-height:1.12;font-weight:700}.landing-lead{margin:0;max-width:38ch;color:var(--muted);font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.45}.landing-cta{margin-top:.55rem;justify-content:center}.landing-cta-primary{padding:.75rem 1.35rem;font-size:1.02rem}.landing-cta-secondary{padding:.75rem 1.2rem;background:#ffffff0a}.landing-section{width:min(var(--landing-max),100%);margin:0 auto;padding:3.25rem clamp(1rem,4vw,2rem);display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.25rem,4vw,2.75rem);align-items:center;animation:landing-rise .8s ease-out both;animation-delay:var(--delay, 0s)}.landing-section-flip{grid-template-columns:1.15fr 1fr}.landing-section-flip .landing-section-copy{order:2}.landing-section-flip .landing-shot{order:1}.landing-kicker{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);font-weight:600}.landing-section-copy h2{margin:0 0 .55rem;font-size:clamp(1.45rem,3vw,1.95rem)}.landing-section-text{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.5;max-width:36ch}.landing-shot{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(238,243,248,.14);background:linear-gradient(145deg,rgba(74,163,255,.1),transparent 45%),#080c10d9;box-shadow:0 22px 48px #00000047;min-height:200px}.landing-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top center}.landing-shot img.is-stub{object-fit:contain;padding:1.5rem;opacity:.55;background:#00000040}.landing-footer{margin-top:2rem;padding:2.5rem clamp(1rem,4vw,2rem) 3rem;border-top:1px solid var(--line);display:grid;justify-items:center;text-align:center;gap:.75rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22))}.landing-footer .muted{margin:0;max-width:42ch}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes landing-glow{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.landing-hero-inner,.landing-section,.landing-hero .brand-hero .brand-logo,.landing-hero-glow{animation:none!important}}@media (max-width: 820px){.landing-hero{min-height:auto;padding-top:2rem;padding-bottom:2.5rem}.landing-section,.landing-section-flip{grid-template-columns:1fr;padding-top:2.25rem;padding-bottom:2.25rem}.landing-section-flip .landing-section-copy,.landing-section-flip .landing-shot{order:unset}.landing-section-text{max-width:none}.landing-nav .brand-text{font-size:1.25rem}}.floorplan-layout{display:grid;grid-template-columns:1.35fr .75fr;gap:1rem;align-items:start}@media (max-width: 900px){.floorplan-layout{grid-template-columns:1fr}}.floorplan-stage{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b1015;-webkit-user-select:none;user-select:none;touch-action:none}.floorplan-stage.drawing{cursor:crosshair}.floorplan-stage.drawing .floorplan-zone{pointer-events:none}.floorplan-stage img{display:block;width:100%;height:auto;max-height:min(58vh,520px);object-fit:contain;background:#0b1015;pointer-events:none}.floorplan-zone{position:absolute;margin:0;padding:.15rem .25rem;border:2px solid var(--accent);border-radius:6px;background:#4aa3ff33;color:var(--ink);font-size:.72rem;font-weight:600;text-align:left;overflow:visible;line-height:1.2;box-sizing:border-box;touch-action:none}.floorplan-zone.selected,.floorplan-zone:hover{box-shadow:0 0 0 2px #ffffff59;z-index:2}.floorplan-zone.selected{z-index:3}.floorplan-zone.preview{border-style:dashed;background:#4aa3ff40;pointer-events:none;overflow:hidden}.floorplan-zone.pending{border-color:var(--accent2)}.floorplan-zone span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.75);pointer-events:none}.floorplan-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--accent);border-radius:2px;box-shadow:0 1px 3px #00000073;z-index:4;pointer-events:auto}.floorplan-handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.floorplan-handle-n{top:-6px;left:50%;margin-left:-5px;cursor:ns-resize}.floorplan-handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.floorplan-handle-e{top:50%;right:-6px;margin-top:-5px;cursor:ew-resize}.floorplan-handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.floorplan-handle-s{bottom:-6px;left:50%;margin-left:-5px;cursor:ns-resize}.floorplan-handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.floorplan-handle-w{top:50%;left:-6px;margin-top:-5px;cursor:ew-resize}.floorplan-hint{font-size:.78rem;line-height:1.35}.floorplan-side .floorplan-zone-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem}.floorplan-side .floorplan-zone-item.active{border-color:#4aa3ff8c;background:#4aa3ff1f}.floorplan-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.scene-wrap{height:min(62vh,560px);border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0b1015;position:relative}.scene-hint{position:absolute;left:.75rem;bottom:.75rem;z-index:2;font-size:.8rem;color:var(--muted);background:#00000073;padding:.35rem .55rem;border-radius:8px;pointer-events:none}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}.tabs button.active{border-color:#4aa3ff8c;background:#4aa3ff26}.drawer{display:grid;gap:.7rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.media-grid img,.media-grid video{width:100%;border-radius:8px;border:1px solid var(--line);background:#000}.tree-child{margin-left:.85rem;border-left:1px solid var(--line);padding-left:.7rem}.empty{color:var(--muted);font-size:.95rem;padding:.5rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#060a0eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-dialog{width:min(520px,100%);max-height:min(92vh,900px);overflow-y:auto;margin:auto;box-shadow:0 18px 48px #00000073;border-color:#eef3f82e;background:#121a22fa}.modal-dialog-wide{width:min(640px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-header h2{margin:0}.modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;font-size:1.45rem;line-height:1;border-radius:10px;color:var(--muted)}.modal-close:hover{color:var(--ink);border-color:#4aa3ff73;background:#4aa3ff1a}@media (max-width: 560px){.modal-overlay{padding:.5rem;align-items:flex-end}.modal-dialog{width:100%;max-height:94vh;border-radius:14px 14px 10px 10px}}