:root{--olive:#324b3c;--olive2:#49644f;--olive-soft:#e8eee8;--sand:#f5f0e6;--paper:#fffdf8;--ink:#26332b;--muted:#728078;--line:#e7e4dc;--terracotta:#b56d4c;--blue:#5279a3;--rose:#ad6477;--gold:#aa8842;--danger:#a4443c;--shadow:0 16px 44px rgba(41,55,44,.07)}*{box-sizing:border-box}html{min-height:100%;background:var(--sand)}body{margin:0;color:var(--ink);font-family:Tahoma,Arial,system-ui,sans-serif;background:linear-gradient(140deg,#f7f3ea,#f1eee6 62%,#ecefe8);min-height:100vh;font-size:15px;line-height:1.65}a{color:var(--olive2);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:auto;min-height:80px;padding:14px max(20px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,253,248,.93);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand:hover{text-decoration:none}.brand b{display:block;font-size:18px;color:var(--olive)}.brand small{display:block;font-size:11px;color:var(--muted)}.brand-mark{width:66px;height:46px;display:grid;place-items:center;flex:0 0 auto}.brand-mark img{max-width:66px;max-height:46px;width:auto;height:auto;object-fit:contain;border-radius:5px}.top-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.lang-link{border:1px solid var(--line);border-radius:99px;padding:6px 13px;background:white}.hello{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline{display:inline}.link-button{background:none;border:0;color:var(--olive);font:inherit;cursor:pointer}.nav{display:flex;gap:8px;justify-content:center;padding:10px 16px;background:#f9f7f0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.nav a{padding:7px 15px;border-radius:99px;color:#68756b;font-size:13px}.nav a.active,.nav a:hover{background:var(--olive);color:white;text-decoration:none}.main{max-width:1240px;margin:34px auto 62px;padding:0 22px;min-height:55vh}.main-login{min-height:calc(100vh - 175px);display:grid;place-items:center}.login-card,.panel{background:var(--paper);border:1px solid rgba(221,218,208,.85);box-shadow:var(--shadow);border-radius:22px}.login-card{width:min(100%,440px);padding:38px}.eyebrow{font-family:Inter,sans-serif;letter-spacing:.14em;font-size:10px;font-weight:700;color:var(--terracotta);margin-bottom:8px}.login-card h1,.panel h1,.page-heading h1,.hero h1{font-size:30px;line-height:1.35;margin:0 0 8px;color:var(--olive)}.muted,.page-heading p{color:var(--muted);font-size:13px}.stack{display:grid;gap:16px}.stack label,label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#47564c}.stack input,.stack select,.stack textarea,input,select,textarea{font:inherit;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #d9ddd5;background:white;padding:11px 12px;border-radius:11px;outline:none;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:var(--olive2);box-shadow:0 0 0 3px rgba(73,100,79,.12)}textarea{resize:vertical}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:11px 19px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none!important;transition:transform .16s,background .16s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--olive);color:white}.btn.primary:hover{background:#263e31}.btn.secondary{background:var(--olive-soft);color:var(--olive)}.fineprint{margin:21px 0 0;color:var(--muted);font-size:12px}.narrow{max-width:560px;margin:0 auto;padding:32px}.notice{padding:13px 17px;border-radius:12px;margin:0 0 17px;font-size:13px}.notice.success{background:#e8f2e8;color:#2e6541}.notice.error{background:#fae8e5;color:#8d3e37}.hero{position:relative;overflow:hidden;border-radius:26px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#304a39,#49644e);color:#f7f3e9;box-shadow:var(--shadow);margin-bottom:22px}.hero:after{content:'';position:absolute;inset:auto -40px -100px auto;width:310px;height:310px;border:1px solid rgba(240,222,182,.19);border-radius:48% 52% 61% 39%;transform:rotate(35deg)}.hero h1{color:#fff;font-size:29px}.hero p{color:#dbe2d8;max-width:640px;font-size:14px}.hero .eyebrow{color:#ddbe91}.hero-stamp{border-inline-start:1px solid rgba(255,255,255,.25);padding-inline-start:22px;display:grid;gap:3px;color:#f4e9d2;font:500 14px Arial,sans-serif;white-space:nowrap;z-index:1}.hero-stamp small{font:12px 'Noto Sans Arabic',sans-serif;color:#c9d5c8}.stats{display:flex;gap:14px;margin-bottom:22px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 22px;min-width:135px;display:grid}.stat strong{font:700 24px Inter,sans-serif;color:var(--olive)}.stat span{font-size:12px;color:var(--muted)}.panel{padding:25px;margin-bottom:21px}.panel h2{margin:0 0 14px;font-size:19px;color:var(--olive)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2{margin:0}.section-head p{margin:4px 0 0}.text-link{font-size:13px;font-weight:600}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:710px;font-size:13px}th{text-align:start;color:var(--muted);font-size:11px;font-weight:700;background:#f5f4ee;white-space:nowrap}td,th{padding:12px 13px;border-bottom:1px solid var(--line);vertical-align:middle}td small,.user-row small{display:block;color:var(--muted);font-size:11px}tbody tr:last-child td{border-bottom:0}.group-pill,.status{display:inline-flex;align-items:center;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}.group-pill.boys{color:#3e6389;background:#e5eef7}.group-pill.girls{color:#96566a;background:#f6e8ec}.group-pill.mixed{color:#88703a;background:#f5f0de}.status.pending{color:#8b6a24;background:#f5edcf}.status.confirmed{color:#38724b;background:#e4f1e5}.status.cancelled{color:#934b44;background:#f8e7e3}.empty{color:var(--muted);padding:17px 0}.page-heading{margin:0 0 22px}.page-heading h1{font-size:28px}.page-heading p{margin:4px 0}.booking-layout{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(460px,1.3fr);gap:20px;align-items:start}.booking-form{position:sticky;top:72px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:var(--muted);font-size:11px;line-height:1.7;margin:0}.cal-controls{display:flex;align-items:center;gap:12px;white-space:nowrap}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--olive);font-size:23px;line-height:1;cursor:pointer}.calendar-legend{display:flex;gap:14px;flex-wrap:wrap;margin:11px 0 16px;color:var(--muted);font-size:10px}.calendar-legend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.open{background:#78a17b}.dot.block{background:#b96054}.dot.same{background:#597ca4}.dot.pending{background:#d0a746}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-inline-start:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar-error{grid-column:1/-1;padding:24px;text-align:center;color:var(--danger);font-size:13px;background:#fbefeb}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px;color:var(--muted);font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.cal-head{background:#f4f2eb;color:var(--muted);font-size:10px;font-weight:700;text-align:center;padding:8px 2px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}.cal-cell{min-height:77px;background:#fffefa;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px;position:relative;cursor:pointer;transition:background .13s}.cal-cell:hover{background:#f4f6f0}.cal-cell.outside{background:#f7f6f1;color:#b1b7af}.cal-cell.past{opacity:.55;cursor:not-allowed}.cal-cell.blocked{background:#fbefeb;cursor:not-allowed}.cal-cell.same-open{background:#edf3f7}.cal-cell.selected{outline:2px solid var(--olive);outline-offset:-2px;background:#e6eee7}.cal-day{font:600 12px Inter,sans-serif}.cal-tag{display:block;font-size:8px;line-height:1.25;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-tag.boys{color:#466c96}.cal-tag.girls{color:#a45f72}.cal-tag.mixed{color:#957936}.cal-tag.closed{color:#a04c43}.cal-tag.pending{color:#8d712d}.cal-tag.confirmed{font-weight:700}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-grid .panel{margin:0}.compact{gap:11px}.compact label{font-size:12px}.contact-box{margin-top:16px;background:#f5f1e7;border-radius:11px;padding:11px;font-size:12px}.user-list{display:grid;max-height:410px;overflow:auto}.user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 2px}.user-row strong{font-size:13px}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.small-btn{border:1px solid var(--line);background:white;color:var(--olive);border-radius:8px;padding:6px 8px;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}.small-btn:hover{border-color:var(--olive2)}.small-btn.confirm-btn{background:var(--olive);color:white;border-color:var(--olive)}.danger-text{color:var(--danger)}.footer{display:flex;justify-content:space-between;gap:18px;padding:20px max(22px,calc((100% - 1240px)/2));border-top:1px solid var(--line);background:#f9f7f0;color:var(--muted);font-size:11px}.footer a{color:#586b5e}.login-card .btn{margin-top:3px}
@media(max-width:920px){.booking-layout{grid-template-columns:1fr}.booking-form{position:static;order:2}.calendar-panel{order:1}.admin-grid{grid-template-columns:1fr}.booking-layout .calendar-panel{min-width:0}.cal-cell{min-height:64px}.hero{padding:30px}.topbar{padding:13px 18px}}
@media(max-width:600px){body{font-size:14px}.topbar{min-height:68px;align-items:flex-start}.brand small{max-width:180px;line-height:1.3}.top-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.hello{display:none}.nav{justify-content:flex-start;overflow:auto}.nav a{white-space:nowrap;padding:7px 12px}.main{margin:22px auto 38px;padding:0 13px}.login-card,.panel{border-radius:17px}.login-card{padding:27px 21px}.panel{padding:18px}.hero{padding:25px 20px;align-items:flex-start}.hero h1{font-size:23px}.hero-stamp{display:none}.stats{gap:8px}.stat{min-width:0;flex:1;padding:11px}.stat strong{font-size:20px}.field-row{grid-template-columns:1fr}.calendar-panel{padding:14px}.section-head{align-items:flex-start;flex-direction:column}.calendar-panel .section-head{flex-direction:row;align-items:center}.cal-cell{min-height:56px;padding:4px}.cal-tag{font-size:7px}.calendar-legend{gap:8px}.cal-head{font-size:9px}.footer{padding:17px 14px;flex-direction:column}.page-heading h1{font-size:24px}.user-row{align-items:flex-start;flex-direction:column}.user-row .row-actions{width:100%}.narrow{padding:23px}.table-wrap table{min-width:790px}}