:root{--black:#0a0a0a;--ink:#121212;--ink-soft:#4a4a4a;--gold:#d4af37;--gold-bright:#f0c94a;--gold-deep:#a8861f;--red:#c8102e;--red-deep:#8f0b20;--red-soft:#f8e8eb;--white:#fff;--off-white:#f5f5f5;--line:#0a0a0a1f;--shadow:0 18px 50px #0a0a0a24;--radius:14px;--font-display:"Beiruti", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans Arabic", "Segoe UI", sans-serif;--fs-xs:.7rem;--fs-sm:.78rem;--fs-md:.88rem;--fs-lg:1.05rem}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;max-height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);background:radial-gradient(70% 45% at 0 0,#d4af372e,#0000 55%),radial-gradient(55% 40% at 100% 5%,#c8102e1a,#0000 50%),linear-gradient(165deg,#fff 0%,#f4f4f4 48%,#ebebeb 100%);margin:0}body:before{content:none}#root{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.bg-motion{z-index:0;pointer-events:none;opacity:.18;position:fixed;inset:0;overflow:hidden}.bg-motion-track{align-items:center;gap:clamp(2rem,5vw,4rem);width:max-content;height:100%;animation:36s linear infinite drift-ltr;display:flex}.bg-motion-logo,.bg-motion-ball{object-fit:contain;filter:drop-shadow(0 8px 18px #0000002e);background:0 0;flex-shrink:0}.bg-motion-logo{border-radius:50%;width:clamp(110px,16vw,170px);height:clamp(110px,16vw,170px)}.bg-motion-ball{width:clamp(70px,11vw,110px);height:clamp(70px,11vw,110px)}.bg-motion-logo:nth-child(odd),.bg-motion-ball:nth-child(odd){transform:translateY(-10vh)}.bg-motion-logo:nth-child(2n),.bg-motion-ball:nth-child(2n){transform:translateY(12vh)}.bg-pitch-layer{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-auth-layer{background:linear-gradient(#00000059 0%,#00000073 100%),url(/bg-auth.png) 50%/cover no-repeat}.app.bg-auth.app-fit,.app.bg-choose.app-fit,.app.bg-history.app-fit,.app.bg-pitch-five.app-fit,.app.bg-pitch-seven.app-fit,.app.bg-pitch-eleven.app-fit{place-self:center;width:min(560px,100% - 1.5rem);max-width:560px;height:auto;min-height:0;max-height:calc(100dvh - 1.5rem);margin:auto;padding:0;overflow:hidden}.app.bg-auth .shell,.app.bg-choose .shell,.app.bg-history .shell,.app.bg-pitch-five .shell,.app.bg-pitch-seven .shell,.app.bg-pitch-eleven .shell{background:#fffffff0;flex:auto;width:100%;min-height:0;max-height:calc(100dvh - 1.5rem);overflow:hidden}.app.bg-choose .shell,.app.bg-history .shell,.app.bg-pitch-five .shell,.app.bg-pitch-seven .shell,.app.bg-pitch-eleven .shell{overflow-y:auto}.app.bg-auth .hero-strip{min-height:0;padding:1.1rem 1rem 1.2rem}.app.bg-choose .hero-strip,.app.bg-history .hero-strip,.app.bg-pitch-five .hero-strip,.app.bg-pitch-seven .hero-strip,.app.bg-pitch-eleven .hero-strip{min-height:0;padding:.55rem .75rem .65rem}.app.bg-auth .hero-brand{gap:.55rem}.app.bg-choose .hero-brand,.app.bg-history .hero-brand,.app.bg-pitch-five .hero-brand,.app.bg-pitch-seven .hero-brand,.app.bg-pitch-eleven .hero-brand{gap:.35rem}.app.bg-auth .hero-logo{width:clamp(150px,34vw,220px);height:clamp(150px,34vw,220px);box-shadow:0 0 0 4px #d4af37bf,0 12px 28px #00000073}.app.bg-choose .hero-logo,.app.bg-history .hero-logo,.app.bg-pitch-five .hero-logo,.app.bg-pitch-seven .hero-logo,.app.bg-pitch-eleven .hero-logo{width:clamp(72px,16vw,100px);height:clamp(72px,16vw,100px);box-shadow:0 0 0 3px #d4af37b3,0 8px 18px #0006}.app.bg-auth .hero-tagline{letter-spacing:.01em;max-width:22ch;font-size:clamp(.95rem,2.8vw,1.15rem)}.app.bg-choose .hero-tagline,.app.bg-history .hero-tagline,.app.bg-pitch-five .hero-tagline,.app.bg-pitch-seven .hero-tagline,.app.bg-pitch-eleven .hero-tagline{max-width:20ch;font-size:.78rem}.bg-history-layer{background:linear-gradient(#0006 0%,#00000080 100%),url(/bg-history.png) 50%/cover no-repeat}.app.bg-history .shell{background:#ffffffe6}.bg-admin-layer{background:linear-gradient(#0006 0%,#00000080 100%),url(/bg-admin.png) 50%/cover no-repeat}.app.bg-admin .shell{background:#ffffffe6}.bg-choose-layer{background:linear-gradient(#0006 0%,#00000080 100%),url(/bg-choose.png) 50%/cover no-repeat}.app.bg-choose .shell{background:#fffffff0}.app.bg-choose .topbar,.app.bg-history .topbar,.app.bg-pitch-five .topbar,.app.bg-pitch-seven .topbar,.app.bg-pitch-eleven .topbar{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:.3rem;padding:0 .15rem}.app.bg-choose .top-actions,.app.bg-history .top-actions,.app.bg-pitch-five .top-actions,.app.bg-pitch-seven .top-actions,.app.bg-pitch-eleven .top-actions{flex-wrap:wrap;justify-content:center;margin-inline-start:0}.app.bg-choose .type-btn{background:#fff!important}.app.bg-choose.app-fit,.app.bg-pitch-five.app-fit,.app.bg-pitch-seven.app-fit,.app.bg-pitch-eleven.app-fit{width:min(640px,100% - 1.5rem);max-width:640px}.bg-pitch-five-layer{background:linear-gradient(#0a0a0a73 0%,#0a0a0a59 40%,#0a0a0a8c 100%),url(/bg-five.png) 50%/cover no-repeat}.bg-pitch-seven-layer{background:linear-gradient(#08120c7a 0%,#08120c52 45%,#08120c8c 100%),url(/bg-seven.png) 50%/cover no-repeat}.bg-pitch-eleven-layer{background:linear-gradient(#080c1c80 0%,#080c1c59 45%,#080c1c94 100%),url(/bg-eleven.png) 50%/cover no-repeat}.app.bg-pitch-five .shell,.app.bg-pitch-seven .shell,.app.bg-pitch-eleven .shell{background:#ffffffe0}@keyframes drift-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.bg-motion-track{animation:none;transform:translate(-25%)}}button,input,select{font:inherit}.app,.app-fit{z-index:1;flex-direction:column;width:min(920px,100% - 1.25rem);height:100dvh;max-height:100dvh;margin:0 auto;padding:.4rem 0;display:flex;position:relative;overflow:hidden}.app.bg-admin,.app.bg-admin.app-fit{width:80vw;max-width:none}.shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #0a0a0a14;flex-direction:column;flex:1;min-height:0;animation:.85s 80ms both rise;display:flex;overflow:hidden}.topbar{z-index:5;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex;position:relative}.top-actions,.top-actions-only{flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin-inline-start:auto;display:flex}.greeting{color:#fff;text-shadow:0 1px 2px #0006;background:#0a0a0abf;border:1px solid #ffffff40;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:700}.greeting strong{color:#f0c94a}.link-btn{color:var(--black);font-weight:700;font-size:var(--fs-xs);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--red)}.hero-strip{min-height:0;color:var(--white);text-align:center;background:linear-gradient(125deg,#0a0a0af7 0%,#281414eb 40%,#8f0b20e0 100%) 0 0/cover,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath fill='none' stroke='%23d4af37' stroke-opacity='0.2' stroke-width='2' d='M0 80h160M80 0v160M20 20l120 120M140 20L20 140'/%3E%3C/svg%3E") 0 0/80px 80px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex;position:relative}.hero-strip-admin{padding:.28rem .75rem}.hero-strip-admin .hero-copy h1{margin:0;font-size:1.05rem;line-height:1.2}.hero-strip-admin .hero-copy p{display:none}.hero-brand{flex-direction:column;align-items:center;gap:.35rem;display:flex}.hero-logo{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(110px,22vw,160px);height:clamp(110px,22vw,160px);animation:none;box-shadow:0 0 0 4px #d4af37b3,0 8px 22px #00000073}.hero-tagline{font-family:var(--font-display);color:var(--white);max-width:18ch;margin:0;font-size:.85rem;font-weight:700;line-height:1.2}.hero-copy{text-align:center;min-width:0}.hero-strip h1{font-family:var(--font-display);color:var(--gold-bright);margin:0 0 .15rem;font-size:1.1rem;font-weight:700}.hero-strip p{opacity:.9;margin:0;font-size:.8rem}.steps{flex-shrink:0;gap:.3rem;padding:.45rem .9rem 0;display:flex}.step-dot{background:var(--line);border-radius:999px;flex:1;height:3px;transition:background .35s,transform .35s}.step-dot.active{background:var(--red);transform:scaleY(1.35)}.step-dot.done{background:var(--gold)}.panel,.panel-fit,.panel-auth{flex-direction:column;flex:0 auto;gap:.35rem;min-height:0;padding:.55rem .9rem .7rem;animation:.35s both fadeSlide;display:flex;overflow-y:visible}.panel h2,.panel-fit h2,.panel-auth h2{font-family:var(--font-display);font-size:var(--fs-lg);flex-shrink:0;margin:0 0 .15rem}.panel .hint{color:var(--ink-soft);font-size:var(--fs-xs);flex-shrink:0;margin:0 0 .45rem}.auth-lang{flex-shrink:0;gap:.2rem;margin-bottom:.35rem;display:grid}.hint-inline{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:600}.form-grid,.form-auth-compact{gap:.4rem;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}label.field{font-size:var(--fs-xs);color:var(--ink-soft);gap:.12rem;font-weight:600;display:grid}label.field input,label.field select{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);font-size:var(--fs-sm);border-radius:8px;outline:none;padding:.4rem .65rem;transition:border-color .2s,box-shadow .2s}label.field.field-missing{color:var(--red-deep)}label.field.field-missing input{border-color:var(--red);background:#fff8f8;box-shadow:0 0 0 2px #c8102e24}.block-missing{outline-offset:3px;border-radius:10px;outline:2px solid #c8102e73}.lang-row{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.lang-btn,.type-btn,.stadium-btn,.slot-btn{cursor:pointer;background:#fff;border:2px solid #0a0a0a29;border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;box-shadow:0 3px 10px #0000000f}.lang-btn{color:var(--ink);padding:.5rem .65rem;font-size:.82rem;font-weight:800}.lang-btn:hover,.type-btn:hover,.stadium-btn:hover,.slot-btn:hover:not(:disabled){border-color:var(--gold-deep);transform:translateY(-1px)}.lang-btn.selected,.stadium-btn.selected,.slot-btn.selected{border-color:var(--red);background:linear-gradient(180deg, #fff, var(--red-soft));font-weight:800;box-shadow:0 4px 14px #c8102e2e}.type-btn.selected:not(.type-btn-five):not(.type-btn-seven):not(.type-btn-eleven){border-color:var(--red);background:linear-gradient(180deg, #fff, var(--red-soft));box-shadow:0 4px 14px #c8102e2e}.type-grid{flex:none;align-content:start;gap:.55rem;min-height:auto;padding:.2rem 0;display:grid;overflow:visible}.type-btn{text-align:start;z-index:2;border-radius:14px;gap:.2rem;min-height:4rem;padding:.85rem 1rem;display:grid;position:relative;box-shadow:0 6px 18px #0003;color:#111!important;background:#fff!important;border:3px solid #111!important}.type-btn .title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#111!important;text-shadow:none!important}.type-btn .meta{font-size:.8rem;font-weight:700;color:#444!important;text-shadow:none!important}.type-btn .price{margin-top:.12rem;font-size:.92rem;font-weight:800;color:#c8102e!important;text-shadow:none!important}.type-btn.selected,.type-btn-five.selected,.type-btn-seven.selected,.type-btn-eleven.selected{box-shadow:0 0 0 2px #c8102e40,0 6px 16px #0003;background:#fff5f6!important;border-color:#c8102e!important}.type-btn-five,.type-btn-seven,.type-btn-eleven{background:#fff!important;border:2px solid #111!important}.type-btn-five .price,.type-btn-seven .price,.type-btn-eleven .price{color:#c8102e!important}.panel-fit .actions{z-index:3;background:0 0;flex-shrink:0;margin-top:.55rem;padding-top:.35rem;position:relative}.check-row{border:1px solid var(--line);background:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-xs);border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex;margin-top:.4rem!important}.check-row input{width:.95rem;height:.95rem;accent-color:var(--red)}.stadium-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.4rem;min-height:0;max-height:28vh;padding:.2rem;display:grid;overflow:auto}.stadium-btn{color:#111;background:#fff;border:2px solid #111;padding:.55rem .4rem;font-size:.8rem;font-weight:800;box-shadow:0 3px 10px #0000001f}.slots{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.35rem;min-height:0;max-height:28vh;display:grid;overflow:auto}.slot-btn{padding:.48rem .25rem;font-size:.75rem;font-weight:800}.slot-btn:disabled{opacity:.45;cursor:not-allowed;background:#e8e8e8;text-decoration:line-through}.slot-btn.slot-past:disabled{color:#888;background:#f0f0f0;text-decoration:none}.summary{color:var(--white);font-size:var(--fs-xs);background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 40%,#8f0b20 78%,#a8861f 100%);border-radius:10px;flex-shrink:0;gap:.25rem;margin-top:.5rem;padding:.55rem .7rem;display:grid}.summary .row{opacity:.92;justify-content:space-between;gap:.75rem;display:flex}.summary .row.strong{opacity:1;font-size:var(--fs-sm);color:var(--gold-bright);border-top:1px solid #ffffff38;margin-top:.15rem;padding-top:.35rem;font-weight:800}.actions,.actions-auth{flex-wrap:wrap;flex-shrink:0;gap:.35rem;margin-top:.5rem;display:flex}.btn{letter-spacing:.01em;cursor:pointer;border:2px solid #0000;border-radius:999px;padding:.55rem 1.15rem;font-size:.9rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn-top{padding:.45rem .9rem;font-size:.8rem}.support-phone{color:var(--black);white-space:nowrap;background:#fff;border:2px solid #0a0a0a33;border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #0000001f}.support-phone:hover{border-color:var(--red);color:var(--red)}.btn-primary{color:#fff;background:linear-gradient(135deg,#e31435,#8f0b20);border-color:#8f0b20;box-shadow:0 6px 16px #c8102e59}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{color:var(--black);background:#fff;border:2px solid #0a0a0a38;box-shadow:0 3px 10px #00000014}.btn-ghost:hover{border-color:var(--red);color:var(--red)}.btn-danger{background:var(--black);color:#fff;border-color:var(--black);margin-top:.4rem;padding:.45rem .95rem;font-size:.82rem;box-shadow:0 4px 12px #0003}.forgot-link{font-size:var(--fs-xs);flex-shrink:0;margin-top:.25rem;display:inline-block}.error,.notice{font-weight:600;font-size:var(--fs-xs);flex-shrink:0;margin:.3rem 0 0}.error{color:var(--red-deep)}.notice{color:#1a7a3c}.success{text-align:center;justify-content:center}.success .mark{background:linear-gradient(145deg, var(--gold), var(--black));color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto .45rem;font-size:1.3rem;animation:.55s cubic-bezier(.2,.9,.3,1.3) both pop;display:grid}.success h2{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 .2rem}.success p{color:var(--ink-soft);font-size:var(--fs-xs);margin:0 0 .5rem}.admin-head{display:none}.section-title{font-family:var(--font-display);color:var(--ink);margin:.35rem 0 .25rem;font-size:.95rem;font-weight:800;line-height:1.3}.admin-layout{flex-direction:column;min-height:0;display:flex}.admin-body{flex:1;gap:.75rem;min-height:0;display:flex;overflow:hidden}.admin-sidebar{background:linear-gradient(#fff8f0,#fff);border:1px solid #c8102e2e;border-radius:14px;flex:0 0 11.5rem;min-width:10.5rem;max-width:13rem;padding:.35rem;overflow:auto;box-shadow:inset 0 1px #fffc}.admin-tabs{flex-flow:column;flex-shrink:0;gap:.35rem;margin:0;display:flex}.admin-nav-btn{text-align:start;white-space:normal;justify-content:flex-start;width:100%;padding:.55rem .65rem;font-size:.82rem;line-height:1.25}.admin-content{flex-direction:column;flex:1;gap:.45rem;min-width:0;min-height:0;display:flex;overflow:auto}.admin-content:has(.orders-page){overflow:hidden}.admin-layout.panel-fit{overflow:hidden}.orders-page{flex-direction:column;flex:1;gap:.55rem;min-height:0;display:flex;overflow:hidden}.orders-top{border-bottom:1px solid #0a0a0a14;flex-direction:column;flex:33%;gap:.35rem;min-height:0;max-height:33%;padding-bottom:.25rem;display:flex;overflow:auto}.orders-pending{flex-direction:column;gap:.3rem;min-height:0;display:flex}.orders-pending-list{flex:0 auto;max-height:8rem}.orders-main{flex-direction:column;flex:2 66%;gap:.4rem;min-height:0;display:flex}.orders-main-title{flex-shrink:0;margin:0}.orders-all-list{flex:1;gap:.55rem;min-height:0;padding-bottom:.5rem;overflow:auto}.orders-empty{margin:.15rem 0}.orders-page .section-title{letter-spacing:.01em;margin:0;font-size:.95rem;line-height:1.3}.orders-page .pitch-type-stats{margin:0}.orders-page .pitch-type-box{padding:.4rem .45rem}.orders-page .pitch-type-box h3{font-size:.8rem;line-height:1.25}.orders-page .pitch-type-box .stat-big{font-size:1.25rem;line-height:1}.orders-page .booking-code-search{margin:0;padding:.45rem .55rem}.orders-page .booking-card{padding:.65rem .75rem;line-height:1.45}.orders-page .booking-card p{margin:.2rem 0 0;font-size:.82rem;line-height:1.4}.orders-page .booking-card-top{margin-bottom:.15rem;font-size:.95rem}.orders-page .booking-meta{font-size:.78rem;line-height:1.35}.admin-form{flex:1;min-height:0;overflow:auto}@media (width<=760px){.admin-body{flex-direction:column}.admin-sidebar{flex:none;width:100%;max-width:none}.admin-tabs{flex-flow:wrap}.admin-nav-btn{flex:auto;width:auto}}.search-users-field{color:#8f0b20;background:linear-gradient(135deg,#fff8e8,#ffe8ec);border:2px solid #c8102e;border-radius:12px;margin:.35rem 0 .65rem;padding:.65rem .75rem;font-weight:800;box-shadow:0 4px 14px #c8102e2e}.search-users-field input{margin-top:.25rem;font-weight:700;box-shadow:inset 0 1px 3px #0000000f;background:#fff!important;border:2px solid #c8102e!important;padding:.55rem .75rem!important;font-size:.9rem!important}.search-users-field input:focus{border-color:#8f0b20!important;box-shadow:0 0 0 3px #c8102e33!important}.stats-grid{flex-shrink:0;grid-template-columns:1fr 1fr;gap:.45rem;margin:.35rem 0 .25rem;display:grid}.stats-grid.pitch-type-stats{grid-template-columns:repeat(3,1fr)}.pitch-type-box{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex}.pitch-type-box h3{margin:0;font-size:.85rem}.pitch-type-box .stat-big{color:var(--red);font-size:1.4rem;line-height:1.1}.pitch-type-box .hint{margin:0}.stat-block{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--off-white));border-radius:10px;padding:.5rem .6rem}.stat-block h3{font-family:var(--font-display);font-size:var(--fs-sm);margin:0 0 .35rem}.stat-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.stat-list li{font-size:var(--fs-xs);justify-content:space-between;gap:.5rem;display:flex}.stat-list strong{color:var(--red)}.booking-list{flex:1;gap:.4rem;min-height:0;display:grid;overflow:auto}.booking-card{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:.5rem .65rem}.booking-card.is-canceled{opacity:.72;background:var(--off-white)}.booking-card p{color:var(--ink-soft);font-size:var(--fs-xs);margin:.15rem 0 0}.cancel-locked{font-weight:600;color:var(--red-deep)!important;margin-top:.4rem!important}.booking-card-top{font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.badge{border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.badge.confirmed{background:var(--red-soft);color:var(--red-deep)}.badge.pending{color:#8a6a00;background:#fff6d9}.badge.canceled{color:#555;background:#e8e8e8}.booking-card.is-pending{border-color:#e6c35c;box-shadow:0 2px 12px #b48c141f}.booking-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.pending-success .mark.pending-mark{color:#8a6a00;background:#fff6d9;border:2px solid #e6c35c}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0a8c;place-items:center;padding:1rem;animation:.2s both rise;display:grid;position:fixed;inset:0}.modal-card{background:var(--white);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(360px,100%);padding:1rem 1.1rem;box-shadow:0 18px 40px #00000047}.modal-card h3{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 .35rem}.modal-card p{color:var(--ink-soft);font-size:var(--fs-sm);margin:0 0 .85rem;line-height:1.4}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.modal-confirm{margin-top:0}@media (width<=700px){.stats-grid{grid-template-columns:1fr 1fr}.stats-grid.pitch-type-stats{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:1fr 1fr}}@media (width<=520px){.form-grid.two,.stats-grid{grid-template-columns:1fr}.stats-grid.pitch-type-stats{grid-template-columns:repeat(3,1fr)}.hero-logo{width:clamp(100px,28vw,140px);height:clamp(100px,28vw,140px)}.app.bg-auth .hero-strip{padding:.9rem .85rem 1rem}.app.bg-auth .hero-logo{width:clamp(130px,40vw,180px);height:clamp(130px,40vw,180px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.price-settings .section-title{margin-top:.75rem}.peak-toggle-row{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.peak-hours-grid{margin-bottom:.75rem}.slot-peak:not(:disabled):not(.selected){background:#fffbf0!important;border-color:#e6c35c!important}.type-btn .price-peak-hint{opacity:.85;font-size:.72rem}.court-status{flex-direction:column;flex:1;gap:.55rem;min-height:0;display:flex;overflow:auto}.court-status-filters{margin:0}.history-filters{border:1px solid var(--line);background:#f5f5f5b3;border-radius:12px;flex-direction:column;gap:.7rem;margin:.25rem 0 .55rem;padding:.65rem .7rem;display:flex}.history-filters-title{color:var(--ink);font-weight:700}.history-filter-group{flex-direction:column;gap:.4rem;display:flex}.history-filters .filter-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.history-filter-btn{white-space:nowrap;flex:none;margin:0!important}.court-status-filters .filter-row{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.court-status-legend{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.legend-item{border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:800}.legend-free{color:#0f6b36;background:#e8f7ee;border:1px solid #8fd4a8}.legend-booked{color:#8f0b20;background:#fde8ec;border:1px solid #f0a0ad}.court-status-summary .stat-big{color:var(--red-deep);margin-top:.2rem;font-size:1.35rem;display:block}.court-status-list{flex-direction:column;gap:.55rem;padding-bottom:.5rem;display:flex}.court-status-card{background:#ffffffeb;border:1px solid #0a0a0a1a;border-radius:14px;padding:.55rem .65rem;box-shadow:0 2px 10px #0000000d}.court-status-card.status-free{border-color:#8fd4a8}.court-status-card.status-partial{border-color:#e6c35c}.court-status-card.status-full{border-color:#f0a0ad}.court-status-card-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.court-status-card-head h3{margin:0;font-size:.95rem}.court-badge-free{color:#0f6b36;background:#e8f7ee}.court-badge-partial{color:#8a6a00;background:#fff6d9}.court-badge-full{color:#8f0b20;background:#fde8ec}.court-slot-free{color:#0f6b36;background:#f3fcf6!important;border-color:#8fd4a8!important}.court-slot-booked{color:#8f0b20;opacity:1!important;background:#fde8ec!important;border-color:#c8102e!important}.court-status-detail{background:#fff8f0;border:1px solid #c8102e40;border-radius:12px;flex-direction:column;gap:.25rem;margin-top:.55rem;padding:.55rem .65rem;display:flex;position:static}.court-status-detail-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.court-status-detail p{margin:0;font-size:.85rem}.booking-code-block{background:linear-gradient(135deg,#fff8e8,#ffe8ec);border:2px solid #c8102e;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin:.5rem 0;padding:.65rem .75rem;display:flex}.booking-code-block.compact{margin:.35rem 0;padding:.45rem .55rem}.booking-code-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.booking-code-label{color:#8f0b20;font-size:.75rem;font-weight:800}.booking-code-value{letter-spacing:.06em;color:#1a1a1a;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:1.05rem}.booking-qr-wrap{background:#fff;border:1px solid #00000014;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:.15rem;padding:.35rem;display:flex}.booking-qr-caption{color:#555;font-size:.65rem;font-weight:700}.booking-code-search{margin-bottom:.75rem}.booking-info-box{background:linear-gradient(135deg,#fff8e8,#ffe8ec);border:1.5px solid #c8102e47;border-radius:12px;align-items:stretch;gap:.65rem;margin-top:.45rem;padding:.55rem .65rem;display:flex}.booking-info-main{flex-direction:column;flex:1;gap:.28rem;min-width:0;display:flex}.booking-info-row{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.35rem .5rem;font-size:.8rem;line-height:1.35;display:grid}.booking-info-row>span{color:#8f0b20;font-weight:700}.booking-info-row>strong{color:#1a1a1a;word-break:break-word;font-weight:700}.booking-info-code strong{letter-spacing:.04em;color:#8f0b20;font-family:ui-monospace,Consolas,monospace}.booking-qr-fixed{box-sizing:content-box;background:#fff;border:1px solid #0000001a;border-radius:8px;flex-direction:column;flex:0 0 72px;justify-content:flex-start;align-self:flex-start;align-items:center;gap:.2rem;width:72px;padding:.3rem;display:flex}.booking-qr-fixed svg{display:block;width:72px!important;height:72px!important}.booking-qr-fixed span{color:#666;text-align:center;font-size:.58rem;font-weight:700;line-height:1.2}.orders-page .booking-info-box{margin-top:.4rem}.orders-page .booking-info-row{font-size:.78rem}@media (width<=560px){.booking-info-box{flex-direction:column}.booking-qr-fixed{align-self:center}.booking-info-row{grid-template-columns:1fr;gap:.05rem}}.activity-log{overflow:auto}.activity-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.activity-item{background:#ffffffeb;border:1px solid #0a0a0a1a;border-radius:12px;padding:.55rem .7rem}.activity-item-top{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.activity-item-top time{color:#666;white-space:nowrap;font-size:.75rem}.activity-item p{margin:.15rem 0;font-size:.85rem}.field textarea{resize:vertical;width:100%;min-height:4.5rem;font:inherit;background:#fff;border:2px solid #0a0a0a24;border-radius:12px;padding:.55rem .75rem}.income-page .income-month-list{max-width:28rem;margin-top:.35rem}.income-page .income-month-list li{border-bottom:1px solid #0000000f;padding:.55rem .35rem;font-size:.95rem}