.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#1f2447;font-family:Poppins,sans-serif}.auth-card{width:100%;max-width:380px;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 20px 40px #00000014}.auth-title{margin:0;font-size:1.75rem;font-weight:600;color:#000}.auth-subtitle{margin-top:.4rem;margin-bottom:2rem;font-size:.95rem;color:#707070}.auth-error{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;background:#ffecec;color:#d8000c;font-size:.85rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:.85rem 1rem;border-radius:10px;border:1px solid #e0e0e0;font-size:.95rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.auth-form input:focus{outline:none;border-color:#1f2447}.auth-form button{margin-top:.5rem;padding:.9rem;border-radius:12px;border:none;background-color:#1f2447;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.auth-form button:hover{background-color:#151a33}.auth-form button:active{transform:scale(.98)}.auth-form button:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#707070}.auth-footer span{margin-left:.3rem;color:#1f2447;font-weight:500;cursor:pointer}.auth-footer span:hover{text-decoration:underline}.auth-logo{display:block;margin:0 auto 1rem;width:120px;cursor:pointer}.app-header{width:100%;background-color:#1f2447;border-bottom:1px solid #bfbfbf;position:sticky;top:0;z-index:1000}.app-header-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.header-logo{height:40px;cursor:pointer}.header-account-icon{cursor:pointer;color:#ababab}.header-account-icon:hover{color:#fff}.header-right{display:flex;align-items:center;gap:1rem}.app-header.search-open{justify-content:center}.app-header.search-open .header-right,.app-header.search-open .mobile-search-container{width:100%}.header-search{height:38px;padding:0 1rem;border-radius:12px;border:none;background-color:#fff;color:#1f2447;font-size:.9rem;outline:none;width:220px}.header-search::placeholder{color:#707070}.header-search:focus{box-shadow:0 0 0 2px #1f244733}.mobile-search-icon,.close-search-icon{color:#fff;cursor:pointer;font-size:20px}.mobile-search-container{display:flex;align-items:center;gap:.8rem;width:100%;animation:slideIn .25s ease}.header-search.mobile-active{flex:1}.mobile-search-icon{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.desktop-only{display:block}@media(max-width:480px){.desktop-only{display:none}.mobile-search-icon{display:block}.header-logo{height:34px}.header-right{flex:1;justify-content:flex-end}}.account-page{min-height:100vh;background-color:#fff;font-family:Poppins,sans-serif}.account-container{max-width:1100px;margin:0 auto;padding:2.5rem 2rem}.account-header{margin-bottom:2rem}.account-header h1{font-size:2rem;font-weight:600;margin:0;color:#000}.account-header p{color:#707070;margin-top:.3rem}.account-actions{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.danger-btn{padding:.8rem 1.6rem;border-radius:12px;border:none;background-color:#f3f3f3;color:#000;font-weight:500;cursor:pointer}.danger-btn:hover{background-color:#e0e0e0}.account-tabs{display:flex;gap:2rem;border-bottom:1px solid #e5e5e5;margin-bottom:2rem}.tab-btn{padding:.5rem 0;background:none;border:none;font-size:.95rem;color:#707070;cursor:pointer;position:relative}.tab-btn.active{color:#1f2447;font-weight:500}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:100%;background-color:#1f2447}.account-content{margin-top:1.5rem}.account-empty{color:#707070;font-size:.95rem}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.device-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.device-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000001f}.device-card h3{margin:0;font-size:1.1rem;font-weight:500}.device-sub{margin:.3rem 0 .6rem;color:#707070;font-size:.9rem}.device-meta{font-size:.8rem;color:#9a9a9a}.device-score{margin-top:.8rem;font-weight:500;color:#1f2447}.invoice-list{display:flex;flex-direction:column;gap:1rem}.invoice-item{background:#fff;border-radius:16px;padding:1rem 1.5rem;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.invoice-item:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0000001f}.invoice-item p{margin:.3rem 0;font-size:.9rem;color:#707070}.invoice-item p.status{font-weight:600;text-transform:uppercase;color:#1f2447}.invoice-item a{margin-top:.5rem;color:#1f2447;font-weight:500;text-decoration:none}.invoice-item a:hover{text-decoration:underline}.add-device-page{min-height:100vh;background-color:#fff;font-family:Poppins,sans-serif}.add-device-container{max-width:600px;margin:0 auto;padding:3rem 2rem}.add-device-card{background:#fff;border-radius:18px;padding:2.5rem;box-shadow:0 20px 40px #00000014}.add-device-card h1{font-size:2rem;font-weight:600;margin:0}.add-device-subtitle{margin-top:.4rem;margin-bottom:2rem;color:#707070;font-size:.95rem}.steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.step{display:flex;align-items:center;gap:1rem}.step span{width:28px;height:28px;border-radius:50%;background-color:#1f2447;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500}.step p{margin:0;font-size:.95rem;color:#000}.add-device-form{display:flex;flex-direction:column;gap:1rem}.add-device-form input{padding:.85rem 1rem;border-radius:12px;border:1px solid #e0e0e0;font-size:.95rem;font-family:Poppins,sans-serif}.add-device-form input:focus{outline:none;border-color:#1f2447}.add-device-form button{margin-top:.5rem;padding:.9rem;border-radius:12px;border:none;background-color:#1f2447;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer}.add-device-form button:hover{background-color:#151a33}.add-device-error{background:#ffecec;color:#d8000c;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;margin-top:.5rem}.back-link{margin-top:2rem;background:none;border:none;color:#707070;cursor:pointer;font-size:.9rem}.back-link:hover{color:#1f2447}.sub-success-page{min-height:100vh;background-color:#fff;font-family:Poppins,sans-serif}.sub-success-container{max-width:600px;margin:0 auto;padding:3rem 2rem}.sub-success-card{background:#fff;border-radius:18px;padding:3rem 2.5rem;box-shadow:0 20px 40px #00000014;text-align:center}.success-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;background-color:#1f2447;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center}.sub-success-card h1{margin:0;font-size:2rem;font-weight:600}.sub-success-subtitle{margin-top:.6rem;margin-bottom:2rem;color:#707070;font-size:.95rem}.sub-success-details{background:#f5f6fa;border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.sub-success-details p{margin:.4rem 0;font-size:.85rem;color:#000}.sub-success-details span{display:block;font-size:.75rem;color:#707070;margin-bottom:.1rem}.redirect-text{font-size:.9rem;color:#707070;margin-bottom:1.5rem}.primary-btn{padding:.9rem 2rem;border-radius:14px;border:none;background-color:#1f2447;color:#fff;font-weight:500;cursor:pointer}.edit-device-page{min-height:100vh;background-color:#fff;font-family:Poppins,sans-serif}.edit-device-container{max-width:600px;margin:0 auto;padding:3rem 2rem}.edit-device-card{background:#fff;border-radius:18px;padding:2.5rem;box-shadow:0 20px 40px #00000014}.edit-device-card h1{margin:0;font-size:2rem;font-weight:600}.edit-device-subtitle{margin-top:.4rem;margin-bottom:2rem;color:#707070;font-size:.95rem}.device-id{background:#f5f6fa;border-radius:10px;padding:.6rem 1rem;font-size:.85rem;color:#707070;margin-bottom:2rem}.device-id span{font-weight:500;color:#000;margin-left:.4rem}.edit-device-form{display:flex;flex-direction:column;gap:1.4rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.85rem;color:#707070}.form-group input{padding:.85rem 1rem;border-radius:12px;border:1px solid #e0e0e0;font-size:.95rem;font-family:Poppins,sans-serif}.form-group input:focus{outline:none;border-color:#1f2447}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.primary-btn{padding:.8rem 1.6rem;border-radius:12px;border:none;background-color:#1f2447;color:#fff;font-weight:500;cursor:pointer}.primary-btn:hover{background-color:#151a33}.secondary-btn{padding:.8rem 1.6rem;border-radius:12px;border:none;background-color:#f3f3f3;color:#000;font-weight:500;cursor:pointer}.secondary-btn:hover{background-color:#e0e0e0}.edit-device-loading{min-height:100vh;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center}.view-scoreboard-container{padding:2rem;max-width:1200px;margin:0 auto}.view-scoreboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start}.view-scoreboard-card{transform:scale(1.05);transform-origin:top left}.view-scoreboard-details{display:flex;flex-direction:column;gap:1.5rem}.details-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.details-header h2{font-family:Poppins,sans-serif;font-weight:500;font-size:1.4rem;margin:0}.share-btn{display:flex;align-items:center;gap:.4rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;background:#1f2447;color:#fff;border:none;border-radius:999px;padding:.5rem .9rem;cursor:pointer}.share-btn:hover{opacity:.9}.details-section{background:#fafafa;border-radius:12px;padding:1.2rem;box-shadow:0 2px 6px #0000000d}.details-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #eee}.details-row:last-child{border-bottom:none}.details-label{font-family:Poppins,sans-serif;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.04em}.details-value{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;color:#333}@media(max-width:768px){.view-scoreboard-layout{grid-template-columns:1fr}.view-scoreboard-card{transform:none}}html,body{padding:0;margin:0;font-family:Poppins,Arial,sans-serif}.app-footer{background-color:#1c1e2c;color:#fff;padding:2rem 1rem;font-family:Poppins,sans-serif}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-brand h2{font-weight:600;margin:0 0 .5rem;font-size:1.5rem}.footer-brand p{font-weight:400;font-size:.9rem;color:#bfbfbf;margin:0}.footer-links,.footer-social{display:flex;flex-direction:column;gap:.5rem}.footer-links a,.footer-social a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s}.footer-links a:hover,.footer-social a:hover{color:#bfbfbf}@media(max-width:768px){.footer-container{flex-direction:column;align-items:flex-start}.footer-links,.footer-social{flex-direction:row;flex-wrap:wrap;gap:1rem}}.footer-logo{height:60px;margin-bottom:.5rem}.hero-section{position:relative;width:100%;height:200px;background-image:url(./assets/RugbyWideBanner.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-start;justify-content:flex-start;color:#fff}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:flex-start;padding-left:2rem;box-sizing:border-box}.hero-text-container{max-width:50%;display:flex;flex-direction:column;gap:.5rem}.hero-title{font-family:Poppins,sans-serif;font-weight:700;font-size:1.5rem;margin:0}.hero-subtitle{font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem;margin:0}.scoreboards-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.soreboards-grid-title{font-family:Poppins,sans-serif;font-weight:500;font-size:2rem;color:#000;margin:0}.view-all-link{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;color:#1f2447;text-decoration:none;cursor:pointer}.view-all-link:hover{text-decoration:underline}.scoreboards-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:1.5rem;overflow-x:auto;padding-bottom:.5rem;scroll-behavior:smooth;margin-bottom:30px}.scoreboards-grid::-webkit-scrollbar{display:none}.scoreboards-grid::-webkit-scrollbar-track{background:transparent}.scoreboards-empty{grid-column:1 / -1;padding:1rem 0;text-align:left;font-size:1rem;font-weight:500;color:#777}.scoreboard-card-wrapper{width:300px;text-align:left}.scoreboard-card{position:relative;transition:transform .2s ease,box-shadow .2s ease}.scoreboard-card:hover{transform:translateY(-5px)}.follow-button{position:absolute;top:10px;right:10px;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026}.follow-button.active{transform:scale(1.05)}.scoreboard-text{margin-top:.7rem;display:flex;flex-direction:column}.board-club-text{font-family:Poppins,sans-serif;font-weight:500;margin:0 0 .2rem;font-size:.95rem;color:#707070}.board-name-text{font-family:Poppins,sans-serif;font-weight:500;margin:0 0 .2rem;font-size:.9rem;color:#707070}.scoreboard-row{display:flex;justify-content:space-between;align-items:center}.board-status{font-family:Poppins,sans-serif;font-weight:600}.board-status.online{color:#2ecc71}.board-status.offline{color:#e74c3c}.board-last-updated{display:flex;flex-direction:column;align-items:flex-end;font-size:.75em;color:#888;line-height:1.1;font-family:Poppins,sans-serif}.last-updated-label{text-transform:uppercase;font-size:.7em;letter-spacing:.04em;opacity:.8;font-weight:100}.last-updated-time{font-size:.85em;font-weight:500}@media(max-width:480px){.scoreboards-grid-header{flex-direction:column;align-items:flex-start}.view-all-link{font-size:.9rem}}.scoreboards-grid.vertical{grid-auto-flow:unset;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-x:visible}.scoreboards-grid.vertical .scoreboard-card-wrapper{width:100%}.scoreboards-title-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.back-home-btn{display:flex;align-items:center;gap:.4rem;font-family:Poppins,sans-serif;font-weight:500;font-size:.95rem;background:none;border:none;padding:0;color:#1f2447;cursor:pointer}.back-home-btn:hover{text-decoration:underline}.back-home-btn svg{font-size:.85rem}