@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-family-title:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#f5f7fb;--bg-card:#fff;--bg-card-hover:#fafbfc;--bg-input:#fff;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-glow:#3b82f626;--color-secondary:#4f46e5;--color-secondary-hover:#4338ca;--color-secondary-glow:#4f46e526;--color-success:#10b981;--color-success-hover:#059669;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-light:#e2e8f0;--border-active:#3b82f6;--glass-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--transition-smooth:all .2s ease-in-out;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);letter-spacing:-.01em;color:#0f172a;font-weight:700}.app-container{flex-direction:column;max-width:1480px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem;display:flex}.app-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{color:var(--color-primary)}.brand-name{color:#0f172a;font-size:1.5rem;font-weight:800}.header-actions{gap:.5rem;display:flex}.glass-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);padding:1.75rem}.glass-card:hover{border-color:#cbd5e1}.btn{font-family:var(--font-family-title);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{color:var(--text-secondary);background:#fff;border:1px solid #cbd5e1}.btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#94a3b8}.btn-accent{background:var(--color-secondary)}.btn-accent:hover{background:var(--color-secondary-hover)}.btn-danger{background:var(--color-danger-bg);color:#ef4444;border:1px solid #fee2e2}.btn-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.btn-icon-only{border-radius:var(--border-radius-sm);aspect-ratio:1;padding:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}label{font-family:var(--font-family-title);color:var(--text-secondary);font-size:.85rem;font-weight:600}input,select,textarea{font-family:var(--font-family-body);background:var(--bg-input);color:var(--text-primary);border-radius:var(--border-radius-md);transition:var(--transition-smooth);border:1px solid #cbd5e1;width:100%;padding:.6rem .9rem;font-size:.9rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}textarea{resize:vertical;min-height:100px}.grid-options{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.option-card{border-radius:var(--border-radius-md);cursor:pointer;text-align:center;transition:var(--transition-smooth);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem;display:flex}.option-card:hover{background:#f1f5f9;border-color:#cbd5e1}.option-card.selected{border-color:var(--color-primary);color:#1d4ed8;background:#eff6ff}.option-card-title{font-size:.9rem;font-weight:700}.dashboard-grid{grid-template-columns:1.1fr 1.5fr;gap:1.5rem;width:100%;display:grid}.dashboard-grid>div{width:100%;min-width:0}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.section-title{color:#0f172a;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.25rem;font-weight:800;display:flex}.table-container{border-radius:var(--border-radius-md);border:1px solid var(--border-light);box-sizing:border-box;background:#fff;width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}th{font-family:var(--font-family-title);color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;background:#f8fafc;padding:.85rem;font-weight:600}td{border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap;padding:.85rem}tr:last-child td{border-bottom:none}tr:nth-child(2n){background-color:#f8fafc}tr:hover td{background:#f1f5f9}.rank-cell{text-align:center;width:50px;color:var(--text-primary);font-weight:700}.round-result-win{color:#15803d;border-radius:var(--border-radius-sm);background:#dcfce7;padding:.15rem .35rem}.round-result-draw{color:#b45309;border-radius:var(--border-radius-sm);background:#fef3c7;padding:.15rem .35rem}.round-result-loss{color:#b91c1c;border-radius:var(--border-radius-sm);background:#fee2e2;padding:.15rem .35rem}.round-result-bye{color:#4b5563;border-radius:var(--border-radius-sm);background:#f3f4f6;padding:.15rem .35rem}.pairings-list{flex-direction:column;gap:.75rem;display:flex}.match-card{border-radius:var(--border-radius-md);border:1px solid var(--border-light);transition:var(--transition-smooth);background:#fff;grid-template-columns:1fr 120px 1fr;align-items:center;padding:1rem 1.25rem;display:grid}.match-card:hover{border-color:#cbd5e1}.player-box{flex-direction:column;gap:.2rem;display:flex}.player-box.left{text-align:left;align-items:flex-start}.player-box.right{text-align:right;align-items:flex-end}.player-name{font-size:.95rem;font-weight:600}.player-rating{color:var(--text-muted);font-size:.75rem}.player-color-badge{border-radius:3px;margin-top:.2rem;padding:.1rem .35rem;font-size:.7rem;font-weight:600}.color-w{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.color-b{color:#f8fafc;background:#1e293b}.match-result-selector{flex-direction:column;align-items:center;gap:.4rem;display:flex}.result-badge{border-radius:var(--border-radius-sm);padding:.2rem .5rem;font-size:.8rem;font-weight:600}.result-badge.completed{background:var(--color-success-bg);color:var(--color-success-hover);border:1px solid #a7f3d0}.result-badge.pending{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fde68a}.result-buttons{gap:.2rem;display:flex}.btn-result{font-family:var(--font-family-title);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;padding:.35rem .55rem;font-size:.75rem}.btn-result:hover{color:var(--text-primary);background:#f1f5f9;border-color:#94a3b8}.btn-result.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.match-card.bye{border-left:4px solid var(--color-secondary);grid-template-columns:1fr 1fr}.tabs{gap:.35rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab-btn{font-family:var(--font-family-title);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.tab-btn:hover{color:var(--text-primary);background:#f8fafc}.tab-btn.active{color:#fff;background:#000;border-color:#000}.bracket-outer{width:100%;padding:1rem 0;overflow:auto}.bracket-container{gap:2.5rem;min-width:max-content;padding:1.5rem .75rem;display:flex;position:relative}.bracket-round{flex-direction:column;justify-content:space-around;width:240px;display:flex}.bracket-round-title{font-family:var(--font-family-title);text-align:center;color:var(--text-secondary);border-bottom:2px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:.4rem;font-size:.9rem;font-weight:700}.bracket-match-node{border-radius:var(--border-radius-md);border:1px solid var(--border-light);background:#fff;flex-direction:column;margin:1.25rem 0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000a}.bracket-match-node.completed{border-color:#cbd5e1}.bracket-player-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.8rem;display:flex}.bracket-player-row:last-child{border-bottom:none}.bracket-player-row.winner{color:var(--text-primary);background:#eff6ff;font-weight:700}.bracket-player-row.loser{opacity:.6}.bracket-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.bracket-player-score{font-family:var(--font-family-title);border-radius:3px;padding:.1rem .35rem;font-size:.8rem;font-weight:700}.bracket-player-row.winner .bracket-player-score{color:var(--color-success-hover)}.bracket-section-selector{border-bottom:1px solid var(--border-light);gap:.4rem;margin-bottom:1.25rem;padding-bottom:.6rem;display:flex}.bracket-sec-btn{font-family:var(--font-family-title);border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.bracket-sec-btn:hover{color:var(--text-primary)}.bracket-sec-btn.active{color:var(--text-primary);background:#f1f5f9;border-color:#cbd5e1}.drag-list{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}.drag-item{border-radius:var(--border-radius-md);background:#fff;border:1px solid #cbd5e1;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;display:flex}.drag-actions{gap:.2rem;display:flex}.drag-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.15rem;display:flex}.drag-btn:hover{color:var(--text-primary)}.alert{border-radius:var(--border-radius-md);align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.85rem;line-height:1.4;display:flex}.alert-warning{background:var(--color-warning-bg);color:#92400e;border:1px solid #fde68a}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert-icon{flex-shrink:0;margin-top:.05rem}.quick-generate-box{gap:.4rem;margin-top:.4rem;display:flex}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);margin-top:auto;padding-top:1.5rem;font-size:.75rem}.app-footer a{color:var(--color-primary-hover);text-decoration:none}.app-footer a:hover{text-decoration:underline}tr input[type=text],tr input[type=number]{border:1px solid var(--color-primary);color:var(--text-primary);border-radius:var(--border-radius-sm);font-family:var(--font-family-body);background:#fff;outline:none;padding:.15rem .35rem}tr input[type=text]:focus,tr input[type=number]:focus{box-shadow:0 0 0 2px var(--color-primary-glow)}.pairings-table-container{border-radius:var(--border-radius-md);border:1px solid var(--border-light);background:#fff;margin-bottom:1.5rem;overflow-x:auto}.pairings-table{border-collapse:collapse;width:100%}.pairings-table th{color:#475569;border-bottom:1px solid var(--border-light);background:#f8fafc;padding:.75rem 1rem;font-weight:700}.pairings-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:.75rem 1rem}.pairings-table tr:last-child td{border-bottom:none}.pairings-table tr:nth-child(2n){background-color:#f8fafc}.pairings-table tr:hover{background-color:#f1f5f9}.set-result-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500;text-decoration:underline}.set-result-btn:hover{color:#1d4ed8}.result-cell-completed{color:#0f172a;font-weight:700}html,body{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media (width<=768px){.app-container{width:100%;max-width:100%;padding:1rem .5rem;overflow-x:hidden}.app-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.header-actions{justify-content:space-between;width:100%}.header-actions .btn{flex:1;padding:.5rem .85rem;font-size:.8rem}.match-card{text-align:center;grid-template-columns:1fr;gap:.75rem;padding:.85rem 1rem}.player-box.left,.player-box.right{text-align:center;align-items:center}.match-result-selector{margin:.4rem 0}.result-buttons{justify-content:center}.glass-card{box-sizing:border-box;width:100%;max-width:100%;padding:.85rem;overflow:hidden}.tabs{gap:.2rem;max-width:100%;margin-bottom:1rem}.tab-btn{padding:.35rem .55rem;font-size:.72rem}th,td{text-align:center;padding:.35rem .2rem!important;font-size:.72rem!important}.pairings-table th,.pairings-table td{padding:.4rem .2rem!important}table td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left!important;max-width:75px!important;padding-left:.4rem!important}.pairings-table td:nth-child(2){text-align:right!important;padding-right:.4rem!important}.pairings-table td:nth-child(6){text-align:left!important;padding-left:.4rem!important}.round-result-win,.round-result-draw,.round-result-loss,.round-result-bye{white-space:nowrap;display:inline-block;padding:.1rem .2rem!important;font-size:.65rem!important}.btn-result{padding:.25rem .35rem!important;font-size:.68rem!important}.result-buttons{gap:.15rem!important}div[style*="display: grid; grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:.75rem!important}}