:root{--color-bg: #0a0e17;--color-card-bg: rgba(255, 255, 255, .05);--color-card-border: rgba(255, 255, 255, .1);--color-text-main: #e0e0e0;--color-text-muted: #a0a0a0;--color-accent: #d4af37;--color-accent-glow: rgba(212, 175, 55, .5);--color-primary: #1a202c;--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-md: 12px;--radius-lg: 24px}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(circle at 50% 0%,rgba(212,175,55,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(100,100,255,.05) 0%,transparent 40%)}*{box-sizing:border-box}h1,h2,h3{color:var(--color-accent);margin-top:0;font-weight:300;letter-spacing:.05em}button{cursor:pointer;border:none;background:var(--color-accent);color:var(--color-bg);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}button:hover{background:#fff;box-shadow:0 0 15px var(--color-accent-glow);transform:translateY(-1px)}.glass-card{background:var(--color-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px #0000005e}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.group-connector{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:2px;height:80%;background:var(--color-card-border);display:flex;align-items:center;justify-content:center}.group-connector-icon{background:#1a1a1a;padding:2px;font-size:.8rem;color:var(--color-text-muted)}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.status-zusage{background:#32c86433;color:#8f8}.status-ausstehend{background:#c8c8c81a;color:#ccc}.status-absage{background:#ff323233;color:#f88}.point-input-group{display:flex;flex-direction:column;gap:.25rem;flex:1}.point-input-label{font-size:.6rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;text-align:center}.point-input-control{background:#0003;border:1px solid var(--color-card-border);color:var(--color-accent);padding:.25rem;border-radius:4px;width:100%;text-align:center;font-weight:700;font-size:.8rem}
