*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0f766e;--primary-dark:#0d5d56;--accent-color:#f97316;--accent-light:#fb923c;--bg-color:#fff;--bg-light:#f9fafb;--text-color:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-light);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}nav{position:relative;background:linear-gradient(135deg,rgba(15,118,110,.95),rgba(13,93,86,.95));color:#fff;padding:1rem 0;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.nav-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.08) 0,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px);opacity:.6;pointer-events:none}nav .container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}nav .logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s}nav .logo:hover{transform:scale(1.05);opacity:.9}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:10}.mobile-menu-toggle span{display:block;width:25px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-toggle span.open:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle span.open:nth-child(2){opacity:0}.mobile-menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}nav ul{display:flex;list-style:none;gap:2rem;align-items:center;margin:0;padding:0;flex-shrink:0}nav a{color:#fff;text-decoration:none;transition:opacity .2s;font-weight:500}nav a:hover{opacity:.8}nav .user-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn,nav .user-name{font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center;box-sizing:border-box;height:2.75rem;line-height:1}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:var(--accent-light)}.btn-secondary{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);box-sizing:border-box}.btn-secondary:hover{background-color:var(--bg-light)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.match-card{margin-bottom:1.5rem}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.match-card h3{color:var(--primary-color);margin:0;font-size:1.5rem;font-weight:600}.match-card h3 a{color:inherit;text-decoration:none;transition:opacity .2s;display:block}.match-card h3 a:hover{opacity:.8;text-decoration:underline}.badge-level{padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.badge-level-kopanina{background-color:#d1fae5;color:#065f46}.badge-level-cos-tam-gramy{background-color:#e0f2fe;color:#0369a1}.badge-level-semi-pro{background-color:#ede9fe;color:#6d28d9}.level-icon-stairs{display:inline-flex;flex-direction:row;align-items:flex-end;gap:2px;height:14px}.level-step{width:3px;border-radius:1px 1px 0 0;transition:background-color .2s}.level-step:first-child{height:6px}.level-step:nth-child(2){height:10px}.level-step:nth-child(3){height:14px}.level-icon-stairs[data-level="1"] .level-step{background-color:rgba(6,95,70,.3)}.level-icon-stairs[data-level="1"] .level-step.active{background-color:#065f46}.level-icon-stairs[data-level="2"] .level-step{background-color:rgba(3,105,161,.3)}.level-icon-stairs[data-level="2"] .level-step.active{background-color:#0369a1}.level-icon-stairs[data-level="3"] .level-step{background-color:rgba(109,40,217,.3)}.level-icon-stairs[data-level="3"] .level-step.active{background-color:#6d28d9}.match-card .match-meta{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;color:var(--text-color);font-size:.95rem}.match-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem}.match-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.match-meta-icon{font-size:1.1rem}.match-full-indicator{color:var(--error-color);font-weight:500;margin-left:.25rem}.match-organizer{display:flex;align-items:center;gap:.5rem;margin:1rem 0;padding:.75rem;background-color:var(--bg-light);border-radius:.5rem;font-size:.9rem}.match-organizer-label{font-weight:500;color:var(--text-color)}.match-organizer-contact{color:var(--text-color);display:flex;align-items:center;gap:.25rem}.match-description{margin:1rem 0;color:var(--text-light);line-height:1.6;font-size:.95rem}.match-card .match-footer{justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);gap:1rem}.match-actions,.match-card .match-footer{display:flex;align-items:center;flex-wrap:wrap}.match-actions{gap:.75rem}.badge-success{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#28a745;color:#fff;border-radius:.5rem;font-size:1rem;font-weight:500;white-space:nowrap;box-sizing:border-box;height:2.75rem;line-height:1;text-decoration:none;border:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:100px}input[type=time]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:border-color .2s}input[type=time]:focus{outline:none;border-color:var(--primary-color)}input[type=time]::-webkit-calendar-picker-indicator{display:none}input[type=time]::-webkit-inner-spin-button,input[type=time]::-webkit-outer-spin-button{display:none}@media (max-width:768px){input[type=time]{font-size:16px}}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;gap:.5rem}.checkbox-item input[type=checkbox]{width:auto}.filters{background:#fff;padding:1.5rem;border-radius:.75rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-toggle-btn{white-space:nowrap}.filters-toggle-text{display:inline}@media (max-width:640px){.filters-toggle-text{display:none}}.filters form{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filters .form-group{margin-bottom:0;flex:1 1;min-width:200px}.match-details{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.match-details h1{color:var(--primary-color);margin-bottom:1rem}.match-details .match-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.match-details .info-item{display:flex;flex-direction:column;gap:.25rem}.match-details .info-label{font-size:.875rem;color:var(--text-light);font-weight:500}.match-details .info-value{font-size:1.125rem;color:var(--text-color)}.players-list{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.players-list h2{margin-bottom:1rem;color:var(--primary-color)}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.player-card{background:var(--bg-light);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color)}.player-card .player-name{font-weight:500;margin-bottom:.25rem}.player-card .player-position{font-size:.875rem;color:var(--text-light)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.status-active{background-color:#d1fae5;color:#065f46}.status-full{background-color:#fef3c7;color:#92400e}.status-finished{background-color:#e5e7eb;color:#374151}.status-canceled{background-color:#fee2e2;color:#991b1b}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.loading{padding:2rem}.empty-state,.loading{text-align:center;color:var(--text-light)}.empty-state{padding:3rem}.empty-state h3{margin-bottom:.5rem;color:var(--text-color)}@media (max-width:768px){.mobile-menu-toggle{display:flex}nav .container{flex-wrap:wrap}nav ul{flex-basis:100%;flex-direction:column;gap:0;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0;order:3}nav ul.mobile-open{max-height:500px;padding:1rem 0;margin-top:.5rem}nav ul li{width:100%;padding:.75rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}nav ul li:last-child{border-bottom:none}nav ul li a{display:block;width:100%;padding:.5rem 0}nav .user-info{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}nav .user-info .btn{width:100%}.filters form{flex-direction:column}.filters .form-group{width:100%}.match-card .match-footer{flex-direction:column;gap:1rem;align-items:stretch}.match-header{flex-direction:column;align-items:flex-start}.match-meta-row{flex-direction:column;gap:.75rem}.match-actions{width:100%;flex-direction:column}.match-actions .badge-success,.match-actions .btn{width:100%}}