:root{--eu-blue: #004494;--eu-blue-dark: #003776;--eu-blue-darker: #002F67;--eu-blue-mid: #006FB4;--eu-blue-pale: #DAE5F0;--eu-blue-tint: #F4F8FD;--eu-yellow: #FFD617;--eu-yellow-soft: #FFFBEA;--eu-yellow-border: #F2D96C;--eu-text: #404040;--eu-muted: #707070;--eu-border: #E3E3E3;--eu-error: #DA2131;--eu-error-tint: #FDF0F1;--eu-error-text: #A51924;--eu-green: #467A39;--eu-green-tint: #EAF4EA;--eu-bg: #ffffff;--eu-card: #ffffff}[data-theme=dark]{--eu-blue: #5B9BE0;--eu-blue-dark: #4D8FDD;--eu-blue-darker: #002F67;--eu-blue-mid: #4D8FDD;--eu-blue-pale: #22354B;--eu-blue-tint: #1A2634;--eu-yellow: #FFD617;--eu-yellow-soft: #2B2818;--eu-yellow-border: #5C5120;--eu-text: #E6EAEF;--eu-muted: #93A0B4;--eu-border: #33404F;--eu-error: #FF6B76;--eu-error-tint: #3B2227;--eu-error-text: #FF9AA2;--eu-green: #7CB46B;--eu-green-tint: #22331E;--eu-bg: #12181F;--eu-card: #1B232E}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Verdana,Geneva,sans-serif;color:var(--eu-text);background:var(--eu-bg)}h1,h2,h3,h4,strong{font-family:Arial,Helvetica,sans-serif}a{color:var(--eu-blue)}.container{width:min(1100px,100% - 40px);margin:auto}.card{background:var(--eu-card);border:1px solid var(--eu-border);border-radius:2px;margin-bottom:22px}.label{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--eu-muted)}.error{background:var(--eu-error-tint);border-left:4px solid var(--eu-error);color:var(--eu-error-text);font-size:14px;padding:15px 20px;margin-bottom:22px}.spinner{width:42px;height:42px;border:4px solid var(--eu-blue-pale);border-top-color:var(--eu-blue);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.loading{text-align:center;padding:70px 20px}.loading h2{color:var(--eu-blue);margin:18px 0 6px}.loading p{color:var(--eu-muted);margin:0}.btn{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;border:0;border-radius:2px;padding:12px 22px;cursor:pointer;text-decoration:none;text-align:center}.btn-primary{background:var(--eu-blue);color:#fff}.btn-primary:hover{background:var(--eu-blue-darker);color:#fff}.btn-outline{background:var(--eu-card);color:var(--eu-blue);border:1px solid var(--eu-blue)}.btn-outline:hover{background:var(--eu-blue-tint)}.btn-yellow{background:var(--eu-yellow);color:var(--eu-blue-darker)}.btn-yellow:hover{background:#ffe766}.btn:disabled{opacity:.6;cursor:default}.badge{background:var(--eu-yellow);color:var(--eu-blue-darker);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 8px;border-radius:2px;white-space:nowrap}.signin-prompt{padding:40px 28px;text-align:center}.signin-prompt h2{color:var(--eu-blue);margin:0 0 18px}.usage-bar{height:14px;background:var(--eu-blue-pale);border-radius:2px;overflow:hidden;margin-bottom:8px}.usage-fill{height:100%;background:var(--eu-blue);border-radius:2px;transition:width .3s ease}.modal-backdrop{position:fixed;inset:0;background:#002f678c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--eu-card);border-radius:2px;border-top:6px solid var(--eu-yellow);padding:28px;width:min(480px,100%);box-shadow:0 12px 40px #00000040}.modal h2{margin:0 0 16px;color:var(--eu-blue);font-size:18px}#payment-element{margin-bottom:14px}.stripe-error{background:var(--eu-error-tint);border-left:4px solid var(--eu-error);color:var(--eu-error-text);font-size:13px;padding:10px 14px;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}