.booking-flow-open .mobile-page{background:#f5f6f5;padding:0}.booking-flow-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #edf0ef;grid-template-columns:48px 1fr 48px;align-items:center;height:56px;display:grid;position:sticky;top:0}.booking-flow-header button{color:#1e2723;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.booking-flow-header button svg{width:22px;height:22px}.booking-flow-header h1{text-align:center;letter-spacing:.04em;margin:0;font-size:18px}.service-detail-screen{background:#fff;min-height:100%}.service-detail-cover{object-fit:cover;width:100%;height:128px;display:block}.service-detail-summary{padding:22px 20px 18px}.service-detail-summary h2{margin:0 0 13px;font-size:24px;line-height:1.25}.service-detail-summary>div:first-of-type{align-items:center;gap:9px;display:flex}.service-detail-summary strong{color:#f2542d;font-size:31px;line-height:1}.service-detail-summary strong small{font-size:15px}.service-detail-summary del{color:#a4aaa7}.service-detail-summary>div>span{color:#7d8983;align-items:center;gap:4px;font-size:13px;display:inline-flex}.service-detail-summary>div>em{color:#9aa39f;margin-left:auto;font-size:12px;font-style:normal}.service-detail-summary>p{color:#78837e;margin:13px 0 0;font-size:13px;line-height:1.7}.assurance-strip{background:#ecfaf4;border-radius:10px;flex-wrap:wrap;margin-top:18px;padding:13px 14px;gap:10px 16px!important;display:flex!important}.assurance-strip span{color:#34443d!important;font-size:12px!important}.assurance-strip svg{color:#1eb873}.detail-tabs{background:#fff;border-top:9px solid #f5f6f5;border-bottom:1px solid #edf0ef;grid-template-columns:repeat(3,1fr);height:55px;display:grid}.detail-tabs button{color:#39423e;background:0 0;border:0;font-size:14px;position:relative}.detail-tabs button.active{color:#18ad69;font-weight:700}.detail-tabs button.active:after{content:"";background:#20bd75;border-radius:9px;height:3px;position:absolute;bottom:0;left:30%;right:30%}.detail-copy{min-height:270px;padding:24px 20px 16px}.detail-copy h3{margin:0 0 16px;font-size:18px}.detail-copy p{color:#303733;white-space:pre-wrap;margin:0;font-size:15px;font-weight:600;line-height:2}.detail-cta{padding:12px 20px calc(22px + env(safe-area-inset-bottom))}.detail-cta button,.checkout-footer button{color:#172019;background:linear-gradient(100deg,#22c778 0%,#8ba45a 56%,#f2704b 100%);border:0;border-radius:999px;width:100%;padding:15px;font-size:17px;font-weight:700;box-shadow:0 10px 24px #2cb5712e}.flow-step-note{background:#fff;border-radius:14px;margin:14px 16px;padding:16px;box-shadow:0 5px 18px #2141330d}.flow-step-note b,.flow-step-note span{display:block}.flow-step-note b{font-size:16px}.flow-step-note span{color:#8a948f;margin-top:5px;font-size:12px}.booking-tutor-screen{min-height:100%;padding-bottom:24px}.booking-tutor-list{gap:10px;padding:0 16px;display:grid}.booking-tutor-list>button{text-align:left;background:#fff;border:1px solid #0000;border-radius:14px;grid-template-columns:62px 1fr 20px;align-items:center;gap:13px;width:100%;padding:12px;display:grid;box-shadow:0 5px 18px #2141330d}.booking-tutor-list>button.selected{border-color:#20bd75}.booking-tutor-list img{object-fit:cover;border-radius:12px;width:62px;height:62px}.booking-tutor-list strong,.booking-tutor-list span,.booking-tutor-list small{display:block}.booking-tutor-list strong{font-size:16px}.booking-tutor-list span{color:#79857f;margin-top:5px;font-size:12px}.booking-tutor-list small{color:#e5a817;margin-top:6px}.booking-tutor-list>button>svg{color:#9ca5a1}.checkout-screen{min-height:100%;padding-bottom:calc(92px + env(safe-area-inset-bottom));background:#f4f5f4}.checkout-address{text-align:left;background:#fff;border:0;border-radius:14px;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;width:calc(100% - 28px);margin:14px;padding:18px 16px;display:grid}.address-pin{color:#fff;background:linear-gradient(135deg,#f06b4e,#22c678);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.checkout-address div strong,.checkout-address div span{display:block}.checkout-address div strong{font-size:16px}.checkout-address div span{color:#7e8984;margin-top:6px;font-size:12px;line-height:1.5}.checkout-address>svg{color:#9ca5a1}.checkout-card{background:#fff;border-radius:14px;margin:0 14px 12px;padding:18px}.checkout-time-card label{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.checkout-time-card input{color:#626e68;font:inherit;background:0 0;border:0}.checkout-slot-title{justify-content:space-between;padding:16px 0 11px;display:flex}.checkout-slot-title span{color:#8d9792;font-size:12px}.checkout-travel h3,.remark-card h3{margin:0 0 14px;font-size:16px}.checkout-travel>div:last-child{gap:9px;display:grid}.checkout-travel button{text-align:left;background:#fff;border:1px solid #e3e8e5;border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 13px;display:grid}.checkout-travel button.selected{background:#f0fbf6;border-color:#20bd75}.checkout-travel button span{color:#7f8a84;font-size:11px}.checkout-travel button em{color:#ee6746;grid-area:1/2/3;align-self:center;font-style:normal;font-weight:700}.checkout-package{grid-template-columns:82px 1fr;gap:13px;display:grid}.checkout-package img{object-fit:cover;border-radius:10px;width:82px;height:82px}.checkout-package h3{margin:1px 0 7px;font-size:17px}.checkout-package strong{color:#ed593b;font-size:20px;display:block}.checkout-package strong small{color:#8d9792;font-size:11px;font-weight:400}.checkout-package span{color:#7d8882;margin-top:8px;font-size:12px;display:block}.fare-card>div{justify-content:space-between;display:flex}.fare-card b{color:#ee5840}.fare-card p{color:#909994;margin:13px 0 0;font-size:12px;line-height:1.6}.remark-card{position:relative}.remark-card h3 small{color:#8d9792;font-weight:400}.remark-card textarea{resize:vertical;width:100%;min-height:104px;font:inherit;background:#fafbfa;border:1px solid #edf0ef;border-radius:10px;outline:0;padding:12px}.remark-card>span{color:#a2aaa6;font-size:10px;position:absolute;bottom:25px;right:30px}.checkout-error{color:#d84a38;margin:10px 18px;font-size:12px}.checkout-footer{z-index:25;min-height:calc(72px + env(safe-area-inset-bottom));padding:11px 16px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #edf0ef;grid-template-columns:1fr 150px;align-items:center;gap:14px;display:grid;position:fixed;bottom:0;left:max(0px,50vw - 240px);right:max(0px,50vw - 240px)}.checkout-footer div{font-size:14px}.checkout-footer div strong{color:#ed5035;font-size:23px}.checkout-footer button{padding:13px;font-size:15px}.address-book-screen{background:#f4f5f4;min-height:100%;padding-bottom:30px}.address-hint{color:#7e8983;margin:14px 16px 8px;font-size:12px}.address-list{gap:10px;padding:8px 14px;display:grid}.address-list article{background:#fff;border:1px solid #0000;border-radius:13px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.address-list article.selected{border-color:#20bd75}.address-list article>button:first-child{text-align:left;background:0 0;border:0;padding:15px}.address-list strong,.address-list span{display:block}.address-list span{color:#6f7a75;margin-top:7px;font-size:12px}.address-list em{color:#159b5f;background:#eaf9f2;border-radius:99px;margin-top:8px;padding:3px 7px;font-size:10px;font-style:normal;display:inline-block}.address-delete{color:#d95845;background:0 0;border:0;margin-right:12px}.add-address-button{color:#138f59;background:#f4fcf8;border:1px dashed #9bdabc;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 28px);margin:4px 14px;padding:14px;font-weight:700;display:flex}.address-form{background:#fff;border-radius:14px;gap:14px;margin:12px 14px;padding:18px;display:grid}.address-form h2{margin:0;font-size:18px}.address-form label>span{color:#65706b;margin-bottom:6px;font-size:12px;display:block}.address-form input:not([type=checkbox]){border:1px solid #dfe5e2;border-radius:9px;outline:0;width:100%;padding:11px}.address-form-grid{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.address-default{align-items:center;gap:8px;font-size:12px;display:flex}.address-form-actions{justify-content:flex-end;gap:9px;display:flex}.address-form-actions button{background:#fff;border:1px solid #dfe5e2;border-radius:9px;padding:10px 15px}.address-form-actions .primary{color:#fff;background:#20b973;border-color:#20b973}.booking-complete-screen{text-align:center;background:#fff;flex-direction:column;align-items:center;min-height:100%;padding:100px 25px;display:flex}.booking-complete-screen>svg{color:#20bd75;width:68px;height:68px}.booking-complete-screen h1{margin:22px 0 8px}.booking-complete-screen p,.booking-complete-screen span{color:#7c8782}.booking-complete-screen button{color:#fff;background:#20b973;border:0;border-radius:99px;margin-top:28px;padding:13px 40px;font-weight:700}.order-detail-panel{margin-top:18px;padding:20px}.order-detail-panel>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.order-detail-panel h2{margin:0;font-size:16px}.order-detail-panel header span{color:#8d9893;margin-top:5px;font-size:10px;display:block}.order-detail-panel header button{color:#138c58;background:0 0;border:0}.order-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.order-detail-grid>div{background:#f7f9f8;border-radius:9px;padding:13px}.order-detail-grid span,.order-detail-grid strong{display:block}.order-detail-grid span{color:#8c9791;font-size:9px}.order-detail-grid strong{margin-top:7px;font-size:11px;line-height:1.5}.order-detail-wide{grid-column:1/-1}.setting-text-row{align-items:flex-start}.setting-row textarea{width:360px;font:inherit;border:1px solid #e1e7e4;border-radius:8px;padding:9px 11px}.travel-setting-heading{border-top:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:17px 0 10px;display:flex}.travel-setting-heading strong,.travel-setting-heading span{display:block}.travel-setting-heading strong{font-size:11px}.travel-setting-heading span{color:#929c97;margin-top:5px;font-size:9px}.travel-setting-heading button{color:#138c58;background:#effaf5;border:1px solid #b9dfcc;border-radius:7px;padding:7px 10px;font-size:9px}.travel-settings-list{gap:9px;margin-bottom:24px;display:grid}.travel-setting-row{background:#fafbfa;border:1px solid #e6ebe8;border-radius:10px;grid-template-columns:1fr 150px 1.4fr auto auto auto;align-items:end;gap:10px;padding:13px;display:grid}.travel-setting-row label>span{color:#7f8a84;margin-bottom:6px;font-size:9px;display:block}.travel-setting-row input:not([type=checkbox]){background:#fff;border:1px solid #dfe6e2;border-radius:7px;width:100%;padding:8px;font-size:10px}.travel-fee-input{background:#fff;border:1px solid #b9dfcc;border-radius:7px;align-items:center;display:flex;overflow:hidden}.travel-fee-input b{color:#138c58;padding-left:9px;font-size:11px}.travel-fee-input input:not([type=checkbox]){border:0;border-radius:0}.travel-fee-preview{color:#138c58;white-space:nowrap;background:#effaf5;border-radius:7px;align-self:center;padding:7px 9px;font-size:9px}.table-edit.danger{color:#c44b3c;border-color:#efcfc9}@media (width<=1050px){.order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-setting-row{grid-template-columns:1fr 150px 1fr}.travel-setting-row .check-label,.travel-setting-row>button{justify-self:start}}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}:root{--green:#20bd75;--green-dark:#12945b;--orange:#ff5624;--ink:#101b18;--muted:#8e9995;--line:#edf1ef;--soft:#f6f8f7}*{box-sizing:border-box}button,input,select{font:inherit}button{color:inherit}body:not(.admin-mode){background:#f4f6f5;overflow:hidden}body:not(.admin-mode) #root{height:100dvh}.mobile-app-shell{background:#fff;width:min(100%,480px);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.h5-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100%;overflow:hidden auto}.app-screen{color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.mobile-page{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 0 calc(92px + env(safe-area-inset-bottom));background:#fff;position:relative;inset:auto}.bottom-nav{z-index:30;height:calc(58px + env(safe-area-inset-bottom));padding:4px 18px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border-top:1px solid #edf0ef;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1232260a}.bottom-nav button{color:#9aa29f;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.bottom-nav svg{width:19px;height:19px}.bottom-nav button.active{color:var(--green);font-weight:600}.mobile-topbar,.screen-header,.simple-header,.profile-screen>header{justify-content:space-between;align-items:center;padding:5px 20px 14px;display:flex}.mobile-topbar .eyebrow,.screen-header span{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.mobile-topbar button,.screen-header button{background:0 0;border:0;align-items:center;gap:3px;padding:0;font-weight:700;display:flex}.icon-button{border-radius:50%;place-items:center;width:36px;height:36px;position:relative;border:1px solid var(--line)!important;background:#fff!important;display:grid!important}.icon-button i{background:#ff5340;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:4px}.hero-card{color:#fff;background:#173b2f;border-radius:20px;height:190px;margin:0 18px 16px;position:relative;overflow:hidden;box-shadow:0 12px 30px #125d412e}.hero-card:after{content:"";background:linear-gradient(90deg,#083022ed 0%,#083022a3 47%,#08302200 76%);position:absolute;inset:0}.hero-card img{object-fit:cover;width:100%;height:100%}.hero-card>div,.hero-card>button{z-index:2;position:absolute;left:20px}.hero-card>div{top:20px}.hero-card>div>span{color:#bff5d8;letter-spacing:.08em;font-size:11px}.hero-card h1{letter-spacing:-.03em;margin:7px 0;font-size:25px;line-height:1.18}.hero-card p{color:#ffffffc2;margin:0;font-size:11px}.hero-card>button{color:#126840;background:#fff;border:0;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:700;bottom:17px}.assurance-row{justify-content:space-between;padding:0 20px 18px;display:flex}.assurance-row span{white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.assurance-row svg{color:var(--green);width:13px}.category-grid{grid-template-columns:repeat(5,1fr);row-gap:15px;padding:0 13px 17px;display:grid}.category-grid button{color:#4d5754;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.category-grid img{object-fit:cover;background:var(--soft);border:1px solid #0c3c280f;border-radius:17px;width:52px;height:52px;transition:transform .18s,box-shadow .18s;box-shadow:0 5px 13px #144a3514}.category-grid button:active img{transform:scale(.94);box-shadow:0 2px 7px #144a3514}.category-header{grid-template-columns:42px 1fr 42px;align-items:center;height:48px;padding:0 20px 10px;display:grid}.category-header button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:0 0 3px;font-size:27px;line-height:1;display:grid}.category-header h1{text-align:center;margin:0;font-size:19px}.category-intro{justify-content:space-between;align-items:baseline;gap:10px;margin:10px 20px 14px;display:flex}.category-intro strong{font-size:18px}.category-intro span{color:var(--muted);font-size:10px}.category-package-list{border-top:0}.category-package-list .package-card:first-child{border-top:1px solid var(--line)}.category-empty{border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;align-items:center;margin:14px 20px;padding:34px 20px;display:flex}.category-empty img{object-fit:cover;opacity:.65;border-radius:18px;width:64px;height:64px}.category-empty strong{margin-top:14px;font-size:14px}.category-empty span{color:var(--muted);margin-top:6px;font-size:10px}.category-empty button{color:var(--green-dark);background:#eaf8f2;border:0;border-radius:99px;margin-top:16px;padding:9px 17px;font-size:11px}.section-title{align-items:center;margin:10px 20px 11px;display:flex}.section-title>span{color:#fff;border-radius:5px;place-items:center;width:17px;height:17px;margin-right:8px;display:grid}.section-title span.yellow{background:#f8bf16}.section-title span.orange{background:#ff7854}.section-title svg{width:10px}.section-title h2{letter-spacing:-.02em;margin:0;font-size:18px}.section-title button{color:#9aa29f;background:0 0;border:0;margin-left:auto;font-size:12px}.tutor-carousel{scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:18px;overflow-x:auto}.tutor-carousel::-webkit-scrollbar{display:none}.tutor-track{gap:13px;width:max-content;padding:0 20px;display:flex}.tutor-card{text-align:left;background:0 0;border:0;flex:0 0 108px;width:108px;padding:0}.tutor-card>div{border-radius:13px;height:126px;position:relative;overflow:hidden}.tutor-card img{object-fit:cover;width:100%;height:100%}.tutor-card>div span{color:#fff;background:#0c1f18b8;border-radius:8px;padding:3px 7px;font-size:9px;position:absolute;bottom:6px;left:6px}.tutor-card strong{margin-top:7px;font-size:13px;display:block}.tutor-card small{color:#929b98;font-size:10px}.package-list{border-top:1px solid var(--line)}.load-more{border:1px solid var(--line);color:var(--green-dark);background:#fff;border-radius:99px;margin:16px auto 4px;padding:10px 18px;font-size:11px;display:block}.package-card{border-bottom:1px solid var(--line);gap:12px;padding:15px 20px;display:flex}.package-card>img{object-fit:cover;border-radius:13px;flex:none;width:104px;height:104px}.package-body{flex:1;min-width:0}.package-title{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.package-title h3{white-space:nowrap;text-overflow:ellipsis;max-width:155px;margin:1px 0 6px;font-size:16px;overflow:hidden}.package-title small{color:#9ca4a1;white-space:nowrap;font-size:10px}.package-body p{color:#9ca4a1;white-space:nowrap;text-overflow:ellipsis;margin:0 0 12px;font-size:11px;overflow:hidden}.package-meta{align-items:center;gap:5px;display:flex}.package-meta strong{color:var(--orange);font-size:20px}.package-meta strong em{font-size:11px;font-style:normal}.package-meta del{color:#aeb5b2;font-size:10px}.package-meta>span{align-items:center;gap:3px;margin-left:2px;font-size:10px;display:flex}.package-meta>span svg{color:var(--green)}.package-meta button,.compact-book{color:#0d211a;white-space:nowrap;background:linear-gradient(105deg,#23bd72,#ff7650);border:0;border-radius:99px;margin-left:auto;padding:8px 12px;font-size:11px}.screen-header{height:58px;padding-top:0}.screen-header h1,.simple-header h1,.profile-screen>header h1{margin:0;font-size:21px}.screen-header>div,.screen-header>button{width:72px}.screen-header>h1{text-align:center}.mobile-search{color:#9ea6a3;background:#f4f6f5;border-radius:13px;align-items:center;gap:9px;height:42px;margin:0 20px 10px;padding:0 13px;display:flex}.mobile-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.filter-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:0 16px;display:grid}.filter-tabs button{background:0 0;border:0;height:45px;position:relative}.filter-tabs button.active{color:var(--green);font-weight:700}.filter-tabs button.active:after{content:"";background:var(--green);border-radius:99px;height:3px;position:absolute;bottom:0;left:16px;right:16px}.tutor-list article{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:17px 20px;display:flex}.avatar-wrap{position:relative}.avatar-wrap img{object-fit:cover;border-radius:15px;width:70px;height:84px}.avatar-wrap i{background:var(--green);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:4px;right:-2px}.tutor-info{flex:1;min-width:0}.tutor-info>div{align-items:center;gap:7px;display:flex}.tutor-info h3{margin:0;font-size:15px}.tutor-info>div span{color:var(--green-dark);background:#e8f8f0;border-radius:5px;padding:3px 6px;font-size:9px}.tutor-info p,.tutor-info small{color:#909a96;align-items:center;gap:4px;margin:7px 0 0;font-size:10px;display:flex}.tutor-info small svg{color:#f9b900}.empty-state{color:#a1aaa6;flex-direction:column;align-items:center;gap:9px;padding:90px 30px;display:flex}.empty-state svg{width:30px;height:30px}.empty-state strong{color:#53605b}.simple-header{padding-bottom:20px}.simple-header button{color:#87918d;background:0 0;border:0}.order-tabs{border-bottom:1px solid var(--line);gap:24px;padding:0 20px 13px;display:flex}.order-tabs button{color:#919a97;background:0 0;border:0;padding:0}.order-tabs button.active{color:var(--green);font-weight:700}.order-card{border:1px solid var(--line);border-radius:17px;margin:17px 20px;padding:15px;box-shadow:0 8px 26px #1a3b2f0f}.order-card-head{color:#9aa39f;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px;font-size:10px;display:flex}.order-card-head strong{color:var(--green)}.order-main{gap:11px;padding:13px 0;display:flex}.order-main img{object-fit:cover;border-radius:10px;width:58px;height:68px}.order-main div{flex:1}.order-main h3{margin:0 0 8px;font-size:13px}.order-main p{color:#8f9995;align-items:center;gap:4px;margin:5px 0;font-size:10px;display:flex}.order-main b{font-size:14px}.order-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.order-actions button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:11px}.order-actions button.primary{background:var(--green);border-color:var(--green);color:#fff}.order-message{color:var(--green-dark);background:#effaf5;border-radius:10px;margin:0 20px 8px;padding:10px 12px;font-size:11px}.service-note{color:var(--green-dark);background:#effaf5;border-radius:14px;align-items:center;gap:9px;margin:0 20px;padding:13px;display:flex}.service-note>div{flex:1}.service-note strong,.service-note span{font-size:11px;display:block}.service-note span{color:#78a18f;margin-top:3px}.service-note button{color:var(--green-dark);background:0 0;border:0;font-size:10px}.profile-screen>header{padding-bottom:20px}.profile-card{align-items:center;gap:12px;margin:0 20px;display:flex}.profile-card img{object-fit:cover;border-radius:50%;width:66px;height:66px}.profile-card div{flex:1}.profile-card h2{margin:0 0 5px;font-size:18px}.profile-card span{color:#8d9793;font-size:10px}.wechat-tag{color:var(--green-dark);background:#eaf8f1;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:700}.profile-orders{border:1px solid var(--line);border-radius:18px;margin:22px 20px 16px;overflow:hidden;box-shadow:0 8px 26px #1a3b2f0d}.profile-orders>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.profile-orders>header strong,.profile-orders>header span{display:block}.profile-orders>header strong{font-size:14px}.profile-orders>header span{color:var(--muted);margin-top:3px;font-size:9px}.profile-orders>header button{color:var(--green-dark);background:0 0;border:0;font-size:10px}.profile-orders>div{grid-template-columns:repeat(4,1fr);display:grid}.profile-orders>div button{background:#fff;border:0;padding:15px 2px}.profile-orders b,.profile-orders span{display:block}.profile-orders>div b{color:var(--green-dark);font-size:18px}.profile-orders>div span{color:#69736f;margin-top:5px;font-size:10px}.profile-service{border:1px solid var(--line);border-radius:18px;margin:0 20px;overflow:hidden}.profile-service h2{border-bottom:1px solid var(--line);margin:0;padding:15px;font-size:14px}.profile-service button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;align-items:center;gap:11px;width:100%;padding:12px 14px;display:flex}.profile-service button:last-child{border-bottom:0}.profile-service button>span{width:30px;height:30px;color:var(--green-dark);background:#eaf8f2;border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.profile-service button div{flex:1}.profile-service strong,.profile-service small{display:block}.profile-service strong{font-size:12px}.profile-service small{color:var(--muted);margin-top:4px;font-size:9px}.profile-service button>b{color:#aeb6b2;font-size:18px}.wechat-tip{text-align:center;color:#a0a9a5;margin:16px 28px;font-size:9px;line-height:1.5}.guide-screen>header{grid-template-columns:70px 1fr 70px;display:grid}.guide-screen>header h1{text-align:center}.text-back{text-align:left;color:var(--green-dark);background:0 0;border:0;padding:0;font-size:12px}.guide-card{border:1px solid var(--line);border-radius:18px;margin:8px 20px;padding:24px 20px;box-shadow:0 10px 30px #1a3b2f0f}.guide-mark{width:45px;height:45px;color:var(--green);background:#eaf8f2;border-radius:14px;place-items:center;display:grid}.guide-mark svg{width:23px;height:23px}.guide-card h2{margin:16px 0 7px;font-size:19px}.guide-card>p{color:#69746f;margin:0;font-size:12px;line-height:1.6}.guide-card ul{margin:19px 0;padding:0;list-style:none}.guide-card li{border-top:1px solid var(--line);color:#53605b;padding:12px 0 12px 18px;font-size:11px;line-height:1.6;position:relative}.guide-card li:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:18px;left:1px}.booking-sheet{padding:3px 0 6px}.booking-package{background:var(--soft);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.booking-package img{object-fit:cover;border-radius:10px;width:54px;height:54px}.booking-package div{flex:1}.booking-package strong,.booking-package span{display:block}.booking-package span{color:#929b98;margin-top:5px;font-size:10px}.booking-package b{color:var(--orange)}.sheet-label{margin:16px 0 9px;font-size:12px;font-weight:700}.sheet-tutors{gap:10px;display:flex}.sheet-tutors button{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:7px;font-size:10px;display:flex}.sheet-tutors button.selected{border-color:var(--green);background:#effaf5}.sheet-tutors img{object-fit:cover;border-radius:50%;width:27px;height:27px}.booking-time{border:1px solid var(--line);border-radius:12px;gap:8px;margin:15px 0;padding:12px;font-size:11px;display:flex}.booking-time span:last-child{color:#8f9995;margin-left:auto}.primary-wide{background:var(--green);color:#fff;border:0;border-radius:12px;width:100%;padding:13px;font-weight:700}.booking-success{flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.booking-success>svg{width:42px;height:42px;color:var(--green)}.booking-success>span{color:#8f9995;font-size:11px}.booking-success button{background:var(--green);color:#fff;border:0;border-radius:99px;margin-top:8px;padding:11px 25px}.booking-datetime{grid-template-columns:1.35fr 1fr;gap:9px;display:grid}.booking-datetime label{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:16px 1fr;align-items:center;column-gap:6px;min-width:0;padding:9px 10px;display:grid}.booking-datetime label>svg{color:var(--green);grid-row:1/3}.booking-datetime label>span{color:var(--muted);margin:0;font-size:9px}.booking-datetime input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:2px 0 0;font-size:12px;font-weight:600}.booking-duration{color:var(--muted);text-align:right;margin:8px 2px 14px;font-size:10px}.booking-datetime.single{grid-template-columns:1fr}.slot-heading{justify-content:space-between;align-items:center;margin:12px 1px 8px;display:flex}.slot-heading span{color:var(--ink);font-size:11px;font-weight:700}.slot-heading small{color:var(--muted);font-size:9px}.time-slot-grid{grid-template-columns:repeat(4,1fr);gap:7px;max-height:105px;padding:1px;display:grid;overflow-y:auto}.time-slot-grid button{border:1px solid var(--line);color:#59645f;background:#fff;border-radius:9px;height:34px;font-size:11px}.time-slot-grid button.selected{border-color:var(--green);color:var(--green-dark);background:#eaf9f2;font-weight:700;box-shadow:0 0 0 2px #20bd7514}.slot-state{min-height:48px;color:var(--muted);text-align:center;background:#f7f9f8;border-radius:10px;padding:15px 8px;font-size:10px}.slot-state.error{color:#d9513d;background:#fff4f1}.payment-order-note{color:#8a6520;background:#fff8e9;border-radius:10px;margin:14px 0;padding:11px 12px;font-size:10px;line-height:1.5}.booking-overlay{z-index:50;background:#00000057;border:0;width:100%;position:fixed;inset:0}.booking-panel{z-index:51;padding:15px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;position:fixed;bottom:0;left:max(0px,50vw - 240px);right:max(0px,50vw - 240px);box-shadow:0 -15px 45px #0000002e}.booking-panel>header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.booking-panel>header strong,.booking-panel>header span{display:block}.booking-panel>header strong{font-size:18px}.booking-panel>header span{color:var(--muted);margin-top:4px;font-size:11px}.booking-panel>header button{background:var(--soft);color:#7b8681;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.login-required{text-align:center;flex-direction:column;align-items:center;min-height:62vh;padding:85px 36px 30px;display:flex}.login-required>svg{width:54px;height:54px;color:var(--green);background:#eaf8f2;border-radius:17px;padding:14px}.login-required h2{margin:18px 0 8px;font-size:20px}.login-required p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.login-required button{background:var(--green);color:#fff;border:0;border-radius:12px;min-width:180px;margin-top:24px;padding:12px 20px;font-weight:700}.login-required button:disabled{background:#cbd4d0}body.admin-mode{background:#f5f7f6;overflow:auto}body.admin-mode #root{display:none}.admin-app{color:#18231f;background:#f5f7f6;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.admin-sidebar{color:#fff;z-index:5;background:#113a2d;flex-direction:column;width:236px;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{align-items:center;gap:11px;padding:0 9px 28px;display:flex}.admin-brand>span{color:#fff;background:#2ec47e;border-radius:12px;place-items:center;width:39px;height:39px;font-size:12px;font-weight:800;display:grid}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:16px}.admin-brand small{color:#8fb3a5;margin-top:3px;font-size:10px}.admin-sidebar nav p{color:#6f9a89;text-transform:uppercase;letter-spacing:.1em;margin:18px 12px 7px;font-size:10px}.admin-sidebar nav button{color:#b6ccc3;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:43px;padding:0 13px;display:flex}.admin-sidebar nav button svg{width:17px;height:17px}.admin-sidebar nav button span{text-align:left;flex:1}.admin-sidebar nav button b{background:#ffffff1a;border-radius:99px;padding:3px 7px;font-size:9px}.admin-sidebar nav button.active{color:#fff;background:#2cbd79;font-weight:700;box-shadow:0 8px 22px #081c152e}.admin-user{border-top:1px solid #ffffff1a;align-items:center;gap:9px;margin-top:auto;padding:16px 7px 0;display:flex}.admin-user img{object-fit:cover;border-radius:9px;width:34px;height:34px}.admin-user div{flex:1}.admin-user strong,.admin-user span{display:block}.admin-user strong{font-size:11px}.admin-user span{color:#7fa495;margin-top:3px;font-size:8px}.admin-main{width:calc(100% - 236px);margin-left:236px}.admin-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#fffffff0;border-bottom:1px solid #e8ecea;justify-content:space-between;align-items:center;height:65px;padding:0 28px;display:flex;position:sticky;top:0}.admin-topbar>div{align-items:center;gap:10px;font-size:11px;display:flex}.admin-topbar>div>span{color:#94a09b}.admin-topbar b{color:#ccd2cf}.admin-tools label{background:#f5f7f6;border-radius:9px;align-items:center;gap:7px;width:220px;height:35px;padding:0 10px;display:flex}.admin-tools label svg{color:#9aa49f}.admin-tools input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.admin-tools>button{background:#fff;border:1px solid #e8ecea;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;position:relative}.admin-tools>button i{background:#ff664b;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.admin-content{max-width:1500px;margin:0 auto;padding:25px 28px 40px}.admin-page-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.admin-page-heading h1{letter-spacing:-.03em;margin:0;font-size:24px}.admin-page-heading p{color:#87938e;margin:6px 0 0;font-size:11px}.admin-primary{color:#fff;background:#20b973;border:0;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:700;box-shadow:0 6px 16px #20b97333}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px;display:grid}.stat-grid article{background:#fff;border:1px solid #e8ecea;border-radius:14px;padding:17px;position:relative}.stat-grid article>span{color:#78847f;font-size:10px;display:block}.stat-grid article>strong{letter-spacing:-.03em;margin:8px 0;font-size:23px;display:block}.stat-grid article p{color:#9aa49f;margin:0;font-size:9px}.stat-grid article p b{margin-right:3px}.green{color:#14a967}.orange{color:#f28c3c}.blue{color:#4285d4}.red{color:#ef604e}.stat-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.stat-icon.green{background:#e8f8f1}.stat-icon.orange{background:#fff3e8}.stat-icon.blue{background:#eaf3ff}.stat-icon.red{background:#fff0ed}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:17px;margin-bottom:17px;display:grid}.panel{background:#fff;border:1px solid #e7ebe9;border-radius:14px}.panel-heading{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.panel-heading h2{margin:0;font-size:14px}.panel-heading p{color:#98a19d;margin:5px 0 0;font-size:9px}.panel-heading button{color:#159c60;background:0 0;border:0;font-size:10px}.panel-heading select{background:#fff;border:1px solid #e6eae8;border-radius:7px;padding:6px 9px;font-size:9px}.chart-area{height:260px;padding:22px 20px 20px 48px;position:relative}.y-axis{color:#9fa8a4;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:22px;bottom:33px;left:16px}.bars{background:repeating-linear-gradient(#fff,#fff 24.6%,#edf0ef 25%);border-bottom:1px solid #e7ebe9;align-items:flex-end;gap:5%;height:100%;display:flex}.bars>div{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.bars i{background:linear-gradient(#27c47c,#b9ebd4);border-radius:5px 5px 0 0;width:100%}.bars span{color:#97a19d;font-size:8px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.rank-panel{padding-bottom:8px}.rank-item{align-items:center;gap:9px;padding:9px 17px;display:flex}.rank-item>b{background:#eef2f0;border-radius:5px;place-items:center;width:17px;height:17px;font-size:8px;display:grid}.rank-item:nth-child(2)>b{color:#de970a;background:#fff0d1}.rank-item img{object-fit:cover;border-radius:8px;width:37px;height:37px}.rank-item div{flex:1}.rank-item strong,.rank-item span{display:block}.rank-item strong{font-size:10px}.rank-item span{color:#9aa39f;margin-top:4px;font-size:8px}.rank-item em{font-size:10px;font-style:normal;font-weight:700}.recent-orders,.data-panel{overflow:hidden}.table-tools{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.filter-pills{gap:5px;display:flex}.filter-pills button{color:#77837e;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:9px}.filter-pills button.active{color:#109b5c;background:#eaf8f2;font-weight:700}.table-tools label{color:#99a39f;border:1px solid #e7ebe9;border-radius:8px;align-items:center;gap:6px;width:220px;height:34px;padding:0 9px;display:flex}.table-tools input{border:0;outline:0;width:100%;font-size:9px}.data-panel table,.recent-orders table{border-collapse:collapse;width:100%}.data-panel th,.data-panel td,.recent-orders th,.recent-orders td{text-align:left;border-bottom:1px solid #edf0ef;padding:11px 17px;font-size:9px}.data-panel th,.recent-orders th{color:#89948f;background:#fafbfa;font-weight:500}.data-panel tr:last-child td,.recent-orders tr:last-child td{border-bottom:0}.table-person{align-items:center;gap:8px;display:flex}.table-person img{object-fit:cover;border-radius:9px;width:33px;height:33px}.table-person strong,.table-person span{display:block}.table-person span{color:#a0a8a5;margin-top:3px;font-size:8px}.rating{align-items:center;gap:3px;display:flex}.rating svg{color:#f4b715}.status{border-radius:99px;padding:4px 7px;font-size:8px;display:inline-flex}.status.online,.status.done{color:#129b5e;background:#e7f8f0}.status.busy,.status.waiting{color:#db8513;background:#fff3df}.status.danger{color:#e45342;background:#fff0ed}.switch{background:#cad2ce;border:0;border-radius:99px;width:29px;height:16px;padding:2px}.switch i{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;display:block}.switch.on{background:#22ba74}.switch.on i{transform:translate(13px)}.text-action,.more-action{color:#139a5c;background:0 0;border:0;font-size:9px}.more-action{color:#8e9994;letter-spacing:1px}.sort-input{border:1px solid #e3e8e5;border-radius:7px;width:62px;padding:6px 7px}.admin-package-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.admin-package-grid>article{background:#fff;border:1px solid #e6ebe8;border-radius:14px;overflow:hidden}.admin-package-grid>article>img{object-fit:cover;width:100%;height:155px}.package-admin-body{padding:14px}.package-admin-body>div{justify-content:space-between;align-items:center;display:flex}.package-admin-body small{color:#a0a9a5}.package-admin-body h3{margin:11px 0 6px;font-size:14px}.package-admin-body p{color:#8e9994;margin:0;font-size:9px}.package-admin-body footer{border-top:1px solid #edf0ef;align-items:center;margin-top:15px;padding-top:13px;display:flex}.package-admin-body footer strong{color:#f05b37;font-size:16px}.package-admin-body footer span{color:#929c98;margin-left:9px;font-size:8px}.package-admin-body footer button{background:#fff;border:1px solid #e3e8e5;border-radius:7px;margin-left:auto;padding:6px 11px;font-size:9px}.settings-panel{max-width:780px;padding:20px}.settings-panel h2{margin:0 0 12px;font-size:15px}.setting-row{border-top:1px solid #edf0ef;align-items:center;padding:17px 0;display:flex}.setting-row div{flex:1}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:11px}.setting-row span{color:#929c97;margin-top:5px;font-size:9px}.setting-row input,.setting-row select{background:#fff;border:1px solid #e1e7e4;border-radius:8px;width:210px;padding:9px 11px;font-size:10px}@media (width<=1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.admin-package-grid{grid-template-columns:repeat(2,1fr)}}.data-state{text-align:center;color:#87938e;padding:28px;font-size:12px}.data-state.error,.form-error{color:#df4f3d}.form-error{margin:8px 0;font-size:11px}button:disabled{opacity:.55;cursor:not-allowed}.admin-login{z-index:1000;background:radial-gradient(circle at 72% 18%,#daf6e9 0,#0000 27%),#f2f6f4;place-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:grid;position:fixed;inset:0}.admin-login form{background:#fff;border:1px solid #e1e9e5;border-radius:22px;width:420px;padding:42px;box-shadow:0 24px 70px #113a2d21}.login-brand{align-items:center;gap:14px;margin-bottom:32px;display:flex}.login-brand>span{color:#fff;background:#20bd75;border-radius:15px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.login-brand h1{margin:0;font-size:23px}.login-brand p{color:#8b9691;margin:5px 0 0;font-size:12px}.admin-login label{color:#55615c;margin:17px 0;font-size:12px;font-weight:600;display:block}.admin-login input{border:1px solid #dce4e0;border-radius:10px;outline:0;width:100%;margin-top:8px;padding:13px 14px}.admin-login input:focus{border-color:#20bd75;box-shadow:0 0 0 3px #20bd751a}.admin-login form>button{color:#fff;cursor:pointer;background:#20b973;border:0;border-radius:10px;width:100%;margin-top:10px;padding:13px;font-weight:700}.admin-user>button{color:#8fb3a5;cursor:pointer;background:0 0;border:0;padding:6px}.data-panel select{background:#fff;border:1px solid #dfe6e2;border-radius:7px;padding:6px 8px;font-size:9px}.page-notice{color:#137c50;background:#ebfaf3;border:1px solid #bde9d3;border-radius:9px;margin:-8px 0 16px;padding:11px 14px;font-size:11px}.page-notice.error{color:#c74432;background:#fff1ee;border-color:#f1c6be}.table-edit{color:#138c58;cursor:pointer;background:#fff;border:1px solid #cfe0d8;border-radius:7px;padding:6px 10px;font-size:9px}.admin-form{max-width:980px;overflow:hidden}.admin-form section{padding:24px}.admin-form h2{margin:0 0 20px;font-size:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.form-grid label>span{color:#53605a;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{background:#fff;border:1px solid #dce4e0;border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#20b973;box-shadow:0 0 0 3px #20b97314}.form-wide{grid-column:1/-1}.check-label{align-items:center;gap:8px;display:flex}.check-label>span{margin:0!important}.check-label input{accent-color:#20b973}.form-actions{background:#fafcfa;border-top:1px solid #e9eeeb;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-actions>button{cursor:pointer;background:#fff;border:1px solid #dce4e0;border-radius:8px;padding:10px 18px}.form-actions>.admin-primary{background:#20b973;border:0}.image-upload-row{background:#fafcfb;border:1px dashed #cfdcd6;border-radius:10px;align-items:center;gap:16px;padding:14px;display:flex}.image-upload-row img{object-fit:cover;background:#eef2f0;border-radius:8px;width:112px;height:84px}.image-upload-row>div{flex:1}.image-upload-row input{box-shadow:none!important;border:0!important;padding:0!important}.image-upload-row p{color:#8d9893;margin:8px 0 0;font-size:9px}.image-upload-row b{color:#148b58;margin-top:6px;font-size:10px;display:block}.image-upload-row img.contain{object-fit:contain;background:#fff;border:1px solid #e0e7e3;width:132px;height:132px;padding:6px}.image-upload-empty{color:#96a09b;background:#eef2f0;border-radius:8px;place-items:center;width:112px;height:84px;font-size:10px;display:grid;flex:none!important}.customer-service-setting{background:#fafbfa;border:1px solid #e6ebe8;border-radius:10px;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:18px;margin-bottom:24px;padding:16px;display:grid}.customer-service-setting .image-upload-field>span{color:#53605a;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.customer-service-setting-note strong,.customer-service-setting-note span{display:block}.customer-service-setting-note strong{font-size:11px}.customer-service-setting-note span{color:#89958f;margin:6px 0 12px;font-size:9px;line-height:1.6}.customer-service-card{border:1px solid var(--line);text-align:center;background:linear-gradient(#f6fcf9 0%,#fff 100%);border-radius:18px;flex-direction:column;align-items:center;margin:16px 20px 24px;padding:18px;display:flex;box-shadow:0 8px 26px #1a3b2f0d}.customer-service-card strong,.customer-service-card span{display:block}.customer-service-card strong{font-size:15px}.customer-service-card span{color:var(--muted);margin-top:5px;font-size:10px}.customer-service-card img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:12px;width:176px;height:176px;margin-top:15px;padding:7px}@media (width<=900px){.customer-service-setting{grid-template-columns:1fr}}.tutor-profile-trigger{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.tutor-profile-trigger>svg{color:#a0aaa5;flex:none}.tutor-profile-trigger .tutor-info p{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.tutor-profile-screen{background:#f6f8f7;min-height:100%;padding-bottom:8px}.tutor-profile-screen>.data-state{margin-top:70px}.tutor-profile-hero{background:#fff;border-radius:20px;align-items:center;gap:16px;margin:14px 20px 0;padding:18px;display:flex;box-shadow:0 8px 28px #183c2e0f}.tutor-profile-hero>img{object-fit:cover;border-radius:16px;flex:none;width:94px;height:118px}.tutor-profile-hero>div{min-width:0}.tutor-profile-hero>div>span{color:var(--green-dark);background:#e8f8f0;border-radius:99px;padding:4px 8px;font-size:9px;display:inline-flex}.tutor-profile-hero h1{margin:8px 0 6px;font-size:23px}.tutor-profile-hero p{color:#6f7b76;margin:0;font-size:11px;line-height:1.65}.tutor-profile-stats{background:#fff;border-radius:17px;grid-template-columns:repeat(3,1fr);margin:12px 20px;padding:15px 8px;display:grid}.tutor-profile-stats div{text-align:center;border-right:1px solid var(--line)}.tutor-profile-stats div:last-child{border-right:0}.tutor-profile-stats strong,.tutor-profile-stats span{display:block}.tutor-profile-stats strong{font-size:18px}.tutor-profile-stats span{color:var(--muted);margin-top:4px;font-size:9px}.tutor-profile-section{background:#fff;border-radius:17px;margin:12px 20px;padding:17px}.tutor-profile-section h2{margin:0 0 14px;font-size:15px}.tutor-profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.tutor-profile-details>div{background:#f6f9f7;border-radius:11px;padding:11px}.tutor-profile-details span,.tutor-profile-details strong{display:block}.tutor-profile-details span{color:var(--muted);font-size:9px}.tutor-profile-details strong{margin-top:5px;font-size:11px;line-height:1.45}.tutor-gallery-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.tutor-gallery-grid img{aspect-ratio:1/1.22;object-fit:cover;background:#eef2f0;border-radius:10px;width:100%}.tutor-profile-empty{color:var(--muted);text-align:center;margin:0;padding:22px 0;font-size:10px}.tutor-section-heading{justify-content:space-between;align-items:center;display:flex}.tutor-section-heading h2{margin-bottom:0}.tutor-section-heading>span{color:var(--muted);font-size:9px}.tutor-review-section article{border-bottom:1px solid var(--line);padding:15px 0}.tutor-review-section article:last-child{border-bottom:0;padding-bottom:0}.tutor-review-section article header{align-items:center;gap:8px;display:flex}.tutor-review-section article header img{object-fit:cover;border-radius:50%;width:34px;height:34px}.tutor-review-section article header div{flex:1}.tutor-review-section article header strong,.tutor-review-section article header span{display:block}.tutor-review-section article header strong{font-size:11px}.tutor-review-section article header span{color:var(--muted);margin-top:3px;font-size:8px}.tutor-review-section article header b{color:#f3b313;letter-spacing:1px;font-size:10px}.tutor-review-section article p{color:#59645f;margin:10px 0 0 42px;font-size:10px;line-height:1.65}.tutor-profile-cta{margin:15px 20px 8px}.tutor-profile-cta button{color:#fff;background:linear-gradient(90deg,#20bd75,#f07c55);border:0;border-radius:13px;width:100%;padding:13px;font-weight:700}.order-review-form{border-top:1px solid var(--line);margin-top:4px;padding-top:13px}.order-review-form>strong{font-size:11px}.review-stars{gap:5px;margin:9px 0;display:flex}.review-stars button{color:#dce1df;background:0 0;border:0;padding:0;font-size:22px}.review-stars button.active{color:#f3b313}.order-review-form textarea{resize:vertical;border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;outline:0;padding:10px;font-size:10px}.order-review-form>div:last-child{justify-content:flex-end;gap:8px;margin-top:9px;display:flex}.order-review-form>div:last-child button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:10px}.order-review-form>div:last-child button.primary{border-color:var(--green);background:var(--green);color:#fff}.order-reviewed{border-top:1px solid var(--line);color:var(--muted);text-align:right;padding-top:10px;font-size:9px}.tutor-profile-admin-section{border-top:1px solid #e9eeeb}.admin-section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-section-heading h2{margin-bottom:0}.admin-section-heading p{color:#89958f;margin:6px 0 0;font-size:10px}.profile-detail-editor{gap:9px;margin-bottom:20px;display:grid}.profile-detail-editor>div{grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.profile-detail-editor label>span{color:#7f8a84;margin-bottom:6px;font-size:9px;display:block}.profile-detail-editor input{background:#fff;border:1px solid #dfe6e2;border-radius:7px;width:100%;padding:9px;font-size:10px}.gallery-upload-field{border-top:1px solid #edf1ef;padding-top:18px}.gallery-upload-heading{justify-content:space-between;align-items:center;display:flex}.gallery-upload-heading strong,.gallery-upload-heading span{display:block}.gallery-upload-heading strong{font-size:11px}.gallery-upload-heading span{color:#89958f;margin-top:5px;font-size:9px}.gallery-upload-heading label{color:#138c58;cursor:pointer;background:#effaf5;border:1px solid #b9dfcc;border-radius:7px;padding:8px 11px;font-size:9px}.gallery-upload-heading input{display:none}.admin-gallery-grid{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:13px;display:grid}.admin-gallery-grid>div{position:relative}.admin-gallery-grid img{aspect-ratio:1;object-fit:cover;background:#eef2f0;border-radius:9px;width:100%}.admin-gallery-grid button{color:#fff;background:#161c19b8;border:0;border-radius:6px;padding:4px 7px;font-size:8px;position:absolute;bottom:5px;right:5px}.gallery-empty{color:#8d9793;text-align:center;background:#f5f7f6;border-radius:8px;margin:12px 0 0;padding:16px;font-size:9px}@media (width<=900px){.profile-detail-editor>div{grid-template-columns:1fr}.admin-gallery-grid{grid-template-columns:repeat(3,1fr)}}.tutor-schedule-section{border-top:1px solid #e9eeeb}.tutor-schedule-section>p{color:#89958f;margin:-10px 0 18px;font-size:10px}.schedule-table{border:1px solid #e4eae7;border-radius:10px;overflow:hidden}.schedule-table>div{background:#fafbfb;border-bottom:1px solid #edf1ef;grid-template-columns:110px 180px 180px 1fr;align-items:center;gap:14px;min-height:58px;padding:9px 13px;display:grid}.schedule-table>div:last-child{border-bottom:0}.schedule-table>div.enabled{background:#fff}.schedule-table label{align-items:center;gap:8px;display:flex}.schedule-table label>span{color:#89958f;white-space:nowrap;font-size:9px}.schedule-table input[type=checkbox]{accent-color:#20b973}.schedule-table input[type=time]{background:#fff;border:1px solid #dce4e0;border-radius:7px;width:112px;padding:8px}.schedule-table input:disabled{color:#aeb7b3;background:#f1f4f2}.schedule-table em{color:#7c8983;text-align:right;font-size:10px;font-style:normal}