@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--thf-red: #d9232d;--thf-blue: #0d2a4e;--thf-blue-light: #e0e7ff;--thf-blue-dark: #0a213e;--thf-blue-background: #f7f9fc;--thf-red-light: #fee2e2;--thf-red-dark: #991b1b;--thf-gray-100: #f8f9fa;--thf-gray-200: #eef1f5;--thf-gray-300: #e6eaf1;--thf-gray-400: #d9dee7;--thf-gray-500: #ccd5e3;--thf-gray-600: #a0aec0;--thf-gray-700: #6b7280;--thf-gray-800: #4a5568;--thf-gray-900: #1d252f;--bg-page: var(--thf-blue-background);--bg-card: #ffffff;--card-border: var(--thf-gray-300);--card-shadow: 0 4px 12px rgba(13, 42, 78, .08);--card-radius: 12px;--input-radius: 8px;--button-radius: 8px;--text-strong: var(--thf-gray-900);--text-muted: var(--thf-gray-700);--text-placeholder: var(--thf-gray-600);--link-color: #0b66ff;--focus-ring: 0 0 0 3px rgba(13, 42, 78, .25);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body{background:var(--bg-page);color:var(--text-strong);font-family:var(--font-family);margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}main{max-width:1200px;width:100%;margin:0 auto;padding:2em;flex-grow:1}h1,h2,h3,h4,h5,h6{color:var(--thf-blue);margin-top:1.5em;margin-bottom:.6em;line-height:1.3;font-weight:700}h1{font-size:2.2rem;font-weight:800}h2{font-size:1.7rem;font-weight:700}h3{font-size:1.4rem}h4{font-size:1.1rem}p{margin-bottom:1em}strong{font-weight:600}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--card-border);margin:2em 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}.skip-link{position:absolute;left:-9999px;top:-9999px;z-index:1000}.skip-link:focus{left:8px;top:8px;background:var(--thf-blue);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none}.login-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--thf-blue) 0%,#133a6c 100%);padding:2rem}.login-card{background:#fff;padding:2.5rem;border-radius:var(--card-radius);box-shadow:0 10px 30px #0003;width:100%;max-width:450px;text-align:center}.login-logo{width:90px;height:auto;margin-bottom:1rem}.login-headings h1{font-size:1.2rem;color:var(--thf-blue);margin:0}.login-headings h2{font-size:1.5rem;font-weight:800;color:var(--thf-blue);margin:.2em 0}.login-headings p{color:var(--text-muted);margin-top:0;font-size:.9rem}.login-form{margin-top:2rem;text-align:left}.login-form .form-group{margin-bottom:1.2rem}.login-error{color:var(--thf-red);font-size:.9rem;text-align:center;margin-top:-.5rem;margin-bottom:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--thf-blue) 0%,var(--thf-blue-dark) 100%);color:#fff;padding:1rem 2em;box-shadow:0 4px 12px #0d2a4e33}.app-header h1{color:#fff;margin:0;font-size:1.5rem}.app-header nav{display:flex;gap:.5rem}.app-header nav a{color:#fffc;padding:.5em .8em;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s,color .2s;border:2px solid transparent}.app-header nav a:hover{background-color:#ffffff1a;color:#fff;text-decoration:none}.app-header nav a.active{background-color:#ffffffe6;color:var(--thf-blue);font-weight:600}.card,.form-bolumu{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:1.5rem;margin-bottom:1.5rem}.card.accent-red{border-top:4px solid var(--thf-red)}.card.accent-blue{border-top:4px solid var(--thf-blue)}.card-header{display:flex;justify-content:space-between;align-items:center;margin:-1.5rem -1.5rem 1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--card-border);background-color:var(--thf-gray-100);border-radius:var(--card-radius) var(--card-radius) 0 0}.card-header h3,.card-header h4{margin:0;color:var(--thf-blue)}button,.btn,a.btn,a.ghost-btn{display:inline-block;position:relative;background:linear-gradient(180deg,var(--thf-blue),var(--thf-blue-dark));color:#fff;border:1px solid var(--thf-blue-dark);border-radius:var(--button-radius);padding:.6em 1.2em;font-size:.95rem;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;transition:transform .1s ease,background-color .2s,box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none;text-decoration:none}button:hover,.btn:hover,a.btn:hover,a.ghost-btn:hover{background:linear-gradient(180deg,#10345f,var(--thf-blue-dark));text-decoration:none}button:active,.btn:active,a.btn:active,a.ghost-btn:active{transform:translateY(1px)}button:disabled,.btn:disabled,a.btn[disabled],a.ghost-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}.ghost-btn,button.ghost-btn{background:#fff;color:var(--thf-blue);border-color:var(--thf-gray-400)}.ghost-btn:hover,button.ghost-btn:hover{background:var(--thf-gray-100);border-color:var(--thf-gray-500)}.btn-danger,button.btn-danger{background:linear-gradient(180deg,var(--thf-red),var(--thf-red-dark));border-color:var(--thf-red-dark);color:#fff}.btn-danger:hover,button.btn-danger:hover{background:linear-gradient(180deg,#e6454e,var(--thf-red-dark))}.btn-sm,button.btn-sm{padding:.4em .8em;font-size:.85rem}.remove-btn,.gun-sil-btn{background:var(--thf-red-light);color:var(--thf-red-dark);border:1px solid var(--thf-red-light);padding:5px 8px;font-size:.9em;font-weight:500}.remove-btn:hover,.gun-sil-btn:hover{background:#fecaca;border-color:#fecaca}.mini-group .remove-btn,.mini-seed .remove-btn{background:transparent!important;border:none!important;color:var(--thf-red)!important;padding:2px!important;margin:0!important;line-height:1!important;height:auto!important;width:auto!important;font-size:1.1em!important;box-shadow:none!important;font-weight:400!important;transition:color .2s!important}.mini-group .remove-btn:hover,.mini-seed .remove-btn:hover{color:var(--thf-red-dark)!important;text-decoration:none!important;background:transparent!important}input[type=text],input[type=date],input[type=time],input[type=number],input[type=password],select,textarea{background:#fff;color:var(--text-strong);border:1px solid var(--thf-gray-400);border-radius:var(--input-radius);padding:.6em .8em;width:100%;font-size:.95rem;line-height:1.4;transition:box-shadow .15s ease,border-color .15s ease}input::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--thf-blue);box-shadow:var(--focus-ring)}input:disabled,select:disabled,textarea:disabled{background-color:var(--thf-gray-100);cursor:not-allowed}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7em top 50%;background-size:1.2em;padding-right:2.5em}label{display:block;color:var(--text-muted);font-weight:500;font-size:.9em;margin-bottom:.3em}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5em;accent-color:var(--thf-blue)}.form-group,.inline{margin-bottom:1.2rem}.form-group label,.inline label{display:block;margin-bottom:.4rem}.asama-formu{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap}.asama-formu input,.asama-formu select{flex:1 1 200px;width:auto}.asama-formu button{flex-shrink:0}.list{list-style:none;margin:0;padding:0;border:1px solid var(--card-border);border-radius:var(--input-radius);background:var(--thf-gray-100);box-shadow:inset 0 2px 4px #0000000a;max-height:300px;overflow:auto}.list li{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:.7em 1em;border-bottom:1px solid var(--thf-gray-300);transition:background-color .15s}.list li:last-child{border-bottom:none}.list li:hover{background:var(--thf-blue-light)}.list li span{flex-grow:1;margin-right:1rem;white-space:pre-line;line-height:1.4;font-size:.95rem}.list li>div{flex-shrink:0;display:flex;gap:.5rem}.takim-listesi-genel{list-style:none;padding:0;margin-top:1.5rem}.takim-listesi-genel li{display:flex;justify-content:space-between;align-items:center;padding:.8em 1em;background:#fff;border:1px solid var(--card-border);border-radius:var(--input-radius);margin-bottom:.7rem;box-shadow:0 1px 3px #0d2a4e0a}.takim-listesi-genel li span{font-weight:500}.takim-listesi-genel .gun-sil-btn{font-size:1.2em;padding:0 6px;line-height:1}.asama-listesi{display:grid;gap:1rem;margin-top:1rem;list-style:none;padding:0}.asama-karti{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--card-border);border-radius:var(--input-radius);padding:1em 1.2em;color:var(--text-strong);text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .2s;box-shadow:0 1px 3px #0d2a4e0a}.asama-karti:hover{transform:translateY(-2px);border-color:var(--thf-blue);box-shadow:0 4px 12px #0d2a4e1a;text-decoration:none}.asama-karti strong{color:var(--thf-blue)}.asama-karti .muted{font-size:.85em}.asama-wide{max-width:1400px;margin:0 auto}.asama-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) 1.4fr;gap:24px;align-items:start}@media(max-width:1000px){.asama-grid{grid-template-columns:1fr}}.asama-hero{display:flex;align-items:stretch;gap:20px;background:linear-gradient(135deg,var(--thf-blue) 0%,#133a6c 100%);color:#fff;padding:1.5rem 1.8rem;border-radius:var(--card-radius);margin-bottom:1.5rem;box-shadow:var(--card-shadow)}.asama-hero__left{flex:1}.asama-hero h1{margin:0 0 .3em;color:#fff;font-size:1.8rem}.asama-hero p{margin:.4em 0;color:#ffffffe6;font-size:1rem}.asama-hero__badge{align-self:center;background:#fff;color:var(--thf-blue);padding:.5em 1em;border-radius:999px;font-weight:700;min-width:100px;text-align:center;box-shadow:0 2px 8px #00000026;font-size:.9rem}.asama-hero__back{background:#fff3;color:#fff;padding:6px 10px;border-radius:6px;text-decoration:none;font-weight:500;display:inline-block;font-size:.9rem;transition:background-color .2s}.asama-hero__back:hover{background:#ffffff4d;text-decoration:none}.card.accent-red h4{border-bottom:2px solid var(--thf-gray-300);padding-bottom:.5rem;margin-bottom:1rem;font-size:1.2rem}.groups-mini{display:flex;flex-direction:column;gap:1rem;background-color:var(--thf-blue-background);padding:1rem;border-radius:var(--card-radius);border:1px solid var(--card-border)}.mini-group{background:var(--bg-card)!important;border:1px solid var(--card-border)!important;border-radius:var(--input-radius)!important;padding:1rem!important;box-shadow:var(--card-shadow)!important;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none}.mini-group:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0d2a4e1a!important}.mini-group.active{border-color:var(--thf-blue)!important;box-shadow:var(--focus-ring),0 6px 16px #0d2a4e1f!important;transform:translateY(-2px)}.mini-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem!important}.mini-group-head strong{font-size:1rem!important;font-weight:600!important;color:var(--thf-blue)}.mini-seed{margin:0!important;padding:0!important;list-style:none!important;max-height:none!important;overflow:visible!important}.mini-seed li{display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center!important;gap:10px!important;padding:.6em 0!important}.mini-seed li+li{border-top:1px solid var(--thf-gray-300)!important}.mini-seed .badge{width:22px!important;height:22px!important;min-width:22px!important;display:grid!important;place-items:center!important;border:1px solid var(--thf-gray-400)!important;border-radius:999px!important;background:transparent!important;color:var(--thf-blue)!important;font-size:.75rem!important;font-weight:700!important;line-height:1!important}.mini-seed .name{font-size:.9rem!important;font-weight:500!important;color:var(--text-strong);white-space:pre-line!important;line-height:1.3}.mini-seed input[type=number]{border:1px solid var(--thf-gray-400);border-radius:4px;font-size:.8rem;padding:4px;width:45px;text-align:center}.mini-seed .rank-controls{display:flex;align-items:center;gap:4px}.mini-seed .rank-controls button{background-color:var(--thf-gray-100);border:1px solid var(--thf-gray-400);color:var(--thf-gray-700);font-size:.9em;border-radius:4px;padding:1px 4px;line-height:1;min-width:auto}.mini-seed .rank-controls button:hover{background-color:var(--thf-gray-200)}.strategy-pills{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.strategy-pill{display:inline-flex;align-items:center;padding:.4em .9em;border:1px solid var(--thf-gray-400);border-radius:20px;cursor:pointer;background-color:#fff;font-size:.9rem;-webkit-user-select:none;user-select:none;transition:background-color .2s,border-color .2s,color .2s}.strategy-pill input[type=radio]{opacity:0;width:0;height:0;position:absolute}.strategy-pill.active{background-color:var(--thf-blue);border-color:var(--thf-blue);color:#fff;font-weight:500}.strategy-pill:not(.active):hover{background-color:var(--thf-gray-100)}.strategy-info{background-color:var(--thf-blue-light);border:1px solid var(--thf-blue-light);border-radius:var(--input-radius);padding:.8em 1em;font-size:.9rem;color:var(--thf-blue);margin-bottom:1.5rem}.strategy-info b{font-weight:600}.fixture-card{margin-top:1.5rem}.fixture-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--card-border);padding-bottom:.8rem}.fixture-head h4{margin:0}.day-header-container{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.day-header-draghandle{flex-grow:1;cursor:grab}.day-header{background:var(--thf-blue);color:#fff;padding:.5em .8em;border-radius:6px;display:inline-block;font-size:1rem;font-weight:600}.day-header-container button.ghost-btn{padding:5px 8px;font-size:.85em}.match-card{padding:10px 12px;border:1px solid var(--thf-gray-300);border-radius:var(--input-radius);margin-bottom:.6rem;background:#fff;cursor:grab;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:1rem;box-shadow:0 1px 3px #0d2a4e0a;transition:box-shadow .2s,background-color .2s}.match-card[style*=transform]{box-shadow:0 6px 18px #0d2a4e1f}.match-card.editing{background:#fffbe0;border-color:#facc15}.match-card.disabled-drag{cursor:default}.match-time{font-weight:600;font-size:.95rem}.match-time-editable{display:inline-block;font-weight:600;font-size:.95rem;background:var(--thf-gray-100);border:1px solid var(--thf-gray-300);border-radius:6px;padding:4px 8px;text-align:center;cursor:pointer;min-width:70px;transition:background-color .2s,border-color .2s}.match-time-editable:hover{background:var(--thf-gray-200);border-color:var(--thf-gray-400)}.match-time input[type=time]{padding:4px;border-radius:6px;width:90px;font-size:.95rem}.match-details .round-info{color:var(--text-muted);font-size:.8rem;margin-bottom:2px}.match-details .teams{font-weight:500;font-size:.95rem;line-height:1.3}.bye-info{background:#fffbeb;border:1px solid #FEE2B1;color:#7f5d00;padding:.6em 1em;border-radius:var(--input-radius);margin:.3rem 0 .8rem;font-size:.9em}.ko-form .ko-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:flex-end;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed var(--thf-gray-300)}.ko-form .ko-pair:last-of-type{border-bottom:none}.ko-form .ko-pair .muted{align-self:center;margin-bottom:8px;font-style:italic}.muted{color:var(--text-muted);font-size:.9em}.text-danger{color:var(--thf-red-dark)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-gap-1{display:flex;gap:.5rem}.flex-gap-2{display:flex;gap:1rem}.w-full{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.chip-in-group{background:var(--thf-gray-200);color:var(--thf-gray-800);border:1px solid var(--thf-gray-400);padding:2px 6px;border-radius:6px;font-size:12px;font-style:normal;font-weight:500}