body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#f0f2f5;font-family:Arial,sans-serif;min-height:100vh;text-align:center}.container{padding:20px}.content-wrapper{display:flex;flex-direction:column;gap:20px}.content-wrapper.public-view{margin:0 auto;max-width:1100px}.lap-time-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}h2{align-items:center;color:#333;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:0}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;padding:10px}.last-updated{margin-bottom:20px}.no-results{background-color:#f9f9f9;border-radius:4px;color:#666;font-style:italic;margin-top:20px;padding:30px}footer{background-color:#333;color:#fff;margin-top:40px;padding:20px}.footer-note{font-size:.9rem;margin-top:10px}@media (min-width:768px){.content-wrapper:not(.public-view){flex-direction:row}.lap-time-form-section{flex:1 1}.lap-time-table-section{flex:2 1}}.table-header{margin-bottom:15px}.table-header,.table-header h2{display:flex;flex-direction:column}.table-header h2{align-items:center;margin:0 0 5px}.selected-filter{color:#666;font-size:.85em;font-weight:400;margin-top:5px}.last-updated{color:#666;font-size:.9rem;font-style:italic;text-align:right}@media (max-width:768px){.table-header{text-align:center}.table-header h2{margin-bottom:10px}.last-updated{text-align:center}}.App.dark-mode{background:#1a1f2e}.App.dark-mode .container,.App.dark-mode h2{color:#e0e0e0}.App.dark-mode .selected-filter{color:#999}.App.dark-mode .last-updated{color:#888}.App.dark-mode .no-results{background-color:#252b3b;color:#999}.App.dark-mode .error-message{background-color:#3b1a1a;color:#ff8a8a}.App.light-mode{background:#f0f2f5}.header-home-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:20px;height:38px;justify-content:center;left:20px;position:absolute;text-decoration:none;transition:background .2s;width:38px}.header-home-btn:hover{background:#fff3}.theme-toggle-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;position:absolute;right:20px;transition:background .2s;width:38px}.theme-toggle-btn:hover{background:#fff3}.site-header{align-items:center;background:linear-gradient(135deg,#2d3340,#1a1f2e);border-bottom:2px solid #ff6b35;display:flex;justify-content:center;margin-bottom:0;padding:16px 0;position:relative}.main-logo{height:44px;margin-right:15px}.site-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0}.layout-container{display:flex;gap:20px;margin:20px 0}.center-column{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.dark-mode .center-column{background:#252b3b;box-shadow:0 2px 8px #0000004d}.left-column,.right-column{align-items:center;display:flex;flex-direction:column;width:160px}.partner-logo,.sponsor-logo{height:auto;margin-bottom:20px;max-height:80px;max-width:130px;object-fit:contain;width:auto}.partner-logos-container,.sponsor-logos-container{align-items:center;display:flex;flex-direction:column;gap:20px}.partner-logo-wrapper,.sponsor-logo-wrapper{align-items:center;display:flex;height:80px;justify-content:center;width:100%}.three-column-layout .center-column{flex:1 1}.left-and-center-layout{display:flex;gap:20px}.left-and-center-layout .left-column{width:150px}.left-and-center-layout .center-column{flex:1 1}.center-and-right-layout{display:flex;gap:20px}.center-and-right-layout .center-column{flex:1 1}.center-and-right-layout .right-column{width:150px}.center-only-layout .center-column{width:100%}@media (max-width:992px){.three-column-layout{display:grid;grid-template-areas:"left center" "right center";grid-template-columns:150px 1fr}.three-column-layout .left-column{grid-area:left}.three-column-layout .center-column{grid-area:center}.three-column-layout .right-column{grid-area:right;margin-top:20px}}@media (max-width:768px){.center-and-right-layout,.left-and-center-layout,.three-column-layout{display:grid}.three-column-layout{gap:10px;grid-template-areas:"left right" "center center";grid-template-columns:1fr 1fr}.left-and-center-layout{grid-template-areas:"left" "center";grid-template-columns:1fr}.center-and-right-layout{grid-template-areas:"right" "center";grid-template-columns:1fr}.left-column,.right-column{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}.partner-logo,.sponsor-logo{margin:10px}.center-column{margin-top:20px}.site-header{flex-direction:column;text-align:center}.main-logo{margin-bottom:10px;margin-right:0}.partner-logos-container,.sponsor-logos-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.partner-logo-wrapper,.sponsor-logo-wrapper{height:auto;margin:10px;width:auto}}@media (max-width:480px){.three-column-layout{grid-template-areas:"logos" "center";grid-template-columns:1fr}.three-column-layout .left-column{grid-area:logos;width:100%}.three-column-layout .right-column{display:none}.center-column{padding:15px 10px}.partner-logo,.sponsor-logo{max-width:80px}}@media screen and (min-width:1600px) and (max-height:1200px){.left-column,.right-column{width:200px}.partner-logo,.sponsor-logo{max-height:100px;max-width:170px}.main-logo{height:52px}.site-title{font-size:28px}}@media screen and (min-width:2500px) and (min-height:1400px) and (max-height:2500px){.left-column,.right-column{width:320px}.partner-logo,.sponsor-logo{max-height:160px;max-width:280px}.partner-logo-wrapper,.sponsor-logo-wrapper{height:140px}.site-header{padding:24px 0}.main-logo{height:72px;margin-right:24px}.site-title{font-size:40px}}@media screen and (max-width:1200px) and (min-height:1600px){.left-column,.right-column{flex-direction:row;justify-content:center;width:auto}.partner-logo,.sponsor-logo{max-height:80px;max-width:160px}.layout-container{flex-direction:column}}@media screen and (min-width:1800px) and (min-height:3000px){.left-column,.right-column{flex-direction:row;justify-content:center;width:auto}.partner-logo,.sponsor-logo{max-height:140px;max-width:300px}.main-logo{height:80px}.site-title{font-size:48px}}.display-kiosk *{cursor:none!important}.display-live-indicator{animation:pulse-live 2s ease-in-out infinite;background:#22c55e;border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media screen and (min-width:1600px) and (max-width:2500px) and (min-height:900px) and (max-height:1200px){.public-board-main{max-width:100%!important;padding:20px 24px!important}.leaderboard-title{font-size:20px!important}.logo-panel{width:180px!important}.logo-panel img{max-height:140px!important;max-width:160px!important}}@media screen and (min-width:900px) and (max-width:1200px) and (min-height:1600px){.public-board-main{max-width:100%!important;padding:16px!important}.leaderboard-layout{flex-direction:column!important}.logo-panel{flex-direction:row!important;justify-content:center!important;padding:16px!important;width:100%!important}.logo-panel img{max-height:80px!important;max-width:200px!important}.leaderboard-title{font-size:22px!important}}@media screen and (min-width:2500px) and (min-height:1400px) and (max-height:2500px){.public-board-main{max-width:100%!important;padding:40px 48px!important}.leaderboard-title{font-size:32px!important}.leaderboard-updated{font-size:18px!important}.leaderboard-header-bar{padding:24px 32px!important}.logo-panel{border-radius:16px!important;padding:20px!important;width:280px!important}.logo-panel img{max-height:200px!important;max-width:240px!important}.branded-header{padding:36px 48px!important}.branded-header h1{font-size:40px!important}.lap-time-table td,.lap-time-table th{font-size:26px!important;padding:24px 32px!important}.lap-time-table th{font-size:22px!important}.lap-time-table td:first-child{font-size:30px!important;width:100px!important}.lap-time-table .lap-time{font-size:28px!important}.filter-panel{padding:20px 24px!important}.filter-item label{font-size:18px!important}.filter-item select{border-radius:8px!important;font-size:20px!important;padding:18px 20px!important}}@media screen and (min-width:1800px) and (max-width:2500px) and (min-height:3000px){.public-board-main{max-width:100%!important;padding:32px!important}.leaderboard-layout{flex-direction:column!important}.logo-panel{flex-direction:row!important;justify-content:center!important;padding:24px!important;width:100%!important}.logo-panel img{max-height:120px!important;max-width:300px!important}.leaderboard-title{font-size:36px!important}.leaderboard-updated{font-size:20px!important}.lap-time-table td,.lap-time-table th{font-size:30px!important;padding:28px 24px!important}.lap-time-table th{font-size:24px!important}.lap-time-table .lap-time{font-size:32px!important}.filter-item select{font-size:22px!important;padding:20px!important}}@media screen and (min-height:900px){.public-board-root{min-height:100vh}.public-board-root main{flex:1 1}}@media screen and (max-width:768px){.qr-overlay{display:none!important}}@media screen and (min-width:2500px) and (min-height:1400px) and (max-height:2500px){.qr-overlay{border-radius:16px!important;padding:24px!important}.qr-overlay svg{height:200px!important;width:200px!important}.qr-overlay span{font-size:14px!important}}@media screen and (min-width:1800px) and (max-width:2500px) and (min-height:3000px){.qr-overlay{border-radius:16px!important;padding:28px!important}.qr-overlay svg{height:240px!important;width:240px!important}.qr-overlay span{font-size:16px!important}}@media screen and (min-width:3800px) and (max-height:1200px){.logo-panel{width:320px!important}.logo-panel img{max-height:240px!important;max-width:280px!important}}.lap-time-table-container{overflow-x:auto}.lap-time-table{border-collapse:collapse;width:100%}.lap-time-table td,.lap-time-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.lap-time-table th{font-size:.85em;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lap-time-table tbody tr{transition:background-color .15s ease}.lap-time-table .lap-time{font-family:Courier New,monospace;font-weight:700}.lap-time-table .no-data{color:#999;font-style:italic;padding:40px 20px;text-align:center}.lap-time-table td:first-child{font-weight:700;text-align:center;width:60px}.lap-time-table th:first-child{text-align:center;width:60px}.lap-row{cursor:pointer}.lap-row:hover{filter:brightness(.95)}.lap-row.expanded,.lap-row.expanded td{border-bottom:none}.detail-row td{border-bottom:1px solid #eee;padding:0!important}.detail-content{display:flex;flex-wrap:wrap;font-size:.88em;gap:16px 32px;padding:10px 20px 12px}.detail-item{align-items:center;display:flex;gap:6px}.detail-label{font-size:.85em;letter-spacing:.3px;opacity:.6;text-transform:uppercase}.detail-value{font-weight:500}.sector-times{display:flex;gap:12px}.sector{font-family:Courier New,monospace;font-size:.95em}.detail-loading{font-style:italic;opacity:.6;padding:10px 20px}.dark-mode .lap-row:hover{filter:brightness(1.1)}.dark-mode .detail-row td,.dark-mode .lap-time-table td,.dark-mode .lap-time-table th{border-bottom:1px solid #3d4556}.dark-mode .lap-time-table .lap-time,.dark-mode .sector{color:#ff9b6b}@media screen and (min-width:1200px) and (min-height:700px){.lap-time-table td,.lap-time-table th{font-size:17px;padding:14px 18px}.lap-time-table th{font-size:15px}}@media screen and (min-width:1800px){.lap-time-table td,.lap-time-table th{font-size:20px;padding:18px 24px}.lap-time-table th{font-size:17px}.lap-time-table td:first-child{font-size:22px;width:80px}.lap-time-table .lap-time{font-size:22px}}@media screen and (max-width:1100px) and (min-height:1400px){.lap-time-table td,.lap-time-table th{font-size:18px;padding:16px 12px}.lap-time-table th{font-size:15px}.lap-time-table .lap-time{font-size:20px}}@media screen and (max-width:600px){.lap-time-table td,.lap-time-table th{font-size:13px;padding:8px 6px}.lap-time-table td:first-child{width:36px}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#333;height:40px;margin-bottom:15px;width:40px}.loading-spinner-container p{color:#666;font-style:italic}.filter-panel{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:0;padding:15px}.filter-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:0}.filter-item{display:flex;flex:1 1;flex-direction:column;min-width:180px}.filter-item label{color:#555;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.filter-item select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 35px 10px 10px;transition:border-color .2s}.filter-item select:hover{border-color:#bbb}.filter-item select:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3526;outline:none}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.filter-badge{align-items:center;background-color:#fff3ed;border-radius:16px;color:#c2410c;display:inline-flex;font-size:12px;font-weight:500;padding:5px 12px}.filter-badge .clear-filter{cursor:pointer;font-weight:700;margin-left:5px}.dark-mode .filter-panel{background-color:#252b3b;box-shadow:0 1px 3px #0000004d}.dark-mode .filter-item label{color:#aaa}.dark-mode .filter-item select{background-color:#1a1f2e;border-color:#3d4556;color:#e0e0e0}.dark-mode .filter-item select:hover{border-color:#5a6275}.dark-mode .filter-badge{background-color:#3d2a1a;color:#ff9b6b}@media (max-width:768px){.filter-container{flex-direction:column}.filter-item{min-width:0;width:100%}}@media screen and (min-width:1200px) and (min-height:700px){.filter-panel{border-radius:10px;padding:12px 16px}.filter-item select{font-size:15px;padding:12px 14px}}@media screen and (max-width:1100px) and (min-height:1400px){.filter-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.filter-item{min-width:0}.filter-item select{font-size:16px;padding:14px 12px}}.audio-commentary-panel{background:#555;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;margin:10px 0;padding:10px 20px}.commentary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.commentary-header h3{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin:0}.header-controls{align-items:center;display:flex;gap:10px}.license-manage-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:background .2s}.license-manage-button:hover{background:#ffffff1a}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ffffff4d;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.commentary-controls{border-top:1px solid #fff3;gap:20px;margin-top:10px;padding-top:10px}.commentary-controls,.connection-status{align-items:center;display:flex}.status-indicator{align-items:center;background:#ffffff26;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;padding:3px 10px}.status-indicator.connected{animation:pulse 2s ease-in-out infinite;color:#4caf50}.status-indicator.disconnected{color:#ff5252}.volume-control{align-items:center;display:flex;flex:1 1;max-width:300px}.volume-control label{align-items:center;display:flex;font-size:.75rem;font-weight:400;gap:8px;width:100%}.volume-control input[type=range]{-webkit-appearance:none;background:#ffffff4d;border-radius:3px;flex:1 1;height:4px;outline:none}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:14px;width:14px}.volume-control input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:14px;width:14px}.volume-value{font-size:.75rem;font-weight:500;min-width:35px;text-align:right}.commentary-stats{align-items:center;display:flex;gap:5px}.stat-item{font-size:.75rem;gap:5px}.stat-label{font-size:.75rem;opacity:.9}.stat-value{font-size:.85rem;font-weight:600}.last-commentary{background:#ffffff26;border-left:4px solid gold;border-radius:6px;margin-top:15px;padding:12px}.last-commentary strong{display:block;font-size:.9rem;margin-bottom:6px}.last-commentary p{font-size:1rem;line-height:1.4;margin:0}.commentary-info{background:#ffffff14;border-radius:4px;margin-top:10px;padding:8px 12px;text-align:center}.commentary-info p{font-size:.75rem;line-height:1.3;margin:0;opacity:.9}.license-key-section{background:#ffffff14;border-radius:6px;margin-top:10px;padding:10px}.license-input-group{align-items:center;display:flex;gap:8px}.license-key-input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;flex:1 1;font-size:.85rem;outline:none;padding:8px 12px}.license-key-input:focus{background:#ffffff26;border-color:#fff9}.license-key-input::placeholder{color:#ffffff80}.clear-license-button,.input-key-button,.save-license-button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:all .2s}.save-license-button{background:#4caf50;color:#fff}.save-license-button:hover{background:#45a049}.clear-license-button{background:#fff3;color:#fff}.clear-license-button:hover{background:#ffffff4d}.input-key-button{background:#ffffffe6;color:#555}.input-key-button:hover{background:#fff}.license-error{background:#ff575733;border:2px solid #ff575780;border-radius:8px;padding:20px;text-align:center}.license-error-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.license-error .error-icon{font-size:3rem;margin-bottom:10px}.license-error strong{color:#ffebee;display:block;font-size:1.2rem;margin-bottom:10px}.license-error p{color:#ffcdd2;font-size:.95rem;line-height:1.5;margin:0 0 15px}.purchase-link-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.purchase-link-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.audio-commentary-panel{padding:15px}.commentary-header h3{font-size:1.1rem}.commentary-stats{flex-direction:column;gap:10px}.toggle-switch{height:28px;width:50px}.toggle-slider:before{height:22px;width:22px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}}.license-purchase-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.purchase-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;width:100%}.purchase-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}.purchase-header h1{font-size:2rem;font-weight:700;margin:0 0 10px}.purchase-header p{font-size:1.1rem;margin:0;opacity:.95}.features-section{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:30px}.features-section h3{color:#333;font-size:1.2rem;margin:0 0 15px}.features-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.features-list li{color:#555;padding:8px 0 8px 25px;position:relative}.features-list li:before{color:#667eea;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.pricing-section{padding:30px}.pricing-section h3{color:#333;font-size:1.2rem;margin:0 0 20px}.plan-options{display:flex;gap:15px;margin-bottom:20px}.plan-option{border:2px solid #e9ecef;border-radius:12px;cursor:pointer;flex:1 1;padding:20px;position:relative;transition:all .3s ease}.plan-option:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.plan-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.plan-option input[type=radio]{cursor:pointer;height:20px;position:absolute;right:15px;top:15px;width:20px}.plan-details{display:flex;flex-direction:column;gap:5px}.plan-name{color:#333;font-size:1.2rem;font-weight:600}.plan-price{color:#667eea;font-size:1.5rem;font-weight:700;margin:5px 0}.plan-description{color:#666;font-size:.9rem}.plan-badge{align-self:flex-start;background:gold;border-radius:12px;color:#333;display:inline-block;font-size:.8rem;font-weight:600;margin-top:8px;padding:4px 12px}.purchase-form{padding:0 30px 30px}.purchase-form .form-group{margin-bottom:20px}.purchase-form .form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.purchase-form .form-group input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.purchase-form .form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:5px}.error-message{background:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:.9rem;margin-bottom:20px;padding:12px}.checkout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.checkout-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.checkout-button:disabled{cursor:not-allowed;opacity:.6}.payment-methods{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px;text-align:center}.payment-methods p{color:#666;font-size:.9rem;margin:0 0 10px}.payment-icons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.payment-icons span{background:#f8f9fa;border-radius:6px;color:#666;font-size:.85rem;padding:6px 12px}.guarantee-section{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px 30px;text-align:center}.guarantee-section p{color:#666;font-size:.9rem;margin:0}@media (max-width:768px){.purchase-header h1{font-size:1.5rem}.plan-options{flex-direction:column}.features-list{grid-template-columns:1fr}.payment-icons{flex-direction:column;gap:8px}}.register-container{align-items:center;background:linear-gradient(135deg,#1a1f2e,#2d3340);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.register-card{animation:slideIn .4s ease-out;background:#252b3b;border:1px solid #3d4556;border-radius:12px;box-shadow:0 10px 40px #0006;max-width:500px;padding:3rem 2.5rem;width:100%}.register-card h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-align:center}.register-subtitle{color:#9ba3b5;font-size:.95rem;margin:0 0 2rem;text-align:center}.register-form{display:flex;flex-direction:column;gap:1.5rem}.register-form .form-group{display:flex;flex-direction:column;gap:.5rem}.register-form .form-group label{color:#fff;font-size:.9rem;font-weight:600}.register-form .form-group input[type=email],.register-form .form-group input[type=password],.register-form .form-group input[type=text]{background:#1a1f2e;border:2px solid #3d4556;border-radius:8px;color:#e0e0e0;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.register-form .form-group input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.register-form .form-group input.error{border-color:#dc3545}.register-form .form-group input:disabled{background:#1e2433;cursor:not-allowed;opacity:.6}.register-form .form-group small{color:#9ba3b5;font-size:.85rem}.checkbox-group{margin-top:.5rem}.register-form label.checkbox-label{align-items:flex-start;color:#9ba3b5;cursor:pointer;display:flex;font-size:.9rem;font-weight:400;gap:.75rem}.checkbox-label input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;height:18px;margin-top:.25rem;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-label a{color:#ff6b35;font-weight:600;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.register-card .error-message{color:#ff6b6b;font-size:.85rem;margin-top:-.25rem}.register-card .alert{border-radius:8px;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.register-card .alert-error{background:#3b1a1a;border:1px solid #5a2a2a;color:#ff8a8a}.register-form .btn-submit{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.9rem;transition:all .3s ease}.register-form .btn-submit:hover:not(:disabled){box-shadow:0 5px 20px #ff6b3566;transform:translateY(-2px)}.register-form .btn-submit:disabled{cursor:not-allowed;opacity:.6}.register-footer{border-top:1px solid #3d4556;margin-top:2rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#9ba3b5;font-size:.9rem;margin:0}.link-button{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.register-success{animation:slideIn .4s ease-out;background:#252b3b;border:1px solid #3d4556;border-radius:12px;box-shadow:0 10px 40px #0006;max-width:500px;padding:3rem 2rem;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 5px 20px #28a7454d;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.register-success h2{color:#fff;font-size:1.8rem;margin:0 0 1rem}.register-success p{color:#9ba3b5;font-size:1rem;line-height:1.6;margin:.5rem 0}.register-success p strong{color:#e0e0e0}.success-actions{margin-top:2rem}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 5px 20px #ff6b3566;transform:translateY(-2px)}@media (max-width:600px){.register-card{padding:2rem 1.5rem}.register-card h1{font-size:1.6rem}.register-success{padding:2rem 1.5rem}.success-icon{font-size:2rem;height:60px;width:60px}}.login-container{align-items:center;background:linear-gradient(135deg,#1a1f2e,#2d3340);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#252b3b;border:1px solid #3d4556;border-radius:12px;box-shadow:0 10px 40px #0006;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 10px}.login-header p{color:#9ba3b5;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form .form-group label{color:#fff;font-size:14px;font-weight:600}.login-form .form-group input{background:#1a1f2e;border:1px solid #3d4556;border-radius:6px;color:#e0e0e0;font-size:15px;padding:12px 16px;transition:all .2s}.login-form .form-group input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.login-form .form-group input:disabled{background-color:#1e2433;cursor:not-allowed;opacity:.6}.login-card .error-message{color:#ff6b6b;font-size:13px;margin-top:4px}.login-card .alert{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.login-card .alert-error{background-color:#3b1a1a;border:1px solid #5a2a2a;color:#ff8a8a}.login-card .alert-warning{background-color:#3b2e1a;border:1px solid #5a4a2a;color:#ffc170}.login-card .alert-success{background-color:#1a3b2a;border:1px solid #2a5a3a;color:#70ff8a}.verification-actions{margin-top:10px}.btn-resend{background:#0000;border:1px solid #ffc170;border-radius:4px;color:#ffc170;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.btn-resend:hover:not(:disabled){background:#ffc1701a}.btn-resend:disabled{cursor:not-allowed;opacity:.6}.resend-result{font-size:13px;margin-top:8px}.login-form .form-actions{display:flex;justify-content:flex-end;margin-top:-10px}.forgot-password-link{color:#ff6b35;font-size:14px;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#ff8c42;text-decoration:underline}.btn-submit{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .2s}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #ff6b3566;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #3d4556;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#9ba3b5;font-size:14px;margin:10px 0}.home-link,.register-link{color:#ff6b35;font-weight:500;text-decoration:none;transition:color .2s}.home-link:hover,.register-link:hover{color:#ff8c42;text-decoration:underline}@media (max-width:768px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h1{font-size:24px}}.dashboard-container{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:2rem}.dashboard-error,.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.spinner{border:4px solid #ffffff4d}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-title h1{color:#fff;font-size:2rem;margin:0 0 .5rem}.dashboard-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.dashboard-actions{display:flex;gap:1rem}.btn-secondary{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#fff3}.btn-secondary.btn-disabled{cursor:not-allowed;opacity:.4;position:relative}.upgrade-badge{border-radius:4px;display:inline-block;font-size:.65rem;letter-spacing:.5px;margin-left:6px;padding:2px 6px;vertical-align:middle}.btn-logout{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.btn-logout:hover{box-shadow:0 5px 20px #ff6b3566;transform:translateY(-2px)}.dashboard-content{background:#252b3b;border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.dashboard-tabs{background:#1e2433;border-bottom:2px solid #3d4556;display:flex;overflow-x:auto}.tab-button{align-items:center;background:#0000;border:none;color:#9ba3b5;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:1.25rem 2rem;position:relative;transition:all .3s ease}.tab-icon{font-size:1.2rem}.tab-button:hover{background:#ff6b351a;color:#ff6b35}.tab-button.active{background:#252b3b;color:#ff6b35}.tab-button.active:after{background:linear-gradient(90deg,#ff6b35,#ff8c42);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.dashboard-tab-content{color:#e0e0e0;min-height:500px;padding:2rem}.dashboard-stats{margin:0 auto;max-width:1200px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:linear-gradient(135deg,#2d3340,#353d50);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.stat-icon{align-items:center;background:#1a1f2e;border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .25rem}.stat-info p{color:#9ba3b5;font-size:.9rem;font-weight:600;margin:0}.stat-info small{color:#9ba3b5;font-size:.8rem}.last-session-card{background:linear-gradient(135deg,#2d3340,#353d50);border-radius:12px;box-shadow:0 10px 25px #0000004d;color:#fff;margin-bottom:2rem;padding:2rem}.last-session-card h3{font-size:1.5rem;margin:0 0 1.5rem}.last-session-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.session-detail{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.85rem;font-weight:600;opacity:.8}.detail-value{font-size:1.1rem;font-weight:600}.recent-laps-section{margin-top:2rem}.recent-laps-section h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.table-container{border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow-x:auto}.laps-table{background:#2d3340;border-collapse:collapse;width:100%}.laps-table thead{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.laps-table th{font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.laps-table td{border-bottom:1px solid #3d4556;color:#e0e0e0;padding:1rem}.laps-table tr.even-row{background:#353d50}.laps-table tr:hover{background:#ff6b351a}.time-cell{color:#ff6b35;font-weight:700}.badge-valid{background:#28a745}.badge-invalid,.badge-valid{border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.badge-invalid{background:#dc3545}.no-laps-message{color:#9ba3b5;padding:3rem;text-align:center}.token-management{margin:0 auto;max-width:1000px}.token-header h2{color:#fff;margin:0 0 .5rem}.token-subtitle{color:#9ba3b5;margin:0 0 2rem}.generate-token-card{background:linear-gradient(135deg,#2d3340,#353d50);border-radius:12px;margin-bottom:2rem;padding:2rem}.generate-token-card h3{color:#fff;margin:0 0 1rem}.generate-token-form{display:flex;gap:1rem;margin-bottom:1rem}.token-name-input{background:#1a1f2e;border:2px solid #3d4556;border-radius:8px;color:#e0e0e0;flex:1 1;font-size:1rem;padding:.75rem 1rem}.token-name-input:focus{border-color:#ff6b35;outline:none}.btn-generate{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-generate:hover{box-shadow:0 5px 15px #ff6b3566;transform:translateY(-2px)}.new-token-display{background:#fff;border:2px solid #ff6b35;border-radius:8px;margin-top:1rem;padding:1.5rem}.new-token-warning{color:#ff6b35;font-weight:600;margin:0 0 1rem}.token-value-box{align-items:center;background:#1a1f2e;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.token-value-box code{color:#ff9b6b;flex:1 1;font-family:Courier New,monospace;word-break:break-all}.btn-copy{background:#28a745;border:none;border-radius:6px;font-weight:600;padding:.5rem 1rem}.btn-copy,.btn-dismiss{color:#fff;cursor:pointer}.btn-dismiss{background:#6c757d;border:none;border-radius:8px;padding:.75rem 1.5rem}.tokens-list h3{color:#fff;margin:0 0 1.5rem}.tokens-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.token-card{background:#2d3340;border:1px solid #3d4556;border-radius:12px;padding:1.5rem;transition:all .3s ease}.token-card:hover{box-shadow:0 5px 15px #0000004d}.token-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.token-card-header h4{color:#fff;margin:0}.token-status{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.token-status.active{background:#28a745;color:#fff}.token-status.revoked{background:#dc3545;color:#fff}.token-card-body{display:flex;flex-direction:column;gap:.75rem}.token-detail{align-items:center;display:flex;gap:.5rem}.token-detail .detail-label{color:#9ba3b5;font-weight:600;min-width:100px}.token-detail .detail-value{color:#e0e0e0}.scopes{display:flex;flex-wrap:wrap;gap:.5rem}.scope-badge{background:#007bff;border-radius:12px;color:#fff;font-size:.85rem;padding:.25rem .75rem}.token-card-actions{border-top:1px solid #3d4556;margin-top:1rem;padding-top:1rem}.btn-revoke{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.btn-revoke:hover{background:#c82333}.token-help{background:#1e2433;border-radius:12px;margin-top:2rem;padding:1.5rem}.token-help h3{color:#fff;margin:0 0 1rem}.token-help ol{color:#9ba3b5;line-height:1.8;margin:0;padding-left:1.5rem}.account-settings{margin:0 auto;max-width:800px}.settings-header h2{color:#fff;margin:0 0 .5rem}.settings-subtitle{color:#9ba3b5;margin:0 0 2rem}.settings-section{background:#2d3340;border:1px solid #3d4556;border-radius:12px;margin-bottom:2rem;padding:2rem}.settings-section h3{color:#fff;margin:0 0 1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem}.info-item{background:#1e2433;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.info-label{color:#c0c7d4;font-weight:600}.info-value{color:#e0e0e0}.badge-verified{color:#28a745;font-weight:600}.badge-unverified{color:#dc3545;font-weight:600}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form .form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form label{color:#e0e0e0;font-weight:600}.settings-form input{background:#1a1f2e;border:2px solid #3d4556;border-radius:8px;color:#e0e0e0;font-size:1rem;padding:.75rem 1rem}.settings-form input:focus{border-color:#ff6b35;outline:none}.btn-save{align-self:flex-start;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-save:hover{box-shadow:0 5px 15px #ff6b3566;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.danger-zone{background:#dc35450d;border:2px solid #dc3545}.danger-text{color:#dc3545;margin-bottom:1rem}.btn-danger{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.alert{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.5}.alert-close:hover{opacity:1}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-actions{flex-direction:column;width:100%}.dashboard-tab-content{padding:1rem}.last-session-grid,.stats-grid{grid-template-columns:1fr}.generate-token-form{flex-direction:column}.table-container{font-size:.85rem}.laps-table td,.laps-table th{padding:.5rem}}.app-navbar{background:linear-gradient(135deg,#2d3340,#1a1f2e);border-bottom:2px solid #ff6b35;position:-webkit-sticky;position:sticky;top:0;z-index:200}.navbar-inner{gap:8px;height:56px;margin:0 auto;max-width:1400px;padding:0 20px}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{cursor:pointer;flex-shrink:0;gap:10px;margin-right:24px}.navbar-logo{height:30px}.navbar-title{color:#fff;font-size:16px;font-weight:700;white-space:nowrap}.navbar-links{align-items:center;display:flex;flex:1 1;gap:4px}.navbar-link{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffa6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.navbar-link:hover:not(:disabled){background:#ffffff14;color:#fff}.navbar-link.active{background:#ff6b3526;color:#ff6b35}.navbar-link-disabled{cursor:not-allowed!important;opacity:.5}.navbar-upgrade-badge{background:#ff6b35;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;line-height:1.4;padding:1px 5px;text-transform:uppercase}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.navbar-logout{align-items:center;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:6px;color:#ff6b35;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.navbar-logout:hover{background:#ff6b3533}.navbar-cta{background:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s}.navbar-cta:hover{background:#ff8555}@media (max-width:768px){.navbar-inner{gap:4px}.navbar-brand{margin-right:8px}.navbar-link span,.navbar-logout span,.navbar-title{display:none}.navbar-link,.navbar-logout{padding:8px 10px}}.landing-page{background:#1a1f2e;color:#e0e0e0;overflow-x:hidden;width:100%}.landing-nav{background:#2d3340;border-bottom:1px solid #ffffff0f;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-nav .container{align-items:center;display:flex;justify-content:space-between}.nav-brand{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.nav-brand img{height:36px}.nav-brand span{color:#fff;font-size:18px;font-weight:700}.nav-links{align-items:center;display:flex;gap:32px}.nav-links a{color:#ccc;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#ff6b35}.nav-cta{background:#ff6b35!important;border-radius:6px;color:#fff!important;font-weight:600!important;padding:10px 24px;transition:all .3s!important}.nav-cta:hover{background:#ff8555!important;box-shadow:0 4px 15px #ff6b3566}.hero-section{background:radial-gradient(ellipse at 50% 80%,#ff6b351f 0,#0000 60%),linear-gradient(180deg,#1a1f2e,#1e2433);color:#fff;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 50% 120%,#ff6b3514 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-logo{height:80px;margin-bottom:24px}.hero-title{color:#ff6b35;font-size:52px;font-weight:700;line-height:1.2;margin:0 0 8px}.hero-tagline{color:#fff;font-size:32px;font-weight:600;line-height:1.3;margin:0 0 16px}.hero-subtitle{color:#b0b8c8;font-size:18px;line-height:1.7;margin:0 auto 40px;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-outline-large,.btn-primary-large,.btn-secondary-large{border-radius:8px;display:inline-block;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s}.btn-primary-large{background:#ff6b35;border:2px solid #ff6b35;color:#fff}.btn-primary-large:hover{background:#ff8555;box-shadow:0 8px 20px #ff6b3566;transform:translateY(-2px)}.btn-secondary-large{background:#ffffff14;border:2px solid #fff3;color:#fff}.btn-secondary-large:hover{background:#ffffff26;box-shadow:0 8px 20px #ffffff1a;transform:translateY(-2px)}.btn-outline-large{background:#0000;border:2px solid #ff6b35;color:#ff6b35}.btn-outline-large:hover{background:#ff6b351a;transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{color:#fff;font-size:40px;font-weight:700;margin:0 0 50px;text-align:center}.features-section{background:#1e2433;padding:80px 20px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:#252b3b;border:1px solid #ffffff0f;border-radius:12px;padding:40px 30px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#ff6b354d;box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.feature-card.highlight{background:linear-gradient(135deg,#ff6b35,#e05520);border-color:#ff6b35;color:#fff}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{color:#fff;font-size:22px;margin:0 0 15px}.feature-card.highlight h3{color:#fff}.feature-card p{color:#9ba3b5;font-size:15px;line-height:1.6;margin:0}.feature-card.highlight p{color:#fffffff2}.ai-section{background:linear-gradient(180deg,#1a1f2e,#1e2433);color:#fff;padding:80px 20px}.ai-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.ai-text h2{color:#fff;font-size:36px;margin:0 0 20px}.ai-description{color:#b0b8c8;font-size:16px;line-height:1.8;margin:0 0 30px}.ai-features{list-style:none;margin:0;padding:0}.ai-features li{align-items:center;color:#ccc;display:flex;font-size:16px;gap:12px;padding:12px 0}.checkmark{color:#ff6b35;font-size:20px;font-weight:700}.ai-visual{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:40px}.commentary-demo{text-align:center}.waveform{animation:waveAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#ff6b35,#ff6b35 15%,#0000 0,#0000 18%,#ff8555 0,#ff8555 22%,#0000 0,#0000 25%,#ff6b35 0,#ff6b35 45%,#0000 0,#0000 48%,#ff8555 0,#ff8555 55%,#0000 0,#0000 58%,#ff6b35 0,#ff6b35 75%,#0000 0,#0000 78%,#ff8555 0,#ff8555 85%,#0000 0,#0000 88%,#ff6b35 0,#ff6b35);background-position:0 0;background-size:200% 100%;border-radius:4px;height:60px;margin-bottom:20px}@keyframes waveAnimation{0%,to{background-position:0 0}50%{background-position:100% 0}}.demo-text{color:#ffffffb3;font-size:15px;font-style:italic;line-height:1.6}.audiences-section{background:#1e2433;padding:80px 20px}.audiences-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.audience-card{background:#252b3b;border:2px solid #0000;border-radius:12px;padding:40px 30px;position:relative;transition:all .3s}.audience-card:hover{border-color:#ff6b35;box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.audience-card.featured{background:linear-gradient(135deg,#2d3340,#353d50);border-color:#ff6b35;color:#fff}.badge{background:#ff6b35;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:20px;top:20px}.pricing-amount{color:#ff6b35;font-size:42px;font-weight:800;line-height:1;margin:0 0 16px}.pricing-period{color:#9ba3b5;font-size:16px;font-weight:500}.audience-card.featured .pricing-period{color:#fff9}.pricing-note{color:#9ba3b5;font-size:12px;margin-top:12px;text-align:center}.pricing-note a{color:#ff6b35;text-decoration:none}.pricing-note a:hover{text-decoration:underline}.section-subtitle{color:#9ba3b5;font-size:17px;margin:-10px 0 40px;text-align:center}.audience-card h3{color:#fff;font-size:24px;margin:0 0 15px}.audience-card.featured h3{color:#fff}.audience-card>p{color:#9ba3b5;font-size:15px;line-height:1.6;margin:0 0 20px}.audience-card.featured>p{color:#fffc}.audience-card ul{list-style:none;margin:0 0 25px;padding:0}.audience-card ul li{color:#9ba3b5;font-size:14px;padding:8px 0 8px 20px;position:relative}.audience-card.featured ul li{color:#fffc}.audience-card ul li:before{color:#ff6b35;content:"\2022";font-weight:700;left:0;position:absolute}.audience-card ul li.tier-disabled{color:#555;opacity:.5}.audience-card ul li.tier-disabled:before{color:#555}.tier-link{color:#ff6b35;font-weight:500;text-decoration:none}.tier-link:hover{text-decoration:underline}.audience-cta{border-radius:6px;color:#fff;display:block;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s}.audience-card.featured .audience-cta,.audience-cta{background:#ff6b35}.audience-cta:hover{background:#ff8555;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.how-it-works-section{background:#1a1f2e;padding:80px 20px}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#ff6b35,#e05520);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h3{color:#fff;font-size:20px;margin:0 0 10px}.step p{color:#9ba3b5;font-size:15px;line-height:1.6;margin:0}.games-section{background:#1e2433;padding:80px 20px}.games-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.game-card{background:#252b3b;border:1px solid #ffffff0f;border-radius:12px;color:#fff;padding:30px;text-align:center;transition:all .3s}.game-card:hover{border-color:#ff6b354d;box-shadow:0 4px 15px #0003}.game-card h3{font-size:22px;margin:0 0 10px}.game-card p{margin:0}.game-card p,.games-note{color:#9ba3b5;font-size:14px}.games-note{font-style:italic;text-align:center}.cta-section{background:radial-gradient(ellipse at 50% 50%,#ff6b351a 0,#0000 60%),linear-gradient(180deg,#1a1f2e,#1e2433);color:#fff;padding:80px 20px;text-align:center}.cta-section h2{color:#fff;font-size:40px;margin:0 0 15px}.cta-section p{color:#b0b8c8;font-size:18px;margin:0 0 40px}.cta-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn-cta-primary,.btn-cta-secondary{border-radius:8px;font-size:18px;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s}.btn-cta-primary{background:#ff6b35;color:#fff}.btn-cta-primary:hover{background:#ff8555;box-shadow:0 8px 20px #ff6b3566;transform:translateY(-2px)}.btn-cta-secondary{background:#0000;border:2px solid #ff6b35;color:#ff6b35}.btn-cta-secondary:hover{background:#ff6b351a;transform:translateY(-2px)}.landing-footer{background:#12161f;border-top:1px solid #ffffff0f;color:#fff;padding:60px 20px 20px}.landing-footer .footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-section h4{color:#ff6b35;font-size:16px;margin:0 0 15px}.footer-section p{color:#777;font-size:14px;margin:0}.footer-section a{color:#999;display:block;font-size:14px;margin:8px 0;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#ff6b35}.landing-footer .footer-bottom{border-top:1px solid #2d3340;padding-top:20px;text-align:center}.landing-footer .footer-bottom p{color:#555;font-size:14px;margin:0}@media (max-width:968px){.hero-title{font-size:40px}.hero-tagline{font-size:24px}.hero-subtitle{font-size:16px}.ai-content{grid-template-columns:1fr}.section-title{font-size:32px}.nav-links a:not(.nav-cta){display:none}}@media (max-width:640px){.hero-section{padding:70px 20px 60px}.hero-logo{height:60px}.hero-title{font-size:32px}.hero-tagline{font-size:20px}.hero-subtitle{font-size:15px}.hero-actions{align-items:center;flex-direction:column}.btn-outline-large,.btn-primary-large,.btn-secondary-large{max-width:300px;width:100%}.audiences-grid,.features-grid,.games-grid,.steps-grid{grid-template-columns:1fr}.cta-section h2{font-size:28px}.cta-actions{align-items:center;flex-direction:column}.btn-cta-primary,.btn-cta-secondary{max-width:300px;width:100%}}.main-footer{background:linear-gradient(135deg,#1a1f2e,#12161f);border-top:2px solid #ff6b35;color:#fff;margin-top:auto;padding:2rem 0 1rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-text{flex:1 1;min-width:250px}.footer-text p{color:#e0e0e0;font-size:.95rem;line-height:1.6;margin:0}.ozdyne-link{border-bottom:1px solid #0000;color:#ff6b35;font-weight:600;text-decoration:none;transition:all .3s ease}.ozdyne-link:hover{border-bottom-color:#ff8c5a;color:#ff8c5a}.footer-logo{align-items:center;display:flex;justify-content:center}.ozdyne-logo{filter:brightness(.95);height:40px;transition:transform .3s ease,filter .3s ease;width:auto}.ozdyne-logo:hover{filter:brightness(1.1);transform:scale(1.1)}.footer-bottom{border-top:1px solid #ffffff1a;margin:1.5rem auto 0;max-width:1200px;padding:1.5rem 2rem 0;text-align:center}.footer-bottom p{color:#a0a0a0;font-size:.85rem;margin:0}@media (max-width:768px){.footer-content{flex-direction:column}.footer-content,.footer-text{text-align:center}.footer-logo{margin-top:.5rem}.ozdyne-logo{height:35px}}@media (max-width:480px){.main-footer{padding:1.5rem 0 1rem}.footer-content{padding:0 1rem}.footer-text p{font-size:.85rem}.footer-bottom{padding:1rem 1rem 0}.footer-bottom p{font-size:.75rem}}.admin-layout{background:linear-gradient(135deg,#1a1a2e,#16213e)}.admin-layout,.admin-loading{display:flex;min-height:100vh}.admin-loading{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;flex-direction:column;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#ff6b35;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.admin-sidebar{background:linear-gradient(180deg,#1e3c72,#2a5298);color:#fff;display:flex;flex-direction:column;height:calc(100vh - 56px);overflow-y:auto;position:fixed;top:56px;width:280px}.admin-brand{border-bottom:1px solid #ffffff1a;padding:24px 20px}.admin-brand h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.admin-role-badge{background:#ff6b3533;border-radius:12px;color:#ff6b35;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.admin-nav{flex:1 1;padding:20px 0}.admin-nav-item{align-items:center;border-left:3px solid #0000;color:#ffffffb3;display:flex;padding:12px 20px;text-decoration:none;transition:all .2s}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:#ff6b3533;border-left-color:#ff6b35;color:#fff}.nav-icon{font-size:18px;margin-right:12px}.admin-nav-divider{background:#ffffff1a;height:1px;margin:12px 20px}.sidebar-license-summary{background:#ffffff0d;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:16px 20px}.sidebar-license-summary h4{color:#ff6b35;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.license-usage-mini{display:flex;flex-direction:column;gap:8px}.usage-item{color:#ffffffb3;display:flex;font-size:13px;justify-content:space-between}.usage-count{color:#fff;font-weight:600}.admin-user-info{background:#0003;border-top:1px solid #ffffff1a;gap:12px;padding:16px 20px}.admin-user-info,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#ff6b35,#ff8555);border-radius:50%;font-size:16px;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}.user-details{flex:1 1;min-width:0}.user-name{font-size:14px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#ffffff80;font-size:12px}.logout-btn{background:#ff6b351a;border:none;border-radius:8px;color:#ff6b35;cursor:pointer;font-size:18px;padding:8px;transition:all .2s}.logout-btn:hover{background:#ff6b3533;transform:scale(1.05)}.admin-main{flex:1 1;margin-left:280px;min-height:100vh;padding:32px}@media (max-width:768px){.admin-sidebar{height:auto;position:relative;width:100%}.admin-main{margin-left:0;padding:20px}.admin-nav-item{padding:16px 20px}}.license-dashboard{margin:0 auto;max-width:1200px}.license-error,.license-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.license-error button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px}.license-header{margin-bottom:32px}.license-header h1{color:#1e3c72;font-size:32px;font-weight:700;margin:0 0 8px}.license-header p{color:#6b7280;font-size:16px;margin:0}.license-current-card{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;box-shadow:0 10px 30px #2a52984d;color:#fff;margin-bottom:32px;padding:32px}.license-tier-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.license-current-card h2{font-size:28px;font-weight:700;margin:0 0 8px}.license-expiry{font-size:14px;margin:0;opacity:.9}.usage-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:48px}.usage-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:24px;transition:transform .2s,box-shadow .2s}.usage-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.usage-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.usage-icon{font-size:32px}.usage-header h3{color:#1e3c72;font-size:18px;font-weight:600;margin:0}.usage-stats{margin-bottom:16px}.usage-numbers{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}.usage-current{color:#1e3c72;font-size:36px;font-weight:700}.usage-separator{color:#9ca3af;font-size:24px}.usage-limit{color:#6b7280;font-size:24px;font-weight:600}.usage-label{color:#9ca3af;font-size:14px}.usage-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.usage-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.usage-available{color:#2a5298;font-size:14px;font-weight:600}.upgrade-section{margin-top:48px}.upgrade-section h2{color:#1e3c72;font-size:28px;font-weight:700;margin:0 0 24px}.upgrade-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.upgrade-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:32px;position:relative;transition:all .3s}.upgrade-card:hover{border-color:#2a5298;box-shadow:0 12px 24px #2a529833;transform:translateY(-4px)}.upgrade-card.premium{background:linear-gradient(135deg,#1e3c720d,#2a52980d);border-color:#2a5298}.upgrade-badge{background:#ff6b35;border-radius:12px;color:#fff;font-size:12px;font-weight:700;left:50%;letter-spacing:1px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.upgrade-badge.premium{background:linear-gradient(135deg,#1e3c72,#2a5298)}.upgrade-card h3{color:#1e3c72;font-size:24px;font-weight:700;margin:0 0 16px}.upgrade-price{margin-bottom:24px}.price-amount{color:#2a5298;font-size:48px;font-weight:700}.price-period{color:#6b7280;font-size:18px;font-weight:600}.upgrade-features{list-style:none;margin:0 0 32px;padding:0}.upgrade-features li{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:15px;padding:12px 0 12px 28px;position:relative}.upgrade-features li:last-child{border-bottom:none}.upgrade-features li:before{color:#10b981;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.upgrade-btn{background:#ff6b35;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.upgrade-btn:hover:not(:disabled){background:#ff8555;box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.upgrade-btn.premium{background:linear-gradient(135deg,#1e3c72,#2a5298)}.upgrade-btn.premium:hover:not(:disabled){box-shadow:0 8px 20px #2a529880;transform:translateY(-2px) scale(1.02)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.license-header h1{font-size:24px}.upgrade-grid,.usage-grid{grid-template-columns:1fr}.upgrade-card{padding:24px}}.server-management{margin:0 auto;max-width:1400px}.server-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.server-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.server-header h1{color:#1e3c72;font-size:32px;font-weight:700;margin:0 0 8px}.server-header p{color:#6b7280;font-size:16px;margin:0}.btn-create-server{background:linear-gradient(135deg,#ff6b35,#ff8555);border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-create-server:hover{box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.server-management .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.server-management .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:0;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.server-management .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.server-management .modal-header h2{color:#1e3c72;font-size:24px;font-weight:700;margin:0}.server-management .btn-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.server-management .btn-close:hover{background:#f3f4f6;color:#1e3c72}.server-management .modal-content form{padding:24px}.server-management .form-group{margin-bottom:20px}.server-management .form-group label{color:#1e3c72;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.server-management .form-group input[type=text],.server-management .form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.server-management .form-group input[type=text]:focus,.server-management .form-group textarea:focus{border-color:#2a5298;box-shadow:0 0 0 3px #667eea1a;outline:none}.server-management .form-group textarea{resize:vertical}.server-management .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.server-management .btn-primary,.server-management .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.server-management .btn-primary{background:#ff6b35;color:#fff}.server-management .btn-primary:hover{background:#ff8555;transform:translateY(-1px)}.server-management .btn-secondary{background:#e5e7eb;color:#4b5563}.server-management .btn-secondary:hover{background:#d1d5db}.server-management .empty-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:48px;text-align:center}.server-management .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.server-management .empty-state h3{color:#1e3c72;font-size:24px;font-weight:700;margin:0 0 8px}.server-management .empty-state p{color:#6b7280;font-size:16px;margin:0 0 24px}.servers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.server-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:24px;transition:all .2s}.server-card:hover{border-color:#2a5298;box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.server-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.server-status{align-items:center;display:flex;gap:8px}.server-management .status-indicator{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.server-management .status-indicator.active{background:#10b981;box-shadow:0 0 8px #10b98180}.server-management .status-indicator.inactive{animation:none;background:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.server-management .status-text{color:#6b7280;font-size:14px;font-weight:600}.server-actions{display:flex;gap:8px}.server-management .btn-icon{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.server-management .btn-icon:hover{background:#e5e7eb;transform:scale(1.05)}.server-management .btn-icon.btn-danger:hover{background:#fee2e2;color:#ef4444}.server-name{color:#1e3c72;font-size:20px;font-weight:700;margin:0 0 8px}.server-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.server-info-item{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding:8px 0}.server-management .info-label{color:#6b7280;font-size:14px;font-weight:600}.server-management .info-value{color:#1e3c72;font-family:monospace;font-size:14px}.server-token-section{margin:16px 0}.server-management .token-label{color:#6b7280;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.server-management .token-display{display:flex;gap:8px}.server-management .token-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#1e3c72;flex:1 1;font-family:Courier New,monospace;font-size:13px;padding:10px 12px}.server-management .btn-copy{background:#2a5298;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:10px 16px;transition:all .2s}.server-management .btn-copy:hover{background:#1e3c72;transform:scale(1.05)}.server-meta{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.server-management .meta-item{display:flex;font-size:13px;justify-content:space-between}.server-management .meta-label{color:#9ca3af}.server-management .meta-value{color:#4b5563;font-weight:600}.server-management .edit-form{background:#f9fafb;border-radius:12px;margin-top:12px;padding:16px}.server-management .edit-input,.server-management .edit-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:all .2s;width:100%}.server-management .edit-input:focus,.server-management .edit-textarea:focus{border-color:#2a5298;box-shadow:0 0 0 3px #667eea1a;outline:none}.server-management .edit-textarea{resize:vertical}.server-management .edit-actions{display:flex;gap:8px;justify-content:flex-end}.server-management .btn-small{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.server-management .btn-small.btn-primary{background:#ff6b35;color:#fff}.server-management .btn-small.btn-primary:hover{background:#ff8555}.server-management .btn-small.btn-secondary{background:#e5e7eb;color:#4b5563}.server-management .btn-small.btn-secondary:hover{background:#d1d5db}@media (max-width:768px){.server-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-create-server{width:100%}.servers-grid{grid-template-columns:1fr}.server-management .modal-content{margin:20px;width:95%}.server-card{padding:20px}}.user-management{margin:0 auto;max-width:1600px}.user-loading{align-items:center;color:#9ba3b5;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.user-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.user-header h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.user-header p{color:#9ba3b5;font-size:16px;margin:0}.user-stats{display:flex;gap:24px}.stat-item{align-items:center;background:#252b3b;border:1px solid #3d4556;border-radius:12px;display:flex;flex-direction:column;padding:16px 24px}.stat-value{color:#ff6b35;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#9ba3b5;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.status-message{animation:slideIn .3s ease;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-success{background:#1a3b2a;border:1px solid #2a5a3a;color:#70ff8a}.status-error{background:#3b1a1a;border:1px solid #5a2a2a;color:#ff8a8a}.status-info{background:#1a2a3b;border:1px solid #2a3a5a;color:#8ac0ff}.user-filters{display:flex;gap:16px;margin-bottom:24px}.search-box{flex:1 1;position:relative}.search-icon{color:#9ba3b5;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#1a1f2e;border:1px solid #3d4556;border-radius:12px;color:#e0e0e0;font-size:15px;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.search-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.filter-select{background:#1a1f2e;border:1px solid #3d4556;border-radius:12px;color:#e0e0e0;cursor:pointer;font-size:15px;min-width:150px;padding:12px 16px;transition:all .2s}.filter-select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526;outline:none}.results-info{color:#9ba3b5;font-size:14px;font-weight:600;margin-bottom:16px}.user-table-container{background:#252b3b;border:1px solid #3d4556;border-radius:16px;overflow:hidden}.user-table{border-collapse:collapse;width:100%}.user-table thead{background:#1e2433;border-bottom:1px solid #3d4556}.user-table th{color:#9ba3b5;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.user-table tbody tr{border-bottom:1px solid #2d3340;transition:all .2s}.user-table tbody tr:hover{background:#2d3340}.user-table tbody tr:last-child{border-bottom:none}.user-table td{color:#e0e0e0;font-size:14px;padding:16px}.user-cell{gap:12px}.user-avatar-small,.user-cell{align-items:center;display:flex}.user-avatar-small{background:linear-gradient(135deg,#ff6b35,#ff8555);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{min-width:0}.user-name-text{color:#fff;font-weight:600}.user-email-text,.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-text{color:#9ba3b5;font-size:13px}.slug-cell{display:flex;flex-direction:column;gap:2px}.org-name-text{color:#ccc;font-size:13px;font-weight:500}.slug-link{color:#ff6b35;font-family:monospace;font-size:12px;text-decoration:none}.slug-link:hover{color:#ff8c42;text-decoration:underline}.no-slug{color:#6b7280;font-size:14px}.dropdown-cell{align-items:center;display:flex}.license-select,.role-select{-webkit-appearance:none;appearance:none;background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #3d4556;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 32px 8px 12px;transition:all .2s}.license-select:focus,.role-select:focus{box-shadow:0 0 0 3px #ff6b3526;outline:none}.license-select:hover,.role-select:hover{border-color:#ff6b35}.role-badge-admin{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#0000;color:#fff}.role-badge-moderator{background:linear-gradient(135deg,#2a5298,#3d6bc7);border-color:#0000;color:#fff}.role-badge-user{background:#1e2433;border-color:#3d4556;color:#ccc}.license-badge-racing{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.license-badge-sim{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;color:#fff}.license-badge-individual{background:#1e2433;border-color:#3d4556;color:#ccc}.expiry-cell{border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;text-align:center;transition:all .2s;white-space:nowrap}.expiry-cell:hover{opacity:.85;transform:scale(1.02)}.expiry-badge-active{background:#1a3b2a;border:1px solid #2a5a3a;color:#6ee7b7}.expiry-badge-warning{background:#3b2e1a;border:1px solid #5a4a2a;color:#fcd34d}.expiry-badge-expired{background:#3b1a1a;border:1px solid #5a2a2a;color:#fca5a5}.expiry-badge-grace{background:#2a1a3b;border:1px solid #3a2a5a;color:#c4b5fd}.expiry-edit{display:flex;flex-direction:column;gap:4px}.expiry-input{background:#1a1f2e;border:1px solid #ff6b35;border-radius:6px;color:#e0e0e0;font-size:12px;padding:4px 8px;width:130px}.expiry-edit-actions{display:flex;gap:4px}.btn-expiry-save{background:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px}.btn-expiry-save:hover{background:#ff8c42}.btn-expiry-cancel{background:#1e2433;border:1px solid #3d4556;border-radius:4px;color:#9ba3b5;cursor:pointer;font-size:11px;padding:2px 8px}.btn-expiry-cancel:hover{background:#2d3340}.tokens-cell{color:#e0e0e0;font-family:monospace;font-size:14px;font-weight:600;text-align:center}.date-cell{color:#9ba3b5;font-size:13px}.action-cell{display:flex;gap:8px}.btn-action{align-items:center;background:#1e2433;border:1px solid #3d4556;border-radius:8px;color:#9ba3b5;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-action:hover{background:#2d3340;border-color:#ff6b35;color:#ff6b35;transform:scale(1.05)}.no-results{align-items:center;background:#252b3b;border:1px solid #3d4556;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-top:24px;min-height:300px;padding:48px;text-align:center}.no-results-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-results h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.no-results p{color:#9ba3b5;font-size:14px;margin:0}@media (max-width:1200px){.user-header{align-items:flex-start;flex-direction:column;gap:20px}.user-stats{justify-content:space-between;width:100%}.stat-item{flex:1 1}}@media (max-width:768px){.user-filters{flex-direction:column}.filter-select{width:100%}.user-table-container{overflow-x:auto}.user-table{min-width:1000px}.stat-item{padding:12px 16px}.stat-value,.user-header h1{font-size:24px}}
/*# sourceMappingURL=main.9d503eb7.css.map*/