.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;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}}@media(prefers-color-scheme:light){.announcement-banner{background:#f0e9fa;border-bottom-color:#8b5fbf}.announcement-banner:hover{background:#e6d9f5}.announcement-banner-title{color:#5a3d7a}.announcement-banner-body{color:#444}.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{width:100%;box-sizing:border-box;padding:10px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:16px}.login-card input: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}.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{background:#fff;border-color:#ddd;color:#333}.login-card input: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{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)}}