*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080a12;--surface:#0f1220;--card:#161926;--card2:#1c2030;--border:#1e2235;--border2:#252a3a;--purple:#7c6fff;--purple2:#9b91ff;--teal:#00d4aa;--green:#4ade80;--orange:#ffb347;--red:#ff6b6b;--gold:#f5c842;--gold2:#ffe588;--gold-dim:#f5c8421f;--text:#e8ebf8;--text2:#8892b0;--text3:#4a5268;--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px #7c6fff4d}50%{box-shadow:0 0 22px #7c6fffb3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes xpFill{0%{width:0}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes bonusPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes levelUp{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes rankUp{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes confetti{0%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(50px)}}.fade-in{animation:.3s forwards fadeIn}.pulse{animation:2s infinite pulse}input,textarea,select{background:var(--card2);border:1px solid var(--border);color:var(--text);font-family:var(--font);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7c6fff26}input::placeholder,textarea::placeholder{color:var(--text3)}.btn{font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover:not(:disabled){background:var(--purple2);transform:translateY(-1px);box-shadow:0 4px 14px #7c6fff59}.btn-teal{background:var(--teal);color:#0a0c14}.btn-teal:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1400;font-weight:600}.btn-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ffd70066}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--border2);color:var(--text);background:var(--card2)}.btn-danger{color:var(--red);background:#ff6b6b26;border:1px solid #ff6b6b40}.btn-sm{border-radius:6px;padding:4px 10px;font-size:11px}.btn-lg{padding:12px 24px;font-size:15px;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-neu{color:var(--purple2);background:#7c6fff26;border:1px solid #7c6fff33}.badge-closed{color:var(--teal);background:#00d4aa1f;border:1px solid #00d4aa33}.badge-mail{color:var(--green);background:#4ade801f;border:1px solid #4ade8033}.badge-nachfass{color:var(--orange);background:#ffb3471f;border:1px solid #ffb34733}.badge-kein{color:var(--text3);background:#4a52681f;border:1px solid #4a526833}.badge-erlaubnis{color:var(--teal);background:#00d4aa1f;border:1px solid #00d4aa33}.badge-verifikation{color:var(--gold);background:#ffd7001a;border:1px solid #ffd70033}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid #ffd70040}.skeleton{background:linear-gradient(90deg,var(--card) 0%,var(--card2) 50%,var(--card) 100%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.app-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;height:56px;padding:0 12px;display:flex;overflow:auto}.header-logo{white-space:nowrap;font-weight:700}.header-pill{border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px}.bonus-wrap{align-items:center;gap:8px;min-width:240px;display:flex}.bonus-label{color:var(--text3);font-size:10px}.bonus-track{border:1px solid var(--border2);background:var(--card2);border-radius:999px;flex:1;min-width:100px;height:8px;overflow:hidden}.bonus-fill{background:linear-gradient(90deg,var(--gold),#ffe588);height:100%;transition:width .2s}.bonus-text{color:var(--gold);white-space:nowrap;font-size:11px}.header-rank{color:var(--text);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.header-rank small{color:var(--text3);font-size:10px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stack-gap{flex-direction:column;gap:12px;display:flex}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px}.metric-card strong{color:var(--gold);font-size:22px;font-family:var(--mono);margin-top:4px;display:block}.info-box{color:var(--text2);background:#7c6fff1a;border:1px solid #7c6fff33;border-radius:10px;padding:10px 12px}.row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr auto auto;gap:8px;padding:8px 0;display:grid}.row.me{background:#f5c84214;border:none;border-radius:6px;padding:8px}@media (width<=768px){.btn-primary:not(.btn-sm),.btn-teal:not(.btn-sm),.btn-gold:not(.btn-sm){min-height:44px}}@keyframes ssHealthTabPulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 4px #ef444459}}.ss-health-tab-danger{color:#fecaca!important;background:#ef444438!important;border:1px solid #ef4444a6!important;animation:1.1s ease-in-out infinite ssHealthTabPulse!important}@keyframes ssHealthRowBlink{0%,to{background:0 0}50%{background:#ef44442e}}.ss-health-row-danger{animation:1.4s ease-in-out infinite ssHealthRowBlink}.ss-health-banner{color:var(--red);background:#ef44441f;border:2px solid #ef44448c;border-radius:10px;padding:12px 14px;font-size:13px;animation:2s ease-in-out infinite ssHealthTabPulse}