*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6;font-weight:400;color:#1a1a1a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-black: #0b0b0b;--brand-blue-500: #1e6eff;--brand-blue-600: #155eee;--brand-gold-500: #ffb800;--brand-gold-600: #e6a700;--color-primary: var(--brand-blue-500);--color-primary-strong: var(--brand-blue-600);--color-accent: var(--brand-gold-500)}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{display:block;min-width:320px;min-height:100vh}#root{width:100%;height:100%;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-strong);text-decoration:underline}button{border:none;background:none;padding:0;margin:0;font-family:inherit;font-size:inherit;cursor:pointer}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.admin-header{background:var(--brand-black);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px #00000040;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:70px;width:100%}.hamburger-menu{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.hamburger-menu:hover{background-color:#ffffff1a}.logo{display:flex;align-items:center;gap:.75rem}.brand-logo{height:32px;width:auto;display:block}.brand-text h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.brand-text .subtitle{font-size:.75rem;color:#fffc;font-weight:400;margin-top:2px;display:block}.brand-game{color:var(--brand-gold-500)}.brand-run{color:var(--brand-blue-500);margin-left:2px}.brand-admin{color:#fff;font-weight:600;margin-left:6px;opacity:.95}.header-right{display:flex;align-items:center}.user-container{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-radius:8px;padding:.75rem 1.25rem;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:60px;margin:-5px 0 0;box-shadow:0 2px 10px #00000040,inset 0 1px #ffffff26;transition:all .3s ease;color:#fff!important}.user-container:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border-color:#fff3;box-shadow:0 4px 15px #0000004d,inset 0 1px #fff3}.user-info{display:flex;flex-direction:column;justify-content:center;flex:1;gap:.1rem}.user-name{font-size:.7rem;font-weight:600;color:inherit;line-height:.9;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-role{font-size:.55rem;color:inherit;line-height:1;font-weight:500;text-transform:uppercase;letter-spacing:.02em;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.admin-header .user-container .user-name{color:#fff!important}.admin-header .user-container .user-role{color:#ffffffe6!important}.logout-button{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--brand-gold-500) 0%,var(--brand-gold-600) 100%);border:1px solid rgba(255,255,255,.25);color:var(--brand-black);font-size:.6rem;font-weight:600;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:70px;height:32px;justify-content:center;text-transform:uppercase;letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #ffb8004d,inset 0 1px #fff3;flex-shrink:0;position:relative;overflow:hidden}.logout-button:hover{background:linear-gradient(135deg,#ffcf3a 0%,var(--brand-gold-500) 100%);border-color:#fff9;box-shadow:0 4px 12px #ffb80066,inset 0 1px #ffffff59}.logout-button:active{box-shadow:0 2px 6px #ffb80059,inset 0 1px #ffffff40;background:linear-gradient(135deg,var(--brand-gold-600) 0%,#d99600 100%)}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.logout-button:hover:before{left:100%}@media(max-width:768px){.header-content{padding:0 .75rem}.logo h1{font-size:1.25rem}.logo .subtitle{font-size:.7rem}.user-container{padding:.4rem .6rem;gap:.6rem;height:40px}.user-info{min-width:100px}.user-name{font-size:.8rem}.user-role{font-size:.7rem}.logout-button{font-size:.7rem;padding:.35rem .6rem;min-width:65px;height:28px;letter-spacing:.3px}}@media(max-width:480px){.header-content{padding:0 .5rem}.logo h1{font-size:1.1rem}.logo .subtitle{display:none}.user-container{padding:.3rem .5rem;height:36px}.user-name{font-size:.75rem}.user-role{font-size:.65rem}.logout-button{padding:.3rem .5rem;font-size:.65rem;min-width:60px;height:26px}}.credit-transaction-history{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.credit-transaction-history h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.credit-transaction-history h3:before{content:"📊";font-size:1.2rem}.loading{text-align:center;padding:3rem 1rem;color:#718096;font-size:1rem}.error-container{text-align:center;padding:2rem;background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.error-container h3{margin:0 0 1rem;color:#c53030}.retry-btn{background:#e53e3e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.retry-btn:hover{background:#c53030}.no-data{text-align:center;padding:3rem 1rem;color:#718096;font-size:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.transactions-table{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.transactions-table table{width:100%;border-collapse:collapse;margin:0}.transactions-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.transactions-table thead th{padding:1.25rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#495057;background:transparent;text-transform:uppercase;letter-spacing:.075em;border:none;border-right:1px solid #dee2e6;position:relative}.transactions-table thead th:last-child{border-right:none}.transactions-table thead th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.transactions-table thead th:hover:after{opacity:1}.transactions-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.transactions-table tbody tr:hover{background-color:#f8fafc}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table tbody td{padding:1rem .75rem;font-size:.875rem;color:#2d3748;vertical-align:top;border:none}.user-info,.admin-info{display:flex;flex-direction:column;gap:.25rem}.user-name,.admin-name{font-weight:700!important;color:#000!important;font-size:1rem!important}.user-email,.admin-email{font-size:.875rem!important;color:#000!important;font-style:normal!important;font-weight:500!important}.transaction-type{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.transaction-type.credit-add{background-color:#c6f6d5;color:#22543d;border:1px solid #9ae6b4}.transaction-type.credit-remove{background-color:#fed7d7;color:#c53030;border:1px solid #feb2b2}.amount{font-weight:700;font-size:.875rem}.amount.credit-add{color:#22543d}.amount.credit-remove{color:#c53030}.balance-info{display:flex;flex-direction:column;gap:.25rem}.balance{font-weight:600;color:#2d3748;background:#edf2f7;padding:.25rem .5rem;border-radius:6px;font-size:.875rem;display:inline-block}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 0}.page-btn{background:#6366f1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s}.page-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.page-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none}.page-info{color:#4a5568;font-weight:500;font-size:.875rem;padding:0 1rem}@media(max-width:768px){.credit-transaction-history{padding:1rem;margin:0 -1rem;border-radius:0}.transactions-table{border:none;box-shadow:none}.transactions-table table{display:block;width:100%}.transactions-table thead{display:none}.transactions-table tbody{display:block}.transactions-table tbody tr{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.transactions-table tbody tr:hover{background:#fff}.transactions-table tbody td{display:block;padding:.5rem 0;border:none;text-align:left}.transactions-table tbody td:before{content:attr(data-label) ": ";font-weight:600;color:#4a5568;display:inline-block;width:100px;margin-right:.5rem}.pagination{flex-direction:column;gap:.75rem}.page-info{order:-1;padding:0}}@media(max-width:480px){.credit-transaction-history h3{font-size:1.1rem}.transactions-table tbody td:before{width:80px;font-size:.75rem}.user-name,.admin-name{font-size:.8rem}.user-email,.admin-email{font-size:.7rem}}.gift-cards-page{display:flex;flex-direction:column;gap:1.75rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.page-heading h2{font-size:1.75rem;margin:0;color:#e2e8f0}.page-heading p{margin:.4rem 0 0;color:#e2e8f0b3;max-width:640px}.access-warning{padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(244,114,182,.35);background:#f472b61f;color:#831843}.cards-table-wrapper{background:linear-gradient(145deg,#0f172aeb,#1e3a8ad9);border-radius:22px;border:1px solid rgba(148,163,184,.28);box-shadow:0 28px 60px #0f172a59;padding:1.75rem;overflow-x:auto}.cards-table{width:100%;border-collapse:collapse;min-width:720px}.cards-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;padding:.75rem .9rem;color:#e2e8f0b3;border-bottom:1px solid rgba(148,163,184,.18)}.cards-table tbody td{padding:.9rem;border-bottom:1px solid rgba(148,163,184,.12);color:#f1f5f9}.cards-table tbody tr:hover{background:#3b82f61a}.cards-table code,.mono{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#cbd5f5;word-break:break-word}.action-cell{display:flex;flex-wrap:wrap;gap:.5rem}.action-cell .ghost-btn{background:linear-gradient(135deg,#3b82f6f2,#60a5fad9);color:#f8fafc;border:1px solid rgba(147,197,253,.6);box-shadow:0 12px 26px -18px #3b82f6a6;font-weight:600}.action-cell .ghost-btn:hover{background:linear-gradient(135deg,#2563ebf2,#4f46e5e6);transform:translateY(-1px);box-shadow:0 18px 36px -20px #2563ebb3}.action-cell .ghost-btn:focus-visible{outline:2px solid rgba(191,219,254,.9);outline-offset:2px}.empty-row{text-align:center;padding:3rem 1rem;color:#e2e8f0b3;font-size:.95rem}.primary-btn,.secondary-btn,.ghost-btn{border:none;border-radius:999px;padding:.62rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 12px 30px #6366f14d}.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.primary-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 40px #6366f159}.secondary-btn{background:#94a3b82e;color:#dbe4f3;border:1px solid rgba(148,163,184,.3)}.secondary-btn:hover{transform:translateY(-1px)}.ghost-btn{background:#3b82f62e;color:#dbeafe;font-size:.78rem;padding:.35rem .85rem}.ghost-btn:hover{background:#3b82f647}.copy-btn{margin-left:.25rem}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200}.modal{width:min(520px,100%);border-radius:22px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(160deg,#111827f5,#1e40afe6);box-shadow:0 25px 60px #0f172a80;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#e2e8f0;font-size:1.4rem}.modal-close{border:none;background:#94a3b82e;color:#cbd5f5;border-radius:999px;width:2.2rem;height:2.2rem;font-size:1.4rem;line-height:1;cursor:pointer}.modal-close:hover{background:#94a3b84d}.modal-form{display:flex;flex-direction:column;gap:1.2rem}.form-field{display:flex;flex-direction:column;gap:.45rem;font-weight:600;color:#e2e8f0}.form-field input,.form-field textarea{border-radius:12px;border:1px solid rgba(148,163,184,.4);padding:.75rem .9rem;background:#111827cc;color:#f8fafc;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.form-field small,.optional{font-weight:400;font-size:.78rem;color:#e2e8f0b3}.error-banner{padding:.75rem 1rem;border-radius:10px;background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#fecaca}.modal-summary{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:12px;background:#3b82f62e;color:#dbeafe;font-weight:600;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:840px){.page-header{flex-direction:column;align-items:stretch}.modal{padding:1.5rem}.cards-table{min-width:100%}}.settings-page{padding:16px;width:100%;box-sizing:border-box}@media(min-width:768px){.settings-page{padding:24px}}.page-header{margin-bottom:32px}.page-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#1a1a1a}.page-header p{margin:0;font-size:16px;color:#666}.settings-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:none}.settings-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.settings-section.system-info-section{width:100%;max-width:none}.section-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.section-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.section-actions{display:flex;align-items:center;gap:12px}.connection-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.connection-status.status-connected{background:#d4edda;color:#155724}.connection-status.status-disconnected,.connection-status.status-error{background:#f8d7da;color:#721c24}.edit-button{padding:8px 16px;border:1px solid #007bff;background:transparent;color:#007bff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.edit-button:hover{background:#007bff;color:#fff}.database-form{padding:16px}@media(min-width:768px){.database-form{padding:32px}}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-help{margin:8px 0 0;font-size:12px;color:#666}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}@media(min-width:768px){.form-actions{flex-direction:row}}.test-button,.save-button,.cancel-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.test-button{background:#17a2b8;color:#fff}.test-button:hover:not(:disabled){background:#138496}.save-button.primary{background:#28a745;color:#fff}.save-button.primary:hover:not(:disabled){background:#218838}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover:not(:disabled){background:#5a6268}.test-button:disabled,.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.save-progress{margin-top:16px;padding:16px;background:#e7f3ff;border:1px solid #b8daff;border-radius:6px}.progress-indicator{display:flex;align-items:center;gap:8px;color:#004085}.spinner{animation:spin 1s linear infinite}.test-result{margin-top:16px;padding:16px;border-radius:6px}.test-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.test-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.test-result-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.test-result-icon{font-size:16px;line-height:1}.test-result-message{flex:1;font-weight:500}.test-result-details{margin-top:12px}.test-result-details pre{background:#0000000d;padding:12px;border-radius:4px;font-size:12px;overflow-x:auto;white-space:pre-wrap;margin:0}.save-message{margin-top:16px;padding:16px;border-radius:6px;white-space:pre-line;line-height:1.5}.save-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.save-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.system-info{padding:16px}@media(min-width:768px){.system-info{padding:32px}}.info-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-item label{font-weight:500;color:#333}.info-item span{color:#666}.loading-container,.error-container{padding:64px 32px;text-align:center}.error-container{color:#721c24}.retry-button{margin-top:16px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.retry-button:hover{background:#0056b3}.user-management-page{padding:24px;width:100%;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header h1{margin:0;font-size:28px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:12px}.create-user-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #007bff33}.create-user-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.create-user-btn:active{transform:translateY(0)}.error-alert{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:24px;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;box-shadow:0 2px 4px #721c241a}.error-icon{margin-right:12px;font-size:16px}.close-btn{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background-color:#721c241a}.info-banner{margin:8px 0 16px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#475569}.access-denied{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.access-denied h2{margin:0 0 16px;font-size:24px;color:#721c24}.access-denied p{margin:0;color:#666;font-size:16px}.create-user-form{background:linear-gradient(180deg,#ffffffb8,#fff9);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-radius:16px;box-shadow:0 20px 40px #02061714;margin-bottom:32px;overflow:hidden;border:1px solid rgba(226,232,240,.7)}.create-user-form h3{margin:0;padding:24px 32px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-bottom:1px solid rgba(226,232,240,.7);font-size:20px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:12px}.create-user-form h3:before{content:"👤";font-size:24px}.create-user-form form{padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:16px}}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.section-heading{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:6px}.help-text{font-size:12px;color:#64748b;margin-bottom:10px}.help-text.warning{color:#b45309}.role-presets{display:flex;gap:8px;margin-bottom:10px}.preset-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(99,102,241,.25);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.preset-btn.secondary{background:#e2e8f0;color:#0f172a;border-color:#94a3b880}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.preset-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #4f46e540}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#4f46e514;color:#3730a3;border:1px solid rgba(79,70,229,.25);font-size:12px;font-weight:600}.chip .remove{background:transparent;border:none;color:#111827;cursor:pointer;font-size:14px;line-height:1}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.inline-actions{display:flex;gap:8px}.counter{color:#475569;font-size:12px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:invalid{border-color:#dc3545}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{padding:10px 16px;border-radius:8px;border:1px solid rgba(226,232,240,.8);background:#fff;color:#0f172a;cursor:pointer;font-weight:600}.tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f166;color:#fff}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.role-card{background:linear-gradient(180deg,#fffc,#ffffffb3);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(226,232,240,.8);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.role-header{display:flex;align-items:center;justify-content:space-between}.role-title{display:flex;align-items:center;gap:8px}.role-title .name{font-weight:700;color:#0f172a}.system-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.5);color:#475569;background:#94a3b82e;text-transform:lowercase}.role-edit-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(99,102,241,.25);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;cursor:pointer}.role-delete-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.35);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;cursor:pointer}.role-desc{color:#64748b;font-size:13px}.role-features{display:flex;flex-wrap:wrap;gap:6px}.features-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.checkbox-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #dee2e6;transition:all .2s ease;cursor:pointer}.checkbox-item:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-item label{margin:0;cursor:pointer;font-size:14px;font-weight:500;color:#495057}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #dee2e6}.form-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-actions button[type=button]:hover{background:#5a6268;transform:translateY(-1px)}.form-actions button[type=submit]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 4px #28a74533}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.users-table-container{background:linear-gradient(180deg,#ffffffb8,#fff9);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-radius:16px;box-shadow:0 20px 40px #02061714;overflow:hidden;border:1px solid rgba(226,232,240,.7)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#6366f1,#4f46e5)}.users-table th{padding:20px 16px;text-align:left;font-weight:600;color:#fff;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr.inactive{opacity:.6;background-color:#f8f9fa}.users-table td{padding:20px 16px;vertical-align:top;font-size:14px}.user-name{font-weight:600;color:#0f172a}.features-list{display:flex;flex-wrap:wrap;gap:6px}.feature-badge{display:inline-block;padding:6px 12px;background:#6366f11f;color:#4338ca;border-radius:999px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(99,102,241,.25)}.features-edit{max-width:400px}.features-edit .features-checkboxes{margin-bottom:16px;grid-template-columns:1fr;gap:8px;background:#f8fafcb3;border:1px solid rgba(226,232,240,.7)}.edit-actions{display:flex;gap:8px}.save-btn,.cancel-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 6px 16px #22c55e40}.save-btn:hover{background:#218838}.cancel-btn{background:#e2e8f0;color:#0f172a}.cancel-btn:hover{background:#5a6268}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b9811f;color:#065f46;border:1px solid rgba(16,185,129,.25)}.status-badge.inactive{background:#ef44441f;color:#7f1d1d;border:1px solid rgba(239,68,68,.25)}.actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn.activate{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff}.action-btn.deactivate{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#111827}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.edit-user-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1200}.edit-user-modal{width:min(640px,100%);max-height:95vh;background:linear-gradient(180deg,#fffffff5,#ffffffe6);border-radius:18px;box-shadow:0 28px 60px -18px #0f172a73;display:flex;flex-direction:column;overflow:hidden}.edit-user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.8)}.edit-user-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#0f172a}.modal-subtitle{margin:4px 0 0;font-size:14px;color:#475569}.modal-close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#475569;border-radius:8px;padding:4px 8px;transition:background-color .2s ease,color .2s ease}.modal-close-btn:hover{background:#94a3b82e;color:#1f2937}.modal-close-btn:disabled{opacity:.6;cursor:not-allowed}.edit-user-form{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.form-error{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:#fee2e2e6;border:1px solid rgba(252,165,165,.8);color:#7f1d1d;font-size:13px}.checkbox-item.disabled{opacity:.7}.feature-pill{margin-left:auto;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:600;background:#818cf826;color:#3730a3;border:1px solid rgba(99,102,241,.3)}.loading,.no-users{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px}.loading{background:linear-gradient(45deg,#f8f9fa,#e9ecef);background-size:400% 400%;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.no-users p{margin:0;font-style:italic}@media(max-width:768px){.user-management-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.create-user-btn{width:100%;justify-content:center}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.form-actions{flex-direction:column}.form-actions button{width:100%}}html{font-size:14px}.admin-app{display:flex;flex-direction:column;width:100%;min-height:100vh}.admin-header{background:var(--brand-black);color:#fff;box-shadow:0 2px 8px #00000040;position:sticky;top:0;z-index:100;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:3.5rem;width:100%}.header-left{display:flex;align-items:center;gap:1rem}.header-left .logo h1{font-size:1.25rem;font-weight:700;margin:0}.header-left .subtitle{font-size:.75rem;opacity:.9;font-weight:400;display:none}.header-right{display:flex;align-items:center;gap:1rem}.hamburger-menu{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease}.hamburger-menu:hover{background:#ffffff1a}.user-info{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.875rem;font-weight:500;display:none}.user-avatar{width:2rem;height:2rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.admin-layout{display:flex;flex-direction:column;flex:1;width:100%;height:calc(100vh - 3.5rem)}.admin-sidebar{position:fixed;left:-16rem;top:0;height:100vh;width:16rem;background:#fff;transition:left .3s ease-in-out;z-index:999;border-right:1px solid #e2e8f0;padding:4.5rem 0 1.5rem;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.admin-sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;display:none;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{display:block;opacity:1}.sidebar-nav{padding:0 1rem}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:.25rem}.nav-link{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border:none;background:none;border-radius:.5rem;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#64748b;text-decoration:none}.nav-link:hover:not(.disabled){background:#f1f5f9;color:#334155}.nav-link.active{background:linear-gradient(135deg,var(--brand-blue-500) 0%,var(--brand-blue-600) 100%);color:#fff;font-weight:500}.nav-link.disabled{opacity:.5;cursor:not-allowed}.nav-icon{margin-right:.75rem;font-size:1rem;flex-shrink:0}.nav-label{flex:1}.coming-soon{font-size:.625rem;background:var(--brand-gold-500);color:#111827;padding:.125rem .375rem;border-radius:.25rem;font-weight:700;text-transform:uppercase}.admin-content{flex:1;padding:1rem;background:#f8fafc;overflow-y:auto;width:100%}.dashboard-overview{width:100%}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.dashboard-header p{font-size:.875rem;color:#64748b;margin:0}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;width:100%}.stat-card{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;border-left:.25rem solid;transition:transform .2s ease,box-shadow .2s ease;width:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card.blue{border-left-color:#3b82f6}.stat-card.green{border-left-color:#10b981}.stat-card.purple{border-left-color:#8b5cf6}.stat-card.orange{border-left-color:#f59e0b}.stat-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1;margin:0 0 .25rem}.stat-title{font-size:.75rem;color:#64748b;font-weight:500;margin:0}.quick-actions{width:100%}.quick-actions h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.actions-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.action-card{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease;position:relative;border:1px solid #e2e8f0;width:100%}.action-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#cbd5e1}.action-card.disabled{opacity:.6}.action-icon{font-size:2rem;margin-bottom:.75rem}.action-content h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.action-content p{color:#64748b;margin:0 0 1rem;line-height:1.5;font-size:.875rem}.action-button{background:linear-gradient(135deg,var(--brand-blue-500) 0%,var(--brand-blue-600) 100%);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e6eff59}.coming-soon-badge{position:absolute;top:.75rem;right:.75rem;background:var(--brand-gold-500);color:#111827;padding:.25rem .5rem;border-radius:.375rem;font-size:.625rem;font-weight:600;text-transform:uppercase}.prompts-page{width:100%}.page-header{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;border:1px solid #e2e8f0;width:100%}.page-header h2{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.filters{display:flex;flex-direction:column;gap:1rem;width:100%}.sport-filter,.active-filter{display:flex;flex-direction:column;gap:.5rem;width:100%}.sport-filter label,.active-filter label{font-weight:500;color:#374151;font-size:.875rem;margin:0}.sport-select,.active-filter select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;width:100%;transition:border-color .2s ease}.sport-select:focus,.active-filter select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e6eff1f}.search-bar{width:100%;position:relative}.search-input{width:100%;padding:.625rem .875rem .625rem 2.25rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;transition:border-color .2s ease}.search-bar .search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:.95rem;color:#6b7280;pointer-events:none}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e6eff1f}.search-input::placeholder{color:#9ca3af}.page-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e2e8f0;width:100%}.results-info{padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.prompts-table{width:100%;overflow-x:auto}.prompts-table table{width:100%;border-collapse:collapse;min-width:600px}.prompts-table th{background:#f8fafc;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.prompts-table td{padding:.75rem;border-bottom:1px solid #f1f5f9;vertical-align:top;font-size:.875rem}.prompt-row:hover{background-color:#f8fafc}.status{padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#fef2f2;color:#991b1b}.expand-btn,.edit-btn{padding:.375rem .75rem;margin-right:.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.expand-btn:hover{background:#f3f4f6;border-color:#9ca3af}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.expanded-row{background:#f8fafc}.expanded-content{padding:1rem;width:100%}.prompt-details{display:flex;flex-direction:column;gap:1rem;width:100%}.description-section,.sections-container,.metadata{width:100%}.description-section h4,.sections-container h4{margin:0 0 .5rem;color:#374151;font-weight:600;font-size:1rem}.description-section p{background:#fff;padding:.75rem;border-radius:.5rem;border:1px solid #e2e8f0;font-size:.875rem;line-height:1.6;color:#4b5563;margin:0}.section-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;position:relative;width:100%}.section-item h5{margin:0 0 .5rem;color:#1f2937;font-size:1rem;font-weight:600}.section-description{margin:0 0 .75rem;font-size:.875rem;color:#6b7280;font-style:italic;line-height:1.5}.section-content strong{display:block;margin:.75rem 0 .5rem;color:#374151;font-weight:600}.prompt-content{background:#f9fafb;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;max-height:300px;overflow-y:auto;margin:0;color:#374151;width:100%}.default-badge{position:absolute;top:.75rem;right:.75rem;background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.metadata{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.metadata p{margin:0 0 .5rem;font-size:.875rem;color:#4b5563}.metadata strong{color:#374151;font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc;width:100%}.page-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.875rem;color:#6b7280;font-weight:500}.loading,.no-data{text-align:center;padding:2rem;color:#6b7280;font-size:1rem}.error-container{text-align:center;padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;width:100%}.error-container h2{color:#dc2626;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-blue-500) 0%,var(--brand-blue-600) 100%);color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;transition:all .2s ease}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e6eff59}@media(max-width:37.5rem){.prompts-table table,.prompts-table thead,.prompts-table tbody,.prompts-table th,.prompts-table td,.prompts-table tr{display:block}.prompts-table th{display:none}.prompts-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a;width:100%}.prompts-table td{padding:.25rem 0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;width:100%}.prompts-table td:before{content:attr(data-label);font-weight:600;color:#374151;margin-right:1rem;flex-shrink:0}.expanded-row{margin-top:0;border-radius:0 0 .5rem .5rem}}@media(min-width:30rem){html{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.admin-content{padding:1.25rem}.filters{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.sport-filter,.active-filter{flex:0 0 auto;min-width:140px}.search-bar{flex:1;min-width:200px}}@media(min-width:48rem){html{font-size:16px}.header-content{padding:0 1.5rem;height:4.375rem}.header-left .logo h1{font-size:1.5rem}.header-left .subtitle{display:block}.hamburger-menu{display:none}.user-name{display:block}.admin-layout{flex-direction:row;height:calc(100vh - 4.375rem)}.admin-sidebar{position:static;left:0;width:15rem;min-width:15rem;height:calc(100vh - 4.375rem);padding:1.5rem 0;flex-shrink:0;box-shadow:none}.sidebar-overlay{display:none!important}.admin-content{padding:1.5rem;height:calc(100vh - 4.375rem)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.dashboard-header h2{font-size:1.75rem}.page-header{padding:1.5rem}.page-header h2{font-size:1.5rem}.filters{align-items:center}.sport-filter,.active-filter{flex-direction:row;align-items:center;gap:.5rem}}@media(min-width:64rem){.admin-content{padding:2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.stat-card,.action-card{padding:1.5rem}.stat-icon,.stat-value{font-size:2rem}.action-icon{font-size:2.5rem}}@media(min-width:80rem){.admin-sidebar{width:16rem;min-width:16rem}.admin-content{padding:2.5rem}.stats-grid,.actions-grid{gap:2rem}.dashboard-header h2{font-size:2rem}}.credit-management-page{display:flex;flex-direction:column;gap:1.75rem;width:100%}.credit-header{display:flex;flex-direction:column;gap:.4rem}.credit-header h2{font-size:1.9rem}.credit-permission-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.85rem;border:1px solid #c7d2fe;background:#eef2ff;color:#312e81;font-weight:500}.credit-permission-banner span{font-weight:600}.credit-mode-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem;border-radius:999px;background:#e2e8f0;width:fit-content;margin-top:1.25rem}.mode-button{border:none;background:transparent;padding:.45rem 1.2rem;border-radius:999px;font-weight:600;font-size:.95rem;color:#475569;cursor:pointer;transition:all .2s ease}.mode-button:hover{color:#1d4ed8}.mode-button.active{background:linear-gradient(135deg,#2563eb,#4338ca);color:#fff;box-shadow:0 12px 26px -18px #2563eba6}.credit-overview-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2rem 0 1.5rem}.overview-cta{min-height:180px;justify-content:space-between}.initial-credit-card{gap:1.25rem}.initial-credit-heading{display:flex;justify-content:space-between;gap:.85rem;align-items:center}.initial-credit-value{font-size:1.75rem;font-weight:600;color:#0f172a}.initial-credit-meta{font-size:.85rem;color:#475569}.initial-credit-description,.initial-credit-loading{color:#475569;font-size:.95rem}.initial-credit-form{display:flex;flex-direction:column;gap:.65rem}.initial-credit-form label{font-weight:600;font-size:.9rem;color:#1e293b}.initial-credit-input{padding:.65rem .85rem;border-radius:.65rem;border:1px solid rgba(99,102,241,.45);font-size:1rem}.initial-credit-input:focus{outline:none;border-color:#4c1d95;box-shadow:0 0 0 3px #6366f140}.initial-credit-actions{display:flex;gap:.75rem;flex-wrap:wrap}.inline-notice.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.mode-cta-button{align-self:flex-start;padding:.55rem 1.1rem;border-radius:.75rem;border:1px solid rgba(99,102,241,.25);background:#6366f114;color:#312e81;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-cta-button.primary{background:linear-gradient(135deg,#4338ca,#6366f1);border:none;color:#fff;box-shadow:0 18px 30px -16px #4f46e5a6}.mode-cta-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px -16px #0f172a59}.mode-cta-button.primary:hover{box-shadow:0 22px 36px -18px #4f46e599}.section-card-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ghost-btn{border:1px solid rgba(99,102,241,.35);background:#6366f114;color:#3730a3;border-radius:.75rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ghost-btn:hover{background:#4c1d951f}.credit-management-content{display:flex;flex-direction:column;gap:1.75rem;width:100%}.credit-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;width:100%}.credit-single,.credit-bulk{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;width:100%;margin-top:1.75rem}.credit-single .history-card,.credit-bulk .history-card,.credit-bulk .section-card:first-child{grid-column:1 / -1}.section-card{background:#fff;padding:1.75rem;border-radius:1rem;box-shadow:0 12px 24px -18px #0f172a66;border:1px solid rgba(148,163,184,.25);width:100%;display:flex;flex-direction:column;gap:1rem}.section-card h3{margin:0;color:#0f172a;font-size:1.2rem;font-weight:600}.section-helper{margin:-.5rem 0 .5rem;color:#64748b;font-size:.9rem}.inline-notice{margin-top:.75rem;padding:.6rem .85rem;border-radius:.6rem;background:#f8fafc;color:#475569;font-size:.85rem;border:1px dashed #d8dee9}.history-card{margin-bottom:1rem}.user-search{width:100%}.user-search label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.search-container{position:relative;width:100%}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 .5rem .5rem;max-height:400px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px #0000001a}.search-loading,.search-error,.no-results{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.search-error{color:#dc2626}.retry-btn-small{margin-left:.5rem;padding:.25rem .5rem;background:var(--brand-blue-500);color:#fff;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer}.user-list{width:100%}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s ease;width:100%}.user-item:hover{background-color:#f8fafc}.user-item:last-child{border-bottom:none}.user-info{flex:1}.user-name{font-weight:500;color:#1e293b;font-size:.875rem}.user-email{color:#64748b;font-size:.75rem;margin:.25rem 0}.user-credits{color:#059669;font-size:.75rem;font-weight:500}.user-role{color:#7c3aed;font-size:.75rem;font-weight:500}.user-status{padding:.25rem .5rem;border-radius:1rem;font-size:.625rem;font-weight:600;text-transform:uppercase}.user-status.active{background:#dcfce7;color:#166534}.user-status.inactive{background:#fef2f2;color:#991b1b}.search-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;border-top:1px solid #f1f5f9;background:#f8fafc}.page-btn-small{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500}.page-btn-small:hover:not(:disabled){background:#f3f4f6}.page-btn-small:disabled{opacity:.5;cursor:not-allowed}.page-info-small{font-size:.75rem;color:#6b7280}.selected-user{margin-top:1rem;padding:.75rem;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;font-size:.875rem;color:#0c4a6e}.credit-transaction-form{width:100%}.transaction-form-placeholder{text-align:center;padding:2rem;color:#6b7280;background:#f8fafc;border-radius:.5rem;border:1px dashed #d1d5db}.read-only-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;padding:1rem;margin:1rem 0;color:#92400e;font-size:.875rem;line-height:1.5}.read-only-notice strong{color:#78350f}.selected-user-info{background:#f8fafc;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.selected-user-info h4{margin:0 0 .5rem;color:#1e293b;font-size:1rem;font-weight:600}.selected-user-info p{margin:.25rem 0;color:#64748b;font-size:.875rem}.form-group{margin-bottom:1rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-select,.form-input,.form-textarea{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;transition:border-color .2s ease}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e6eff1f}.form-textarea{resize:vertical;min-height:80px}.error-message{color:#dc2626;font-size:.875rem;margin:.5rem 0;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.form-actions{margin-top:1.5rem}.submit-btn{background:linear-gradient(135deg,var(--brand-blue-500) 0%,var(--brand-blue-600) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;width:100%}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e6eff59}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.transaction-preview{margin-top:1rem;padding:.75rem;background:#fffbeb;border:1px solid #f59e0b;border-radius:.5rem;font-size:.875rem;color:#92400e}.credit-transaction-history{width:100%}.transactions-table{width:100%;overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse;min-width:900px}.transactions-table th{background:#f8fafc;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.transactions-table td{padding:.75rem;border-bottom:1px solid #f1f5f9;vertical-align:top;font-size:.875rem}.transaction-row:hover{background-color:#f8fafc}.transaction-type{padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.transaction-type.credit-add{background:#dcfce7;color:#166534}.transaction-type.credit-deduct{background:#fef2f2;color:#991b1b}.amount.credit-add{color:#059669;font-weight:600}.amount.credit-deduct{color:#dc2626;font-weight:600}.balance-info{display:flex;align-items:center;font-size:.875rem}.balance-info .balance{color:#1e293b;font-weight:600}.balance-change{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.balance-change .previous{color:#6b7280}.balance-change .arrow{color:#9ca3af}.balance-change .new{color:#1e293b;font-weight:600}@media(max-width:37.5rem){.transactions-table table,.transactions-table thead,.transactions-table tbody,.transactions-table th,.transactions-table td,.transactions-table tr{display:block}.transactions-table th{display:none}.transactions-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a;width:100%}.transactions-table td{padding:.25rem 0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;width:100%}.transactions-table td:before{content:attr(data-label);font-weight:600;color:#374151;margin-right:1rem;flex-shrink:0}.balance-change{flex-direction:column;align-items:flex-end;gap:.25rem}.submit-btn{width:100%}}@media(min-width:48rem){.credit-management-grid{grid-template-columns:1fr 1fr;gap:2rem}.credit-single,.credit-bulk{grid-template-columns:repeat(2,minmax(320px,1fr));gap:2rem}.credit-single .history-card,.credit-bulk .history-card,.credit-bulk .section-card:first-child{grid-column:1 / -1}.submit-btn{width:auto;min-width:200px}}@media(min-width:64rem){.section-card{padding:2rem}}@media(min-width:90rem){.actions-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.analytics-page{padding:1.5rem}.analytics-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.analytics-stats .stat-card{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;flex:1;min-width:150px}.analytics-stats .stat-card h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.analytics-stats .stat-value{font-size:2rem;font-weight:700;color:#1f2937}.report-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:0 1.5rem 1rem}.report-filter-group{display:flex;flex-direction:column;gap:.25rem}.report-filter-group label{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.025em}.report-filter-group input{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff}.report-filter-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.filter-clear-button{padding:.5rem .8rem;border-radius:.375rem;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;color:#1f2937;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.filter-clear-button:hover{background:#f8fafc;border-color:#cbd5e1}.filter-clear-button:disabled{opacity:.5;cursor:not-allowed}.filter-error{margin:-.25rem 1.5rem .75rem;color:#dc2626;font-size:.8125rem}.link-button{background:none;border:none;color:#2563eb;padding:0;font:inherit;text-decoration:underline;cursor:pointer}.export-buttons{display:flex;gap:.5rem;margin-left:auto;align-items:center}.export-button{padding:.5rem .75rem;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;font-size:.75rem;font-weight:500;color:#1f2937;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.export-button:hover{background:#f8fafc;border-color:#94a3b8}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-error{margin:0 1.5rem .75rem;color:#dc2626;font-size:.8125rem}.preview-container video,.preview-container iframe{border-radius:.75rem;box-shadow:0 20px 45px -20px #0f172a66}.detail-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.detail-modal{background:#fff;border-radius:.75rem;width:min(1440px,95%);max-height:96vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #1e293b73}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.detail-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#475569}.detail-summary{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.detail-meta{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;flex:1}.detail-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.25rem}.detail-value{font-size:.9375rem;color:#1f2937;word-break:break-word}.detail-thumbnail{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;align-items:flex-start}.detail-thumbnail img{width:100%;max-width:420px;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 10px 25px -15px #0f172a66}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.preview-container{border:1px solid #e2e8f0;border-radius:.5rem;overflow:visible;background:#f8fafc;padding:1rem}.preview-container iframe{width:100%;height:clamp(420px,60vh,680px);border:none;background:#fff}.preview-container video{width:100%;height:auto;max-height:clamp(420px,60vh,720px);border-radius:.5rem}.detail-json pre{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:.5rem;font-size:.8125rem;overflow-x:auto}.detail-modal-error{color:#dc2626;font-size:.875rem}.analytics-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.analytics-table th.sortable .sort-indicator{margin-left:.35rem;font-size:.75rem;color:#94a3b8}.analytics-table th.sortable.sorted-asc .sort-indicator,.analytics-table th.sortable.sorted-desc .sort-indicator{color:#1f2937}.pagination-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:0 1.5rem 1rem}.pagination-summary{font-size:.875rem;color:#475569}.pagination-buttons{display:flex;gap:.5rem;align-items:center}.pagination-button{padding:.5rem .9rem;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;color:#1f2937;font-size:.8125rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.pagination-button:hover{background:#f8fafc;border-color:#3b82f6}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-page{font-size:.875rem;color:#1f2937}.analytics-table-container{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{background:#f8fafc;padding:.75rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e2e8f0}.analytics-table td{padding:.75rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#4b5563}.analytics-table tbody tr:hover{background:#f8fafc}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table .filename-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-table .sport-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;background:#dbeafe;color:#1e40af;border-radius:.25rem;text-transform:capitalize}.analytics-table .prompt-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#6b7280}.view-report-link{display:inline-block;padding:.375rem .75rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:.375rem;font-size:.75rem;font-weight:500;transition:background-color .15s ease}.view-report-link:hover{background:#2563eb;text-decoration:none}.refresh-button{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.refresh-button:hover{background:#059669}.retry-button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.retry-button:hover{background:#dc2626}.loading-container,.error-container{text-align:center;padding:2rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}@media(max-width:768px){.analytics-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-table{min-width:800px}.analytics-stats{flex-direction:column}.report-filters{flex-direction:column;align-items:stretch;padding:0 1rem 1rem}.filter-error{margin:-.25rem 1rem .75rem}.export-buttons{width:100%;justify-content:space-between}.export-button{flex:1}.filter-clear-button{width:100%}.detail-modal{width:100%;max-height:96vh}.preview-container iframe{height:clamp(300px,50vh,420px)}.preview-container video{max-height:clamp(300px,50vh,420px)}.pagination-controls{margin:0 1rem 1rem}}.report-navigation{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.report-nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap;min-width:fit-content}.report-nav-button:disabled{opacity:.6;cursor:not-allowed}.report-nav-button:hover{background:#f8fafc;border-color:#cbd5e1}.report-nav-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.report-nav-button .report-icon{font-size:1rem}.report-nav-button .report-name{font-weight:500}.report-content{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden}.report-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.report-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.report-header p{margin:0;color:#6b7280;font-size:.875rem}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.analytics-completed{background:#dcfce7;color:#166534}.status-badge.pending,.status-badge.processing{background:#fef3c7;color:#92400e}.status-badge.failed,.status-badge.error{background:#fef2f2;color:#991b1b}.status-badge.unknown{background:#f1f5f9;color:#64748b}@media(max-width:768px){.report-navigation{flex-direction:column;gap:.75rem}.report-nav-button{justify-content:center;text-align:center}.report-header{padding:1rem}.report-header h2{font-size:1.125rem}}.settings-page{padding:1.5rem}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.section-actions{display:flex;align-items:center;gap:1rem}.connection-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-connected{background:#dcfce7;color:#166534}.status-disconnected{background:#fef3c7;color:#92400e}.status-error{background:#fef2f2;color:#991b1b}.edit-button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.edit-button:hover{background:#2563eb}.database-form{display:flex;flex-direction:column;gap:1.5rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-help{font-size:.75rem;color:#6b7280;margin:0}.form-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.test-button{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.test-button:hover:not(:disabled){background:#059669}.save-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.save-button:hover:not(:disabled){background:#2563eb}.cancel-button{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.cancel-button:hover{background:#4b5563}.test-button:disabled,.save-button:disabled{opacity:.5;cursor:not-allowed}.test-result{padding:1rem;border-radius:.5rem;border:1px solid;margin-top:1rem}.test-result.success{background:#f0f9ff;border-color:#0ea5e9;color:#0c4a6e}.test-result.error{background:#fef2f2;border-color:#f87171;color:#991b1b}.test-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.test-result-icon{font-size:1rem}.test-result-message{font-weight:500}.test-result-details{margin-top:.75rem;padding:.75rem;background:#0000000d;border-radius:.375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;overflow-x:auto}.test-result-details pre{margin:0;white-space:pre-wrap}.save-message{padding:.75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;margin-top:1rem}.save-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.save-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.system-info{display:grid;grid-template-columns:1fr;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0}.info-item label{font-weight:500;color:#374151;font-size:.875rem}.info-item span{color:#6b7280;font-size:.875rem}@media(min-width:768px){.system-info{grid-template-columns:repeat(2,1fr)}.form-actions{flex-wrap:nowrap}}@media(min-width:1024px){.settings-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}}.login-page{min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,rgba(30,110,255,.35),transparent 60%),radial-gradient(800px 400px at 100% 0%,rgba(255,184,0,.25),transparent 60%),var(--brand-black);display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{display:flex;align-items:center;justify-content:center;max-width:1200px;width:100%}.login-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #0000001a;max-width:400px;width:100%;margin:0 auto}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;margin:0 0 .5rem;color:#1f2937}.login-header h2{font-size:1.5rem;margin:0 0 .5rem;color:#374151;font-weight:600}.login-header p{color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem}.form-group input{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;opacity:.6}.login-button,.register-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-button:hover,.register-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.login-button:disabled,.register-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-size:inherit}.link-button:hover{color:#1d4ed8}.register-form-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.register-header{text-align:center;margin-bottom:1.5rem}.register-header h3{margin:0 0 .5rem;color:#1f2937}.register-header p{margin:0;color:#6b7280;font-size:.875rem}.register-form{display:flex;flex-direction:column;gap:1rem}.password-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem}.login-info{background:#ffffff1a;border-radius:1rem;padding:2rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-list h3{margin:0 0 1rem;font-size:1.25rem}.feature-list ul{list-style:none;padding:0;margin:0}.feature-list li{padding:.5rem 0;font-size:1rem}.user-details{display:flex;flex-direction:column;align-items:flex-end;margin-right:.75rem}.user-name{font-weight:600;font-size:.875rem}.user-role{font-size:.75rem;opacity:.8;text-transform:capitalize}.user-menu{position:relative}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:600}.user-avatar:hover{background:#ffffff4d;transform:translateY(-1px)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb;min-width:200px;z-index:1000}.user-dropdown-header{padding:1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:.5rem .5rem 0 0}.user-dropdown-header strong{display:block;color:#1f2937;font-size:.875rem}.user-dropdown-header small{color:#6b7280;font-size:.75rem}.user-dropdown-content{padding:.5rem}.dropdown-item{width:100%;padding:.75rem;text-align:left;background:none;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;color:#374151}.dropdown-item:hover{background:#f3f4f6}.logout-item{color:#dc2626}.logout-item:hover{background:#fef2f2}.dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.access-denied-content{text-align:center;background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;max-width:400px}.access-denied-content h2{color:#dc2626;margin-bottom:1rem}@media(min-width:768px){.login-card{margin:0}}.user-container{display:flex;align-items:center;gap:.75rem}.logout-button{padding:.5rem 1rem;background:#fff3;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.logout-button:hover{background:#ffffff4d;transform:translateY(-1px)}@media(max-width:768px){.detail-modal{width:100%;max-height:95vh}.preview-container iframe,.preview-container video{height:380px}}.bulk-credit-upload{display:flex;flex-direction:column;gap:1.5rem;width:100%}.bulk-credit-upload .help-text{margin:0;font-size:.9rem;color:#475569;line-height:1.6}.bulk-credit-upload .help-text code{background:#e2e8f0;border-radius:.5rem;padding:.1rem .45rem;color:#1f2937;font-size:.85rem}.bulk-credit-upload .info-notice{border:1px solid rgba(99,102,241,.35);background:linear-gradient(135deg,#4f46e51f,#818cf82e);border-radius:.85rem;padding:1.1rem 1.4rem;color:#312e81;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 12px 24px -18px #0f172a59}.bulk-credit-upload .info-notice strong{font-size:.9rem;letter-spacing:.01em;color:#1e1b4b}.bulk-credit-upload .info-notice pre{margin:0;background:#0f172a;color:#e2e8f0;border-radius:.65rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;overflow-x:auto}.bulk-credit-upload .sample-download{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(99,102,241,.4);background:#e0e7ffe6;color:#3730a3;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.bulk-credit-upload .sample-download:hover{background:#eef2ff;border-color:#4f46e5cc;transform:translateY(-1px);box-shadow:0 12px 24px -18px #4f46e599}.bulk-credit-upload .sample-download:active{transform:translateY(0);box-shadow:none}.bulk-credit-upload .sample-download:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.bulk-credit-form{display:flex;flex-direction:column;gap:1.5rem}.bulk-credit-form .form-group{margin-bottom:0}.bulk-credit-form .form-row{display:flex;gap:1.25rem;flex-wrap:wrap}.bulk-credit-form .form-row .form-group{flex:1;min-width:240px}.bulk-credit-form .file-picker{position:relative;display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:.9rem;border:1px dashed rgba(99,102,241,.55);background:#eef2ffd9;cursor:pointer;transition:all .2s ease}.bulk-credit-form .file-picker:hover{border-style:solid;border-color:#4f46e5bf;background:#eef2ff;box-shadow:0 14px 28px -20px #4f46e5d9}.bulk-credit-form .file-picker input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.bulk-credit-form .file-picker .file-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:600;font-size:.85rem;padding:.55rem 1.25rem;border-radius:999px;box-shadow:0 14px 28px -20px #4f46e5f2;transition:transform .2s ease,box-shadow .2s ease}.bulk-credit-form .file-picker:hover .file-button{transform:translateY(-1px);box-shadow:0 16px 32px -20px #4f46e5e6}.bulk-credit-form .file-picker .file-name{flex:1;min-width:0;font-size:.875rem;color:#4338ca;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-credit-form .file-picker input[type=file]:disabled{cursor:not-allowed}.bulk-credit-form .file-picker input[type=file]:disabled~.file-button,.bulk-credit-form .file-picker input[type=file]:disabled~.file-name{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.bulk-credit-form .radio-group{display:inline-flex;flex-wrap:wrap;gap:.6rem;padding:.4rem;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:#eef2ffd9}.bulk-credit-form .radio-option{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1.15rem;border-radius:999px;color:#4338ca;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-credit-form .radio-option:hover{background:#818cf833}.bulk-credit-form .radio-option input{position:absolute;inset:0;opacity:0;pointer-events:none}.bulk-credit-form .radio-option span{pointer-events:none}.bulk-credit-form .radio-option.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 16px 32px -24px #4f46e5f2}.bulk-credit-form .radio-option.active:hover{background:linear-gradient(135deg,#4338ca,#4f46e5)}.bulk-credit-form .radio-option.disabled{opacity:.5;cursor:not-allowed}.bulk-credit-form .form-actions{display:flex;justify-content:flex-end}.bulk-credit-form .submit-btn{width:auto;min-width:180px;box-shadow:0 16px 32px -20px #1e6eff73}.bulk-credit-form .submit-btn:disabled{box-shadow:none}.bulk-result{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:1rem;border:1px solid #e2e8f0;background:#f8fafc}.bulk-result.success{border-color:#10b98173;background:#ecfdf5bf}.bulk-result.warning{border-color:#f59e0b80;background:#fef3c7cc}.bulk-result .summary strong{font-size:1rem;color:#0f172a}.bulk-result.warning .summary strong{color:#b45309}.bulk-result.success .summary strong{color:#047857}.bulk-result .summary p{margin:.25rem 0 0;color:#475569;font-size:.9rem;line-height:1.5}.bulk-result .error-list{padding:1rem;border-radius:.75rem;background:#fee2e299;border:1px solid rgba(248,113,113,.45);color:#991b1b}.bulk-result .error-list h4{margin:0 0 .75rem;font-size:.95rem}.bulk-result .error-list ul{margin:0;padding-left:1rem;font-size:.85rem;line-height:1.5}.bulk-result .result-table-wrapper{width:100%;overflow-x:auto;border-radius:.85rem;border:1px solid rgba(148,163,184,.35);background:#fff}.bulk-result .result-table{width:100%;border-collapse:collapse;min-width:720px}.bulk-result .result-table th,.bulk-result .result-table td{padding:.75rem 1rem;text-align:left;font-size:.85rem;color:#1f2937;border-bottom:1px solid rgba(226,232,240,.65)}.bulk-result .result-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f1f5f9d9}.bulk-result .result-table tbody tr.success{background:#ecfdf5bf}.bulk-result .result-table tbody tr.error{background:#fee2e2bf}.bulk-result .result-table tbody tr:hover{background:#e2e8f059}.bulk-result .result-table tbody td:last-child{min-width:180px}@media(max-width:768px){.bulk-credit-form .form-row{flex-direction:column}.bulk-credit-form .submit-btn{width:100%}.bulk-result .result-table{min-width:600px}}.analytics-mode-toggle{display:flex;gap:12px;margin-bottom:16px}.analytics-mode-toggle .mode-button{padding:10px 18px;border-radius:999px;border:1px solid transparent;background:#94a3b826;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s ease}.analytics-mode-toggle .mode-button:hover{border-color:#2563eb66}.analytics-mode-toggle .mode-button.active{background:#1d4ed8;color:#fff;box-shadow:0 10px 30px #2563eb59}.analytics-overview{display:flex;flex-direction:column;gap:24px}.analytics-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.analytics-overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:20px;box-shadow:0 10px 30px #0f172a0d}.analytics-overview-card .summary-label{font-size:.85rem;color:#6b7280;margin-bottom:4px}.analytics-overview-card .summary-value{font-size:1.6rem;font-weight:600;color:#0f172a}.analytics-overview-card .summary-helper{font-size:.85rem;color:#94a3b8}.analytics-overview-links{display:flex;flex-direction:column;gap:12px;margin-top:16px}.analytics-overview-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:12px;border:1px solid rgba(148,163,184,.4);padding:12px 16px;background:#f8fafcd9;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.analytics-overview-link:hover{border-color:#2563eb;transform:translateY(-1px)}.analytics-overview-link .link-content{flex:1;display:flex;flex-direction:column;gap:2px}.analytics-overview-link small{color:#64748b;font-size:.8rem}.analytics-overview-link .link-arrow{opacity:.5}.matomo-page{display:flex;flex-direction:column;gap:24px}.matomo-header-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.matomo-header-actions label{font-size:.8rem;color:#4b5563;display:flex;flex-direction:column;gap:4px}.date-range-picker{position:relative;min-width:240px}.date-range-toggle{width:100%;text-align:left;border:1px solid #e2e8f0;border-radius:.75rem;padding:10px 14px;background:#fff;color:#0f172a;display:flex;flex-direction:column;gap:4px;font-size:.85rem}.date-range-toggle strong{font-size:.95rem;font-weight:600;color:#1d4ed8}.date-range-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 60px #0f172a2e;padding:16px;min-width:520px}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-nav .nav-btn{border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;width:32px;height:32px;font-size:1rem}.calendar-nav .nav-labels{display:flex;flex-direction:column;gap:2px;font-weight:600;color:#0f172a}.calendar-body{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px}.calendar-month-label{font-weight:600;color:#1e293b;margin-bottom:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,32px);gap:4px;font-size:.8rem}.calendar-weekday{text-align:center;color:#94a3b8;font-weight:600}.calendar-day{width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:#0f172a;cursor:pointer;transition:background .2s,color .2s}.calendar-day:hover{background:#e0f2fe}.calendar-day.muted{color:#cbd5f5}.calendar-day.disabled{color:#cbd5f5;cursor:not-allowed}.calendar-day.selected{background:#2563eb;color:#fff}.calendar-day.in-range:not(.selected){background:#2563eb26}.quick-ranges{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.8rem;color:#475569}.quick-ranges button{border:1px solid #e2e8f0;border-radius:999px;padding:4px 12px;background:#f8fafc;font-size:.8rem}.matomo-header-actions select{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1f2937;min-width:140px}.matomo-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.matomo-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:18px;box-shadow:0 10px 30px #0f172a0d}.matomo-summary-card .summary-label{font-size:.85rem;color:#6b7280;margin-bottom:4px}.matomo-summary-card .summary-value{font-size:1.8rem;font-weight:600;color:#0f172a}.matomo-summary-card .summary-helper{font-size:.85rem;color:#94a3b8}.matomo-trends-card table{margin-top:12px}.matomo-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.matomo-journey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.matomo-journey-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#f8fafcd9}.journey-label{font-size:.85rem;color:#64748b;margin-bottom:6px}.journey-value{font-size:1.5rem;font-weight:600;color:#0f172a}.journey-helper{font-size:.85rem;color:#94a3b8}.matomo-funnel{display:flex;flex-direction:column;gap:16px}.matomo-funnel-step{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff;box-shadow:0 10px 30px #0f172a08}.funnel-step-header,.funnel-step-footer{display:flex;justify-content:space-between;font-size:.85rem;color:#475569}.funnel-step-label{font-weight:600;color:#0f172a}.funnel-step-value{font-weight:600;color:#2563eb}.funnel-bar{margin:10px 0;height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.funnel-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#38bdf8)}.funnel-step-footer span:last-of-type{color:#0ea5e9}.matomo-funnel-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.matomo-funnel-summary-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#fff;box-shadow:0 20px 45px #0f172a0d;display:flex;flex-direction:column;gap:12px}.funnel-summary-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.funnel-summary-heading h4{margin:0;font-size:1rem;color:#0f172a}.funnel-summary-rate{font-weight:600;color:#2563eb}.funnel-summary-steps{display:flex;flex-direction:column;gap:8px}.funnel-summary-step{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.funnel-summary-step:last-of-type{border-bottom:none}.step-index{width:28px;height:28px;border-radius:999px;background:#e0f2fe;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#0369a1}.funnel-summary-step small{color:#94a3b8;display:block}.funnel-summary-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.funnel-summary-actions small{display:block;color:#94a3b8}.funnel-summary-actions strong{display:block;color:#0f172a;font-size:1.1rem}.matomo-funnel-detail .detail-modal-body{gap:1.5rem}.funnel-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.funnel-detail-summary span{display:block;color:#94a3b8;font-size:.85rem}.funnel-detail-summary strong{font-size:1.4rem;color:#0f172a}.matomo-funnel-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.matomo-funnel-report-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.funnel-report-heading{display:flex;gap:12px;align-items:center}.funnel-report-heading strong{display:block;font-size:1rem;color:#0f172a}.funnel-report-heading small{color:#94a3b8;font-size:.85rem}.funnel-report-stats{display:flex;justify-content:space-between;gap:12px}.funnel-report-stats>div{display:flex;flex-direction:column;gap:2px}.funnel-report-stats small{color:#94a3b8}.funnel-report-stats strong{color:#0f172a}.matomo-visit-log-panel{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#fff}.matomo-visit-log-actions{display:flex;gap:8px}.matomo-table-wrapper{overflow-x:auto;margin-top:12px}.matomo-table{width:100%;border-collapse:collapse}.matomo-table thead th{text-align:left;padding:10px 8px;font-size:.85rem;letter-spacing:.02em;color:#64748b;border-bottom:1px solid #e2e8f0}.matomo-table tbody td{padding:12px 8px;border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:.95rem}.matomo-page-cell{display:flex;flex-direction:column;gap:2px}.matomo-page-cell a{font-size:.85rem;color:#2563eb;text-decoration:none;word-break:break-all}.matomo-page-cell a:hover{text-decoration:underline}.matomo-table tbody tr:hover{background:#f8fafc}.capitalize{text-transform:capitalize}