@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#1e1f24;--s1:#23252b;--s2:#2a2d35;--s3:#31343d;--s4:#383c47;--card:#2a2d35;--border:#ffffff12;--border2:#ffffff1f;--border3:#ffffff2e;--text:#f1f2f4;--text-2:#9da3ae;--text-3:#5c6270;--teal:#10b981;--teal-l:#34d399;--teal-d:#059669;--teal-faint:#10b9811a;--teal-mid:#10b9812e;--red:#ef4444;--red-bg:#ef44441a;--amber:#f59e0b;--amber-bg:#f59e0b1a;--blue:#3b82f6;--blue-bg:#3b82f61a;--purple:#8b5cf6;--purple-bg:#8b5cf61a;--txt-green:#34d399;--txt-amber:#fcd34d;--txt-blue:#93c5fd;--txt-red:#fca5a5;--txt-purple:#c4b5fd;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 2px 4px #0000004d;--shadow-lg:0 10px 30px #00000080, 0 4px 8px #0000004d;--shadow-xl:0 24px 56px #0009;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-full:999px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--t-fast:.1s;--t-med:.18s;--t-slow:.3s;--sidebar-w:64px;--sidebar-xl:220px;--header-h:52px;--nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100dvh;display:flex}@media (width>=768px){.app-shell{flex-direction:row}}.app-header{height:var(--header-h);background:var(--s1);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex;position:sticky;top:0}@media (width>=768px){.app-header{display:none}}.app-logo{background:linear-gradient(135deg, var(--teal), var(--teal-d));border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 0 1px #10b9814d,0 2px 8px #10b98133}.app-brand-name{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.app-brand-sub{color:var(--text-3);font-size:10px}.header-spacer{flex:1}.avatar{background:linear-gradient(135deg, var(--teal), var(--teal-d));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex;box-shadow:0 0 0 1px #10b9814d}.sidebar{display:none}@media (width>=768px){.sidebar{width:var(--sidebar-w);background:var(--s1);border-right:1px solid var(--border);height:100dvh;transition:width var(--t-slow) var(--ease);z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.expanded{width:var(--sidebar-xl)}}.sidebar-logo{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex;overflow:hidden}.sidebar-logo-badge{background:linear-gradient(135deg, var(--teal), var(--teal-d));border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 0 1px #10b9814d,0 2px 8px #10b98133}.sidebar-brand{color:var(--text);white-space:nowrap;letter-spacing:-.01em;font-size:13px;font-weight:600}.sidebar-sub{color:var(--text-3);white-space:nowrap;margin-top:1px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;overflow:hidden}.sidebar-item{border-radius:var(--r-md);color:var(--text-3);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;align-items:center;gap:10px;padding:9px 10px;font-size:13px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{background:var(--s2);color:var(--text-2)}.sidebar-item.active{background:var(--teal-faint);color:var(--teal-l)}.sidebar-item.active:before{content:"";background:var(--teal);border-radius:0 2px 2px 0;width:2px;position:absolute;top:25%;bottom:25%;left:0}.sidebar-item svg{flex-shrink:0}.sidebar-label{font-size:13px;font-weight:500}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px;display:flex}.sidebar-avatar{border-radius:var(--r-md);align-items:center;gap:10px;padding:8px 10px;display:flex;overflow:hidden}.sidebar-avatar-badge{background:linear-gradient(135deg, var(--teal), var(--teal-d));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 0 1px #10b9814d}.sidebar-avatar-name{color:var(--text);white-space:nowrap;font-size:12px;font-weight:500}.sidebar-avatar-role{color:var(--text-3);white-space:nowrap;font-size:10px}.sidebar-toggle-btn{border-radius:var(--r-md);color:var(--text-3);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;padding:8px;display:flex}.sidebar-toggle-btn:hover{background:var(--s2);color:var(--text-2)}.sidebar-logout{border-radius:var(--r-md);color:#f87171;cursor:pointer;transition:background var(--t-fast);align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.sidebar-logout:hover{background:var(--red-bg)}.sidebar-logout svg{flex-shrink:0}.page-content{min-width:0;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 8px);flex:1;overflow:hidden auto}@media (width>=768px){.page-content{padding-bottom:0}}.bottom-nav{background:var(--s1);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav{display:none}}.nav-item{color:var(--text-3);transition:color var(--t-fast);min-height:var(--nav-h);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px 8px;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--teal-l)}.nav-item.active:before{content:"";background:var(--teal);border-radius:0 0 var(--r-full) var(--r-full);height:2px;position:absolute;top:0;left:20%;right:20%}.nav-label{letter-spacing:.03em;text-transform:uppercase;font-size:9px;font-weight:500}.nav-item-btn{cursor:pointer;min-height:var(--nav-h);background:0 0;border:none;flex:1;padding:10px 4px 8px}.more-overlay{z-index:300;background:#0006;position:fixed;inset:0}.more-sheet{bottom:var(--nav-h);background:var(--s1);border-top:1px solid var(--border);padding:8px 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;position:absolute;left:0;right:0}.more-sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.more-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.more-item{border-radius:var(--r-md);color:var(--text-2);transition:background var(--t-fast), color var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px 4px;text-decoration:none;display:flex}.more-item:active{background:var(--s3)}.more-item.active{color:var(--teal-l);background:var(--s3)}.more-item-label{letter-spacing:.03em;text-transform:uppercase;text-align:center;font-size:10px;font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all var(--t-med) var(--ease)}.card-interactive{cursor:pointer;text-align:left;width:100%}.card-interactive:hover{background:var(--s3);box-shadow:var(--shadow-md);border-color:var(--border2);transform:translateY(-1px)}.card-interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn{border-radius:var(--r-md);border:1px solid var(--border2);background:var(--s3);color:var(--text);transition:all var(--t-fast) var(--ease);white-space:nowrap;letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--s4);border-color:var(--border3)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal-d);box-shadow:0 1px 2px #0000004d,0 0 0 1px #10b9814d}.btn-primary:hover{background:var(--teal-d)}.btn-ghost{color:var(--text-3);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--s2);color:var(--text-2);border-color:var(--border)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:#ef444433}.btn-danger:hover{background:#ef44442e}.btn-sm{border-radius:var(--r-sm);padding:5px 10px;font-size:12px}.btn-lg{border-radius:var(--r-lg);padding:10px 20px;font-size:14px}.input{border:1px solid var(--border2);border-radius:var(--r-md);background:var(--s2);width:100%;color:var(--text);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);-webkit-appearance:none;outline:none;padding:9px 12px;font-size:13px}.input:focus{border-color:var(--teal);background:var(--s3);box-shadow:0 0 0 3px #10b9811a}.input::placeholder{color:var(--text-3)}select.input{cursor:pointer}.label{color:var(--text-2);letter-spacing:.01em;margin-bottom:5px;font-size:11px;font-weight:500;display:block}.pill{border-radius:var(--r-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.pill:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.pill-aktiv{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.pill-aktiv:before{background:#34d399}.pill-geplant{background:var(--blue-bg);color:#60a5fa;border:1px solid #3b82f640}.pill-geplant:before{background:#60a5fa}.pill-abgeschlossen{color:var(--text-2);border:1px solid var(--border);background:#ffffff0d}.pill-abgeschlossen:before{background:var(--text-3)}.pill-pausiert{background:var(--amber-bg);color:#fcd34d;border:1px solid #f59e0b40}.pill-pausiert:before{background:#fcd34d}.pill-archiviert{color:var(--text-3);border:1px solid var(--border);background:#ffffff0a}.pill-archiviert:before{background:var(--text-3)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--t-med) var(--ease);background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{align-items:center;padding:24px}}.modal{background:var(--s2);border:1px solid var(--border2);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:500px;max-height:92dvh;box-shadow:var(--shadow-xl);animation:slideUp var(--t-slow) var(--ease);overflow-y:auto}@media (width>=640px){.modal{border-radius:var(--r-xl);animation:scaleIn var(--t-med) var(--ease)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.modal-body{flex-direction:column;gap:12px;padding:16px;display:flex}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.spinner{border:2px solid var(--teal-faint);border-top-color:var(--teal);border-radius:50%;width:18px;height:18px;margin:0 auto;animation:.65s linear infinite spin}.page-loading{justify-content:center;align-items:center;padding:60px 0;display:flex}.toast{bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom,0px));background:var(--s4);border:1px solid var(--border2);color:var(--text);border-radius:var(--r-full);z-index:9999;white-space:nowrap;box-shadow:var(--shadow-lg);animation:toastIn var(--t-slow) var(--ease);max-width:calc(100vw - 32px);padding:9px 16px;font-size:13px;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}@media (width>=768px){.toast{bottom:24px}}.toast.success{background:var(--teal-d);color:#fff;border-color:var(--teal)}.toast.error{color:#fca5a5;background:#7f1d1d;border-color:#ef444466}.section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-icon{border-radius:var(--r-lg);background:var(--s2);border:1px solid var(--border);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.empty-title{color:var(--text);font-size:14px;font-weight:500}.empty-sub{color:var(--text-3);max-width:240px;font-size:12px;line-height:1.6}.tab-bar{border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{color:var(--text-3);transition:color var(--t-fast), border-color var(--t-fast);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 14px;font-size:12px;font-weight:500;display:flex}.tab-item.active{color:var(--teal-l);border-bottom-color:var(--teal)}.tab-item:hover:not(.active){color:var(--text-2)}.divider{background:var(--border);height:1px;margin:4px 0}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em}.badge{border-radius:var(--r-full);background:var(--s3);min-width:18px;height:18px;color:var(--text-2);border:1px solid var(--border);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--r-full)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp var(--t-slow) var(--ease) both}@media (prefers-color-scheme:light){:root{--bg:#f1f3f5;--s1:#fff;--s2:#fff;--s3:#f4f5f7;--s4:#ebedf0;--card:#fff;--border:#00000014;--border2:#0000001f;--border3:#0003;--text:#1a1b1e;--text-2:#495057;--text-3:#868e96;--teal:#059669;--teal-l:#047857;--teal-d:#065f46;--txt-green:#047857;--txt-amber:#b45309;--txt-blue:#1d4ed8;--txt-red:#dc2626;--txt-purple:#6d28d9;--red-bg:#ef444414;--amber-bg:#f59e0b14;--blue-bg:#3b82f614;--purple-bg:#8b5cf614;--teal-faint:#10b98114;--teal-mid:#10b98126;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000017, 0 2px 4px #0000000f;--shadow-lg:0 10px 30px #0000001c, 0 4px 8px #00000012;--shadow-xl:0 24px 56px #00000024}.pill-abgeschlossen{color:var(--text-2);border-color:var(--border);background:#0000000a}.pill-abgeschlossen:before{background:var(--text-3)}.pill-archiviert{color:var(--text-3);border-color:var(--border);background:#00000008}.pill-archiviert:before{background:var(--text-3)}.input{background:#fafbfc}.input:focus{background:#fff}.toast.error{color:#dc2626;background:#fef2f2;border-color:#ef444440}::-webkit-scrollbar-thumb{background:#00000024}.modal-overlay{background:#00000073}}