*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #005DB5;--color-success: #009D65;--color-danger: #fc0303;--color-warning: #fcba03;--color-info: #19AAD2;--color-grey: #8999A8;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-border: #dee2e6;--color-text: #212529;--color-muted: #6c757d;--sidebar-width: 240px;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 12px rgba(0,0,0,.15);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--color-text)}body{background:var(--color-bg);min-height:100vh}#lang-switcher{position:fixed;top:.6rem;right:.75rem;z-index:9999;display:flex;gap:.2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-border);border-radius:2rem;padding:.2rem .35rem;box-shadow:var(--shadow)}.lang-btn{background:transparent;border:none;cursor:pointer;font-size:1.15rem;line-height:1;padding:.2rem .3rem;border-radius:1rem;opacity:.45;transition:opacity .15s,transform .1s}.lang-btn:hover{opacity:.8;transform:scale(1.15)}.lang-btn--active{opacity:1}.lang-btn--active:hover{transform:scale(1.05)}.pin-reveal{text-align:center;padding:.5rem 0}.pin-reveal h3{font-size:1.15rem;margin-bottom:.5rem;color:var(--color-text)}.pin-display{font-size:3rem;font-weight:700;letter-spacing:.4em;color:var(--color-primary);background:#f0f7ff;border:2px solid var(--color-primary);border-radius:var(--radius);padding:1rem 1.5rem;margin:1rem auto;display:inline-block;font-variant-numeric:tabular-nums}.game-id-banner{background:linear-gradient(135deg,#1a2035,#005db5);color:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.game-id-banner__label{font-size:.8rem;opacity:.75;white-space:nowrap}.game-id-banner__words{font-size:1.25rem;font-weight:700;letter-spacing:.03em}.game-id-banner__compact{display:flex;align-items:center;gap:.5rem;margin-left:auto}.game-id-banner__compact code{font-size:1rem;background:#ffffff26;border-radius:4px;padding:.2rem .5rem;letter-spacing:.15em}.game-id-preview{background:#f0f7ff;border:2px solid var(--color-primary);border-radius:var(--radius);padding:1rem 1.25rem;margin:.5rem 0 1rem}.game-id-preview__words{font-size:1.5rem;font-weight:700;color:var(--color-primary);word-break:break-all}.game-id-preview__meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.game-id-preview__compact{font-size:1rem;color:var(--color-muted);letter-spacing:.15em}.btn-copy{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:.15rem .3rem;border-radius:4px;opacity:.7;transition:opacity .15s}.btn-copy:hover{opacity:1;background:#0000000f}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#1a2035;color:#c8d0e0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.sidebar-user{font-size:.8rem;color:#8999a8}.sidebar-nav{flex:1;padding:.5rem 0}.sidebar-footer{padding:.5rem 0 1rem;border-top:1px solid rgba(255,255,255,.1)}.nav-btn{display:block;width:100%;padding:.65rem 1rem;background:transparent;border:none;color:#c8d0e0;text-align:left;cursor:pointer;font-size:.875rem;transition:background .15s,color .15s}.nav-btn:hover{background:#ffffff14;color:#fff}.nav-btn.active{background:var(--color-primary);color:#fff}.logout-btn{color:#8999a8!important}.logout-btn:hover{color:#fff!important}.content{margin-left:var(--sidebar-width);flex:1;padding:2.75rem 1.5rem 1.5rem;min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:3rem;background:linear-gradient(135deg,#1a2035,#005db5)}.login-box{background:var(--color-surface);border-radius:var(--radius);padding:2rem;width:100%;max-width:440px;box-shadow:var(--shadow-md)}.login-logo{font-size:3rem;text-align:center;margin-bottom:.5rem}.login-title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-primary)}.login-subtitle{font-size:.85rem;text-align:center;color:var(--color-muted);margin:.25rem 0 1rem;white-space:pre-line}.login-hint{text-align:center;margin-top:1rem;color:var(--color-muted)}.login-form{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.login-toggle{text-align:center;font-size:.8rem;color:var(--color-muted);margin-top:.25rem}.login-toggle a{color:var(--color-primary);text-decoration:none}.login-toggle a:hover{text-decoration:underline}.tab-bar{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:1rem}.tab-btn{flex:1;padding:.5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--color-muted);font-size:.875rem;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.panel{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem;box-shadow:var(--shadow);border:1px solid var(--color-border)}.panel h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-text)}.panel-success{border-left:4px solid var(--color-success)}.panel-danger{border-left:4px solid var(--color-danger)}details.panel>summary{cursor:pointer;list-style:none;padding:.25rem 0}details.panel>summary::-webkit-details-marker{display:none}details.panel[open]>summary{margin-bottom:.75rem}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header h2{font-size:1.35rem;font-weight:700}.group-label{font-size:.875rem;color:var(--color-muted)}.metrics-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}.metric-card{background:var(--color-surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border:1px solid var(--color-border);text-align:center}.metric-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.metric-label{font-size:.75rem;color:var(--color-muted);margin-top:.25rem}.sparkbox-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.sparkbox{border-radius:var(--radius);padding:.75rem;box-shadow:var(--shadow);border:1px solid var(--color-border)}.sparkbox-value{font-size:1.15rem;font-weight:700}.sparkbox-label{font-size:.75rem;color:var(--color-muted)}.sparkbox-chart{margin-top:.5rem;height:50px}.chart-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.chart-panel{background:var(--color-surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border:1px solid var(--color-border)}.chart-full{grid-column:1 / -1;margin-bottom:1rem}.chart-empty{color:var(--color-muted);padding:1rem;text-align:center}@media (max-width: 768px){.chart-grid-2{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.form-help{font-size:.75rem;color:var(--color-muted)}.form-section{margin-bottom:1rem}label{font-size:.875rem;font-weight:500}.input{padding:.45rem .65rem;border:1px solid var(--color-border);border-radius:calc(var(--radius) / 2);font-size:.875rem;background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color .15s}.input:focus{outline:none;border-color:var(--color-primary)}.input-sm{max-width:200px}.input-xs{padding:.2rem .4rem;font-size:.75rem;width:auto}.slider{width:100%;cursor:pointer;accent-color:var(--color-primary)}.slider-value{float:right;font-weight:600;color:var(--color-primary)}.checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.875rem;margin-bottom:.5rem}.input-row{display:flex;gap:.5rem;align-items:center}.select-group-row{display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .9rem;border:1px solid transparent;border-radius:calc(var(--radius) / 2);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#004d99}.btn-secondary{background:#e9ecef;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:#dee2e6}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c00}.btn-outline-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-outline-danger:hover{background:var(--color-danger);color:#fff}.btn-lg{padding:.65rem 1.25rem;font-size:1rem}.btn-full{width:100%;justify-content:center}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.alert{padding:.65rem 1rem;border-radius:calc(var(--radius) / 2);margin-bottom:.75rem;font-size:.875rem}.alert-success{background:#d1e7dd;color:#0a3622;border:1px solid #a3cfbb}.alert-error{background:#f8d7da;color:#58151c;border:1px solid #f1aeb5}.alert-info{background:#cff4fc;color:#055160;border:1px solid #9eeaf9}.alert-warning{background:#fff3cd;color:#664d03;border:1px solid #ffda6a}.badge{padding:.2em .55em;border-radius:1em;font-size:.75rem;font-weight:600}.badge-grey{background:#e9ecef;color:var(--color-muted)}.badge-blue{background:#cfe2ff;color:#084298}.badge-green{background:#d1e7dd;color:#0a3622}.table-wrapper{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:.875rem}.tbl th{background:#f8f9fa;padding:.5rem .75rem;text-align:left;border-bottom:2px solid var(--color-border);white-space:nowrap;font-weight:600}.tbl td{padding:.45rem .75rem;border-bottom:1px solid var(--color-border)}.tbl.striped tr:nth-child(2n) td{background:#f8f9fa}.tbl tr:hover td{background:#e8f0fe}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}.settings-form h4{margin-bottom:.5rem;color:var(--color-primary);font-size:.9rem}.sieger-message{background:linear-gradient(135deg,#005db5,#009d65);color:#fff;border-radius:var(--radius);padding:1.5rem;font-size:1.1rem;text-align:center;margin-top:1rem}.loading{display:flex;align-items:center;gap:.5rem;padding:2rem;color:var(--color-muted)}.spinner{width:20px;height:20px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.neue-praemie-info{font-size:.875rem;color:var(--color-muted);margin-top:-.25rem;margin-bottom:.5rem}.neue-praemie-info strong{color:var(--color-primary)}.poll-status{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.8rem;color:var(--color-muted)}.poll-dot{width:10px;height:10px;border-radius:50%;background:var(--color-success);flex-shrink:0;transition:background .3s}.poll-dot-off{background:var(--color-grey)}.poll-dot-pulse{background:var(--color-primary)}.poll-text{font-variant-numeric:tabular-nums;min-width:2.5rem}.poll-interval-label{display:flex;align-items:center;gap:.25rem;color:var(--color-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}