@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50: #E6F7FF;--primary-100: #BAE7FF;--primary-200: #91D5FF;--primary-300: #69C0FF;--primary-400: #40A9FF;--primary-500: #01AEFD;--primary-600: #0099E6;--primary-700: #0082CC;--primary-800: #006BB3;--primary-900: #004D80;--secondary-50: #F0F9E8;--secondary-100: #D9F0C4;--secondary-200: #C1E69E;--secondary-300: #A8DC78;--secondary-400: #8FD252;--secondary-500: #41B503;--secondary-600: #359E14;--secondary-700: #2E8711;--secondary-800: #27700E;--secondary-900: #1F590B;--accent-50: #FEF2F2;--accent-100: #FEE2E2;--accent-200: #FECACA;--accent-300: #FCA5A5;--accent-400: #F87171;--accent-500: #DC2626;--accent-600: #DC2626;--accent-700: #B91C1C;--accent-800: #991B1B;--accent-900: #7F1D1D;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-500: #6B7280;--neutral-600: #4B5563;--neutral-700: #374151;--neutral-800: #1F2937;--neutral-900: #111827}.bg-primary-500{background-color:var(--primary-500)!important}.bg-primary-600{background-color:var(--primary-600)!important}.bg-primary-700{background-color:var(--primary-700)!important}.text-primary-600{color:var(--primary-600)!important}.text-primary-700{color:var(--primary-700)!important}.hover\:bg-primary-600:hover{background-color:var(--primary-600)!important}.hover\:bg-primary-700:hover{background-color:var(--primary-700)!important}.focus\:ring-primary-500:focus{--tw-ring-color: var(--primary-500) !important}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px !important}.focus\:border-primary-500:focus{border-color:var(--primary-500)!important}.border-primary-300{border-color:#69c0ff!important}.border-primary-400{border-color:#40a9ff!important}.border-primary-500{border-color:var(--primary-500)!important}.ring-primary-300{--tw-ring-color: #91D5FF !important}.bg-secondary-500{background-color:var(--secondary-500)!important}.bg-secondary-600{background-color:var(--secondary-600)!important}.bg-secondary-700{background-color:var(--secondary-700)!important}.text-secondary-500{color:var(--secondary-500)!important}.text-secondary-600{color:var(--secondary-600)!important}.hover\:bg-secondary-600:hover{background-color:var(--secondary-600)!important}.hover\:bg-secondary-700:hover{background-color:var(--secondary-700)!important}.bg-accent-500{background-color:var(--accent-500)!important}.bg-accent-600{background-color:var(--accent-600)!important}.text-accent-500{color:var(--accent-500)!important}.text-accent-600{color:var(--accent-600)!important}.bg-neutral-400{background-color:var(--neutral-400)!important}.bg-neutral-500{background-color:var(--neutral-500)!important}.bg-neutral-600{background-color:var(--neutral-600)!important}.text-neutral-500{color:var(--neutral-500)!important}.text-neutral-600{color:var(--neutral-600)!important}.btn{@apply px-4 py-2 rounded-lg font-medium transition-colors duration-200;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700;}.btn-secondary{@apply bg-gray-600 text-white hover:bg-gray-700;}.btn-success{@apply bg-green-600 text-white hover:bg-green-700;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700;}.card{@apply bg-white rounded-lg shadow-md p-6;}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;}.form-label{@apply block text-sm font-medium text-gray-700 mb-2;}.bracket-tree-container{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);border-radius:8px;padding:24px}.bracket-tree{display:flex;gap:48px;align-items:stretch}.bracket-round{min-width:260px;flex:0 0 auto}.bracket-match-wrapper{padding:8px}.bracket-match{width:240px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;position:relative;z-index:1}.bracket-match:hover{box-shadow:0 4px 6px #0000001a}.match-player{transition:background-color .2s ease}.match-info{font-size:11px}.connector-line,.connector-vertical{z-index:0}@media (max-width: 1024px){.bracket-tree{flex-wrap:nowrap;overflow-x:auto;gap:24px}.bracket-round{min-width:220px}.bracket-match{width:200px}}@media (max-width: 768px){.bracket-tree{flex-direction:column;gap:32px}.bracket-round{width:100%;min-width:auto}.bracket-match{width:100%;max-width:300px}.connector-line,.connector-vertical{display:none}}@media print{.bracket-tree-container{background:#fff;padding:12px}.bracket-match{break-inside:avoid;border:1px solid #ccc}}