:root{color:#17201a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.app-shell{min-height:100vh;padding:32px}.mode-switch{z-index:10;background:#ffffffeb;border:1px solid #d8ded2;border-radius:8px;gap:6px;padding:5px;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 12px 28px #1c30221a}.mode-switch button{color:#536057;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:72px;padding:8px 12px;font-size:13px;font-weight:700}.mode-switch button.active{color:#fff;background:#2f6f4e}.hero{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:28px;max-width:1180px;min-height:calc(100vh - 64px);margin:0 auto;display:grid}.intro{flex-direction:column;justify-content:center;display:flex}.section-label{color:#2f6f4e;letter-spacing:0;margin:0 0 16px;font-size:13px;font-weight:700}h1{letter-spacing:0;max-width:520px;margin:0;font-size:48px;line-height:1}.hero-copy{color:#536057;max-width:520px;margin:28px 0 0;font-size:17px;line-height:1.7}.member-strip,.item-list,.slot-panel,.booking-panel,.payment-result-panel,.admin-dashboard-panel,.admin-login-panel,.admin-summary-panel,.admin-slots-panel,.admin-bookings-panel,.admin-members-panel{background:#fff;border:1px solid #d8ded2;border-radius:8px;box-shadow:0 18px 45px #1c302214}.member-strip{color:#536057;justify-content:space-between;gap:16px;margin-top:32px;padding:16px 18px;font-size:14px;display:flex}.member-strip strong{color:#2f6f4e}.workspace{grid-template-columns:230px minmax(280px,1fr) 250px;align-self:center;gap:16px;display:grid}.item-list,.slot-panel,.booking-panel,.payment-result-panel,.admin-dashboard-panel,.admin-login-panel,.admin-summary-panel,.admin-slots-panel,.admin-bookings-panel,.admin-members-panel{align-content:start;display:grid}.item-list{gap:10px;padding:18px}.slot-panel,.booking-panel{min-height:520px;padding:20px}.payment-result-panel{min-height:320px;padding:22px}.payment-result-card{background:#f8faf6;border:1px solid #edf0e9;border-radius:8px;gap:8px;margin-top:18px;padding:16px;display:grid}.payment-result-card strong,.payment-result-card span,.payment-result-card small{display:block}.payment-result-card span,.payment-result-card small{color:#68736c;font-size:13px;line-height:1.45}.admin-workspace{grid-template-columns:260px minmax(320px,1fr) minmax(320px,1fr);align-self:center;gap:16px;display:grid}.admin-dashboard-panel,.admin-login-panel,.admin-summary-panel,.admin-slots-panel,.admin-bookings-panel,.admin-members-panel{min-height:360px;padding:22px}.admin-bookings-panel,.admin-members-panel{grid-column:2/-1}.admin-dashboard-panel{grid-column:1/-1;min-height:auto}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dashboard-metrics div{background:#f8faf6;border:1px solid #edf0e9;border-radius:8px;min-height:82px;padding:14px}.dashboard-metrics span,.dashboard-row span{color:#68736c;font-size:12px;line-height:1.45;display:block}.dashboard-metrics strong{color:#17201a;margin-top:8px;font-size:22px;line-height:1.2;display:block}.dashboard-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.dashboard-lists h3{margin:0 0 10px;font-size:15px;line-height:1.3}.dashboard-row{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(0,1fr) minmax(84px,auto);align-items:center;gap:10px;padding:10px 0;display:grid}.dashboard-row:last-child{border-bottom:0}.dashboard-row strong{color:#2f6f4e;text-align:right;white-space:nowrap;justify-self:end;font-size:13px}.dashboard-row small{color:#8b948e;margin-top:3px;font-size:11px;line-height:1.4;display:block}.admin-login-form,.admin-item-form,.admin-slot-form,.admin-profile{gap:16px;margin-top:18px;display:grid}.admin-login-form label,.admin-item-form label,.admin-slot-form label{color:#536057;gap:8px;font-size:13px;font-weight:700;display:grid}.admin-login-form input,.admin-item-form input,.admin-item-form textarea,.admin-slot-form input,.admin-slot-form textarea{color:#17201a;width:100%;min-height:44px;font:inherit;background:#fbfcf8;border:1px solid #cfd8cf;border-radius:8px;padding:10px 12px}.admin-item-form textarea,.admin-slot-form textarea{resize:vertical;min-height:86px}.admin-login-form button,.admin-profile button,.admin-item-form button,.admin-slot-form button{color:#fff;cursor:pointer;background:#2f6f4e;border:0;border-radius:8px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:700}.admin-item-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-slot-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-item-form .wide-field,.admin-item-form .toggle-field,.admin-item-form .form-actions,.admin-slot-form .wide-field,.admin-slot-form .toggle-field,.admin-slot-form .form-actions{grid-column:1/-1}.admin-item-form .toggle-field,.admin-slot-form .toggle-field{align-items:center;gap:10px;display:flex}.admin-item-form .toggle-field input,.admin-slot-form .toggle-field input{width:18px;min-height:18px;padding:0}.form-actions{gap:10px;display:flex}.form-actions button[type=button]{color:#536057;background:#fff;border:1px solid #cfd8cf}.admin-profile strong,.admin-profile span,.admin-profile small{display:block}.admin-profile strong{font-size:20px}.admin-profile span,.admin-profile small{color:#68736c;font-size:13px}.admin-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.admin-feature-list span{color:#536057;background:#f8faf6;border:1px solid #edf0e9;border-radius:8px;place-items:center;min-height:70px;font-size:14px;font-weight:700;display:grid}.admin-item-list{gap:10px;margin-top:20px;display:grid}.admin-item-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0e9;border-radius:8px;grid-template-columns:38px minmax(0,1fr) 54px;align-items:center;gap:12px;padding:12px;display:grid}.admin-item-row:hover{background:#f8faf6;border-color:#bad0c0}.admin-item-row.selected{background:#f3f8f4;border-color:#8fb89c}.admin-item-row strong,.admin-item-row small,.admin-slot-row strong,.admin-slot-row small{display:block}.admin-item-row strong,.admin-slot-row strong{font-size:14px}.admin-item-row small,.admin-slot-row small{color:#68736c;margin-top:4px;font-size:12px;line-height:1.45}.admin-item-row em{color:#2f6f4e;justify-self:end;font-size:12px;font-style:normal;font-weight:700}.admin-slot-list{gap:10px;margin-top:20px;display:grid}.admin-booking-list{gap:12px;margin-top:18px;display:grid}.admin-member-grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;margin-top:18px;display:grid}.admin-member-list,.admin-member-bookings{gap:10px;display:grid}.admin-member-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0e9;border-radius:8px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;padding:12px;display:grid}.admin-member-row:hover,.admin-member-row.selected{background:#f8faf6;border-color:#bad0c0}.admin-member-row strong,.admin-member-row small,.member-detail-heading strong,.member-detail-heading span,.member-detail-heading small,.member-booking-row strong,.member-booking-row span,.member-booking-row small{display:block}.admin-member-row strong,.member-booking-row strong{font-size:14px}.admin-member-row small,.member-detail-heading span,.member-detail-heading small,.member-booking-row span,.member-booking-row small{color:#68736c;margin-top:5px;font-size:12px;line-height:1.45}.admin-member-row em{color:#2f6f4e;justify-self:end;font-size:12px;font-style:normal;font-weight:700}.admin-member-detail{min-width:0}.member-detail-heading{background:#f8faf6;border-radius:8px;margin-bottom:14px;padding:14px}.member-detail-heading strong{font-size:18px}.member-booking-row{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(0,1fr) 88px;gap:12px;padding:12px 0;display:grid}.member-booking-row:last-child{border-bottom:0}.member-booking-row>div:last-child{text-align:right}.admin-slot-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0e9;border-radius:8px;grid-template-columns:minmax(0,1fr) 92px 42px;align-items:center;gap:12px;padding:12px;display:grid}.admin-slot-row:hover{background:#f8faf6;border-color:#bad0c0}.admin-slot-row>span:nth-child(2){text-align:right}.admin-slot-row em{color:#2f6f4e;justify-self:end;font-size:12px;font-style:normal;font-weight:700}.admin-booking-row{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) 86px;align-items:center;gap:14px;padding:14px 0;display:grid}.admin-booking-row:last-child{border-bottom:0}.admin-booking-row strong,.admin-booking-row span,.admin-booking-row small{display:block}.admin-booking-row strong{font-size:14px}.admin-booking-row span,.admin-booking-row small{color:#68736c;margin-top:5px;font-size:12px;line-height:1.45}.panel-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.panel-heading h2{margin:0;font-size:19px;line-height:1.2}.panel-heading span{color:#6a756c;font-size:13px}.item-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;display:grid}.item-button:hover,.item-button.selected{background:#f3f8f4;border-color:#bad0c0}.item-icon{background:#e6efe8;border-radius:8px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.item-button strong,.slot-row strong{font-size:15px;line-height:1.35;display:block}.item-button small,.slot-row span,.empty-text,.error-text{color:#68736c;margin-top:5px;font-size:13px;line-height:1.45;display:block}.slot-list{gap:12px;margin-top:18px;display:grid}.slot-row{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:16px;padding:16px 0;display:grid}.slot-row:last-child{border-bottom:0}.slot-meta{text-align:right}.slot-meta button,.booking-actions button{color:#fff;cursor:pointer;background:#2f6f4e;border:0;border-radius:8px;margin-top:10px;padding:9px 12px;font-size:13px;font-weight:700}.slot-meta button:disabled{cursor:not-allowed;background:#a8b3aa}.booking-list{gap:12px;margin-top:18px;display:grid}.booking-row{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(0,1fr) 86px;gap:12px;padding:14px 0;display:grid}.booking-row:last-child{border-bottom:0}.booking-row strong,.booking-row span,.booking-row small{display:block}.booking-row strong{font-size:14px}.booking-row span,.booking-row small{color:#68736c;margin-top:5px;font-size:12px;line-height:1.45}.booking-actions{text-align:right}.booking-actions>span{color:#2f6f4e;font-weight:700}.checkout-preview{background:#f3f8f4;border:1px solid #bad0c0;border-radius:8px;gap:8px;margin-top:20px;padding:14px;display:grid}.checkout-preview strong,.checkout-preview span,.checkout-preview small{display:block}.checkout-preview span,.checkout-preview small{color:#68736c;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.checkout-preview button{color:#fff;cursor:pointer;background:#2f6f4e;border:0;border-radius:8px;min-height:40px;padding:9px 12px;font-size:13px;font-weight:700}.error-text{color:#a33a31}@media (width<=760px){.app-shell{padding:18px}.hero{grid-template-columns:1fr;gap:24px;min-height:calc(100vh - 36px)}.workspace{grid-template-columns:1fr}.mode-switch{width:100%;margin-bottom:18px;position:static}.mode-switch button{flex:1}.admin-workspace{grid-template-columns:1fr}.admin-dashboard-panel,.admin-bookings-panel,.admin-members-panel{grid-column:auto}.admin-member-grid,.dashboard-metrics,.dashboard-lists,.admin-item-form,.admin-slot-form{grid-template-columns:1fr}.form-actions{flex-direction:column}h1{font-size:44px}.slot-panel,.booking-panel{min-height:auto}.slot-row{grid-template-columns:1fr}.slot-meta{text-align:left}.booking-row,.admin-slot-row,.admin-booking-row,.member-booking-row{grid-template-columns:1fr}.member-booking-row>div:last-child,.admin-slot-row>span:nth-child(2),.booking-actions{text-align:left}}