.layout{background-color:#f5f5f5;height:100vh;display:flex}.sidebar{color:#fff;background-color:#2c3e50;border-right:1px solid #34495e;width:250px;padding:20px;position:relative;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.sidebar-header h2{color:#3498db;align-items:baseline;gap:8px;margin:0;font-size:20px;display:flex}.version-badge{color:#94a3b8;white-space:nowrap;background:#94a3b826;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;display:none}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-link{color:#fff;cursor:pointer;border-radius:4px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;transition:background-color .2s;display:flex}.nav-icon{font-size:18px}.nav-link:hover{background-color:#34495e}.nav-link.nav-sublink{color:#bdc3c7;margin-top:-6px;margin-left:20px;padding:8px 16px;font-size:13px}.nav-link.nav-sublink .nav-icon{font-size:15px}.nav-link.nav-sublink:hover{color:#fff}.nav-link.nav-sublink.active{color:#3498db;background-color:#34495e}.nav-link.locked{color:#ffffff61;cursor:not-allowed}.nav-link.locked:hover{background-color:#0000}.nav-link.locked .nav-lock{opacity:.7;filter:grayscale();margin-left:auto;font-size:11px}.nav-link.admin-link{color:#f39c12;border-top:1px solid #34495e;margin-top:20px;padding-top:12px}.nav-link.admin-link:hover{background-color:#f39c121a}.main-container{flex-direction:column;flex:1;display:flex}.topbar{background-color:#fff;border-bottom:1px solid #ddd;padding:0 30px;box-shadow:0 2px 4px #0000001a}.topbar-content{justify-content:space-between;align-items:center;height:60px;display:flex}.topbar-content h1{color:#2c3e50;margin:0;font-size:18px}.user-menu{align-items:center;gap:15px;display:flex}.profile-link,.logout-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s}.profile-link:hover,.logout-button:hover{background-color:#2980b9}.logout-button{background-color:#e74c3c}.logout-button:hover{background-color:#c0392b}.content{flex:1;padding:30px;overflow-y:auto}@media (width<=768px){.layout{flex-direction:column}.sidebar{border-bottom:1px solid #34495e;border-right:none;width:100%;padding:15px 20px}.sidebar-header h2{font-size:18px}.mobile-menu-toggle{display:block}.sidebar-nav{display:none}.sidebar-nav.open{z-index:100;background-color:#2c3e50;border-bottom:1px solid #34495e;gap:0;padding:10px 20px;display:flex;position:absolute;top:60px;left:0;right:0}.sidebar-nav.open .nav-link{border-bottom:1px solid #34495e;gap:15px;width:100%;padding:15px 0}.topbar-content{flex-direction:column;gap:10px;height:auto;padding:15px 0}.topbar-content h1{font-size:16px}.user-menu{gap:10px;width:100%}.profile-link,.logout-button{flex:1;padding:10px;font-size:12px}.content{padding:20px}}@media (width<=480px){.topbar{padding:0 15px}.topbar-content h1{font-size:14px}.content{padding:15px}.sidebar-nav.open .nav-link span:not(.nav-icon){font-size:12px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--farbe-grund:#f4f6f9;--farbe-flaeche:#fff;--farbe-flaeche-gedaempft:#f8fafc;--farbe-flaeche-aktiv:#eef4fb;--farbe-linie:#e2e8f0;--farbe-linie-stark:#cbd5e1;--farbe-text:#1e293b;--farbe-text-gedaempft:#64748b;--farbe-text-schwach:#94a3b8;--farbe-text-invers:#fff;--farbe-primaer:#2563eb;--farbe-primaer-dunkel:#1d4ed8;--farbe-primaer-hell:#dbeafe;--farbe-gut:#16a34a;--farbe-gut-hell:#dcfce7;--farbe-ok:#65a30d;--farbe-ok-hell:#ecfccb;--farbe-warnung:#d97706;--farbe-warnung-hell:#fef3c7;--farbe-fehler:#dc2626;--farbe-fehler-hell:#fee2e2;--farbe-offen:#94a3b8;--farbe-offen-hell:#f1f5f9;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:16px;--abstand-5:24px;--abstand-6:32px;--abstand-7:48px;--radius-s:6px;--radius-m:10px;--radius-l:16px;--radius-rund:999px;--schatten-1:0 1px 2px #0f172a0f;--schatten-2:0 2px 8px #0f172a14;--schatten-3:0 8px 24px #0f172a1f;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-mono:"Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--text-xs:12px;--text-s:13px;--text-m:15px;--text-l:18px;--text-xl:24px;--text-xxl:32px;--uebergang:.15s ease}@media (prefers-reduced-motion:reduce){:root{--uebergang:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ds-page{max-width:1180px;font-family:var(--schrift);color:var(--farbe-text);font-size:var(--text-m);margin:0 auto}.ds-page-header{margin-bottom:var(--abstand-5)}.ds-page-header h2{font-size:var(--text-xxl);margin:0 0 var(--abstand-2);color:var(--farbe-text)}.ds-page-lead{color:var(--farbe-text-gedaempft);max-width:70ch;margin:0;line-height:1.6}.ds-stack{gap:var(--abstand-5);flex-direction:column;display:flex}.ds-row{align-items:center;gap:var(--abstand-3);flex-wrap:wrap;display:flex}.ds-grid{gap:var(--abstand-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ds-card{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius-l);box-shadow:var(--schatten-1);padding:var(--abstand-5)}.ds-card-header{justify-content:space-between;align-items:baseline;gap:var(--abstand-3);margin-bottom:var(--abstand-4);flex-wrap:wrap;display:flex}.ds-card-header h3{font-size:var(--text-l);margin:0}.ds-card-hint{color:var(--farbe-text-gedaempft);font-size:var(--text-s);margin:0;line-height:1.6}.ds-button{justify-content:center;align-items:center;gap:var(--abstand-2);border-radius:var(--radius-s);background:var(--farbe-primaer);color:var(--farbe-text-invers);font-family:inherit;font-size:var(--text-m);cursor:pointer;transition:background var(--uebergang), border-color var(--uebergang), transform var(--uebergang);border:1px solid #0000;padding:9px 16px;font-weight:600;display:inline-flex}.ds-button:hover:not(:disabled){background:var(--farbe-primaer-dunkel)}.ds-button:active:not(:disabled){transform:translateY(1px)}.ds-button:disabled{opacity:.55;cursor:not-allowed}.ds-button.secondary{background:var(--farbe-flaeche);color:var(--farbe-text);border-color:var(--farbe-linie-stark)}.ds-button.secondary:hover:not(:disabled){background:var(--farbe-flaeche-gedaempft)}.ds-button.ghost{color:var(--farbe-primaer);background:0 0;border-color:#0000;padding:4px 8px;font-weight:500}.ds-button.ghost:hover:not(:disabled){background:var(--farbe-primaer-hell)}.ds-button.small{font-size:var(--text-s);padding:5px 10px}.ds-page :focus-visible,.ds-button:focus-visible{outline:3px solid var(--farbe-primaer);outline-offset:2px;border-radius:var(--radius-s)}.ds-field{gap:var(--abstand-1);flex-direction:column;display:flex}.ds-label{font-size:var(--text-s);color:var(--farbe-text-gedaempft);font-weight:600}.ds-input,.ds-select,.ds-textarea{font-family:inherit;font-size:var(--text-m);border:1px solid var(--farbe-linie-stark);border-radius:var(--radius-s);background:var(--farbe-flaeche);color:var(--farbe-text);width:100%;padding:8px 10px}.ds-textarea{resize:vertical;min-height:72px}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{background:var(--farbe-flaeche-gedaempft);color:var(--farbe-text-gedaempft)}.ds-badge{align-items:center;gap:var(--abstand-1);border-radius:var(--radius-rund);font-size:var(--text-xs);background:var(--farbe-flaeche-gedaempft);color:var(--farbe-text-gedaempft);border:1px solid var(--farbe-linie);white-space:nowrap;padding:2px 9px;font-weight:600;display:inline-flex}.ds-badge.good{background:var(--farbe-gut-hell);color:var(--farbe-gut);border-color:#0000}.ds-badge.ok{background:var(--farbe-ok-hell);color:#4d7c0f;border-color:#0000}.ds-badge.weak{background:var(--farbe-warnung-hell);color:#b45309;border-color:#0000}.ds-badge.bad{background:var(--farbe-fehler-hell);color:var(--farbe-fehler);border-color:#0000}.ds-badge.open{background:var(--farbe-offen-hell);color:var(--farbe-text-gedaempft);border-color:#0000}.ds-badge.info{background:var(--farbe-primaer-hell);color:var(--farbe-primaer-dunkel);border-color:#0000}.ds-dot{background:var(--farbe-offen);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.ds-dot.good{background:var(--farbe-gut)}.ds-dot.ok{background:var(--farbe-ok)}.ds-dot.weak{background:var(--farbe-warnung)}.ds-dot.bad{background:var(--farbe-fehler)}.ds-meter{border-radius:var(--radius-rund);background:var(--farbe-flaeche-aktiv);height:8px;overflow:hidden}.ds-meter>span{border-radius:var(--radius-rund);background:var(--farbe-primaer);height:100%;transition:width var(--uebergang);display:block}.ds-meter.good>span{background:var(--farbe-gut)}.ds-meter.ok>span{background:var(--farbe-ok)}.ds-meter.weak>span{background:var(--farbe-warnung)}.ds-meter.bad>span{background:var(--farbe-fehler)}.ds-stat{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius-m);padding:var(--abstand-4);gap:var(--abstand-1);flex-direction:column;display:flex}.ds-stat-label{font-size:var(--text-s);color:var(--farbe-text-gedaempft);font-weight:600}.ds-stat-value{font-size:var(--text-xxl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.ds-stat-note{font-size:var(--text-xs);color:var(--farbe-text-schwach)}.ds-note{border-radius:var(--radius-m);padding:var(--abstand-3) var(--abstand-4);font-size:var(--text-s);border:1px solid var(--farbe-linie);background:var(--farbe-flaeche-gedaempft);color:var(--farbe-text-gedaempft);line-height:1.6}.ds-note.info{background:var(--farbe-primaer-hell);color:var(--farbe-primaer-dunkel);border-color:#0000}.ds-note.warn{background:var(--farbe-warnung-hell);color:#92400e;border-color:#0000}.ds-note.error{background:var(--farbe-fehler-hell);color:#991b1b;border-color:#0000}.ds-note.success{background:var(--farbe-gut-hell);color:#166534;border-color:#0000}.ds-empty{text-align:center;padding:var(--abstand-7) var(--abstand-5);color:var(--farbe-text-gedaempft)}.ds-empty-icon{margin-bottom:var(--abstand-3);font-size:40px;display:block}.ds-empty h3{margin:0 0 var(--abstand-2);color:var(--farbe-text);font-size:var(--text-l)}.ds-empty p{margin:0 auto var(--abstand-4);max-width:52ch;line-height:1.6}.ds-skeleton{border-radius:var(--radius-s);background:linear-gradient(90deg, var(--farbe-flaeche-gedaempft) 25%, var(--farbe-flaeche-aktiv) 50%, var(--farbe-flaeche-gedaempft) 75%);background-size:200% 100%;height:14px;animation:1.4s ease-in-out infinite ds-schimmer}@keyframes ds-schimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-table-scroll,.table-scroll{overflow-x:auto}.ds-table-scroll>table,.table-scroll>table{width:100%;max-width:100%}.ds-table-scroll th,.ds-table-scroll td,.table-scroll th,.table-scroll td{overflow-wrap:break-word}.ds-break-anywhere,.ds-table-scroll .ds-break-anywhere,.table-scroll .ds-break-anywhere,.ds-table-scroll .mono,.table-scroll .mono,.ds-table-scroll code,.table-scroll code{overflow-wrap:anywhere}.ds-table-scroll button,.table-scroll button,.ds-table-scroll a[class*=button],.table-scroll a[class*=button]{white-space:normal}.ds-table-scroll [class*=badge],.table-scroll [class*=badge],.ds-table-scroll [class*=pill],.table-scroll [class*=pill]{white-space:nowrap}.ds-table{border-collapse:collapse;width:100%;font-size:var(--text-s)}.ds-table th,.ds-table td{text-align:left;padding:var(--abstand-3);border-bottom:1px solid var(--farbe-linie);vertical-align:top}.ds-table th{color:var(--farbe-text-gedaempft);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.ds-table tbody tr:last-child td{border-bottom:none}.ds-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}#root{width:100%;height:100vh}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{color:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.module-page{max-width:1000px;margin:0 auto}.module-header{text-align:center;margin-bottom:50px}.module-header h2{color:#2c3e50;margin:0 0 15px;font-size:32px}.module-description{color:#666;margin:0;font-size:18px}.module-content{background:#fff;border-radius:8px;padding:60px 40px;box-shadow:0 2px 8px #0000001a}.coming-soon{text-align:center}.coming-soon .icon{margin-bottom:30px;font-size:80px;display:block}.coming-soon h3{color:#2c3e50;margin:0 0 20px;font-size:28px}.coming-soon p{color:#666;margin:10px 0;font-size:16px;line-height:1.6}.features-preview{text-align:left;background-color:#f9fafb;border-left:4px solid #3498db;border-radius:6px;margin-top:40px;padding:30px 40px;display:inline-block}.features-preview h4{color:#2c3e50;margin:0 0 20px;font-size:16px}.features-preview ul{margin:0;padding:0;list-style:none}.features-preview li{color:#666;padding:8px 0 8px 24px;font-size:14px;position:relative}.features-preview li:before{content:"✓";color:#3498db;font-weight:700;position:absolute;left:0}.loading{color:#666;justify-content:center;align-items:center;min-height:200px;font-size:14px;display:flex}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-state h3{color:#666;margin-bottom:10px}@media (width<=768px){.module-content{padding:40px 20px}.features-preview{box-sizing:border-box;width:100%;padding:20px}.coming-soon .icon{margin-bottom:20px;font-size:60px}.coming-soon h3{font-size:22px}.coming-soon p{font-size:14px}.module-header h2{font-size:24px}.module-description{font-size:14px}}@media (width<=480px){.module-header{margin-bottom:30px}.module-content{padding:30px 15px}.module-header h2{font-size:20px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:Arial, Helvetica, sans-serif;--heading:Arial, Helvetica, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:13px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}