@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--farbe-schwarz:#212121;--farbe-gelb:#ffdb00;--farbe-rot:#d32f2f;--farbe-weiss:#fff;--farbe-grau-dunkel:#333;--farbe-grau-mittel:#444;--farbe-grau-hell:#555;--farbe-erfolg:#4caf50;--bg-gradient:var(--farbe-schwarz);--card-bg:var(--farbe-grau-dunkel);--card-border:var(--farbe-grau-hell);--text-primary:var(--farbe-weiss);--text-secondary:#aaa;--accent-color:var(--farbe-gelb);--accent-hover:#ffd000;--success-color:var(--farbe-erfolg);--danger-color:var(--farbe-rot);--input-bg:var(--farbe-grau-mittel);--input-border:var(--farbe-grau-hell)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--accent-color);font-weight:600}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.container{max-width:800px;margin:0 auto;padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;box-shadow:0 8px 25px #0009}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.glass-input{background:var(--input-bg);border:2px solid var(--input-border);color:var(--text-primary);border-radius:6px;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffdb004d}.glass-input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.glass-input[type=time]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.btn{background:linear-gradient(145deg, var(--accent-color), var(--accent-hover));color:var(--farbe-schwarz);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 10px #0006}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000080}.btn:active{transform:scale(.98)}.btn-secondary{background:var(--farbe-grau-mittel);color:var(--text-primary);border:1px solid var(--card-border);box-shadow:none}.btn-secondary:hover{background:var(--farbe-grau-hell);transform:translateY(-1px);box-shadow:0 2px 5px #0003}.btn-danger{color:var(--danger-color);box-shadow:none;background:#d32f2f1a;border:1px solid #d32f2f4d}.btn-danger:hover{background:#d32f2f33;transform:translateY(-1px)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 10px #0000004d}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{color:var(--accent-color);font-size:1.5rem;font-weight:600}.navbar{background:var(--farbe-schwarz);border-bottom:4px solid var(--accent-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}.table-responsive table{width:100%;min-width:600px}.responsive-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.container{padding:1rem}.glass-card{padding:1.5rem}.navbar{text-align:center;flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.stat-grid,.responsive-grid{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}
