.photo-gallery-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.gallery-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1a1a1a}.photo-grid{display:grid;gap:8px;border-radius:12px;overflow:hidden}.photo-grid.grid-1{grid-template-columns:1fr}.photo-grid.grid-1 .photo-item{aspect-ratio:16/9;max-height:600px}.photo-grid.grid-2{grid-template-columns:1fr 1fr}.photo-grid.grid-2 .photo-item{aspect-ratio:4/3}.photo-grid.grid-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.photo-grid.grid-3 .photo-item:first-child{grid-row:1 / 3;aspect-ratio:4/3}.photo-grid.grid-3 .photo-item:not(:first-child){aspect-ratio:1/1}.photo-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.photo-grid.grid-4 .photo-item{aspect-ratio:1/1}.photo-grid.grid-5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.photo-grid.grid-5 .photo-item:nth-child(1){grid-column:1 / 2;aspect-ratio:4/3}.photo-grid.grid-5 .photo-item:nth-child(2){grid-column:2 / 4;aspect-ratio:8/3}.photo-grid.grid-5 .photo-item:nth-child(3),.photo-grid.grid-5 .photo-item:nth-child(4),.photo-grid.grid-5 .photo-item:nth-child(5){aspect-ratio:1/1}.photo-grid.grid-many{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.photo-grid.grid-many .photo-item:nth-child(1){grid-column:1 / 2;aspect-ratio:4/3}.photo-grid.grid-many .photo-item:nth-child(2){grid-column:2 / 4;aspect-ratio:8/3}.photo-grid.grid-many .photo-item:nth-child(3),.photo-grid.grid-many .photo-item:nth-child(4),.photo-grid.grid-many .photo-item:nth-child(5){aspect-ratio:1/1}.photo-grid.grid-many .photo-item:nth-child(n+6){display:none}.photo-item{position:relative;overflow:hidden;cursor:pointer;background:#f0f0f0;transition:transform .3s ease}.photo-item:hover{transform:scale(1.02)}.photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.photo-item:hover img{transform:scale(1.05)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-item:hover .photo-overlay{opacity:1}.zoom-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.more-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;pointer-events:none}.more-text{font-size:3rem;font-weight:700;color:#fff}.lightbox-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000;color:#333}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff;transform:scale(1.1)}.lightbox-close{top:20px;right:20px}.lightbox-prev{left:20px;top:50%;transform:translateY(-50%)}.lightbox-prev:hover{transform:translateY(-50%) scale(1.1)}.lightbox-next{right:20px;top:50%;transform:translateY(-50%)}.lightbox-next:hover{transform:translateY(-50%) scale(1.1)}.lightbox-caption{margin-top:1rem;padding:1rem 2rem;background:#ffffff1a;border-radius:8px;color:#fff;text-align:center;max-width:600px}.lightbox-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:1rem;font-weight:500}.lightbox-thumbnails{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:12px;background:#000000b3;border-radius:12px;max-width:90vw;overflow-x:auto}.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.5;transition:all .3s ease;border:2px solid transparent}.thumbnail:hover{opacity:.8}.thumbnail.active{opacity:1;border-color:#fff;box-shadow:0 0 10px #ffffff80}@media (max-width: 768px){.gallery-title{font-size:1.5rem;margin-bottom:1.5rem}.photo-grid.grid-3,.photo-grid.grid-5,.photo-grid.grid-many{grid-template-columns:1fr 1fr;grid-template-rows:auto}.photo-grid.grid-3 .photo-item:first-child,.photo-grid.grid-5 .photo-item:nth-child(1),.photo-grid.grid-5 .photo-item:nth-child(2),.photo-grid.grid-many .photo-item:nth-child(1),.photo-grid.grid-many .photo-item:nth-child(2){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.lightbox-close{top:10px;right:10px;width:40px;height:40px;font-size:1.5rem}.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:1.5rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-thumbnails{padding:8px;bottom:10px}.thumbnail{width:50px;height:50px}.lightbox-counter{top:10px;font-size:.9rem;padding:.4rem 1rem}.zoom-icon,.more-text{font-size:2rem}}@media (max-width: 480px){.photo-grid.grid-2,.photo-grid.grid-3,.photo-grid.grid-4,.photo-grid.grid-5,.photo-grid.grid-many{grid-template-columns:1fr}.photo-grid .photo-item{aspect-ratio:4/3!important}}:root{--green: #0f4c2a;--green-dark: #0a3a1e;--green-soft: #dcfce7;--mint: #f0fdf4;--line: #e5e7eb;--muted: #6b7280;--text: #111827;--day: #fde047;--day-soft: #fef9c3;--day-text: #92400e;--night: #818cf8;--night-soft: #eef2ff;--night-text: #3730a3;--danger: #991b1b;--danger-soft: #fee2e2;--pending: #92400e;--pending-soft: #fef3c7;--radius: 8px;--shadow: 0 1px 10px rgb(15 76 42 / .08)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0;background:var(--mint);color:var(--text);font-family:Sarabun,Noto Sans Thai,Tahoma,sans-serif;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app-shell{min-height:100vh;padding-bottom:112px}.site-header{background:linear-gradient(135deg,var(--green),#1a7a42);color:#fff}.header-inner{width:min(960px,calc(100% - 32px));margin:0 auto;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:grid;gap:1px}.brand-kicker{font-size:11px;letter-spacing:.08em;opacity:.78;text-transform:uppercase}.brand-title{font-size:17px;font-weight:700}.brand-subtitle{font-size:12px;opacity:.68}.top-nav{display:flex;gap:6px;flex-wrap:wrap}.nav-btn{border-radius:var(--radius);padding:8px 14px;background:#ffffff1f;color:#fff;font-size:13px;font-weight:600}.nav-btn.active,.nav-btn:hover{background:#ffffff47}.main-layout{width:min(960px,calc(100% - 32px));margin:0 auto;padding:20px 0}.home-hero{position:relative;overflow:hidden;min-height:180px;isolation:isolate;border-bottom:1px solid rgb(15 76 42 / .16);background:var(--green)}.home-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 52%}.home-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#0f4c2ae0,#0f4c2a75 48%,#0000005c),linear-gradient(180deg,#0000002e,#f0fdf424)}.home-hero-inner{width:min(960px,calc(100% - 32px));min-height:180px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:20px;margin:0 auto;padding:20px 0;color:#fff}.home-hero-copy span{display:block;margin-bottom:2px;color:#ffffffc2;font-size:12px;font-weight:700;letter-spacing:.04em}.home-hero-copy h1{max-width:470px;padding-right:140px;margin:0;color:#fff;font-size:26px;line-height:1.18;font-weight:700;text-shadow:0 2px 18px rgb(0 0 0 / .32)}.home-hero-copy p{margin:6px 0 14px;padding-right:140px;color:#ffffffd1;font-size:13px;font-weight:600}.home-hero-links{display:flex;flex-wrap:wrap;gap:12px;max-width:650px;justify-content:center;margin-top:6px}.home-hero-links a{position:relative;border-radius:12px;padding:13px 24px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(255,255,255,.8);color:#0f172a;font-size:14px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);flex:0 0 auto;box-shadow:0 6px 20px #0000004d,0 2px 8px #0f4c2a33,inset 0 1px #ffffffe6;text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:.02em}.home-hero-links a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(135deg,#0f4c2a0d,#1a7a421a);opacity:0;transition:opacity .4s ease}.home-hero-links a:hover{background:linear-gradient(135deg,#fff,#ecfdf5);border-color:#10b981;color:#047857;transform:translateY(-4px) scale(1.03);box-shadow:0 12px 30px #00000059,0 4px 12px #10b98166,inset 0 1px #fff}.home-hero-links a:hover:before{opacity:1}.home-hero-links a.active{background:linear-gradient(135deg,#0f4c2a,#16a34a);border-color:#86efac;color:#fff;box-shadow:0 8px 24px #0006,0 4px 12px #0f4c2a80,0 0 0 3px #86efac4d,inset 0 1px #fff3;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse-glow 2s ease-in-out infinite}.home-hero-links a.active:before{display:none}.home-hero-links a.active:hover{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#bbf7d0;transform:translateY(-4px) scale(1.03);box-shadow:0 14px 35px #00000073,0 6px 16px #16a34a99,0 0 0 4px #bbf7d066,inset 0 1px #ffffff4d}@keyframes pulse-glow{0%,to{box-shadow:0 8px 24px #0006,0 4px 12px #0f4c2a80,0 0 0 3px #86efac4d,inset 0 1px #fff3}50%{box-shadow:0 8px 24px #0006,0 4px 12px #0f4c2a80,0 0 0 5px #86efac80,inset 0 1px #fff3}}.home-hero-logo{position:absolute;top:12px;right:14px;width:min(260px,38vw);mix-blend-mode:screen;opacity:.9;filter:drop-shadow(0 8px 24px rgb(0 0 0 / .38));cursor:pointer;transition:transform .2s ease,opacity .2s ease}.home-hero-logo:hover{transform:scale(1.03);opacity:1}.booking-grid{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:18px}.card,.status-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 8px}.cal-nav{width:34px;height:34px;border:0;border-radius:var(--radius);background:transparent;color:var(--green);cursor:pointer;font-size:25px;line-height:1}.cal-nav:hover{background:#f3f4f6}.cal-title{color:var(--green);font-size:14px;font-weight:700}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:0 8px 8px}.cal-day-name{padding:4px 0;color:var(--muted);text-align:center;font-size:11px;font-weight:700}.cal-day{min-height:34px;border:0;border-radius:var(--radius);background:transparent;color:#374151;cursor:pointer;font-size:13px}.cal-day:hover:not(:disabled):not(.selected){background:#f3f4f6}.cal-day.today{background:var(--green-soft);color:var(--green);font-weight:700}.cal-day.selected{background:var(--green);color:#fff;font-weight:700}.cal-day.past,.cal-day:disabled{color:#d1d5db;cursor:not-allowed}.legend{border-top:1px solid #f3f4f6;padding:12px}.legend-title,.slots-eyebrow{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.legend-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;margin-top:5px;color:var(--muted);font-size:12px}.legend-dot{width:10px;height:10px;border-radius:3px}.legend-dot.day{background:var(--day)}.legend-dot.night{background:var(--night)}.legend-row strong{color:#374151}.hint-box{display:grid;gap:2px;margin-top:12px;border:2px dashed #ff0000;border-radius:10px;background:#f0fdf4;padding:11px 12px;color:#166534;font-size:12px}.slots-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #f3f4f6}.slots-head h1{margin:0;color:var(--text);font-size:16px;line-height:1.35}.slots-count{flex:0 0 auto;border-radius:6px;background:#f3f4f6;padding:4px 8px;color:var(--muted);font-size:12px;font-weight:700}.status-legend{display:flex;flex-wrap:wrap;gap:8px;padding:9px 16px;border-bottom:1px solid #f3f4f6}.badge,.status-pill{display:inline-flex;align-items:center;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700}.badge-available,.status-pill.confirmed{background:var(--green-soft);color:#166534}.badge-pending,.status-pill.pending{background:var(--pending-soft);color:var(--pending)}.badge-confirmed,.status-pill.cancelled{background:var(--danger-soft);color:var(--danger)}.slot-section{display:grid;grid-template-columns:3px auto 1fr;align-items:center;gap:7px;padding:10px 16px 4px}.slot-section span{width:3px;height:15px;border-radius:2px}.slot-section strong{font-size:12px;letter-spacing:.05em}.slot-section small{color:var(--muted);font-size:12px}.slot-section.day span{background:var(--day)}.slot-section.day strong{color:var(--day-text)}.slot-section.night span{background:var(--night)}.slot-section.night strong{color:var(--night-text)}.nightline{margin:6px 16px 4px;border:0;border-top:2px dashed #e0e7ff}.slot-row{width:100%;min-height:46px;display:grid;grid-template-columns:22px 100px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #fafafa;background:#fff;padding:9px 16px;color:inherit;cursor:pointer;text-align:left}.slot-row.available:hover{background:#f0fdf4}.slot-row.selected{background:var(--green-soft);box-shadow:inset 3px 0 #16a34a}.slot-row.night.selected{background:var(--night-soft);box-shadow:inset 3px 0 #4f46e5}.slot-row.booked{cursor:default}.slot-row:disabled{opacity:1}.slot-check{width:22px;height:22px;display:grid;place-items:center;border:2px solid #d1d5db;border-radius:50%;background:#fff;color:#fff;font-size:13px;font-weight:700}.slot-row.selected .slot-check{border-color:#16a34a;background:#16a34a}.slot-row.night.selected .slot-check{border-color:#4f46e5;background:#4f46e5}.slot-row.booked .slot-check{border-color:#e5e7eb;background:#f3f4f6}.slot-time{color:#374151;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.slot-status{justify-self:start;border-radius:6px;padding:3px 9px;background:var(--green-soft);color:#166534;font-size:12px;font-weight:700}.slot-row.status-pending .slot-status{background:var(--pending-soft);color:var(--pending)}.slot-row.status-confirmed .slot-status{background:var(--danger-soft);color:var(--danger)}.slot-row.selected .slot-status{background:#bbf7d0}.slot-row.night.selected .slot-status{background:#e0e7ff;color:var(--night-text)}.slot-price{color:#9ca3af;font-size:13px;font-weight:600}.slot-row.selected .slot-price{color:#166534}.slot-row.night.selected .slot-price{color:#4f46e5}.summary-bar{position:fixed;z-index:50;right:0;bottom:0;left:0;border-top:2px solid var(--line);background:#fff;box-shadow:0 -4px 20px #0000001a}.summary-inner{width:min(960px,calc(100% - 32px));display:flex;align-items:center;gap:14px;margin:0 auto;padding:12px 0}.summary-copy{flex:1;min-width:0}.summary-count{color:var(--muted);font-size:13px}.summary-count strong{color:#166534}.summary-breakdown{color:var(--muted);font-size:12px}.summary-total{color:var(--green);font-size:22px;font-weight:700;white-space:nowrap}.summary-total small{color:var(--muted);font-size:13px;font-weight:400}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 16px;border:1.5px solid transparent;cursor:pointer;font-size:14px;font-weight:700;text-align:center}.btn:disabled{cursor:wait;opacity:.68}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-ghost,.btn-muted{border-color:var(--line);background:#fff;color:var(--muted)}.btn-ghost:hover,.btn-muted:hover{background:#f3f4f6}.modal-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;padding:16px}.modal{width:min(440px,100%);max-height:min(90vh,760px);overflow:auto;border-radius:20px;background:#fff;padding:22px}.modal h2{margin:0 0 12px;font-size:18px}.modal-date{margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:600}.modal-slot-group{margin-bottom:10px}.modal-slot-title{border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}.modal-slot-group.day .modal-slot-title{background:var(--day-soft);color:var(--day-text)}.modal-slot-group.night .modal-slot-title{background:var(--night-soft);color:var(--night-text)}.modal-slot-line{display:flex;justify-content:space-between;gap:12px;border-radius:6px;padding:6px 10px;color:#374151;font-size:13px}.modal-slot-line:nth-child(odd){background:#f9fafb}.modal-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;border-top:1.5px solid #f3f4f6;padding-top:12px;color:var(--muted);font-size:13px}.modal-total-row strong{color:var(--green);font-size:20px}.field{display:grid;gap:5px;margin-bottom:13px;color:#374151;font-size:13px;font-weight:700}.field input,.status-search input{width:100%;min-width:0;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;padding:10px 12px;color:var(--text);background:#fff;font-size:14px}.field input:focus,.status-search input:focus{border-color:var(--green)}.field input.invalid{border-color:#dc2626}.field-error,.form-message{min-height:18px;color:#dc2626;font-size:12px;font-weight:500}.form-message{margin:0 0 8px}.btn-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.confirm-modal{text-align:center}.confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:var(--green-soft);color:#166534;font-size:32px;font-weight:700}.confirm-modal p{margin:-6px 0 16px;color:var(--muted);font-size:13px}.confirm-card{margin-bottom:16px;border-radius:12px;background:#f9fafb;padding:14px 16px;text-align:left}.confirm-id{margin-bottom:8px;color:#9ca3af;font-size:12px}.confirm-row{display:flex;gap:6px;margin-bottom:4px;font-size:13px}.confirm-row span{color:var(--muted)}.confirm-slot-list{display:grid;gap:4px;margin-top:9px}.confirm-slot-item{border-radius:6px;background:#fff;padding:5px 8px;color:#374151;font-size:13px}.confirm-total,.result-total{display:flex;justify-content:space-between;gap:12px;margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.confirm-total span,.result-total span{color:var(--muted);font-size:13px}.confirm-total strong,.result-total strong{color:var(--green)}.status-page{max-width:560px;margin:0 auto}.status-card{padding:20px}.status-card h1{margin:0 0 4px;font-size:20px}.status-intro{margin:0 0 16px;color:var(--muted);font-size:13px}.status-search{display:grid;grid-template-columns:1fr auto;gap:8px}.result-list{display:grid;gap:10px;margin-top:16px}.result-card{border:1px solid var(--line);border-radius:12px;padding:14px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.result-id{color:#9ca3af;font-size:12px}.result-card h2{margin:0 0 8px;font-size:15px}.result-slots{display:grid;gap:4px}.result-slot{display:flex;justify-content:space-between;gap:10px;border-radius:6px;background:#f9fafb;padding:5px 8px;color:#374151;font-size:13px}.empty-state{padding:28px 16px;color:var(--muted);font-size:14px;text-align:center}.empty-state.error{color:#dc2626}.admin-shell{min-height:100vh;background:#f8fafc}.admin-shell .app-shell{padding-bottom:0}.admin-header{background:linear-gradient(135deg,var(--green),#1a7a42);color:#fff}.admin-header-inner{width:min(1100px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto;padding:16px 0}.admin-brand{display:grid;gap:1px}.admin-brand-kicker{font-size:11px;letter-spacing:.1em;opacity:.74;text-transform:uppercase}.admin-brand-title{font-size:18px;font-weight:700}.admin-brand-subtitle{font-size:12px;opacity:.68}.admin-actions-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-top-link,.admin-badge{border-radius:999px;background:#ffffff24;padding:6px 12px;color:#fff;font-size:12px;font-weight:700}.admin-top-link:hover{background:#ffffff47}.admin-badge{background:#ffffff3d;letter-spacing:.08em}.admin-stats{border-bottom:1px solid var(--line);background:#fff}.admin-stats-inner{width:min(1100px,calc(100% - 32px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 auto;padding:14px 0}.stat-card{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:10px 14px}.stat-card .stat-icon{grid-row:span 2;font-size:22px}.stat-card strong{color:var(--text);font-size:20px;line-height:1}.stat-card span:last-child{color:var(--muted);font-size:11px}.stat-card.pending strong{color:var(--pending)}.stat-card.confirmed strong,.stat-card.revenue strong{color:#166534}.stat-card.cancelled strong{color:var(--danger)}.admin-main{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:20px 0}.admin-warning{display:flex;gap:8px;align-items:flex-start;margin-bottom:14px;border:1px dashed #f59e0b;border-radius:12px;background:#fffbeb;padding:10px 14px;color:#92400e;font-size:12px}.admin-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}.admin-filter-field{display:grid;gap:5px;min-width:150px}.admin-filter-field.search{flex:1;min-width:220px}.admin-filter-field span{color:var(--muted);font-size:12px;font-weight:700}.admin-filter-field input,.admin-filter-field select{min-height:42px;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;background:#fff;padding:8px 12px;color:var(--text);font:inherit;font-size:13px}.admin-filter-field input:focus,.admin-filter-field select:focus{border-color:var(--green)}.admin-count{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}.admin-list{display:grid;gap:10px}.admin-booking-card{overflow:hidden;border:1px solid var(--line);border-left-width:4px;border-radius:14px;background:#fff;transition:box-shadow .15s ease}.admin-booking-card:hover{box-shadow:0 4px 18px #00000012}.admin-booking-card.pending{border-left-color:#fcd34d}.admin-booking-card.confirmed{border-left-color:#86efac}.admin-booking-card.cancelled{border-left-color:#fca5a5;opacity:.78}.admin-booking-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;border-bottom:1px solid #f3f4f6;padding:13px 16px}.admin-booking-id{border-radius:6px;background:#f3f4f6;padding:2px 8px;color:var(--muted);font-size:12px;font-weight:700}.admin-booking-name{color:var(--text);font-size:15px}.admin-booking-phone{color:var(--muted);font-size:13px}.admin-booking-phone:before{content:"โทร "}.admin-status{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.admin-status.pending{background:var(--pending-soft);color:var(--pending)}.admin-status.confirmed{background:var(--green-soft);color:#166534}.admin-status.cancelled{background:var(--danger-soft);color:var(--danger)}.admin-booking-date{margin-left:auto;border-radius:6px;background:#f9fafb;padding:2px 8px;color:#374151;font-size:12px}.admin-slot-tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px}.admin-slot-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#f9fafb;padding:5px 10px;color:#374151;font-size:12px}.admin-slot-tag.night{border-color:#c7d2fe;background:var(--night-soft);color:var(--night-text)}.admin-booking-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #f3f4f6;background:#fafafa;padding:10px 16px}.admin-total-label{color:var(--muted);font-size:12px}.admin-total-value{color:var(--green);font-size:16px}.admin-card-actions{display:flex;gap:8px;margin-left:auto}.admin-action{min-height:38px;border-radius:9px;padding:7px 16px;cursor:pointer;font:inherit;font-size:13px;font-weight:700}.admin-action.confirm{border:0;background:#166534;color:#fff}.admin-action.confirm:hover:not(:disabled){background:#14532d}.admin-action.confirm:disabled{background:#86efac;cursor:default}.admin-action.cancel{border:1.5px solid #fca5a5;background:#fff;color:var(--danger)}.admin-action.cancel:hover{background:var(--danger-soft)}.admin-action.neutral{border:1.5px solid var(--line);background:#fff;color:#374151}.admin-action.neutral:hover{background:#f3f4f6}.admin-modal-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;padding:16px}.admin-modal{width:min(400px,100%);border-radius:18px;background:#fff;padding:26px;text-align:center}.admin-modal-icon{margin-bottom:10px;font-size:40px}.admin-modal h2{margin:0 0 6px;font-size:18px}.admin-modal p{margin:0 0 18px;color:var(--muted);font-size:13px}.admin-modal-info{display:grid;gap:4px;margin-bottom:20px;border-radius:10px;background:#f9fafb;padding:12px 16px;color:#374151;font-size:13px;text-align:left}.admin-danger{border-color:#dc2626;background:#dc2626;color:#fff}.admin-danger:hover:not(:disabled){background:#b91c1c}.admin-toast{position:fixed;z-index:120;bottom:28px;left:50%;transform:translate(-50%);border-radius:12px;background:#166534;box-shadow:0 6px 24px #0000002e;padding:12px 22px;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.admin-toast.danger{background:#dc2626}@media (max-width: 760px){.header-inner,.summary-inner,.admin-header-inner{align-items:flex-start;flex-direction:column}.admin-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions-top,.admin-filter,.admin-card-actions{width:100%}.admin-filter .btn,.admin-card-actions .admin-action{flex:1}.top-nav{width:100%}.nav-btn{flex:1;text-align:center}.booking-grid{grid-template-columns:1fr}.home-hero{min-height:184px}.home-hero-inner{min-height:184px;grid-template-columns:1fr;gap:12px;padding:18px 0}.home-hero-copy h1{max-width:100%;padding-right:122px;font-size:22px}.home-hero-copy p{padding-right:122px;margin-bottom:12px;font-size:12px}.home-hero-logo{top:12px;right:12px;width:150px}.summary-inner{gap:9px}.summary-total{font-size:20px}.summary-inner .btn{width:100%}.slot-row{grid-template-columns:22px 92px 1fr}.slot-price{grid-column:2 / -1;justify-self:start}.status-search,.btn-row{grid-template-columns:1fr}}@media (max-width: 430px){.main-layout,.header-inner,.summary-inner,.admin-header-inner,.admin-stats-inner,.admin-main{width:min(100% - 20px,960px)}.home-hero{min-height:170px}.home-hero-inner{width:min(100% - 20px,960px);min-height:170px;grid-template-columns:1fr;gap:8px}.home-hero-copy span{font-size:11px}.home-hero-copy h1{padding-right:92px;font-size:18px}.home-hero-copy p{padding-right:92px}.home-hero-links{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-width:100%}.home-hero-links a{padding:5px 4px;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-hero-logo{top:10px;right:10px;width:118px}.admin-stats-inner{grid-template-columns:1fr}.slots-head{align-items:flex-start;flex-direction:column}.slots-count{align-self:flex-start}.result-slot,.confirm-total,.result-total,.modal-total-row{align-items:flex-start;flex-direction:column}}.booked-summary-list{display:grid;gap:6px;margin-top:8px}.booked-summary-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffffd9;border-radius:6px;border-left:3px solid var(--green);font-size:13px;box-shadow:0 1px 2px #0000000d}.booked-summary-time{font-weight:700;color:var(--green)}.booked-summary-name{color:var(--text);font-weight:600}.booked-summary-empty{color:#166534;opacity:.8;font-style:italic;margin-top:4px}.home-content{max-width:100%;display:grid;gap:24px}.welcome-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:32px}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--green-soft)}.welcome-text h2{margin:0 0 8px;color:var(--green);font-size:28px;font-weight:700;line-height:1.2}.welcome-text p{margin:0;color:var(--muted);font-size:15px}.welcome-quick-actions{display:flex;gap:12px;flex-shrink:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.feature-item{border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:24px 20px;text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0f4c2a1a;border-color:var(--green);background:#fff}.feature-icon{display:block;margin-bottom:12px;font-size:42px}.feature-item h3{margin:0 0 8px;color:var(--text);font-size:16px;font-weight:700}.feature-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.services-section{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:32px}.section-title{margin:0 0 24px;color:var(--green);font-size:24px;font-weight:700;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.service-card{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:14px;background:#fff;padding:28px 24px;text-align:center;transition:all .3s ease;cursor:pointer}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0f4c2a26;border-color:var(--green)}.service-icon{font-size:52px;margin-bottom:16px}.service-card h3{margin:0 0 12px;color:var(--text);font-size:18px;font-weight:700}.service-card p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6;flex:1}.service-link{display:inline-block;color:var(--green);font-size:14px;font-weight:700;transition:transform .2s ease}.service-card:hover .service-link{transform:translate(4px)}.location-contact-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.location-card,.contact-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:28px}.location-card h3,.contact-card h3{margin:0 0 16px;color:var(--green);font-size:20px;font-weight:700}.location-card p{margin:4px 0;color:var(--text);font-size:14px}.contact-buttons{margin-top:20px}.contact-list{display:grid;gap:16px;margin-bottom:20px}.contact-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;background:#f9fafb;border:1px solid var(--line)}.contact-icon{font-size:24px;flex-shrink:0}.contact-item strong{display:block;color:var(--text);font-size:14px;margin-bottom:2px}.contact-item p{margin:0;color:var(--muted);font-size:13px}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f3f4f6;color:var(--text);transition:all .3s ease}.social-link:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.social-link.facebook{background:#1877f2;color:#fff}.social-link.facebook:hover{background:#0c63d4}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-link.instagram:hover{opacity:.9}.social-link.tiktok{background:#000;color:#fff}.social-link.tiktok:hover{background:#333}.social-link.line{background:#06c755;color:#fff}.social-link.line:hover{background:#05a847}.cta-section{background:linear-gradient(135deg,var(--green),#1a7a42);border-radius:16px;box-shadow:var(--shadow);padding:48px 32px;text-align:center;color:#fff}.cta-content h2{margin:0 0 12px;font-size:28px;font-weight:700;color:#fff}.cta-content p{margin:0 0 28px;font-size:16px;color:#ffffffe6}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-large{padding:14px 32px;font-size:16px;min-height:52px}.btn-secondary{background:#fff;color:var(--green);border:2px solid transparent}.btn-secondary:hover:not(:disabled){background:var(--green-soft);border-color:var(--green)}.btn-small{padding:8px 16px;font-size:13px;min-height:36px}@media (max-width: 768px){.welcome-header{flex-direction:column;align-items:flex-start}.welcome-quick-actions{width:100%;flex-direction:column}.welcome-quick-actions .btn{width:100%}.feature-grid,.services-grid,.location-contact-section{grid-template-columns:1fr}.cta-section{padding:32px 24px}.cta-content h2{font-size:24px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}}@media (max-width: 430px){.welcome-card,.services-section,.location-card,.contact-card,.cta-section{padding:24px}.welcome-text h2{font-size:24px}.section-title{font-size:20px}.feature-item,.service-card{padding:20px 16px}.service-icon{font-size:42px}}.feature-page{max-width:100%}.feature-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:32px}.feature-header{text-align:center;margin-bottom:32px}.feature-icon-large{display:block;font-size:64px;margin-bottom:16px}.feature-header h1{margin:0 0 8px;color:var(--green);font-size:28px;font-weight:700}.feature-subtitle{margin:0;color:var(--muted);font-size:15px}.tournament-list{display:grid;gap:40px;margin-bottom:32px}.tournament-item-full{border:2px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tournament-item-full:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0f4c2a26}.tournament-image-wrapper{position:relative;width:100%;overflow:hidden}.tournament-badge-overlay{position:absolute;top:20px;right:20px;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0003}.tournament-badge-overlay.open{background:linear-gradient(135deg,#86efac,#22c55e);color:#14532d}.tournament-badge-overlay.ongoing{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.tournament-badge-overlay.closed{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#7f1d1d}.tournament-badge-overlay.completed{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b}.tournament-badge-overlay.coming-soon{background:linear-gradient(135deg,#a5b4fc,#818cf8);color:#312e81}.tournament-content h2{margin:0 0 8px;color:var(--green);font-size:28px;font-weight:700}.tournament-tagline{margin:0 0 12px;color:var(--muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tournament-desc{margin:0 0 24px;color:#374151;font-size:15px;line-height:1.6}.tournament-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.detail-item{display:flex;align-items:flex-start;gap:12px;border-radius:10px;background:#f9fafb;padding:16px;border:1px solid var(--line)}.detail-item.highlight-box{background:linear-gradient(135deg,#fef3c7,#fde047);border:2px solid #fbbf24}.detail-icon{font-size:28px;flex-shrink:0}.detail-text strong{display:block;color:var(--text);font-size:14px;margin-bottom:4px}.detail-text small{display:block;margin-top:4px;color:#78350f;font-size:12px;font-weight:600}.tournament-prizes{margin-bottom:24px;border-radius:12px;background:var(--mint);border:1.5px solid var(--green-soft);padding:20px}.tournament-prizes h4{margin:0 0 12px;color:var(--green);font-size:18px}.prize-list li:before{content:"•";position:absolute;left:0;color:var(--green);font-size:18px;font-weight:700}.prize-list li strong{color:var(--green);font-weight:700}.tournament-contact{margin-bottom:24px;border-radius:10px;background:#f3f4f6;padding:16px}.tournament-contact h4{margin:0 0 8px;color:var(--text);font-size:16px}.tournament-contact p{margin:4px 0;color:#374151;font-size:14px}.tournament-item{position:relative;border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.tournament-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f4c2a1a}.tournament-item.completed{opacity:.7}.tournament-badge{position:absolute;top:12px;right:12px;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase}.tournament-badge.upcoming{background:#fef3c7;color:#92400e}.tournament-badge.open{background:var(--green-soft);color:#166534}.tournament-badge.closed{background:#f3f4f6;color:var(--muted)}.tournament-item h3{margin:0 0 12px;color:var(--text);font-size:20px}.tournament-info{display:grid;gap:8px;margin-bottom:16px;color:#374151;font-size:14px}.tournament-status{margin-bottom:16px;color:var(--muted);font-size:13px}.progress-bar{height:8px;border-radius:4px;background:#e5e7eb;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),#16a34a);border-radius:4px;transition:width .3s ease}.info-box{border-radius:12px;background:var(--mint);border:1.5px solid var(--green-soft);padding:24px;text-align:center}.info-box h3{margin:0 0 8px;color:var(--green);font-size:18px}.info-box p{margin:0 0 16px;color:#374151;font-size:14px}.tab-buttons{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--line);padding-bottom:8px}.tab-btn{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 20px;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--green)}.tab-btn.active{border-bottom-color:var(--green);color:var(--green)}.team-list{display:grid;gap:16px;margin-bottom:32px}.team-item{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.team-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0f4c2a14}.team-avatar{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--green),#16a34a);color:#fff;font-size:24px;font-weight:700}.team-content h3{margin:0 0 6px;color:var(--text);font-size:18px}.team-content p{margin:0 0 10px;color:#374151;font-size:14px}.team-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px}.post-your-own{border-radius:12px;border:2px dashed var(--green);background:var(--mint);padding:32px;text-align:center}.post-your-own h3{margin:0 0 8px;color:var(--green);font-size:20px}.post-your-own p{margin:0 0 16px;color:#374151;font-size:14px}.academy-intro{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;margin-bottom:32px;border-radius:12px;background:var(--mint);padding:24px}.academy-image{width:100%;height:auto;border-radius:12px}.academy-text h2{margin:0 0 12px;color:var(--green);font-size:22px}.academy-text p{margin:0;color:#374151;font-size:14px;line-height:1.6}.academy-programs{margin-bottom:32px}.academy-programs>h2{margin:0 0 20px;color:var(--text);font-size:24px}.program-item{position:relative;border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:24px;margin-bottom:16px}.program-badge{position:absolute;top:16px;right:16px;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase}.program-badge.kids{background:#dbeafe;color:#1e40af}.program-badge.junior{background:#fef3c7;color:#92400e}.program-badge.advanced{background:#fce7f3;color:#9f1239}.program-item h3{margin:0 0 8px;color:var(--text);font-size:20px}.program-item>p{margin:0 0 16px;color:#374151;font-size:14px}.program-features{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.program-features li{color:#374151;font-size:14px}.academy-coaches,.academy-benefits{margin-bottom:32px}.academy-coaches>h2,.academy-benefits>h2{margin:0 0 20px;color:var(--text);font-size:24px}.coach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.coach-card{border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:20px;text-align:center}.coach-avatar{width:80px;height:80px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--green),#16a34a);color:#fff;font-size:36px}.coach-card h4{margin:0 0 4px;color:var(--text);font-size:16px}.coach-card p{margin:0 0 8px;color:var(--green);font-size:13px;font-weight:600}.coach-card small{color:var(--muted);font-size:12px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.benefit-item{border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:20px;text-align:center}.benefit-icon{display:block;font-size:48px;margin-bottom:12px}.benefit-item h4{margin:0 0 8px;color:var(--text);font-size:16px}.benefit-item p{margin:0;color:var(--muted);font-size:13px}.academy-contact{border-radius:12px;background:var(--mint);padding:32px;text-align:center}.academy-contact h2{margin:0 0 8px;color:var(--green);font-size:24px}.academy-contact>p{margin:0 0 20px;color:#374151;font-size:14px}.contact-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.contact-info{display:grid;gap:8px;color:#374151;font-size:14px}.contact-info p{margin:0}.academy-hero{margin-bottom:32px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0f4c2a1f;width:100%;margin-left:auto;margin-right:auto}.academy-hero-image{width:100%;height:auto;display:block;object-fit:cover}.academy-highlight{margin-bottom:32px}.highlight-badge{display:flex;align-items:center;gap:16px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde047);padding:20px 24px;border:2px solid #fcd34d}.badge-icon{font-size:48px;flex-shrink:0}.badge-text strong{display:block;color:#92400e;font-size:20px;margin-bottom:4px}.badge-text p{margin:0;color:#78350f;font-size:14px}.academy-programs-new{margin-bottom:32px}.academy-programs-new>h2{margin:0 0 20px;color:var(--text);font-size:24px;text-align:center}.program-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.program-card{border:2px solid var(--green);border-radius:16px;background:#fff;padding:28px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.program-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f4c2a26}.program-icon{font-size:64px;margin-bottom:16px}.program-card h3{margin:0 0 12px;color:var(--green);font-size:20px}.age-range{margin:0 0 12px;padding:6px 16px;border-radius:999px;background:var(--green-soft);color:#166534;font-size:13px;font-weight:700;display:inline-block}.program-details .description{margin:16px 0 0;color:#374151;font-size:14px;line-height:1.6}.academy-schedule>h2{margin:0 0 20px;color:var(--text);font-size:24px;text-align:center}.schedule-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;border-radius:12px;background:#f9fafb;padding:24px}.schedule-item{display:flex;align-items:flex-start;gap:12px}.schedule-item.special{grid-column:1 / -1;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde047);padding:20px;border:2px solid #fcd34d}.schedule-content h4{margin:0 0 4px;color:var(--text);font-size:16px}.price-highlight{color:#92400e!important;font-size:28px!important;font-weight:700!important;margin-bottom:4px!important}.schedule-content small{color:#78350f;font-size:13px;font-weight:600}.academy-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.feature-box{border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f4c2a1a}.feature-box-icon{display:block;font-size:48px;margin-bottom:12px}.feature-box h4{margin:0 0 8px;color:var(--text);font-size:16px}.feature-box p{margin:0;color:var(--muted);font-size:13px}.academy-cta{border-radius:16px;background:linear-gradient(135deg,var(--green),#16a34a);padding:40px;text-align:center;color:#fff;margin-bottom:32px}.academy-cta h2{margin:0 0 8px;color:#fff;font-size:28px}.academy-cta p{margin:0 0 24px;color:#ffffffe6;font-size:16px}.btn-large{min-height:54px;font-size:18px;padding:14px 32px}.academy-contact-info{border-radius:12px;background:var(--mint);border:1.5px solid var(--green-soft);padding:28px;text-align:center}.academy-contact-info h3{margin:0 0 20px;color:var(--green);font-size:22px}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.contact-method{display:flex;align-items:flex-start;gap:12px;text-align:left}.contact-method p{margin:0;color:#374151;font-size:14px}.contact-method strong{color:var(--green);font-size:15px}.academy-modal{max-width:520px}.modal-subtitle{margin:-6px 0 20px;color:var(--muted);font-size:14px}.academy-form select{width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;padding:10px 12px;color:var(--text);background:#fff;font-size:14px;font-family:inherit}.form-note{border-radius:8px;background:#eff6ff;border:1px solid #93c5fd;padding:12px;margin-top:4px}.form-note p{margin:0;color:#1e40af;font-size:13px;line-height:1.5}.success-icon{font-size:72px;margin-bottom:16px}.success-message h2{margin:0 0 8px;color:var(--green);font-size:24px}.success-message p{margin:6px 0;color:#374151;font-size:14px}@media (max-width: 760px){.program-cards,.schedule-card,.academy-features-grid,.contact-methods{grid-template-columns:1fr}.academy-cta{padding:28px 20px}.academy-cta h2{font-size:22px}}rnament-prizes h4,.tournament-contact h4{margin:0 0 12px;color:var(--green);font-size:16px;font-weight:700}.prize-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.prize-list li{color:#374151;font-size:14px;padding-left:20px;position:relative}.prize-list li:before{content:"⭐";position:absolute;left:0;font-size:14px}.tournament-contact{margin-bottom:24px;border-radius:12px;background:#f9fafb;border:1px solid var(--line);padding:20px}.tournament-contact p{margin:0 0 4px;color:#374151;font-size:14px}.tournament-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.tournament-card-small{border:2px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;transition:all .3s ease}.tournament-card-small:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0f4c2a2e;border-color:var(--green)}.tournament-card-image{position:relative;width:100%;overflow:hidden;background:#f3f4f6}.tournament-card-image img{width:100%;height:auto;display:block;transition:transform .3s ease;object-fit:cover;min-height:200px;max-height:300px}.tournament-card-small:hover .tournament-card-image img{transform:scale(1.05)}.tournament-badge{position:absolute;top:12px;right:12px;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;letter-spacing:.05em}.tournament-badge.open{background:linear-gradient(135deg,#86efac,#22c55e);color:#14532d}.tournament-badge.ongoing{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.tournament-badge.closed{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#7f1d1d}.tournament-badge.completed{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b}.tournament-badge.coming-soon{background:linear-gradient(135deg,#a5b4fc,#818cf8);color:#312e81}.tournament-card-info{padding:20px;text-align:center}.tournament-card-info h3{margin:0 0 6px;color:var(--green);font-size:18px;font-weight:700;line-height:1.3}.tournament-card-subtitle{margin:0 0 14px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-small{min-height:38px;padding:8px 14px;font-size:13px}.btn-secondary{background:transparent;border:2px solid var(--green);color:var(--green)}.btn-secondary:hover{background:var(--green);color:#fff}.modal-content{position:relative;width:min(720px,calc(100% - 32px));max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.tournament-modal{width:min(820px,calc(100% - 32px))}.modal-close{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#0009;color:#fff;font-size:28px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.tournament-detail-scroll{max-height:90vh;overflow-y:auto;scroll-behavior:smooth}.tournament-detail-scroll::-webkit-scrollbar{width:8px}.tournament-detail-scroll::-webkit-scrollbar-track{background:#f3f4f6}.tournament-detail-scroll::-webkit-scrollbar-thumb{background:var(--green);border-radius:4px}.tournament-detail-scroll::-webkit-scrollbar-thumb:hover{background:var(--green-dark)}.info-box{margin-top:32px;border-radius:12px;background:linear-gradient(135deg,var(--mint),var(--green-soft));border:2px solid var(--green);padding:24px;text-align:center}.info-box h3{margin:0 0 8px;color:var(--green);font-size:20px;font-weight:700}.info-box p{margin:0 0 16px;color:#374151;font-size:14px;line-height:1.6}.btn-large{min-height:48px;padding:12px 28px;font-size:16px;width:100%}@media (max-width: 760px){.tournament-grid{grid-template-columns:1fr}.feature-card,.tournament-content{padding:24px 16px}.tournament-details-grid{grid-template-columns:1fr}.modal-content,.tournament-modal{width:calc(100% - 24px)}}@media (max-width: 430px){.feature-icon-large{font-size:48px}.feature-header h1{font-size:24px}.tournament-content h2{font-size:22px}.feature-card,.tournament-content{padding:20px 12px}.info-box{padding:20px 16px}}.contact-info-section{margin-top:20px;display:grid;gap:16px}.contact-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:1px solid var(--line);border-radius:10px}.contact-icon{font-size:32px;flex-shrink:0}.contact-details{display:grid;gap:4px}.contact-details strong{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.contact-details a{color:var(--green);font-size:16px;font-weight:700;text-decoration:none;transition:color .2s ease}.contact-details a:hover{color:var(--green-dark);text-decoration:underline}.social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.social-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:12px;background:#fff;border:2px solid var(--line);color:var(--text);font-size:14px;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-link svg{width:24px;height:24px;flex-shrink:0}.social-link.instagram{border-color:#e1306c;color:#e1306c}.social-link.instagram:hover{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}.social-link.instagram:hover svg{color:#fff}.social-link.facebook{border-color:#1877f2;color:#1877f2}.social-link.facebook:hover{background:#1877f2;color:#fff;border-color:transparent}.social-link.facebook:hover svg{color:#fff}.social-link.tiktok{border-color:#000;color:#000}.social-link.tiktok:hover{background:#000;color:#fff;border-color:transparent}.social-link.tiktok:hover svg{color:#fff}.social-link.line{border-color:#00b900;color:#00b900}.social-link.line:hover{background:#00b900;color:#fff;border-color:transparent}.social-link.line:hover svg{color:#fff}@media (max-width: 760px){.social-links{grid-template-columns:1fr}.contact-item{flex-direction:column;align-items:flex-start;text-align:left}}.tournament-card-info{padding:20px}.tournament-card-info h3{margin:0 0 8px;color:var(--text);font-size:18px;font-weight:700}.tournament-card-subtitle{margin:0 0 16px;color:var(--muted);font-size:13px}.modal-content{position:relative}.tournament-modal{width:min(720px,100%);max-height:85vh;padding:0;overflow:hidden}.modal-close{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;border:0;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#000c;transform:rotate(90deg)}.tournament-detail-scroll{max-height:85vh;overflow-y:auto}.tournament-image-wrapper{position:relative;width:100%}.tournament-image{width:100%;height:auto;display:block}.tournament-content{padding:32px}.tournament-content h2{margin:0 0 8px;color:var(--green);font-size:26px;font-weight:700}.tournament-desc{margin:0 0 24px;color:#374151;font-size:15px;line-height:1.7}.detail-text p{margin:0;color:#374151;font-size:14px}.tournament-prizes{margin-bottom:24px;padding:20px;border-radius:12px;background:linear-gradient(135deg,#fef9c3,#fef3c7);border:2px solid #fcd34d}.tournament-prizes h4{margin:0 0 16px;color:#92400e;font-size:18px;font-weight:700}.prize-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.prize-list li{padding:10px 14px;border-radius:8px;background:#fff;color:#374151;font-size:14px;box-shadow:0 1px 3px #0000001a}.tournament-contact{padding:20px;border-radius:12px;background:#f0fdf4;border:1px solid #86efac}.tournament-contact h4{margin:0 0 12px;color:#166534;font-size:16px;font-weight:700}.tournament-contact p{margin:6px 0;color:#374151;font-size:14px}.info-box{padding:24px;border-radius:14px;background:linear-gradient(135deg,var(--green-soft),var(--mint));border:2px solid var(--green)}.info-box h3{margin:0 0 8px;color:var(--green);font-size:18px;font-weight:700}.info-box p{margin:8px 0;color:#374151;font-size:14px;line-height:1.6}.contact-info-section{margin-top:20px}.academy-schedule{margin-bottom:28px;padding:24px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #c7d2fe}.academy-schedule h2{margin:0 0 16px;color:var(--night-text);font-size:20px;font-weight:700}.schedule-card{display:grid;gap:12px}.schedule-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:10px;background:#fff;box-shadow:0 2px 6px #4f46e51a}.schedule-item.special{background:linear-gradient(135deg,#fef3c7,#fde047);border:2px solid #fcd34d}.schedule-icon{font-size:28px;flex-shrink:0}.schedule-content h4{margin:0 0 4px;color:var(--text);font-size:15px;font-weight:700}.schedule-content p{margin:0;color:#374151;font-size:14px}.schedule-content small{display:block;margin-top:4px;color:#92400e;font-size:12px;font-weight:700}.price-highlight{color:var(--green);font-size:18px;font-weight:700}.academy-cta{margin-bottom:28px;padding:32px;border-radius:14px;background:linear-gradient(135deg,var(--green),#1a7a42);text-align:center;color:#fff}.academy-cta h2{margin:0 0 20px;color:#fff;font-size:24px;font-weight:700}.academy-contact-info{padding:24px;border-radius:14px;background:#f9fafb;border:1px solid var(--line)}.academy-contact-info h3{margin:0 0 16px;color:var(--green);font-size:18px;font-weight:700}.contact-methods{display:grid;gap:12px}.contact-method{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;background:#fff;border:1px solid var(--line)}.academy-modal{width:min(500px,100%);max-height:90vh;overflow-y:auto}.modal-subtitle{margin:0 0 20px;color:var(--muted);font-size:14px}.academy-form{display:grid;gap:16px}.academy-form select{width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;padding:10px 12px;color:var(--text);background:#fff;font-size:14px;cursor:pointer}.form-note{padding:12px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe}.form-note p{margin:0;color:#1e40af;font-size:12px;line-height:1.5}.success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:var(--green-soft);color:#166534;font-size:36px}.success-message h2{margin:0 0 8px;color:var(--green);font-size:22px;font-weight:700}.post-your-own{margin-top:32px;padding:32px;border-radius:14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--green);text-align:center}.post-your-own h3{margin:0 0 12px;color:var(--green);font-size:22px;font-weight:700}.post-your-own p{margin:0 0 20px;color:#374151;font-size:15px}.tab-buttons{display:flex;gap:8px;margin-bottom:24px;padding:4px;border-radius:12px;background:#f3f4f6}.tab-btn{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#e5e7eb;color:var(--text)}.tab-btn.active{background:var(--green);color:#fff;box-shadow:0 2px 8px #0f4c2a4d}.team-list{display:grid;gap:16px}.team-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;border-radius:14px;background:#fff;border:2px solid var(--line);transition:all .3s ease}.team-item:hover{border-color:var(--green);box-shadow:0 4px 16px #0f4c2a1a}.team-avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:24px;font-weight:700}.team-content{min-width:0}.team-content h3{margin:0 0 6px;color:var(--text);font-size:17px;font-weight:700}.team-content p{margin:0 0 10px;color:#374151;font-size:14px;line-height:1.5}.team-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.team-meta span{display:inline-flex;align-items:center;gap:4px}@media (max-width: 768px){.tournament-grid{grid-template-columns:1fr}.team-item{grid-template-columns:1fr;text-align:center}.team-avatar{margin:0 auto}.team-meta{justify-content:center}.welcome-header{flex-direction:column;align-items:stretch}.welcome-quick-actions{width:100%;flex-direction:column}}@media (max-width: 430px){.tournament-grid{gap:16px}.tournament-content{padding:24px}.academy-schedule,.academy-cta,.academy-contact-info,.post-your-own{padding:20px}.academy-hero{margin-bottom:24px;border-radius:12px}.services-section,.location-card,.contact-card{padding:20px}}.social-links-tournament{display:grid;gap:12px;margin-top:16px}.social-link-box{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border-radius:12px;border:2px solid transparent;color:#fff;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;cursor:pointer;box-shadow:0 4px 12px #00000026}.social-link-box:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.social-link-box svg{flex-shrink:0;transition:transform .3s ease}.social-link-box:hover svg{transform:scale(1.15)}.social-link-box span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-link-box.phone{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.social-link-box.phone:hover{background:linear-gradient(135deg,#059669,#047857)}.social-link-box.facebook{background:linear-gradient(135deg,#1877f2,#0c5fcd);border-color:#1877f2}.social-link-box.facebook:hover{background:linear-gradient(135deg,#0c5fcd,#0a4fa8)}.social-link-box.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#bc1888}.social-link-box.instagram:hover{background:linear-gradient(45deg,#e6683c,#dc2743,#cc2366,#bc1888,#a8136d)}.social-link-box.tiktok{background:linear-gradient(135deg,#000,#1a1a1a);border-color:#000}.social-link-box.tiktok:hover{background:linear-gradient(135deg,#1a1a1a,#333)}.social-link-box.line{background:linear-gradient(135deg,#06c755,#05a847);border-color:#06c755}.social-link-box.line:hover{background:linear-gradient(135deg,#05a847,#048a3a)}@media (max-width: 430px){.social-link-box{padding:12px 16px;font-size:14px}}.info-box{max-width:960px;margin:24px auto 0;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:28px;border:2px solid var(--green-soft)}.info-box h3{margin:0 0 12px;color:var(--green);font-size:20px;font-weight:700;text-align:center}.info-box>p{margin:0 0 20px;color:var(--text);font-size:14px;text-align:center;line-height:1.6}.contact-info-section{display:flex;justify-content:center;align-items:center}.tournament-contact{width:100%}.social-links-tournament{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}@media (max-width: 760px){.info-box{margin:20px 16px 0;padding:20px}.social-links-tournament{grid-template-columns:1fr}}@media (max-width: 430px){.info-box{margin:16px 10px 0;padding:16px}.info-box h3{font-size:18px}.info-box>p{font-size:13px}.social-link-box{padding:12px 14px;font-size:13px}}.contact-section{margin-top:32px}.contact-map{margin-top:40px}.contact-map h2{margin:0 0 20px;color:var(--green);font-size:22px;font-weight:700;text-align:center}.map-container{border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.contact-social{margin-top:40px;text-align:center}.contact-social h2{margin:0 0 24px;color:var(--green);font-size:22px;font-weight:700}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:900px;margin:0 auto}.page-subtitle{margin:-8px 0 24px;color:var(--muted);font-size:14px;text-align:center}.academy-schedule{margin-bottom:32px}.academy-schedule h2{margin:0 0 20px;color:var(--green);font-size:22px;font-weight:700;text-align:center}.schedule-card{border:2px solid var(--green-soft);border-radius:14px;background:#f9fafb;padding:24px}.schedule-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border-bottom:none}.schedule-icon{font-size:32px;flex-shrink:0}.schedule-content h4{margin:0 0 4px;color:var(--text);font-size:16px;font-weight:700}.schedule-content p{margin:0;color:var(--muted);font-size:14px}.schedule-item.special{background:linear-gradient(135deg,var(--green-soft),var(--mint));border-radius:10px;padding:20px 16px;margin-top:12px}.price-highlight{color:var(--green);font-size:28px;font-weight:700;line-height:1}.academy-cta{margin:40px 0;text-align:center}.academy-cta h2{margin:0 0 20px;color:var(--green);font-size:24px;font-weight:700}.btn-large{min-height:54px;font-size:16px;padding:14px 32px}.academy-contact-info{margin-top:40px;border-top:2px solid var(--green-soft);padding-top:32px}.academy-contact-info h3{margin:0 0 20px;color:var(--green);font-size:20px;font-weight:700;text-align:center}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.contact-method{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#f9fafb;padding:16px}.contact-method .contact-icon{font-size:28px;flex-shrink:0}.contact-method p{margin:0;font-size:14px}.contact-method strong{display:block;color:var(--text);font-weight:700;margin-bottom:2px}.academy-modal{max-height:85vh}.modal-subtitle{margin:-4px 0 20px;color:var(--muted);font-size:14px}.academy-form{margin-top:24px}.academy-form select{width:100%;min-width:0;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;padding:10px 12px;color:var(--text);background:#fff;font-size:14px;font-family:inherit;cursor:pointer}.academy-form select:focus{border-color:var(--green)}.academy-form select.invalid{border-color:#dc2626}.form-note{margin:16px 0;border-radius:10px;background:#fffbeb;padding:12px 14px;border:1px dashed #fbbf24}.form-note p{margin:0;color:#92400e;font-size:12px;line-height:1.5}.success-message{text-align:center;padding:20px}.success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:var(--green-soft);color:#166534;font-size:40px}.success-message h2{margin:0 0 12px;color:var(--green);font-size:22px;font-weight:700}.success-message p{margin:4px 0;color:var(--muted);font-size:14px}@media (max-width: 760px){.contact-grid,.contact-methods,.social-links-grid{grid-template-columns:1fr}.feature-card{padding:24px 20px}.academy-hero-image{max-width:100%}}.weekly-booking-modal{width:min(520px,100%);max-height:90vh;overflow-y:auto}.weekly-booking-form{text-align:left;margin-top:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text);font-size:13px;font-weight:700}.form-group .required{color:#dc2626}.form-group input,.form-group select{width:100%;min-height:42px;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;background:#fff;padding:8px 12px;color:var(--text);font:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--green)}.form-group input.error,.form-group select.error{border-color:#dc2626}.error-text{display:block;margin-top:4px;color:#dc2626;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-summary{margin:20px 0;border:2px solid var(--green-soft);border-radius:12px;background:#f0fdf4;padding:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#374151;font-size:14px}.summary-row:last-child{margin-bottom:0}.summary-row span{color:var(--muted)}.summary-row strong{color:var(--text);font-weight:700}.summary-row.total{margin-top:12px;padding-top:12px;border-top:2px solid var(--green-soft)}.summary-row.total strong{color:var(--green);font-size:18px}@media (max-width: 430px){.form-row{grid-template-columns:1fr}}