.dashboard{min-height:100vh;background:#1a1a1a;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dashboard-header{background:linear-gradient(135deg,#1a0d33,#0d0d0d);padding:15px 20px;border-bottom:2px solid #6b2d9e;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}.header-left{display:flex;align-items:center}.header-brand{display:flex;align-items:center;justify-content:center;gap:15px;min-width:0;overflow:hidden}.logo{width:64px;height:64px;background:url(/logo.png) no-repeat center;background-size:contain;flex-shrink:0}.dashboard-header h1{margin:0;font-size:28px;background:linear-gradient(135deg,#8b5fbf,#e0d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-name-short{display:none}.header-displayname{color:#fff}.admin-tabs{display:flex;align-items:center;gap:0;border-bottom:2px solid #333;padding:0 20px;background:#0d0d0d;position:relative}.nav-burger{display:none;background:none;border:none;color:#fff;font-size:26px;padding:12px 16px;cursor:pointer}.tab-list{display:flex}.tab.nav-logout{color:#f44336}.tab.nav-logout:hover{color:#ff6b6b}.tab{padding:15px 20px;background:none;border:none;color:#888;cursor:pointer;font-size:14px;border-bottom:3px solid transparent;transition:all .2s}.tab:hover{color:#fff}.tab.active{color:#ab8ad6;border-bottom-color:#8b5fbf}.admin-content{padding:30px;max-width:1200px;margin:0 auto}.admin-section{display:flex;flex-direction:column;gap:25px}.admin-section h2{margin:0 0 10px;font-size:28px}.section-info{color:#888;font-size:14px;margin:0}.muted-text{color:#9e9e9e}.text-link,.text-accent{color:#ab8ad6}.text-link{background:none;border:none;cursor:pointer;font-size:14px;padding:0}.countdown{color:#ff6b5e}.team-crest{width:22px;height:22px;object-fit:contain;flex-shrink:0}.admin-form{background:#2a2a2a;padding:20px;border-radius:8px;border:1px solid #333;overflow-x:auto}.admin-form h3{margin:0 0 15px;font-size:16px}summary.admin-summary{margin:0 0 15px;font-size:16px;font-weight:600;cursor:pointer}.admin-form form{display:flex;flex-direction:column;gap:12px}.admin-form input:not([type=checkbox]):not([type=radio]),.admin-form select,.admin-form textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #444;border-radius:4px;background:#1a1a1a;color:#fff;font-size:16px;font-family:inherit}.admin-form textarea{resize:vertical;min-height:100px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:2px solid #8b5fbf;outline-offset:1px;border-color:#8b5fbf}.admin-form button{padding:10px;background:#8b5fbf;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.admin-form button:hover:not(:disabled){background:#0056b3}.admin-form button:disabled{opacity:.6;cursor:not-allowed}.admin-list{background:#2a2a2a;padding:20px;border-radius:8px;border:1px solid #333;overflow-x:auto}.admin-list h3{margin:0 0 15px;font-size:16px}.admin-list table{width:100%;border-collapse:collapse;font-size:14px}.admin-list th{text-align:left;padding:12px;border-bottom:2px solid #444;color:#aaa;font-weight:500}.admin-list td{padding:12px;border-bottom:1px solid #333}.admin-list tr:hover{background:#333}.admin-list .badge{display:inline-block;background:#8b5fbf;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500}.action-btn{padding:6px 12px;border:1px solid #666;background:transparent;color:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.action-btn:hover{border-color:#8b5fbf;color:#8b5fbf}.action-btn.grant:hover{background:#007bff1a}.whatsapp-share,.admin-form button.whatsapp-share{color:#25d366}.action-btn.danger{border-color:#ff6b6b;color:#ff6b6b}.action-btn.revoke:hover{border-color:#dc3545;color:#dc3545;background:#dc35451a}.icon-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.admin-form button.icon-action-btn{background:transparent}.error{color:#ff6b6b;font-size:14px;margin:0;padding:10px;background:#ff6b6b1a;border-left:3px solid #ff6b6b}.success{color:#51cf66;font-size:14px;margin:0;padding:10px;background:#51cf661a;border-left:3px solid #51cf66}.admin-info{background:#2a2a2a;padding:15px;border-radius:4px;border-left:3px solid #8b5fbf;color:#aaa;font-size:14px}.announcement-banner{display:block;box-sizing:border-box;width:100%;text-align:left;font:inherit;color:inherit;background:#2a1f3d;border:none;border-bottom:2px solid #8b5fbf;padding:12px 20px;cursor:pointer;transition:background .2s}.announcement-banner:hover{background:#33244a}.announcement-banner-summary{display:flex;align-items:center;gap:10px}.announcement-banner-title{flex:1;font-weight:600;color:#e0d5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-banner-toggle{color:#8b5fbf;font-size:12px;flex-shrink:0}.announcement-banner-body{margin-top:10px;color:#ccc;font-size:14px;white-space:pre-wrap}.announcement-banner-feature{background:#51cf661f;border-bottom-color:#51cf66}.announcement-banner-feature:hover{background:#51cf6633}.announcement-banner-feature .announcement-banner-title,.announcement-banner-feature .announcement-banner-toggle{color:#51cf66}.announcement-banner-urgent{background:#ff6b6b1f;border-bottom-color:#ff6b6b}.announcement-banner-urgent:hover{background:#ff6b6b33}.announcement-banner-urgent .announcement-banner-title,.announcement-banner-urgent .announcement-banner-toggle{color:#ff6b6b}.group-card{border:1px solid #333;border-radius:8px;padding:16px;background:#2a2a2a}.fixture-row{background:#1a1a1a;border-radius:6px}.admin-form .fixture-pick-btn{background:#2a2a2a;color:#fff;border:1px solid #444}.reveal-card{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff}.edit-pick-row{background:#1a1a1a;border-radius:4px;color:#fff}.admin-form .member-action-btn{background:#2a2a2a;color:#fff;border:1px solid #444}@media(max-width:640px){.announcement-banner{padding:10px 16px}.dashboard-header{padding:12px 16px;gap:10px}.dashboard-header h1{font-size:23px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-name-full{display:none}.brand-name-short{display:inline}.logo{width:46px;height:46px}.admin-tabs{padding:0}.nav-burger{display:block}.tab-list{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0d0d0d;border-bottom:2px solid #333;z-index:20}.tab-list.open{display:flex;max-height:calc(100vh - 60px);overflow-y:auto}.nav-logout{border-top:1px solid #222}.tab{width:100%;text-align:left;padding:14px 16px;border-bottom:1px solid #222}.admin-content{padding:16px}.admin-section h2{font-size:22px}}.template-section{margin-bottom:12px;border:1px solid #444;border-radius:6px;padding:10px 14px}.template-section-summary,.template-group-summary{cursor:pointer;font-weight:600;list-style:none}.template-section-summary::-webkit-details-marker,.template-group-summary::-webkit-details-marker{display:none}.template-section-summary:before,.template-group-summary:before{content:"▸";display:inline-block;width:1em;transition:transform .15s}.template-section[open]>.template-section-summary:before,.template-group[open]>.template-group-summary:before{transform:rotate(90deg)}.template-section-summary{font-size:16px}.template-group{margin:6px 0 6px 1em}.template-group-summary{font-size:14px;padding:4px 0}.template-group>.admin-form{margin-left:1em}.template-section-count{margin-left:8px;font-size:12px;font-weight:400}.template-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.template-chip{font:inherit;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 8px;border:1px solid #666;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.template-chip:hover{border-color:#8b5fbf}.template-badge{margin-left:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:10px;background:#8b5fbf;color:#fff}.template-preview-text{white-space:pre-wrap;font:inherit;font-size:14px;background:#1e1e1e;border:1px solid #444;border-radius:4px;padding:10px 12px;margin:0}.template-preview-html{width:100%;height:320px;border:1px solid #444;border-radius:4px;background:#fff;margin-top:8px}.payments-panel{border:1px solid #444;border-radius:6px;padding:12px 14px 14px;margin-bottom:16px}.payments-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.payments-panel-title{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#aaa}.payments-quiet{font-size:13px}.payments-pot{margin:8px 0 0;font-size:22px;font-weight:700}.payments-pot-label{font-size:15px;font-weight:400;color:#aaa}.payments-pot-detail{margin:2px 0 0;font-size:13px}.payments-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.payments-row-label{font-size:13px;color:#aaa;min-width:110px}.payments-amount{width:100px}.payments-currency{width:auto}@media(max-width:640px){.payments-row-label{flex-basis:100%;min-width:0}}.offline-banner{cursor:default}.offline-banner .announcement-banner-title{white-space:normal}.push-prompt-banner,.install-prompt-banner,.open-in-app-hint{cursor:default}.push-prompt-row{flex-wrap:wrap}.push-prompt-banner .announcement-banner-title,.install-prompt-banner .announcement-banner-title,.open-in-app-hint .announcement-banner-title{white-space:normal;min-width:200px}.push-prompt-actions{display:flex;gap:8px;flex-shrink:0}.push-prompt-error{margin:8px 0 0;font-size:13px}.install-prompt-body{white-space:normal}.install-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.install-step{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.install-step-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#8b5fbf33;color:#e0d5ff}.install-step-icon img{width:20px;height:20px;border-radius:4px}.install-steps-lead{margin:0 0 10px;font-size:14px;line-height:1.5}.install-link{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;word-break:break-all}.header-install-btn{display:flex;align-items:center;background:none;border:none;color:#e0d5ff;cursor:pointer;padding:4px;border-radius:4px;flex-shrink:0}.header-install-btn:hover{color:#fff}.row-hidden td{opacity:.55}.inbox-unread td{font-weight:600}.tab-count{color:#ab8ad6}.inbox-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow-y:auto;padding:12px;border:1px solid #444;border-radius:4px;background:#1a1a1a;font-size:14px;line-height:1.5}.inbox-html{display:block;width:100%;height:60vh;margin-top:8px;border:1px solid #444;border-radius:4px;background:#fff}.action-btn.active{border-color:#8b5fbf;color:#ab8ad6}.inbox-mailboxes{display:flex;flex-wrap:wrap;gap:8px}.inbox-mailbox-count{margin-left:6px;opacity:.8}.inbox-mailbox-unread,.action-btn.active .inbox-mailbox-count{opacity:1}.inbox-mailbox-unread{font-weight:600}.cookie-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#0009}.cookie-dialog-open{overflow:hidden}.admin-form.cookie-dialog{box-sizing:border-box;width:100%;max-width:480px;max-height:100%;overflow-y:auto;overflow-x:hidden;box-shadow:0 12px 40px #00000080}.cookie-dialog:focus{outline:none}.cookie-dialog h2{margin:0 0 10px;font-size:18px}.cookie-dialog p{margin:0 0 12px;font-size:14px;line-height:1.5}.cookie-dialog-details{margin-bottom:14px;font-size:13px}.cookie-dialog-details summary{cursor:pointer;color:#b491e0;font-weight:600}.cookie-dialog-details ul{margin:8px 0;padding-left:20px;line-height:1.6}.cookie-dialog-details p,.cookie-dialog-current{font-size:13px;margin:0}.cookie-dialog-current{margin-bottom:12px}.cookie-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.admin-form button.cookie-dialog-secondary{background:transparent;color:inherit;border:1px solid #666}.admin-form button.cookie-dialog-secondary:hover:not(:disabled){background:transparent;border-color:#8b5fbf;color:#b491e0}@media(max-width:480px){.cookie-dialog-actions{flex-direction:column}}@media(prefers-color-scheme:light){.cookie-backdrop{background:#00000073}.admin-form.cookie-dialog{box-shadow:0 12px 40px #00000040}.cookie-dialog-details summary{color:#7a4fae}.admin-form button.cookie-dialog-secondary{border-color:#ccc}.admin-form button.cookie-dialog-secondary:hover:not(:disabled){color:#7a4fae}}@media(prefers-color-scheme:light){.announcement-banner{background:#f0e9fa;border-bottom-color:#8b5fbf}.announcement-banner:hover{background:#e6d9f5}.announcement-banner-title{color:#5a3d7a}.payments-panel{border-color:#ddd}.template-preview-text{background:#fafafa;border-color:#ddd}.template-preview-html,.template-chip,.template-section{border-color:#ccc}.payments-panel-title,.payments-pot-label,.payments-row-label{color:#666}.announcement-banner-body{color:#444}.install-step-icon{background:#8b5fbf26;color:#5a3d7a}.inbox-body,.inbox-html{border-color:#ccc}.inbox-body{background:#fff}.tab-count,.action-btn.active{color:#5a3d7a}.dashboard{background:#f5f5f5;color:#333}.admin-tabs,.tab-list{background:#fff;border-bottom-color:#ddd}.tab{border-bottom-color:#eee}.admin-form,.admin-list,.admin-info,.group-card{background:#f9f9f9;border-color:#ddd}.fixture-row,.reveal-card,.edit-pick-row{background:#f5f5f5;color:#333}.reveal-card{border-color:#ddd}.admin-form .fixture-pick-btn,.admin-form .member-action-btn{background:#fff;color:#333;border-color:#ddd}.admin-form th{border-bottom-color:#ddd;color:#666}.admin-form input:not([type=checkbox]):not([type=radio]),.admin-form select,.admin-form textarea{background:#fff;border-color:#ddd;color:#333}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#8b5fbf}.admin-list th{color:#595959;border-bottom-color:#ccc}.admin-list td{border-bottom-color:#ddd}.admin-list tr:hover{background:#f0f0f0}.tab{color:#666}.tab:hover{color:#333}.tab.active{color:#7a4fae}.tab.nav-logout{color:#c62828}.action-btn{border-color:#ccc;color:#333}.admin-info,.section-info,.muted-text{color:#666}.text-link,.text-accent{color:#7a4fae}.action-btn.danger{border-color:#b02a37;color:#b02a37}.whatsapp-share,.admin-form button.whatsapp-share{color:#0f7a41}.countdown{color:#c62828}.field-label{color:#666}}.container{max-width:600px;margin:0 auto;padding:20px}.login-card{background:#1a1a1a;border-radius:8px;padding:40px;box-shadow:0 2px 8px #0000004d;text-align:center}.login-logo{width:90px;height:90px;object-fit:contain;margin:0 0 16px}.login-card h1{margin:0 0 10px;font-size:32px}.subtitle{margin:0 0 30px;color:#9e9e9e;font-size:14px}.login-card form{display:flex;flex-direction:column;gap:15px}.field-label{display:block;font-size:12px;color:#9e9e9e;margin-bottom:4px;text-align:left}.password-input-wrapper{position:relative;display:flex;align-items:center}.login-card input,.login-card textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:16px;font-family:inherit}.login-card textarea{resize:vertical;min-height:120px}.login-card input:focus,.login-card textarea:focus{outline:2px solid #007bff;outline-offset:1px;border-color:#007bff}.login-card button.toggle-password{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;padding:5px;cursor:pointer;color:#9e9e9e;transition:color .2s}.login-card button.toggle-password:hover{background:none;color:#fff}.login-card button{padding:10px;background:#0062cc;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .2s}.login-card button:hover:not(:disabled){background:#0056b3}.login-card button:disabled{opacity:.6;cursor:not-allowed}.error{color:#ff6b6b;font-size:14px;margin:0}.toggle-mode{margin:20px 0 0;color:#9e9e9e;font-size:14px}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.link-button{background:none!important;border:none;color:#4da3ff!important;padding:0!important;font-size:14px;cursor:pointer;text-decoration:underline}.link-button:hover:not(:disabled){background:none!important;color:#3395ff!important}.logout-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#c82333}.welcome{text-align:center;color:#9e9e9e;font-size:18px}@media(prefers-color-scheme:light){.login-card{background:#f5f5f5}.login-card input,.login-card textarea{background:#fff;border-color:#ddd;color:#333}.login-card input:focus,.login-card textarea:focus{border-color:#007bff}.login-card button.toggle-password{color:#999}.login-card button.toggle-password:hover{background:none;color:#333}header{border-bottom-color:#ddd}.subtitle,.welcome,.toggle-mode{color:#666}.link-button{color:#0062cc!important}.link-button:hover:not(:disabled){color:#004a9f!important}.field-label{color:#666}}:root{color-scheme:light dark;color:#ffffffde;background-color:#242424;scrollbar-gutter:stable}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}#root{width:100%;margin:0 auto}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}@keyframes spin-football{0%{transform:rotate(0)}to{transform:rotate(360deg)}}