@import"https://fonts.googleapis.com/css2?family=Outfit:wght@250;400;500;600;700&display=swap";.sidebar[data-v-07386a70]{width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;flex-shrink:0}.sidebar-header[data-v-07386a70]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border)}.logo-mark[data-v-07386a70]{width:36px;height:36px;background:var(--color-kupfer);color:var(--color-text-inverse);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.logo-text[data-v-07386a70]{display:flex;flex-direction:column}.logo-name[data-v-07386a70]{font-weight:var(--font-semibold);font-size:var(--text-base)}.logo-sub[data-v-07386a70]{font-size:var(--text-xs);color:var(--color-text-muted)}.active-project[data-v-07386a70]{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.project-label[data-v-07386a70]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.project-name[data-v-07386a70]{font-size:var(--text-sm);font-weight:var(--font-medium)}.project-nr[data-v-07386a70]{font-size:var(--text-xs);color:var(--color-kupfer)}.sidebar-nav[data-v-07386a70]{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.nav-item[data-v-07386a70]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.nav-item[data-v-07386a70]:hover{background:var(--color-kupfer-10);color:var(--color-text)}.nav-item.active[data-v-07386a70]{background:var(--color-kupfer-20);color:var(--color-kupfer);font-weight:var(--font-medium)}.nav-icon[data-v-07386a70]{font-size:var(--text-base);width:20px;text-align:center}.sidebar-footer[data-v-07386a70]{padding:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}@media (max-width: 768px){.sidebar[data-v-07386a70]{position:fixed;left:-240px;z-index:calc(var(--z-overlay) + 1);transition:left var(--transition-normal)}.sidebar-open[data-v-07386a70]{left:0}}.topbar[data-v-c9c1da23]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.menu-btn[data-v-c9c1da23]{display:none;background:none;border:none;color:var(--color-text);font-size:var(--text-xl);cursor:pointer;padding:var(--space-1)}.topbar-title[data-v-c9c1da23]{flex:1;font-size:var(--text-lg);font-weight:var(--font-thin);color:var(--color-text);letter-spacing:.02em}.topbar-status[data-v-c9c1da23]{display:flex;align-items:center;gap:var(--space-2)}.status-dot[data-v-c9c1da23]{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.online[data-v-c9c1da23]{background:var(--color-gruen)}.status-dot.offline[data-v-c9c1da23]{background:var(--color-rot)}.sync-badge[data-v-c9c1da23]{background:var(--color-orange-bg);color:var(--color-orange);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:1px 6px;border-radius:var(--radius-full)}@media (max-width: 768px){.menu-btn[data-v-c9c1da23]{display:block}.topbar[data-v-c9c1da23]{padding:var(--space-2) var(--space-3)}}.app-layout[data-v-c892cb34]{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar-overlay[data-v-c892cb34]{position:fixed;inset:0;background:#0009;z-index:var(--z-overlay)}.main-area[data-v-c892cb34]{flex:1;display:flex;flex-direction:column;min-width:0}.main-content[data-v-c892cb34]{flex:1;padding:var(--space-5);overflow-y:auto}@media (max-width: 768px){.main-content[data-v-c892cb34]{padding:var(--space-3)}}:root{--color-kupfer: #C49A6C;--color-kupfer-light: #D4B08A;--color-kupfer-dark: #A07A4C;--color-kupfer-10: rgba(196, 154, 108, .1);--color-kupfer-20: rgba(196, 154, 108, .2);--color-bg: #1A1A1A;--color-surface: #2A2A2A;--color-surface-raised: #333333;--color-surface-overlay: #3A3A3A;--color-border: #3A3A3A;--color-border-light: #444444;--color-text: #E8E0D8;--color-text-muted: #8A8078;--color-text-inverse: #1A1A1A;--color-gruen: #4CAF50;--color-rot: #F44336;--color-orange: #FF9800;--color-gelb: #FFC107;--color-blau: #42A5F5;--color-gruen-bg: rgba(76, 175, 80, .12);--color-rot-bg: rgba(244, 67, 54, .12);--color-orange-bg: rgba(255, 152, 0, .12);--color-gelb-bg: rgba(255, 193, 7, .12);--color-blau-bg: rgba(66, 165, 245, .12);--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--color-info: #42A5F5;--font-family: "Outfit", system-ui, -apple-system, sans-serif;--font-thin: 250;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-weight:var(--font-regular);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-md{padding:var(--space-2) var(--space-5);font-size:var(--text-base)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn-primary{background:var(--color-kupfer);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-kupfer-light)}.btn-secondary{background:transparent;color:var(--color-kupfer);border:1px solid var(--color-kupfer)}.btn-secondary:hover{background:var(--color-kupfer-10)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text);background:var(--color-kupfer-10)}.btn-danger{background:var(--color-rot);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-border-light)}.card-accent{border-left:3px solid var(--color-kupfer)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:var(--font-medium)}.form-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-kupfer);box-shadow:0 0 0 2px var(--color-kupfer-20)}.form-input.error{border-color:var(--color-rot)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-rot);margin-top:var(--space-1)}.ampel-dot{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block}.ampel-dot-lg{width:14px;height:14px}.ampel-gruen{background:var(--color-gruen)}.ampel-rot{background:var(--color-rot)}.ampel-orange{background:var(--color-orange)}.ampel-gelb{background:var(--color-gelb)}.ampel-blau{background:var(--color-blau)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-gruen{background:var(--color-gruen-bg);color:var(--color-gruen)}.badge-rot{background:var(--color-rot-bg);color:var(--color-rot)}.badge-orange{background:var(--color-orange-bg);color:var(--color-orange)}.badge-gelb{background:var(--color-gelb-bg);color:var(--color-gelb)}.badge-blau{background:var(--color-blau-bg);color:var(--color-blau)}.badge-kupfer{background:var(--color-kupfer-10);color:var(--color-kupfer)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.table tr:hover td{background:var(--color-kupfer-10)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--color-gruen-bg);border-left:3px solid var(--color-gruen)}.alert-error{background:var(--color-rot-bg);border-left:3px solid var(--color-rot)}.alert-warning{background:var(--color-orange-bg);border-left:3px solid var(--color-orange)}.alert-info{background:var(--color-blau-bg);border-left:3px solid var(--color-blau)}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);text-align:center}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-kupfer)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media print{body{background:#fff;color:#1a1a1a}.no-print{display:none!important}.card{border:1px solid #ddd;box-shadow:none}}