:root{--color-bg-dark: #1a1a2e;--color-bg-panel: #16213e;--color-bg-card: #0f3460;--color-border: #1a4080;--color-accent: #4fc3f7;--color-accent-hover: #81d4fa;--color-gold: #ffd700;--color-gold-dim: #b8860b;--color-text: #e0e0e0;--color-text-dim: #888;--color-text-muted: #666;--color-success: #66bb6a;--color-danger: #ef5350;--color-team-p1: #4fc3f7;--color-team-p2: #ef5350;--color-draw: #ffd700;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Consolas", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(79, 195, 247, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--color-bg-dark);color:var(--color-text);min-height:100vh;line-height:1.5}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--color-accent);color:var(--color-bg-dark)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-gold{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dim));color:var(--color-bg-dark)}.btn-gold:hover{box-shadow:0 0 20px #ffd7004d}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg);overflow-x:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border)}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-accent);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.data-table tr:hover td{background:#4fc3f70d}.data-table tr{cursor:pointer;transition:background .15s}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);font-weight:600;color:var(--color-accent);font-size:.9rem}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-family:var(--font-main);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #4fc3f726}.winner-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.winner-p1{background:#4fc3f726;color:var(--color-team-p1)}.winner-p2{background:#ef535026;color:var(--color-team-p2)}.winner-draw{background:#ffd70026;color:var(--color-draw)}.loading,.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-dim)}.error-message{background:#ef53501a;border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-danger);text-align:center}.text-center{text-align:center}.text-dim{color:var(--color-text-dim)}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.items-center{align-items:center}.justify-between{justify-content:space-between}