:root{--ink: #10161c;--ink-2: #3d4c59;--ink-3: #7a8a97;--bg: #f3f5f7;--card: #ffffff;--border: #e4e9ee;--accent: #16a34a;--accent-soft: #dcfce7;--accent-ink: #14532d;--amber: #d97706;--amber-soft: #fef3c7;--red: #dc2626;--red-soft: #fee2e2;--blue: #2563eb;--blue-soft: #dbeafe;--sidebar: #10161c;--r: 16px;--r-sm: 10px;--shadow: 0 1px 3px rgba(16,22,28,.06), 0 4px 16px rgba(16,22,28,.05)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--sidebar);color:#dfe7ee;padding:24px 14px;display:flex;flex-direction:column;gap:4px;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:transform .2s ease}.brand{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#fff}.sidebar .brand{padding:0 12px 22px}.brand em{font-style:normal;color:#4ade80}.brand small{display:block;font-size:.68rem;font-weight:500;color:#6b7d8c;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#9fb0bd;cursor:pointer;font-weight:600;font-size:.92rem;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item svg{width:19px;height:19px;flex-shrink:0}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#4ade8024;color:#4ade80}.nav-badge{margin-left:auto;background:var(--amber);color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;padding:1px 8px}.sidebar .foot{margin-top:auto;padding:12px;font-size:.72rem;color:#5b6c7a}.sidebar .foot button{background:none;border:none;color:#9fb0bd;cursor:pointer;font-size:.8rem;font-weight:600;padding:0;margin-bottom:8px;font-family:inherit}.main{flex:1;margin-left:232px;padding:28px 32px 80px;max-width:1200px}.topbar{display:none}@media (max-width: 860px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0;padding:18px 14px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--sidebar);color:#fff;position:sticky;top:0;z-index:30}.burger{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:4px 8px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:35}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.page-head p{color:var(--ink-3);font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;padding:11px 20px;border-radius:10px;font-size:.92rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .12s;font-family:inherit}.btn:hover{opacity:.88}.btn.accent{background:var(--accent)}.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--border)}.btn.ghost:hover{background:#fff}.btn.danger{background:transparent;color:var(--red);border:1px solid #f3c8c8}.btn.sm{padding:7px 14px;font-size:.84rem;border-radius:8px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:22px}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat{padding:20px 22px}.stat .label{font-size:.8rem;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.stat .value{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;margin-top:2px}.stat .hint{font-size:.8rem;color:var(--ink-3)}.stat.warn .value{color:var(--amber)}.list-row{display:flex;align-items:center;gap:14px;padding:14px 6px;border-bottom:1px solid var(--border);cursor:pointer}.list-row:last-child{border-bottom:none}.list-row:hover{background:#fafbfc}.list-row .avatar{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0}.list-row .avatar.blue{background:var(--blue-soft);color:var(--blue)}.list-row .rmain{flex:1;min-width:0}.list-row .rtitle{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row .rsub{font-size:.82rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row .rside{text-align:right;flex-shrink:0}.chip{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.74rem;font-weight:700}.chip.green{background:var(--accent-soft);color:var(--accent-ink)}.chip.amber{background:var(--amber-soft);color:#92400e}.chip.red{background:var(--red-soft);color:#991b1b}.chip.blue{background:var(--blue-soft);color:#1e40af}.chip.gray{background:#eef1f4;color:var(--ink-2)}.empty{text-align:center;padding:44px 20px;color:var(--ink-3)}.empty .big{font-size:2rem;margin-bottom:8px}.field{margin-bottom:15px}.field label{display:block;font-size:.83rem;font-weight:700;color:var(--ink-2);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.field .note{font-size:.76rem;color:var(--ink-3);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media (max-width: 620px){.form-grid{grid-template-columns:1fr}}.wsteps{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.wstep{font-size:.76rem;font-weight:700;padding:6px 13px;border-radius:999px;background:#eef1f4;color:var(--ink-3);cursor:pointer;border:none;font-family:inherit}.wstep.on{background:var(--ink);color:#fff}.wstep.done{background:var(--accent-soft);color:var(--accent-ink)}.check-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.check-row:last-child{border-bottom:none}.check-row .cl{font-size:.92rem;flex:1;min-width:180px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.seg button{border:none;background:#fff;padding:7px 13px;font-size:.8rem;font-weight:700;color:var(--ink-3);cursor:pointer;font-family:inherit}.seg button+button{border-left:1px solid var(--border)}.seg button.ok.sel{background:var(--accent);color:#fff}.seg button.bad.sel{background:var(--red);color:#fff}.seg button.na.sel{background:var(--ink-2);color:#fff}table.mtab{width:100%;border-collapse:collapse}table.mtab th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:8px 4px;border-bottom:1px solid var(--border)}table.mtab td{padding:6px 3px}table.mtab input{width:100%;padding:9px 8px;border:1px solid var(--border);border-radius:8px;font-size:.88rem;font-family:inherit}.mtab-del{background:none;border:none;color:var(--red);font-weight:800;cursor:pointer;font-size:1rem;padding:4px 8px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}.photo-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-item button{position:absolute;top:5px;right:5px;background:#000000a6;color:#fff;border:none;width:24px;height:24px;border-radius:7px;cursor:pointer;font-weight:800}.sig-box{border:1.5px dashed var(--border);border-radius:var(--r-sm);background:#fbfcfd;position:relative}.sig-box canvas{width:100%;height:150px;display:block;touch-action:none;border-radius:var(--r-sm)}.sig-clear{position:absolute;top:8px;right:8px}.sig-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:.85rem;pointer-events:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:13px 26px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 8px 30px #00000040;z-index:100}.divider{height:1px;background:var(--border);margin:18px 0}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:.9rem;border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:none}.kv .k{color:var(--ink-3)}.kv .v{font-weight:600;text-align:right}.banner{border-radius:var(--r-sm);padding:13px 16px;font-size:.87rem;margin-bottom:16px}.banner.amber{background:var(--amber-soft);color:#92400e}.banner.blue{background:var(--blue-soft);color:#1e40af}.actions-sticky{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}h2.sec{font-size:1.02rem;font-weight:800;margin-bottom:12px}.muted{color:var(--ink-3);font-size:.85rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sidebar);padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:420px}.login-card .brand{color:var(--ink);font-size:1.5rem;margin-bottom:4px}.login-card .brand em{color:var(--accent)}.spin{text-align:center;padding:80px 20px;color:var(--ink-3)}.landing{background:var(--bg);min-height:100vh}.l-dark{background:radial-gradient(900px 420px at 78% -10%,rgba(34,197,94,.22),transparent 60%),radial-gradient(700px 380px at 8% 110%,rgba(34,197,94,.1),transparent 60%),linear-gradient(160deg,#0b1117,#10161c 55%,#121b22);color:#eef3f7;position:relative;overflow:hidden}.l-dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 75%)}.l-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;position:relative;z-index:2;max-width:1120px;margin:0 auto}.l-brand{display:flex;align-items:center;gap:10px;font-size:1.18rem;font-weight:800;letter-spacing:-.02em;color:#fff}.l-brand em{font-style:normal;color:#4ade80}.l-brand.dunkel{color:var(--ink);font-size:1rem}.l-brand.dunkel em{color:var(--accent)}.l-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;max-width:1120px;margin:0 auto;padding:54px 28px 44px;position:relative;z-index:2}.l-badge{display:inline-block;margin-bottom:16px;padding:5px 14px;border-radius:999px;background:#4ade8021;border:1px solid rgba(74,222,128,.35);color:#4ade80;font-size:.78rem;font-weight:700}.l-hero-text h1{font-size:2.35rem;line-height:1.16;letter-spacing:-.03em;margin-bottom:16px;color:#fff}.l-hero-text h1 .grad{background:linear-gradient(90deg,#4ade80,#a7f3d0);-webkit-background-clip:text;background-clip:text;color:transparent}.l-hero-text>p{color:#b7c5d0;font-size:1.02rem;margin-bottom:18px}.l-checks{list-style:none;padding:0}.l-checks li{padding-left:28px;position:relative;margin-bottom:9px;color:#cdd9e2;font-size:.95rem}.l-checks li:before{content:"✓";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:6px;background:#4ade8026;color:#4ade80;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center}.landing .login-card{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:30px;max-width:420px;width:100%;justify-self:end;box-shadow:0 22px 60px #00000073,0 2px 8px #00000040;position:relative;z-index:2}@keyframes aufblenden{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.anim1{animation:aufblenden .55s ease both}.anim2{animation:aufblenden .55s .12s ease both}.l-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin:0 auto;padding:0 28px 46px;position:relative;z-index:2}.l-stats>div{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px 20px;color:#cdd9e2;font-size:.85rem;font-weight:600}.l-stats strong{display:block;color:#4ade80;font-size:1.35rem;letter-spacing:-.02em}.l-stats span{display:block;color:#7e909e;font-weight:500;font-size:.78rem;margin-top:2px}.l-sec{max-width:1120px;margin:0 auto;padding:46px 28px}.l-sec h2{font-size:1.45rem;letter-spacing:-.02em;margin-bottom:10px}.l-lead{color:var(--ink-2);max-width:720px;margin-bottom:26px}.l-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.l-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.l-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#a7f3d0);opacity:0;transition:opacity .15s}.l-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10161c1f}.l-card:hover:before{opacity:1}.l-icon{width:46px;height:46px;border-radius:13px;margin-bottom:14px;background:linear-gradient(135deg,var(--accent-soft),#bbf7d0);color:#15803d;display:flex;align-items:center;justify-content:center}.l-icon svg{width:24px;height:24px}.l-card h3{font-size:1rem;margin-bottom:6px}.l-card p{color:var(--ink-2);font-size:.9rem}.l-show{display:grid;grid-template-columns:.85fr 1.4fr;gap:48px;align-items:center}.l-phone{display:flex;justify-content:center}.l-phone-frame{width:270px;border-radius:38px;padding:10px;background:#10161c;box-shadow:0 24px 60px #10161c59,inset 0 0 0 2px #ffffff14;transform:rotate(-3deg);transition:transform .25s ease}.l-phone-frame:hover{transform:rotate(0) scale(1.02)}.l-phone-frame img{width:100%;display:block;border-radius:29px}.l-show-text h2{margin-bottom:8px}.l-show-text>p{color:var(--ink-2);margin-bottom:22px;max-width:560px}.l-steps{display:grid;grid-template-columns:1fr;gap:12px}.l-steps>div{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center}.l-steps span{grid-row:span 2;display:inline-flex;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;align-items:center;justify-content:center;font-weight:800;box-shadow:0 4px 12px #22c55e59}.l-steps strong{font-size:.95rem}.l-steps p{color:var(--ink-2);font-size:.85rem;margin:0}.l-about p{color:var(--ink-2);max-width:720px}.l-foot{max-width:1120px;margin:20px auto 0;padding:26px 28px 46px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink-3);font-size:.82rem}.l-foot a{color:var(--ink-3);margin-left:14px}@media (max-width: 900px){.l-hero{grid-template-columns:1fr;padding:34px 18px 26px;gap:28px}.l-hero-text h1{font-size:1.65rem}.landing .login-card{justify-self:stretch;max-width:none}.l-stats{grid-template-columns:1fr;padding-bottom:36px}.l-show{grid-template-columns:1fr;gap:30px}.l-phone-frame{transform:rotate(0)}.l-foot a{margin-left:0;margin-right:14px}}.stat.klickbar{cursor:pointer;transition:transform .1s,box-shadow .1s}.stat.klickbar:hover{transform:translateY(-2px);box-shadow:0 4px 20px #10161c1a}.l-links{display:flex;align-items:center;gap:20px}.l-links a{color:#9fb0bd;text-decoration:none;font-weight:600;font-size:.9rem}.l-links a:hover{color:#fff}.l-cta-zeile{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.l-cta-hinweis{color:#7e909e;font-size:.82rem;max-width:260px}@media (max-width: 900px){.l-links a:not(.btn){display:none}}