@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.token-expiry-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.token-expiry-warning-modal{background-color:#fff;border-radius:12px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.warning-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:2px solid #ff9800;padding-bottom:16px}.warning-icon{font-size:28px}.warning-header h3{margin:0;font-size:18px;font-weight:600;color:#ff9800}.warning-body{margin-bottom:24px}.warning-body p{margin:8px 0;font-size:14px;color:#333;line-height:1.5}.warning-detail{color:#666;font-style:italic}.warning-actions{display:flex;gap:12px;margin-bottom:16px}.btn-primary,.btn-secondary{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#ff5722;color:#fff}.btn-primary:hover{background-color:#e64a19;transform:translateY(-2px);box-shadow:0 4px 12px #ff57224d}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover{background-color:#e0e0e0}.warning-footer{text-align:center;color:#999;font-size:12px}@media (max-width: 480px){.token-expiry-warning-modal{padding:24px}.warning-header h3{font-size:16px}.warning-actions{flex-direction:column}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#000);padding:2rem}.admin-login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:2rem;width:100%;max-width:400px;text-align:center}.admin-login-card h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-login-card p{color:#888;margin-bottom:2.5rem;line-height:1.6}.admin-login-card .input-group{text-align:left;margin-bottom:1.5rem}.admin-login-card .input-group label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1rem;color:#666;margin-bottom:.5rem;font-weight:600}.admin-login-card .input-group input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1rem 1.2rem;border-radius:1rem;color:#fff;font-size:1rem;transition:.2s all ease}.admin-login-card .input-group input:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff0d}.error-message{background:#ff3b301a;color:#ff3b30;padding:1rem;border-radius:1rem;font-size:.9rem;margin-bottom:1.5rem;text-align:left;border-left:3px solid #ff3b30}.admin-login-btn{width:100%;padding:1.2rem;border-radius:1rem;border:none;background:#fff;color:#000;font-weight:700;font-size:1rem;cursor:pointer;transition:.3s all cubic-bezier(.4,0,.2,1)}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a;background:#f0f0f0}.admin-login-btn:active:not(:disabled){transform:scale(.98)}.admin-login-btn:disabled{opacity:.5;cursor:not-allowed}.splash-screen{height:100vh;background:#0b0f19;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.splash-logo-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.splash-logo{width:150px;height:150px;object-fit:contain;z-index:2;animation:pulse 2s ease-in-out infinite}.splash-logo-fallback{font-size:80px;color:#7dff4f;animation:pulse 2s ease-in-out infinite}.splash-logo-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(125,255,79,.2) 0%,transparent 70%);border-radius:50%;z-index:1;animation:glow-pulse 2s ease-in-out infinite}.splash-loading{margin-top:3rem;width:150px;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.loading-bar{width:30%;height:100%;background:#7dff4f;box-shadow:0 0 10px #7dff4f;border-radius:2px;animation:loading 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes loading{0%{transform:translate(-100%);width:20%}50%{width:50%}to{transform:translate(300%);width:20%}}.auth-entry-container{height:100vh;background:#0b0f19;display:flex;align-items:center;justify-content:center}.auth-entry-card{width:380px;padding:3rem 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;text-align:center;box-shadow:0 15px 35px #00000080}.auth-logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.auth-entry-logo{width:100px;height:100px;object-fit:contain;margin-bottom:1rem}.auth-entry-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:4px}.auth-entry-description{color:#fff9;line-height:1.6;margin-bottom:3rem}.auth-actions-vertical{display:flex;flex-direction:column;gap:1rem}.auth-btn{width:100%;padding:1rem;font-size:1rem;font-weight:700;border-radius:12px;transition:all .2s ease;cursor:pointer}.btn-primary-neon{background:#7dff4f;color:#0b0f19;border:none;box-shadow:0 4px 15px #7dff4f4d}.btn-primary-neon:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7dff4f66}.btn-outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-outline-white:hover{border-color:#fff;background:#ffffff0d}.btn-admin{background:#ffb74d1a;color:#ffb74d;border:2px solid #FFB74D;font-weight:600}.btn-admin:hover{background:#ffb74d33;border-color:#ffd699;transform:translateY(-2px);box-shadow:0 4px 12px #ffb74d4d}.match-creation-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;background:#f5f5f5}.match-creation-container h1{margin-bottom:30px;color:#333;font-size:24px;font-weight:600}.match-creation-container h3{margin-top:25px;margin-bottom:15px;color:#555;font-size:16px;font-weight:600;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.match-creation-container .ant-form{background:#fff;padding:20px;border-radius:8px}.match-creation-container .ant-form-item{margin-bottom:16px}.match-creation-container .ant-input,.match-creation-container .ant-select,.match-creation-container .ant-input-number{border-radius:4px}.match-creation-container .ant-btn{border-radius:4px;font-weight:500;padding:10px 20px}.match-creation-container .ant-alert{margin-bottom:20px;border-radius:4px}.match-detail-container{max-width:1000px;margin:0 auto;padding:20px;min-height:100vh;background:#f5f5f5}.match-detail-container h1{margin-bottom:15px;color:#333;font-size:28px;font-weight:600}.match-detail-container h3{margin-top:30px;margin-bottom:15px;color:#555;font-size:18px;font-weight:600}.match-detail-container .ant-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.match-detail-container .ant-table{background:#fff;border-radius:4px}.match-detail-container .ant-tag{border-radius:4px;padding:4px 12px;font-weight:500}.match-detail-container .ant-btn{border-radius:4px;font-weight:500}.match-detail-container .ant-btn-primary{background:#1890ff}.match-detail-container .ant-btn-danger{color:#ff4d4f;border-color:#ff4d4f}.match-detail-container .ant-btn-danger:hover{color:#fff;background:#ff4d4f}.match-detail-container .ant-modal{border-radius:8px}.match-detail-container .match-info-card{background:#fafafa;padding:15px;border-radius:4px;margin-bottom:15px;border-left:4px solid #1890ff}.match-detail-container .player-stats{display:flex;gap:30px;padding:15px;background:#f0f4ff;border-radius:4px;margin-bottom:20px}.match-detail-container .stat-item{text-align:center}.match-detail-container .stat-value{font-size:24px;font-weight:600;color:#1890ff}.match-detail-container .stat-label{font-size:12px;color:#666;text-transform:uppercase;margin-top:5px}.match-discovery-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:#f5f5f5}.match-discovery-container h1{margin-bottom:30px;color:#333;font-size:28px;font-weight:600}.match-discovery-container .ant-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.match-discovery-container .ant-input-affix-wrapper{border-radius:4px;padding:8px 12px;background:#fff;border:1px solid #d9d9d9}.match-discovery-container .ant-input-affix-wrapper:hover{border-color:#40a9ff}.match-discovery-container .ant-tabs{background:#fff;border-radius:4px}.match-discovery-container .ant-tabs-nav{border-bottom:2px solid #f0f0f0}.match-discovery-container .ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff}.match-discovery-container .ant-table{background:#fff;border-radius:4px}.match-discovery-container .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333}.match-discovery-container .ant-btn{border-radius:4px;font-weight:500}.match-discovery-container .ant-btn-primary{background:#1890ff}.match-discovery-container .ant-tag{border-radius:4px;padding:4px 12px;font-weight:500}.match-discovery-container .ant-empty{padding:40px 20px}.match-discovery-container .search-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.match-discovery-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.match-discovery-container .stat-card{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #00000014}.match-discovery-container .stat-value{font-size:24px;font-weight:600;color:#1890ff;margin-bottom:5px}.match-discovery-container .stat-label{font-size:12px;color:#999;text-transform:uppercase}:root{--bg-base: #0d1117;--bg-mantle: #161b22;--bg-surface: #21262d;--bg-elevated: #2d333b;--green: #7dff4f;--green-dark: #5ec934;--green-glow: rgba(125, 255, 79, .25);--green-subtle: rgba(125, 255, 79, .1);--teal: #4bc8d4;--teal-subtle: rgba(75, 200, 212, .12);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #656d76;--green-status: #2ea043;--red: #f85149;--red-subtle: rgba(248, 81, 73, .12);--yellow: #d29922;--yellow-subtle: rgba(210, 153, 34, .12);--blue: #58a6ff;--blue-subtle: rgba(88, 166, 255, .12);--orange: #f0883e;--border: #30363d;--border-hover: #444c56;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-green: 0 4px 20px rgba(125, 255, 79, .3);--transition: .18s ease;--transition-m: .28s ease;--navbar-height: 64px;--sidebar-collapsed: 64px;--sidebar-expanded: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url(https://images.unsplash.com/photo-1518605368461-1e7c522203d9?w=1600&q=80) center/cover no-repeat;opacity:.08;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,#0d111700,#0d1117 80%);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}select,input,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-mantle)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.page-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.page-container-narrow{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.2rem}.dashboard-shell{display:flex;min-height:calc(100vh - var(--navbar-height))}.sidebar{width:var(--sidebar-collapsed);flex-shrink:0;background:#161b22bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(48,54,61,.5);display:flex;flex-direction:column;position:fixed;top:var(--navbar-height);left:0;bottom:0;overflow:hidden;z-index:50;transition:width .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;will-change:width}.sidebar:hover{width:var(--sidebar-expanded);box-shadow:4px 0 32px #00000080}.sidebar-inner{width:var(--sidebar-expanded);min-width:var(--sidebar-expanded);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%}.sidebar-section{padding:.75rem .5rem}.sidebar-section-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .85rem .4rem;white-space:nowrap;overflow:hidden;opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .sidebar-section-label{opacity:1}.sidebar-link{display:flex;align-items:center;gap:0;padding:0;height:44px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color .18s ease,background .18s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;overflow:hidden;white-space:nowrap}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-surface)}.sidebar-link.active{color:var(--green);background:var(--green-subtle);font-weight:600}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;flex-shrink:0;transition:transform .2s ease}.sidebar-link:hover .sidebar-link-icon{transform:scale(1.1)}.sidebar-link.active .sidebar-link-icon{color:var(--green)}.sidebar-link-label{opacity:0;transform:translate(-6px);transition:opacity .18s ease .06s,transform .18s ease .06s;pointer-events:none}.sidebar:hover .sidebar-link-label{opacity:1;transform:translate(0)}.dashboard-content{margin-left:var(--sidebar-collapsed);flex:1;min-width:0;padding:2rem 2rem 4rem;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}@media (max-width: 900px){.sidebar{width:0;border-right:none}.sidebar:hover{width:var(--sidebar-expanded)}.dashboard-content{margin-left:0;padding:1.25rem 1rem 3rem}}.main-content-with-sidebar{margin-left:var(--sidebar-collapsed);flex:1;min-width:0;padding:2rem 2rem 4rem;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@media (max-width: 900px){.main-content-with-sidebar{margin-left:0;padding:1.25rem 1rem 3rem}}.navbar{position:sticky;top:0;z-index:200;height:var(--navbar-height);background:#0d1117d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;gap:1.5rem}.navbar-logo{display:flex;align-items:center;gap:.6rem;font-weight:900;font-size:1.2rem;letter-spacing:-.02em;color:var(--text-primary);flex-shrink:0;transition:opacity var(--transition)}.navbar-logo:hover{opacity:.9}.navbar-logo-icon{height:38px;width:auto;object-fit:contain}.navbar-logo-text-img{height:22px;width:auto;object-fit:contain}.navbar-links{display:flex;align-items:center;gap:.125rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Montserrat,Inter,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--green);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%);box-shadow:0 0 10px #a5ff1499}.nav-link:hover{color:#fff;background:transparent;text-shadow:0 0 10px rgba(255,255,255,.2)}.nav-link:hover:after{width:70%}.nav-link.active{color:var(--green);background:transparent;text-shadow:0 0 15px rgba(165,255,20,.3)}.nav-link.active:after{width:100%}.navbar-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.auth-buttons{display:flex;gap:.5rem;align-items:center}.user-menu{position:relative}.user-avatar-btn{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:transparent;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.user-avatar-btn:hover{transform:scale(1.05);border-color:var(--green);box-shadow:0 0 15px #a5ff144d}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--bg-surface),#2d333b);border:1px solid rgba(255,255,255,.1);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;transition:all .3s ease}.user-avatar-btn:hover .user-avatar{background:linear-gradient(135deg,var(--green),var(--teal));color:#000}.user-name{font-size:.875rem;font-weight:600}.dropdown-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:200px;background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:300;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.dropdown-item{padding:.65rem 1rem;font-size:.875rem;color:var(--text-secondary);transition:all var(--transition);text-align:left;background:none;border:none;cursor:pointer;display:block;width:100%}.dropdown-item:hover{background:var(--bg-surface);color:var(--text-primary)}.dropdown-item.danger:hover{color:var(--red)}.dropdown-divider{border:none;border-top:1px solid var(--border);margin:.2rem 0}.footer{background:var(--bg-mantle);border-top:1px solid var(--border);padding:1.5rem 0}.footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.footer-logo{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--text-secondary)}.footer-links{display:flex;gap:1.25rem}.footer-links a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.3rem;border-radius:var(--radius-xl);border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--green);color:#000;border-color:var(--green);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark);box-shadow:var(--shadow-green);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--teal);border-color:var(--teal)}.btn-outline:hover:not(:disabled){background:var(--teal-subtle);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-danger{background:var(--red-subtle);color:var(--red);border-color:#f851494d}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff}.btn-surface{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-surface:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-elevated)}.btn-sm{padding:.35rem .8rem;font-size:.8rem;border-radius:var(--radius-xl)}.btn-lg{padding:.75rem 2rem;font-size:1rem;border-radius:var(--radius-xl)}.btn-xl{padding:1rem 2.5rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-full{width:100%}.card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition)}.card:hover{border-color:var(--border-hover)}.cards-row-3{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:1.5rem;align-items:stretch}@media (max-width: 1120px){.cards-row-3{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (max-width: 760px){.cards-row-3{grid-template-columns:1fr}}.cards-row-3>*{display:flex;flex-direction:column;min-height:100%}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:1rem;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.4rem;display:flex;flex-direction:column;gap:.4rem;transition:all var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--teal));opacity:0;transition:opacity var(--transition)}.stat-card:hover{border-color:var(--border-hover)}.stat-card:hover:before{opacity:1}.stat-icon{font-size:1.5rem;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-surface);margin-bottom:.25rem}.stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.9rem;font-weight:800;line-height:1.1}.stat-value.green{color:var(--green)}.stat-value.teal{color:var(--teal)}.stat-delta{font-size:.78rem;color:var(--green);font-weight:500}.glass{background:#161b2266!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0000004d!important}.glass:hover{border-color:#ffffff26!important;background:#161b2280!important}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);font-size:.9rem;padding:.7rem 1rem;outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-subtle)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-error{background:var(--red-subtle);border:1px solid rgba(248,81,73,.25);border-radius:var(--radius-xl);color:var(--red);padding:.75rem 1rem;font-size:.875rem}.form-success{background:#2ea0431a;border:1px solid rgba(46,160,67,.3);border-radius:var(--radius-xl);color:#57ab5a;padding:.75rem 1rem;font-size:.875rem}.form-actions{display:flex;gap:.75rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg-base);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(125,255,79,.06) 0%,transparent 70%);pointer-events:none}.auth-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg);position:relative}.auth-logo-area{text-align:center;margin-bottom:1.75rem}.auth-logo-area img{width:56px;height:56px;object-fit:contain;margin:0 auto .75rem}.auth-title{font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:.3rem}.auth-subtitle{color:var(--text-secondary);font-size:.875rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.auth-link{color:var(--teal);font-weight:600}.auth-link:hover{color:var(--green)}.demo-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1rem;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.demo-box strong{color:var(--green)}.demo-box p{margin-bottom:.2rem}.hero{max-width:1280px;margin:0 auto;padding:5rem 1.5rem 3rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4rem}@media (max-width: 768px){.hero{grid-template-columns:1fr}.hero-visual{display:none}}.hero-content{max-width:640px}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--green-subtle);border:1px solid rgba(125,255,79,.3);border-radius:var(--radius-full);color:var(--green);font-size:.78rem;font-weight:700;padding:.3rem .9rem;margin-bottom:1.5rem;letter-spacing:.03em}.hero-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.12;margin-bottom:1.25rem}.hero-highlight{color:var(--green)}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-stats{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-value{font-size:1.5rem;font-weight:900;color:var(--green)}.hero-stat-label{font-size:.78rem;color:var(--text-muted)}.hero-stat-divider{width:1px;height:32px;background:var(--border)}.hero-visual-wrap{display:flex;align-items:center;justify-content:center;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(125,255,79,.08) 0%,transparent 70%);border:1px solid rgba(125,255,79,.15);flex-shrink:0}.hero-visual-wrap img{width:180px;height:180px;object-fit:contain;opacity:.85}.section{padding:4.5rem 0}.section-alt{background:var(--bg-mantle)}.section-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:.75rem}.section-subtitle{color:var(--text-secondary);text-align:center;font-size:1rem;margin-bottom:3rem;max-width:540px;margin-left:auto;margin-right:auto}.sports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.sport-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;cursor:pointer;transition:all var(--transition)}.sport-tile:hover{border-color:var(--green);background:var(--green-subtle);transform:translateY(-4px);box-shadow:var(--shadow-md)}.sport-tile-emoji{font-size:2.5rem}.sport-tile-name{font-weight:700;font-size:.9rem}.sport-tile-count{font-size:.76rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;transition:all var(--transition)}.feature-card:hover{border-color:var(--teal);transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--teal-subtle);border:1px solid rgba(75,200,212,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.feature-title{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}.feature-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.step-card{text-align:center}.step-number{font-size:3rem;font-weight:900;color:var(--green-subtle);line-height:1;margin-bottom:.75rem;background:linear-gradient(135deg,var(--green),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-title{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}.step-desc{color:var(--text-secondary);font-size:.875rem}.cta-section{padding:5rem 0}.cta-wrapper{max-width:1280px;margin:0 auto;padding:0 1.5rem}.cta-card{background:linear-gradient(135deg,#7dff4f14,#4bc8d414);border:1px solid rgba(125,255,79,.2);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center}.cta-title{font-size:2.2rem;font-weight:900;margin-bottom:.75rem}.cta-subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.grounds-wrapper{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}@media (max-width: 900px){.grounds-wrapper{grid-template-columns:1fr}}.filters-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;position:sticky;top:calc(var(--navbar-height) + 1rem)}.filters-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.filters-title{font-size:.9rem;font-weight:700;margin-bottom:1rem}.search-bar{position:relative;margin-bottom:1.25rem}.search-input{padding-left:2.5rem!important}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-muted);pointer-events:none}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.3rem .8rem;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.chip.active{background:var(--green-subtle);border-color:#7dff4f66;color:var(--green);font-weight:600}.grounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.ground-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-m);cursor:pointer;display:flex;flex-direction:column}.ground-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.ground-card-img{height:180px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:4rem;overflow:hidden;flex-shrink:0;position:relative}.ground-card-img img{width:100%;height:100%;object-fit:cover}.ground-card-badge{position:absolute;top:.6rem;right:.6rem;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.75rem;font-weight:600;color:var(--green)}.ground-card-body{padding:1.1rem;flex:1;display:flex;flex-direction:column}.ground-card-sport{font-size:.76rem;color:var(--teal);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.ground-card-name{font-size:1rem;font-weight:700;margin-bottom:.3rem;line-height:1.3}.ground-card-city{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.3rem}.ground-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.ground-card-tag{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.72rem;color:var(--text-secondary)}.ground-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border)}.ground-card-price{font-weight:800;font-size:1rem}.ground-card-price span{font-size:.72rem;font-weight:400;color:var(--text-muted)}.ground-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem}@media (max-width: 960px){.ground-detail-grid{grid-template-columns:1fr}}.gallery-main{height:380px;background:var(--bg-surface);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:.75rem;position:relative}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-emoji{display:flex;align-items:center;justify-content:center;height:100%;font-size:8rem;opacity:.3}.gallery-thumbs{display:flex;gap:.75rem}.gallery-thumb{width:80px;height:60px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);cursor:pointer;border:2px solid transparent;transition:border-color var(--transition);flex-shrink:0}.gallery-thumb.active{border-color:var(--green)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.booking-widget{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;position:sticky;top:calc(var(--navbar-height) + 1rem)}.booking-price-big{font-size:2rem;font-weight:900;margin:.5rem 0}.booking-price-big span{font-size:.9rem;font-weight:400;color:var(--text-muted)}.booking-progress{display:flex;align-items:center;gap:0;margin-bottom:2rem}.progress-step{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.progress-step.active{color:var(--green)}.progress-step.done{color:var(--teal)}.progress-dot{width:28px;height:28px;border-radius:50%;background:var(--bg-surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;transition:all var(--transition)}.progress-step.active .progress-dot{border-color:var(--green);background:var(--green-subtle);color:var(--green)}.progress-step.done .progress-dot{border-color:var(--teal);background:var(--teal-subtle);color:var(--teal)}.progress-line{flex:1;height:1px;background:var(--border);min-width:2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition)}.calendar-day:hover:not(.disabled){background:var(--bg-surface);border-color:var(--border)}.calendar-day.selected{background:var(--green-subtle);border-color:#7dff4f66;color:var(--green);font-weight:700}.calendar-day.today{color:var(--teal);font-weight:700}.calendar-day.disabled{opacity:.35;cursor:not-allowed}.calendar-day.past{opacity:.25;cursor:not-allowed}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.slot-btn{padding:.6rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);text-align:center;cursor:pointer;transition:all var(--transition)}.slot-btn.available:hover,.slot-btn.selected{border-color:var(--green);background:var(--green-subtle)}.slot-btn.booked{opacity:.3;cursor:not-allowed}.slot-time{font-size:.8rem;font-weight:600;display:block}.slot-price{font-size:.7rem;color:var(--text-muted);display:block}.team-setup-section{margin-top:1.5rem;padding:1.25rem;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:#7dff4f08;display:flex;flex-direction:column;gap:1.1rem}.team-setup-header{display:flex;flex-direction:column;gap:.25rem}.team-setup-badge{display:inline-block;background:#7dff4f1f;color:var(--green);border:1px solid rgba(125,255,79,.3);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .6rem;width:fit-content;margin-bottom:.2rem}.team-setup-title{font-size:1rem;font-weight:700;margin:0}.team-setup-desc{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.5}.team-setup-field{display:flex;flex-direction:column;gap:.5rem}.team-setup-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.toggle-group{display:flex;gap:.5rem}.toggle-pill{flex:1;padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-align:center}.toggle-pill:hover{border-color:var(--border-hover);color:var(--text-primary)}.toggle-pill.active{background:var(--green-subtle);border-color:#7dff4f80;color:var(--green)}.team-size-input{width:100%;max-width:160px;padding:.55rem .85rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color var(--transition);-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.team-size-input::-webkit-outer-spin-button,.team-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.team-size-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #7dff4f1a}.team-size-input::placeholder{color:var(--text-muted)}.booking-item{display:flex;align-items:center;gap:1rem;background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.1rem 1.25rem;transition:all var(--transition)}.booking-item:hover{border-color:var(--border-hover)}.booking-sport-icon{font-size:2rem;flex-shrink:0}.booking-info{flex:1;min-width:0}.booking-ground-name{font-weight:700;font-size:.95rem;margin-bottom:.15rem}.booking-meta{font-size:.8rem;color:var(--text-muted);display:flex;gap:.75rem;flex-wrap:wrap}.booking-amount{font-weight:800;font-size:1rem;flex-shrink:0}.booking-actions{display:flex;gap:.5rem;flex-shrink:0}.tournament-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.tournament-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition);cursor:pointer}.tournament-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.tournament-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tournament-sport{font-size:2rem}.tournament-name{font-size:1.05rem;font-weight:700}.tournament-location{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.tournament-meta{display:flex;gap:.75rem;flex-wrap:wrap}.tournament-meta-item{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.prize-amount{color:var(--green);font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%}.team-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition);overflow:hidden}.team-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.team-logo{width:52px;height:52px;border-radius:var(--radius-md);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.team-name{font-weight:700;font-size:.95rem;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-sport{font-size:.78rem;color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.team-members{font-size:.78rem;color:var(--text-muted);margin-top:.3rem}.table-wrapper{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:var(--bg-surface)}.data-table th{padding:.85rem 1.1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--border)}.data-table td{padding:.85rem 1.1rem;border-bottom:1px solid rgba(48,54,61,.5);vertical-align:middle;color:var(--text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff05}.table-user{display:flex;align-items:center;gap:.6rem}.table-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--green),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;color:#000}.table-name{font-weight:600;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:capitalize;white-space:nowrap}.badge-green{background:#2ea04326;color:#57ab5a;border:1px solid rgba(46,160,67,.25)}.badge-red{background:var(--red-subtle);color:var(--red);border:1px solid rgba(248,81,73,.25)}.badge-yellow{background:var(--yellow-subtle);color:var(--yellow);border:1px solid rgba(210,153,34,.25)}.badge-blue{background:var(--blue-subtle);color:var(--blue);border:1px solid rgba(88,166,255,.25)}.badge-teal{background:var(--teal-subtle);color:var(--teal);border:1px solid rgba(75,200,212,.25)}.badge-gray{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border)}.role-badge{display:inline-flex;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;background:var(--teal-subtle);color:var(--teal);border:1px solid rgba(75,200,212,.2);margin-right:.25rem}.profile-header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--teal));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#000;flex-shrink:0;border:3px solid rgba(125,255,79,.3)}.profile-meta h2{font-size:1.4rem;font-weight:800}.profile-meta p{color:var(--text-secondary);font-size:.875rem}.loyalty-widget{background:linear-gradient(135deg,#7dff4f14,#4bc8d40f);border:1px solid rgba(125,255,79,.2);border-radius:var(--radius-xl);padding:1.25rem;display:flex;align-items:center;gap:1rem}.loyalty-icon{font-size:2rem}.loyalty-points{font-size:1.75rem;font-weight:900;color:var(--green);line-height:1}.loyalty-label{font-size:.78rem;color:var(--text-muted)}.notif-item{display:flex;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(48,54,61,.5);transition:background var(--transition)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff03}.notif-item.unread{border-left:3px solid var(--green)}.notif-icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.notif-title{font-size:.875rem;font-weight:600;margin-bottom:.2rem}.notif-time{font-size:.75rem;color:var(--text-muted)}.notif-body{font-size:.8rem;color:var(--text-secondary)}.chart-wrapper{width:100%;overflow-x:auto}.recharts-tooltip-wrapper{font-size:.8rem!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.loader-center{display:flex;align-items:center;justify-content:center;padding:4rem}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{font-size:3.5rem;opacity:.5;margin-bottom:1rem}.empty-state-title{font-size:1.1rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem}.empty-state-desc{font-size:.875rem}.text-green{color:var(--green)!important}.text-teal{color:var(--teal)!important}.text-muted{color:var(--text-muted)!important}.text-red{color:var(--red)!important}.text-yellow{color:var(--yellow)!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 768px){.page-container{padding:1.25rem 1rem 3rem}.hero{padding:3rem 1rem 2rem}.hero-stats{gap:1rem}.section{padding:3rem 0}.section-title{font-size:1.6rem}.auth-card{padding:1.75rem}.stat-grid{grid-template-columns:1fr 1fr}.ground-detail-grid,.grounds-wrapper{grid-template-columns:1fr}.navbar-links{display:none}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}}.grounds-grid-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.ground-card-lg{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-m);display:flex;flex-direction:column;text-decoration:none;color:inherit}.ground-card-lg:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--shadow-md)}.ground-img-placeholder{width:100%;height:180px;background:var(--bg-surface);flex-shrink:0}.verified-overlay{position:absolute;top:.65rem;right:.65rem;background:#2ea043d9;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ground-card-body{padding:1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.3rem}.ground-sport-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);background:var(--teal-subtle);padding:.15rem .55rem;border-radius:var(--radius-full)}.ground-name{font-size:1rem;font-weight:700;line-height:1.3}.ground-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;flex:1}.ground-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.ground-facilities{display:flex;gap:.4rem;flex-wrap:wrap}.facility-tag{font-size:.68rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface);padding:.15rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.ground-cta{font-size:.78rem;font-weight:700;color:var(--green)}.sport-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.sport-chip{padding:.3rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.sport-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.sport-chip.active{border-color:var(--green);background:var(--green-subtle);color:var(--green)}.full-page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh}.ground-detail-gallery{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);position:relative}.gallery-main{height:360px;position:relative;overflow:hidden}.gallery-main-img{width:100%;height:100%;object-fit:cover}.gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated))}.verified-badge-lg{position:absolute;bottom:1rem;left:1rem;background:#2ea043e6;color:#fff;font-size:.78rem;font-weight:700;padding:.3rem .8rem;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-thumbs{display:flex;gap:.4rem;padding:.4rem;background:var(--bg-mantle);overflow-x:auto}.gallery-thumb{width:70px;height:52px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;flex-shrink:0;opacity:.7;transition:all var(--transition)}.gallery-thumb:hover{opacity:1}.gallery-thumb.active{border-color:var(--green);opacity:1}.ground-detail-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}@media (max-width: 900px){.ground-detail-layout{grid-template-columns:1fr}}.ground-detail-main{display:flex;flex-direction:column;gap:1.25rem}.ground-detail-sidebar{position:sticky;top:calc(var(--navbar-height) + 1rem)}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.facility-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.booking-widget{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem}.booking-widget-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.pricing-list{display:flex;flex-direction:column;gap:.5rem}.pricing-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border-radius:var(--radius-md);padding:.6rem .9rem;font-size:.85rem;border:1px solid var(--border)}.custom-switch{position:relative;display:inline-block;width:44px;height:24px}.custom-switch input{opacity:0;width:0;height:0}.custom-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-surface);border:1px solid var(--border);transition:.3s;border-radius:24px}.custom-switch label:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.3s;border-radius:50%}.custom-switch input:checked+label{background-color:#7dff4f33;border-color:#7dff4f80}.custom-switch input:checked+label:before{transform:translate(20px);background-color:var(--green)}.gp-filters{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:2rem}.gp-filters-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.gp-search-wrap{position:relative;flex:1;min-width:250px}.gp-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-muted);pointer-events:none}.gp-search-input{padding-left:2.5rem!important;width:100%}.gp-filter-select{width:auto;min-width:150px}.gp-search-btn{padding:0 2rem}.gp-sport-chips{display:flex;flex-wrap:wrap;gap:.5rem}.gp-sport-chip{padding:.4rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.4rem}.gp-sport-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.gp-sport-chip.active{background:var(--green-subtle);border-color:#7dff4f66;color:var(--green);font-weight:600}.gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.gp-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-m);cursor:pointer;display:flex;flex-direction:column}.gp-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.gp-card-img{height:200px;position:relative;background:var(--bg-surface)}.gp-card-img img{width:100%;height:100%;object-fit:cover}.gp-card-img-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface));display:flex;align-items:center;justify-content:center;font-size:3rem}.gp-verified-badge{position:absolute;top:.75rem;right:.75rem;background:#7dff4f26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(125,255,79,.3);border-radius:var(--radius-full);padding:.25rem .6rem;font-size:.75rem;font-weight:700;color:var(--green);box-shadow:0 2px 8px #0003}.gp-sport-pill{position:absolute;bottom:.75rem;left:.75rem;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:.25rem .7rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize;display:flex;align-items:center;gap:.3rem}.gp-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.gp-card-name{font-size:1.1rem;font-weight:800;margin-bottom:.35rem;line-height:1.3}.gp-card-location{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center}.gp-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.gp-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;background:#0003;padding:.6rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.03)}.gp-meta-item{font-size:.8rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.gp-card-facilities{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.gp-facility-tag{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .6rem;font-size:.7rem;color:var(--text-secondary)}.gp-card-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;border-top:1px solid var(--border);padding-top:1.25rem}.gp-btn-detail,.gp-btn-book{justify-content:center}@media (max-width: 768px){.gp-filters-row{flex-direction:column;align-items:stretch}.gp-filter-select,.gp-search-wrap{width:100%}}.bk-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.bk-badge--pending{background:var(--yellow-subtle);color:var(--yellow);border:1px solid rgba(210,153,34,.3)}.bk-badge--approved{background:#2ea0431f;color:#57ab5a;border:1px solid rgba(46,160,67,.3)}.bk-badge--cancelled,.bk-badge--rejected{background:var(--red-subtle);color:var(--red);border:1px solid rgba(248,81,73,.3)}.status-pending{background:var(--yellow-subtle);color:var(--yellow);border:1px solid rgba(210,153,34,.25)}.status-confirmed{background:#2ea0431f;color:#57ab5a;border:1px solid rgba(46,160,67,.25)}.status-cancelled{background:var(--red-subtle);color:var(--red);border:1px solid rgba(248,81,73,.25)}.bk-list{display:flex;flex-direction:column;gap:.75rem}.bk-card{position:relative;display:flex;align-items:center;gap:1rem;background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.1rem 1.1rem 1.1rem 1.4rem;cursor:pointer;transition:all var(--transition-m);overflow:hidden;outline:none;text-decoration:none;color:inherit}.bk-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--bg-surface)}.bk-card:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-subtle)}.bk-card-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.bk-stripe--pending{background:var(--yellow)}.bk-stripe--approved{background:#57ab5a}.bk-stripe--cancelled,.bk-stripe--rejected{background:var(--red)}.bk-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;transition:transform var(--transition)}.bk-card:hover .bk-card-icon{transform:scale(1.08)}.bk-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.bk-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.bk-ground-name{font-size:1rem;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-ground-location{font-size:.775rem;color:var(--text-muted);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-card-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.bk-meta-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.775rem;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:.2rem .6rem;white-space:nowrap}.bk-card-chevron{font-size:1.5rem;color:var(--text-muted);flex-shrink:0;transition:transform var(--transition),color var(--transition);margin-left:.25rem}.bk-card:hover .bk-card-chevron{transform:translate(4px);color:var(--teal)}.bk-skeleton-list{display:flex;flex-direction:column;gap:.75rem}.bk-skeleton-card{display:flex;align-items:center;gap:1rem;background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.1rem 1.25rem}.bk-skel-icon{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.bk-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:500;animation:bkOverlayIn .2s ease}@keyframes bkOverlayIn{0%{opacity:0}to{opacity:1}}.bk-modal{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:bkModalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes bkModalIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.bk-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.bk-modal-header-left{display:flex;align-items:center;gap:.85rem;min-width:0}.bk-modal-sport-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-md);flex-shrink:0}.bk-modal-title{font-size:1.1rem;font-weight:800;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.bk-modal-subtitle{font-size:.775rem;color:var(--text-muted);margin-top:.15rem}.bk-booking-id{font-family:monospace;font-size:.75rem;background:var(--bg-surface);padding:.1rem .35rem;border-radius:var(--radius-sm);color:var(--teal)}.bk-modal-header-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.bk-modal-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);flex-shrink:0}.bk-modal-close:hover{background:var(--red-subtle);border-color:#f8514966;color:var(--red)}.bk-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.bk-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.bk-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.7rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.bk-detail-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid rgba(48,54,61,.4);min-height:42px}.bk-detail-row:last-child{border-bottom:none}.bk-detail-label{font-size:.8rem;color:var(--text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.bk-detail-value{font-size:.85rem;color:var(--text-secondary);text-align:right;word-break:break-word}.bk-detail-value--accent{font-weight:700;color:var(--text-primary)}.bk-detail-na{color:var(--text-muted);font-style:italic}.bk-user-pill{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.bk-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--teal));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#000;flex-shrink:0}.bk-user-name{font-weight:700;font-size:.9rem}.bk-user-email{font-size:.775rem;color:var(--text-muted);margin-top:.1rem}.bk-flag{font-size:.82rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full)}.bk-flag--on{background:#2ea0431a;color:#57ab5a;border:1px solid rgba(46,160,67,.25)}.bk-flag--off{background:var(--red-subtle);color:var(--red);border:1px solid rgba(248,81,73,.25)}.bk-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0}@media (max-width: 600px){.bk-card-top{flex-direction:column;align-items:flex-start}.bk-card-icon{width:40px;height:40px;font-size:1.3rem}.bk-ground-name{font-size:.925rem}.bk-modal{max-width:100%;margin:0;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0}.bk-modal-overlay{align-items:flex-end;padding:0}.bk-modal-title{max-width:200px}.bk-card-chevron{display:none}}.ogp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.ogp-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-m)}.ogp-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.ogp-card-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-surface);overflow:hidden;cursor:pointer}.ogp-card-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;display:block}.ogp-card:hover .ogp-card-img{transform:scale(1.05)}.ogp-card-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface))}.ogp-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.04em;pointer-events:none}.ogp-card-thumb:hover .ogp-thumb-overlay{opacity:1}.ogp-verified-badge{position:absolute;top:.6rem;right:.6rem;font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:.03em}.ogp-verified--yes{background:#2ea043d9;color:#fff}.ogp-verified--no{background:#d29922d9;color:#fff}.ogp-sport-pill{position:absolute;bottom:.6rem;left:.6rem;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full);background:#000000b3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:capitalize}.ogp-card-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.ogp-card-name{font-size:.975rem;font-weight:800;line-height:1.3;cursor:pointer;transition:color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ogp-card-name:hover{color:var(--teal)}.ogp-card-location{font-size:.775rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ogp-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.ogp-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.ogp-skeleton-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.ogp-skel-thumb{width:100%;aspect-ratio:16 / 9}.ogp-skel-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}.ogp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:500;animation:bkOverlayIn .2s ease}.ogp-modal{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:bkModalIn .25s cubic-bezier(.34,1.56,.64,1)}.ogp-modal-hero{position:relative;width:100%;aspect-ratio:16 / 7;background:var(--bg-surface);flex-shrink:0;overflow:hidden}.ogp-modal-hero-img{width:100%;height:100%;object-fit:cover;display:block}.ogp-modal-hero-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface))}.ogp-modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.ogp-modal-close:hover{background:var(--red);border-color:var(--red)}.ogp-modal-hero-badges{position:absolute;bottom:.75rem;left:.75rem;display:flex;gap:.4rem;flex-wrap:wrap}.ogp-modal-thumbs{display:flex;gap:.4rem;padding:.5rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.ogp-modal-thumb{width:64px;height:48px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid transparent;opacity:.65;cursor:pointer;flex-shrink:0;transition:all var(--transition)}.ogp-modal-thumb:hover{opacity:1}.ogp-modal-thumb.active{border-color:var(--green);opacity:1}.ogp-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.ogp-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ogp-modal-title{font-size:1.2rem;font-weight:800;line-height:1.3}.ogp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ogp-detail-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ogp-detail-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.6rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.ogp-detail-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 1rem;border-bottom:1px solid rgba(48,54,61,.4);min-height:38px}.ogp-detail-row:last-child{border-bottom:none}.ogp-detail-label{font-size:.775rem;color:var(--text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.ogp-detail-value{font-size:.825rem;color:var(--text-secondary);text-align:right;word-break:break-word}.ogp-detail-value--green{color:var(--green);font-weight:700}.ogp-detail-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.65;padding:.75rem 1rem;margin:0}.ogp-facility-tags{display:flex;flex-wrap:wrap;gap:.35rem;padding:.75rem 1rem}.ogp-facility-tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .55rem;font-size:.72rem;color:var(--text-secondary);text-transform:capitalize}.ogp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.ogp-action-modal{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;display:flex;flex-direction:column;overflow:hidden;animation:bkModalIn .22s cubic-bezier(.34,1.56,.64,1)}.ogp-action-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border)}.ogp-action-modal-title{font-size:1rem;font-weight:700}@media (max-width: 640px){.ogp-grid,.ogp-skeleton-grid,.ogp-detail-grid{grid-template-columns:1fr}.ogp-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0}.ogp-modal-overlay{align-items:flex-end;padding:0}.ogp-action-modal{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0}.ogp-modal-footer{justify-content:stretch}.ogp-modal-footer .btn{flex:1;justify-content:center}}.gdp-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:4rem}.gdp-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.gdp-back-link{color:var(--teal);font-weight:600;transition:color var(--transition)}.gdp-back-link:hover{color:var(--green)}.gdp-breadcrumb-sep{opacity:.4}.gdp-breadcrumb-current{color:var(--text-secondary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.gdp-hero-card{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.gdp-hero-img-wrap{position:relative;background:var(--bg-surface);min-height:240px;overflow:hidden}.gdp-hero-img{width:100%;height:100%;object-fit:cover;display:block}.gdp-hero-placeholder{width:100%;height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface))}.gdp-hero-badges{position:absolute;bottom:.75rem;left:.75rem;display:flex;gap:.4rem;flex-wrap:wrap}.gdp-hero-info{padding:1.5rem 1.5rem 1.5rem 0;display:flex;flex-direction:column;gap:.6rem}.gdp-hero-title{font-size:1.5rem;font-weight:900;line-height:1.2}.gdp-hero-location{font-size:.875rem;color:var(--text-muted)}.gdp-hero-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin-top:.25rem}.gdp-pricing-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.gdp-pricing-chip{font-size:.78rem;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);padding:.2rem .65rem}.gdp-hero-actions{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap}.gdp-layout{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}.gdp-col-left,.gdp-col-right{display:flex;flex-direction:column;gap:1.25rem}.gdp-section{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.gdp-section--hint{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:var(--text-muted);font-size:.875rem;text-align:center}.gdp-section-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.gdp-section-title{font-size:1rem;font-weight:700;margin:0 0 .15rem}.gdp-section-sub{font-size:.775rem;color:var(--text-muted);margin:0}.gdp-calendar{padding:1rem 1.25rem 1.25rem}.gdp-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.gdp-cal-nav-label{font-size:.9rem;font-weight:700}.gdp-cal-nav-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.gdp-cal-nav-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.gdp-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.gdp-cal-day-header{text-align:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:.25rem 0}.gdp-cal-day{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.gdp-cal-day:hover:not(:disabled):not(.gdp-cal-day--past){background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.gdp-cal-day--today{color:var(--teal);font-weight:800}.gdp-cal-day--selected{background:var(--green-subtle);border-color:#7dff4f80;color:var(--green);font-weight:800}.gdp-cal-day--past{opacity:.25;cursor:not-allowed}.gdp-slot-legend{display:flex;gap:.75rem;padding:.5rem 1.25rem;font-size:.75rem}.gdp-slot-legend-item{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full)}.gdp-slot-legend--free{background:#2ea0431a;color:#57ab5a;border:1px solid rgba(46,160,67,.2)}.gdp-slot-legend--booked{background:var(--red-subtle);color:var(--red);border:1px solid rgba(248,81,73,.2)}.gdp-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:.75rem 1.25rem 1.25rem}.gdp-slot-card{border-radius:var(--radius-md);border:1px solid var(--border);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem;transition:all var(--transition)}.gdp-slot-card--free{background:var(--bg-surface);border-color:#2ea04340}.gdp-slot-card--free:hover{border-color:#2ea04380;background:#2ea0430d}.gdp-slot-card--booked{background:var(--red-subtle);border-color:#f8514933;opacity:.7}.gdp-slot-time{font-size:.82rem;font-weight:700;color:var(--text-primary)}.gdp-slot-price{font-size:.78rem;color:var(--green);font-weight:600}.gdp-slot-status{font-size:.7rem;font-weight:600;margin-top:.15rem}.gdp-slot-status--free{color:#57ab5a}.gdp-slot-status--booked{color:var(--red)}.gdp-img-manager{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.gdp-img-tabs{display:flex;border-bottom:1px solid var(--border);margin:-1rem -1.25rem 0}.gdp-img-tab{padding:.65rem 1rem;font-size:.8rem;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition);white-space:nowrap}.gdp-img-tab:hover{color:var(--text-primary)}.gdp-img-tab.active{color:var(--green);border-bottom-color:var(--green)}.gdp-img-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;margin-top:.75rem}.gdp-img-thumb-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;background:var(--bg-surface);aspect-ratio:1;transition:border-color var(--transition)}.gdp-img-thumb-wrap:hover{border-color:var(--border-hover)}.gdp-img-primary{border-color:var(--green)!important}.gdp-img-thumb{width:100%;height:100%;object-fit:cover;display:block}.gdp-img-primary-badge{position:absolute;bottom:0;left:0;right:0;background:#7dff4fd9;color:#000;font-size:.62rem;font-weight:800;text-align:center;padding:.15rem 0}.gdp-img-thumb-name{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.6rem;padding:.15rem .25rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdp-img-thumb-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.2rem;opacity:0;transition:opacity var(--transition)}.gdp-img-thumb-wrap:hover .gdp-img-thumb-actions{opacity:1}.gdp-img-action-btn{width:22px;height:22px;border-radius:4px;border:none;background:#000000b3;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.gdp-img-action-btn:hover{background:var(--green);color:#000}.gdp-img-action-btn--del:hover{background:var(--red);color:#fff}.gdp-img-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--text-muted);text-align:center;font-size:.875rem}.gdp-img-count{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.gdp-link-btn{background:none;border:none;color:var(--teal);font-size:.75rem;cursor:pointer;font-weight:600;padding:0}.gdp-link-btn:hover{color:var(--green)}.gdp-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:all var(--transition);text-align:center;background:var(--bg-surface);margin-top:.75rem}.gdp-dropzone:hover,.gdp-dropzone--over{border-color:var(--green);background:var(--green-subtle)}.gdp-dropzone-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0}.gdp-dropzone-sub{font-size:.75rem;color:var(--text-muted);margin:0}.ogp-card-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:var(--bg-elevated)}.ogp-placeholder-emoji{font-size:2.5rem;opacity:.45}.ogp-placeholder-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1024px){.gdp-hero-card{grid-template-columns:1fr}.gdp-hero-img-wrap{min-height:220px;max-height:260px}.gdp-hero-info{padding:1.25rem}.gdp-layout{grid-template-columns:1fr}}@media (max-width: 600px){.gdp-slots-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gdp-img-gallery{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.gdp-hero-title{font-size:1.2rem}.gdp-img-tabs{overflow-x:auto}.gdp-img-tab{flex-shrink:0}}.ogp-ls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.ogp-ls-card{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-m);display:flex;flex-direction:column}.ogp-ls-card:hover{border-color:var(--green);box-shadow:0 0 0 1px var(--green),var(--shadow-md);transform:translateY(-3px)}.ogp-ls-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-elevated);overflow:hidden}.ogp-ls-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ogp-ls-card:hover .ogp-ls-img{transform:scale(1.06)}.ogp-ls-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface))}.ogp-ls-fallback-emoji{font-size:4rem;opacity:.4}.ogp-ls-sport-pill{position:absolute;bottom:.7rem;left:.7rem;font-size:.75rem;font-weight:600;padding:.22rem .65rem;border-radius:var(--radius-full);background:#000000b8;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:capitalize;pointer-events:none}.ogp-ls-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition);color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.03em;pointer-events:none}.ogp-ls-card:hover .ogp-ls-overlay{opacity:1}.ogp-ls-info{padding:.85rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.3rem}.ogp-ls-name{font-size:1rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color var(--transition)}.ogp-ls-card:hover .ogp-ls-name{color:var(--green)}.ogp-ls-address{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ogp-ls-skeleton{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.ogp-ls-skel-thumb{width:100%;aspect-ratio:16 / 9}.ogp-ls-skel-body{padding:.85rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.ogp-ls-grid{grid-template-columns:1fr}}.gdp2-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:4rem;max-width:960px}.gdp2-section{background:var(--bg-mantle);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.gdp2-section-header{padding:1.1rem 1.5rem .85rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.gdp2-section-title{font-size:1.05rem;font-weight:800;margin:0 0 .15rem}.gdp2-section-sub{font-size:.78rem;color:var(--text-muted);margin:0}.gdp2-hero-strip{position:relative;width:100%;height:200px;background:var(--bg-elevated);overflow:hidden}.gdp2-hero-img{width:100%;height:100%;object-fit:cover;display:block}.gdp2-hero-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface))}.gdp2-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%);pointer-events:none}.gdp2-hero-badges{position:absolute;bottom:.75rem;left:.75rem;display:flex;gap:.4rem}.gdp2-info-body{padding:1.25rem 1.5rem 1.5rem}.gdp2-info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.gdp2-info-item{display:flex;flex-direction:column;gap:.25rem}.gdp2-info-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.gdp2-info-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.gdp2-info-value--lg{font-size:1.05rem;font-weight:800}.gdp2-info-value--green{color:var(--green);font-weight:700}.gdp2-price-edit-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.gdp2-price-prefix{font-size:.72rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.gdp2-price-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--green);font-size:.9rem;font-weight:700;padding:.28rem .55rem;width:90px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-family:inherit}.gdp2-price-input:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-subtle)}.gdp2-apply-btn{padding:.28rem .65rem;border-radius:var(--radius-sm);border:1px solid rgba(125,255,79,.4);background:var(--green-subtle);color:var(--green);font-size:.7rem;font-weight:700;cursor:pointer;transition:all var(--transition);white-space:nowrap}.gdp2-apply-btn:hover{background:var(--green);color:#000;border-color:var(--green)}.gdp2-avail-layout{display:grid;grid-template-columns:auto 1fr;align-items:start}.gdp2-cal-panel{border-right:1px solid var(--border);padding:1.25rem;min-width:270px}.gdp2-date-badge{margin-top:.75rem;padding:.5rem .75rem;background:var(--green-subtle);border:1px solid rgba(125,255,79,.3);border-radius:var(--radius-md);font-size:.78rem;font-weight:600;color:var(--green);text-align:center}.gdp2-slots-panel{padding:1.25rem;min-height:400px;display:flex;flex-direction:column;gap:1rem}.gdp2-select-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-size:.9rem;text-align:center;padding:3rem 2rem}.gdp2-slot-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted)}.gdp2-interval-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.gdp2-interval-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.gdp2-interval-btns{display:flex;gap:.3rem}.gdp2-interval-btn{padding:.3rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.gdp2-interval-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.gdp2-interval-btn.active{background:var(--green-subtle);border-color:#7dff4f80;color:var(--green)}.gdp2-slot-count{font-size:.75rem;color:var(--text-muted);margin-left:auto}.gdp2-table-wrap{overflow-y:auto;max-height:400px;border:1px solid var(--border);border-radius:var(--radius-md)}.st-table{width:100%;border-collapse:collapse}.st-th{position:sticky;top:0;padding:.6rem 1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;z-index:1}.st-row{border-bottom:1px solid rgba(48,54,61,.5);transition:background var(--transition)}.st-row:last-child{border-bottom:none}.st-row:hover{background:var(--bg-surface)}.st-row--disabled{opacity:.5}.st-cell{padding:.55rem 1rem;font-size:.82rem;vertical-align:middle}.st-cell--time{white-space:nowrap;font-weight:600;color:var(--text-primary)}.st-time{display:inline}.st-sep{color:var(--text-muted);font-size:.75rem;margin:0 .2rem}.st-price-wrap{display:flex;align-items:center;gap:.4rem}.st-currency{font-size:.72rem;color:var(--text-muted);font-weight:600;flex-shrink:0}.st-price-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-weight:600;padding:.3rem .6rem;width:90px;outline:none;transition:border-color var(--transition);font-family:inherit}.st-price-input:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-subtle)}.st-price-input:disabled{opacity:.4;cursor:not-allowed}.st-cell--status{white-space:nowrap}.st-cell--status>*{vertical-align:middle}.st-toggle{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:background var(--transition);flex-shrink:0;padding:0;vertical-align:middle;margin-right:.5rem}.st-toggle--on{background:var(--green-status)}.st-toggle--off{background:var(--bg-elevated);border:1px solid var(--border)}.st-toggle--pub{background:var(--teal)}.st-toggle--pub .st-toggle-knob{left:18px}.st-toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left var(--transition);display:block}.st-toggle--on .st-toggle-knob{left:18px}.st-toggle--off .st-toggle-knob{left:2px}.st-status-label{font-size:.75rem;font-weight:600;vertical-align:middle}.st-status--on{color:var(--green-status)}.st-status--off{color:var(--text-muted)}.st-pub--on{color:var(--teal)}.st-cell--publish{white-space:nowrap}.st-cell--publish>*{vertical-align:middle}.st-row--saved{border-left:3px solid rgba(75,200,212,.4)}.st-saved-badge{display:inline-block;margin-left:.45rem;padding:.08rem .4rem;border-radius:var(--radius-full);background:#4bc8d41f;border:1px solid rgba(75,200,212,.3);color:var(--teal);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}.gdp2-stat-pill--pub{background:#4bc8d41a;color:var(--teal);border:1px solid rgba(75,200,212,.3)}.gdp2-publish-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap}.gdp2-publish-stats{display:flex;gap:.5rem;align-items:center}.gdp2-stat-pill{padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700}.gdp2-stat-pill--on{background:#2ea0431f;color:#57ab5a;border:1px solid rgba(46,160,67,.25)}.gdp2-stat-pill--off{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}@media (max-width: 860px){.gdp2-avail-layout{grid-template-columns:1fr}.gdp2-cal-panel{border-right:none;border-bottom:1px solid var(--border);min-width:unset}.gdp2-info-row{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.gdp2-info-row{grid-template-columns:1fr}.gdp2-hero-strip{height:150px}}.mc-calendar{display:flex;flex-direction:column;gap:.65rem;-webkit-user-select:none;user-select:none}.mc-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mc-nav-label{display:flex;flex-direction:column;align-items:center;line-height:1.2}.mc-nav-month{font-size:.98rem;font-weight:800;color:var(--text-primary)}.mc-nav-year{font-size:.7rem;color:var(--text-muted);font-weight:600}.mc-nav-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);flex-shrink:0}.mc-nav-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.mc-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mc-day-label{text-align:center;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.2rem 0}.mc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mc-cell{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;position:relative;color:var(--text-secondary)}.mc-cell--blank{cursor:default;pointer-events:none}.mc-cell--disabled{opacity:.22;cursor:not-allowed;pointer-events:none}.mc-nav-btn--disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.mc-cell:not(.mc-cell--blank):not(.mc-cell--selected):not(.mc-cell--disabled):hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.mc-cell--today{color:var(--teal);font-weight:800}.mc-cell--selected{background:var(--green)!important;border-color:var(--green)!important;color:#000!important;font-weight:800}.mc-today-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--teal);display:block}