@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--bg-main:#f8fafc;--bg-soft:#eef3f9;--bg-spot:#fff;--surface:#fff;--surface-muted:#f4f7fb;--line:#d9e2ef;--text-main:#12223b;--text-muted:#51607a;--brand:#0f766e;--brand-strong:#0a4f4a;--accent:coral;--shadow-soft:0 10px 28px #12223b14;--danger:#dc2626;--danger-strong:#b91c1c;--success:#15803d;--success-strong:#166534;--info:#1d4ed8;--info-strong:#1e40af}html{-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 10% 5%,#fff 0,color-mix(in srgb,#fff 72%,#0000) 18%,#0000 38%),linear-gradient(180deg,#eef3f9,#f8fafc 26%,color-mix(in srgb,#f8fafc 90%,#000 10%));background:radial-gradient(circle at 10% 5%,var(--bg-spot) 0,color-mix(in srgb,var(--bg-spot) 72%,#0000) 18%,#0000 38%),linear-gradient(180deg,var(--bg-soft) 0,var(--bg-main) 26%,color-mix(in srgb,var(--bg-main) 90%,#000 10%) 100%);color:#12223b;color:var(--text-main);font-family:Be Vietnam Pro,Plus Jakarta Sans,Manrope,Segoe UI,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background .28s ease,color .28s ease}a{color:inherit}canvas,img,svg,video{height:auto;max-width:100%}button,input,select,textarea{font:inherit}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:clamp(18px,4vw,32px);position:relative;z-index:1}.main-content{flex:1 1;margin:0 auto;max-width:1240px;padding:clamp(20px,3vw,28px) clamp(16px,2.8vw,24px) 0;width:100%}@media (min-width:981px){.app--role-sidebar{padding-left:244px}.app--role-sidebar .header,.app--role-sidebar footer{display:none}.app--role-sidebar .main-content{margin:0;max-width:none;padding:24px clamp(22px,2.4vw,34px) 0}}.loading{align-items:center;color:#51607a;color:var(--text-muted);display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:40vh}button{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;min-height:42px;padding:10px 18px;touch-action:manipulation;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,#0f766e,#0b5f58);background:linear-gradient(135deg,var(--brand) 0,#0b5f58 100%);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #0f766e33;transform:translateY(-1px)}.btn-secondary{background:#1d4ed8;background:var(--info);color:#fff}.btn-secondary:hover{background:#1e40af;background:var(--info-strong)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c;background:var(--danger-strong)}.btn-success{background:#15803d;background:var(--success);color:#fff}.btn-success:hover{background:#166534;background:var(--success-strong)}.form-group{margin-bottom:16px}.form-group label{color:#12223b;color:var(--text-main);display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--surface);border:1px solid #d9e2ef;border:1px solid var(--line);border-radius:10px;color:#12223b;color:var(--text-main);font-family:inherit;font-size:14px;padding:11px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f766e;border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f;outline:none}.card{background:#fff;background:var(--surface);border:1px solid #d9e2ef;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px #12223b14;box-shadow:var(--shadow-soft);margin-bottom:20px;padding:20px}.alert{border-radius:12px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 14px}.alert-success{background:color-mix(in srgb,#15803d 12%,#fff);background:color-mix(in srgb,var(--success) 12%,var(--surface));border:1px solid color-mix(in srgb,#15803d 32%,#d9e2ef);border:1px solid color-mix(in srgb,var(--success) 32%,var(--line));color:color-mix(in srgb,#15803d 78%,#fff);color:color-mix(in srgb,var(--success) 78%,#fff)}.alert-error{background:color-mix(in srgb,#dc2626 12%,#fff);background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,#dc2626 32%,#d9e2ef);border:1px solid color-mix(in srgb,var(--danger) 32%,var(--line));color:color-mix(in srgb,#dc2626 78%,#fff);color:color-mix(in srgb,var(--danger) 78%,#fff)}.alert-info{background:color-mix(in srgb,#1d4ed8 12%,#fff);background:color-mix(in srgb,var(--info) 12%,var(--surface));border:1px solid color-mix(in srgb,#1d4ed8 32%,#d9e2ef);border:1px solid color-mix(in srgb,var(--info) 32%,var(--line));color:color-mix(in srgb,#1d4ed8 78%,#fff);color:color-mix(in srgb,var(--info) 78%,#fff)}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.main-content{padding:18px 16px 0}.card{padding:16px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.grid,.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:480px){.main-content{padding:16px 14px 0}.alert{padding:11px 12px}}.btn-export-excel{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #0f766e;border-radius:10px;color:#0f766e;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;min-height:40px;padding:9px 18px;transition:all .25s ease;white-space:nowrap}.btn-export-excel:hover{background:linear-gradient(135deg,#0f766e,#0b5f58);box-shadow:0 4px 14px #0f766e40;color:#fff;transform:translateY(-1px)}.btn-export-excel:active{transform:translateY(0)}.analytics-header{align-items:center;flex-wrap:wrap;margin-bottom:4px}@media (max-width:768px){.btn-danger,.btn-primary,.btn-secondary,.btn-success,a[role=button],button{font-size:15px;min-height:44px;min-width:44px;padding:12px 18px}body.has-bottom-nav .app{padding-bottom:calc(68px + env(safe-area-inset-bottom, 0px))}body.has-bottom-nav .main-content{padding-bottom:8px}body.has-bottom-nav footer{display:none}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:44px;padding:12px 14px}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px!important}}@media (display-mode:standalone){body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;-webkit-user-select:none;user-select:none}body .app{padding-top:env(safe-area-inset-top,0)}}.ticket-icon-btn svg{stroke:currentColor!important;stroke-width:2.5px!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;display:inline-block!important;flex:0 0 16px!important;height:16px!important;min-height:16px!important;min-width:16px!important;pointer-events:none;width:16px!important}.home-fresha{grid-gap:24px;display:grid;gap:24px}.fresha-hero{grid-gap:16px;background:radial-gradient(circle at 92% 12%,#2f84ff29 0,#2f84ff00 42%),radial-gradient(circle at 0 0,#ffd66633 0,#ffd66600 36%),#fff;border:1px solid #dce4ee;border-radius:22px;box-shadow:0 14px 36px #16233a14;display:grid;gap:16px;grid-template-columns:1.3fr .7fr;padding:24px}.fresha-hero-content{grid-gap:14px;display:grid;gap:14px}.fresha-eyebrow{background:#f5f8fc;border:1px solid #d4deea;border-radius:999px;color:#1f3553;font-size:11px;font-weight:700;letter-spacing:.24px;padding:7px 12px;width:fit-content}.fresha-hero-content h1{color:#0f1f38;font-family:Manrope,Be Vietnam Pro,sans-serif;font-size:clamp(30px,4.8vw,50px);line-height:1.08;max-width:16ch}.fresha-hero-content p{color:#4d5f79;font-size:15px;line-height:1.65;max-width:64ch}.fresha-search{grid-gap:10px;background:#fff;border:1px solid #d8e3ef;border-radius:16px;display:grid;gap:10px;grid-template-columns:1.5fr .9fr auto;padding:10px}.search-field{grid-gap:6px;display:grid;gap:6px}.search-field label{color:#55657f;font-size:12px;font-weight:700}.search-field input{border:1px solid #d8e3ef;border-radius:11px;color:#16233a;font-family:inherit;font-size:14px;height:44px;padding:10px 12px}.search-field input:focus{border-color:#2f84ff;box-shadow:0 0 0 3px #2f84ff24;outline:none}.fresha-search .btn-primary{align-self:end;background:linear-gradient(135deg,#1d67e0,#2f84ff);border-radius:11px;height:44px;padding-inline:18px;white-space:nowrap}.quick-categories{display:flex;flex-wrap:wrap;gap:5px}.quick-categories .category-pill{background:#fff;border:1px solid #d4deea;border-radius:999px;color:#24334c;font-size:12px;font-weight:700;line-height:1.15;min-height:32px;padding:5px 9px}.quick-categories .category-pill:hover{border-color:#2f84ff;color:#1d67e0}.fresha-hero-side{grid-gap:10px;display:grid;gap:10px}.fresha-hero-side article{grid-gap:4px;background:#f8fbff;border:1px solid #d9e4ef;border-radius:14px;display:grid;gap:4px;padding:12px}.fresha-hero-side article span{color:#5a6d88;font-size:12px}.fresha-hero-side article strong{color:#17243a;font-size:20px}.live-counter-card strong{color:#0f766e}.live-counter-card small{align-items:center;display:flex;gap:6px}.live-counter-card small,.location-note{color:#2f4b72;font-size:11px;line-height:1.4}.live-dot{animation:livePulse 1.2s ease-in-out infinite;background:#0f766e;border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes livePulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.hero-side-cta{background:#fff;border:1px solid #17243a;border-radius:12px;color:#17243a;font-size:13px;font-weight:700;padding:12px;text-align:center;text-decoration:none}.hero-side-cta:hover{background:#17243a;color:#fff}.fresha-listing,.fresha-reviews{background:#fff;border:1px solid #dde6f1;border-radius:18px;box-shadow:0 12px 28px #16233a0f;padding:18px}.listing-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.fresha-reviews h2,.listing-head h2{color:#0f1f38;font-family:Manrope,Be Vietnam Pro,sans-serif;font-size:clamp(24px,3.2vw,34px)}.listing-head a{color:#1d67e0;font-size:13px;font-weight:700;text-decoration:none}.listing-empty{color:#55657f;font-size:14px;padding:6px 2px}.listing-groups{grid-gap:18px;display:grid;gap:18px}.listing-group{grid-gap:10px;display:grid;gap:10px}.listing-group h3{color:#12223b;font-size:20px;margin:0}.trending-section{position:relative}.trending-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.trending-header h3{color:#0f766e;font-size:22px;font-weight:800}.trending-category-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:5px;overflow-x:auto;padding:4px 0 8px;scrollbar-color:#d5deea #0000;scrollbar-width:thin}.trending-category-tabs::-webkit-scrollbar{height:4px}.trending-category-tabs::-webkit-scrollbar-thumb{background:#d5deea;border-radius:4px}.trending-tab{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;min-height:34px;padding:6px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.trending-tab:hover{background:#f1fbf8;border-color:#99d5cb;box-shadow:0 4px 12px #0f766e1a;transform:translateY(-1px)}.trending-tab.active{background:#e9f8f4;border-color:#0f766e;box-shadow:0 4px 16px #0f766e24;color:#0f766e}.trending-tab-label{font-weight:700}.trending-card{position:relative;transition:transform .25s ease,box-shadow .25s ease}.trending-card:hover{box-shadow:0 12px 28px #16233a1f;transform:translateY(-4px)}.trending-rank{align-items:center;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:13px;font-weight:900;height:32px;justify-content:center;left:8px;letter-spacing:-.3px;position:absolute;top:8px;width:32px;z-index:2}.trending-rank.rank-1{background:linear-gradient(135deg,#0f766e,#14b8a6)}.trending-rank.rank-2{background:linear-gradient(135deg,#2f8f83,#5ec3b3)}.trending-rank.rank-3{background:linear-gradient(135deg,#437f77,#75b8ad)}.trending-booking-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c2410cf0;border-radius:999px;box-shadow:0 8px 18px #c2410c38;color:#fff;display:flex;font-size:11px;font-weight:900;gap:4px;letter-spacing:.02em;padding:4px 8px;position:absolute;right:8px;top:8px}.service-market-image-wrap{aspect-ratio:16/10;background:#e7eef6;border-radius:10px;overflow:hidden;position:relative;width:100%}.service-market-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.service-market-card{grid-gap:9px;background:#fff;border:1px solid #dce5f0;border-radius:14px;display:grid;gap:9px;padding:13px}.service-market-image{display:block;height:100%;object-fit:cover;width:100%}.service-market-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.service-market-top span{background:#f4f8ff;border:1px solid #d8e3f4;border-radius:999px;color:#20457e;font-size:10px;font-weight:800;padding:3px 7px;width:fit-content}.service-market-top small{color:#5b6e89;font-size:12px;font-weight:700}.service-market-card h3{color:#12223b;font-size:18px;line-height:1.35}.service-market-card p{color:#55657f;font-size:13px;line-height:1.56;min-height:62px}.service-market-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.service-market-meta strong{color:#16233a;font-size:18px}.service-market-meta span{color:#5a6d88;font-size:12px}.service-market-actions{align-items:center;display:flex;gap:8px;justify-content:space-between}.service-market-actions .btn-primary{border-radius:9px;font-size:12px;min-height:0;min-height:auto;padding:7px 14px}.btn-outline{align-items:center;background:#fff;border:1px solid #d8e3ef;border-radius:9px;color:#1f3553;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:7px 10px;text-decoration:none}.btn-outline:hover{border-color:#2f84ff;color:#1d67e0}.btn-link{color:#1d67e0;font-size:12px;font-weight:700;text-decoration:none}.fresha-reviews-head{grid-gap:6px;display:grid;gap:6px;margin-bottom:12px}.fresha-reviews-head p{color:#55657f;font-size:14px}.reviews-stage{display:grid;overflow:hidden}.reviews-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-area:1/1;grid-template-columns:repeat(3,minmax(0,1fr))}.reviews-grid-active{opacity:1;position:relative;transform:translateZ(0)}.reviews-grid-entering,.reviews-grid-leaving{will-change:transform,opacity}.reviews-grid-entering.next{animation:reviewSlideInNext .52s cubic-bezier(.22,1,.36,1) forwards}.reviews-grid-leaving.next{animation:reviewSlideOutNext .52s cubic-bezier(.22,1,.36,1) forwards}.reviews-grid-entering.prev{animation:reviewSlideInPrev .52s cubic-bezier(.22,1,.36,1) forwards}.reviews-grid-leaving.prev{animation:reviewSlideOutPrev .52s cubic-bezier(.22,1,.36,1) forwards}.reviews-dots{align-items:center;display:flex;gap:7px;justify-content:center;margin-top:12px}.reviews-dot{appearance:none;-webkit-appearance:none;background:#d5deea;border:none;border-radius:999px;box-shadow:none;cursor:pointer;display:block;flex:0 0 auto;height:6px;margin:0;max-height:6px;max-width:6px;min-height:6px;min-width:6px;opacity:.9;overflow:hidden;padding:0;transition:background .18s ease,opacity .18s ease,transform .18s ease;width:6px}.reviews-dot:hover{background:#b9c7d9;transform:scale(1.08)}.reviews-dot:focus-visible{outline:2px solid #bfdbfe;outline-offset:2px}.reviews-dot.active{background:#1d67e0;height:6px;max-height:6px;max-width:6px;min-height:6px;min-width:6px;opacity:1;width:6px}.review-card{grid-gap:8px;background:#f9fbff;border:1px solid #dce5f0;border-radius:13px;display:grid;gap:8px;height:100%;padding:13px}.review-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.review-top strong{color:#12223b;font-size:15px}.review-top span{color:#6b7a92;font-size:12px}.review-rating{color:#f59e0b;font-size:14px;letter-spacing:1px}.review-text{color:#51607a;font-size:13px;line-height:1.58;margin:0}.review-service{color:#0f766e;font-size:12px;font-weight:700}.flow-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.flow-grid article{grid-gap:7px;background:#f7faff;border:1px solid #dce5f0;border-radius:13px;display:grid;gap:7px;grid-template-rows:auto auto 1fr;padding:13px}.flow-grid strong{background:#1d67e0;border-radius:999px;color:#fff;font-size:11px;letter-spacing:.24px;padding:3px 7px;width:fit-content}.flow-grid h3{color:#16233a;font-size:17px;margin:0;min-height:42px}.flow-grid p{color:#55657f;font-size:13px;line-height:1.58;margin:0}@keyframes reviewSlideInNext{0%{opacity:0;transform:translate3d(34px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes reviewSlideOutNext{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(-34px,0,0) scale(.985)}}@keyframes reviewSlideInPrev{0%{opacity:0;transform:translate3d(-34px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes reviewSlideOutPrev{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(34px,0,0) scale(.985)}}@media (prefers-reduced-motion:reduce){.reviews-grid-entering,.reviews-grid-leaving{animation:none}}@media (max-width:1080px){.fresha-hero{grid-template-columns:1fr}.reviews-grid,.service-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trending-category-tabs{gap:5px}}@media (max-width:760px){.fresha-hero,.fresha-listing,.fresha-reviews{border-radius:14px;padding:14px}.flow-grid,.fresha-search,.reviews-grid,.service-market-grid{grid-template-columns:1fr}.trending-header{flex-direction:column;gap:4px}.trending-tab{font-size:12px;min-height:32px;padding:5px 9px}}.services-marketplace{grid-gap:16px;display:grid;gap:16px}.marketplace-hero{grid-gap:12px;align-items:end;background:radial-gradient(circle at 88% 16%,#ff7f5029 0,#ff7f5000 42%),linear-gradient(130deg,#fafffe,#eef7f5 52%,#fef8f6);border:1px solid #d5e4ee;border-radius:16px;display:grid;gap:12px;grid-template-columns:1.25fr .85fr;padding:20px}.hero-kicker{background:#e8f7f5;border:1px solid #a8d9d4;border-radius:999px;color:#0b5f58;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.35px;margin-bottom:8px;padding:5px 10px}.marketplace-hero h1{color:#12223b;font-family:Manrope,Plus Jakarta Sans,sans-serif;font-size:clamp(28px,4.1vw,42px);line-height:1.16}.marketplace-hero p{color:#51607a;line-height:1.65;margin-top:8px;max-width:58ch}.hero-note{grid-gap:4px;background:#fff6f1;border:1px solid #f2c8b8;border-radius:12px;display:grid;gap:4px;padding:12px}.hero-note strong{color:#a04121;font-size:14px}.hero-note small{color:#7a4d36;font-size:12px}.marketplace-controls{grid-gap:10px;background:#fff;border:1px solid #d9e4ef;border-radius:14px;box-shadow:0 10px 24px #12223b0f;display:grid;gap:10px;padding:14px}.search-form{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1.4fr .75fr auto}.filter-row select,.search-form input{background:#fff;border:1px solid #d4e2ee;border-radius:10px;color:#5f6675;font-family:inherit;font-size:15px;font-weight:500;line-height:1.35;padding:10px 11px}.search-form input::placeholder{color:#6b7280;opacity:1}.filter-row select:focus,.search-form input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-row select{min-width:190px}.btn-clear{background:#f6f9fc;border:1px solid #d7e4ef;color:#51607a;padding:9px 12px}.btn-clear:hover{border-color:#0f766e;color:#0f766e}.category-chips{display:flex;flex-wrap:wrap;gap:5px}.category-chips .chip{background:#fff;border:1px solid #d7e4ef;border-radius:999px;color:#334155;font-size:12px;font-weight:700;line-height:1.15;min-height:32px;padding:6px 9px}.category-chips .chip.active{background:#eaf7f5;border-color:#0f766e;color:#0f766e}.services-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.service-card{grid-gap:9px;background:#fff;border:1px solid #d9e5ef;border-radius:13px;box-shadow:0 8px 22px #12223b0f;display:grid;gap:9px;padding:13px}.service-image-wrap{aspect-ratio:16/10;background:#e7eef6;border-radius:10px;overflow:hidden;position:relative;width:100%}.service-image{display:block;height:100%;object-fit:cover;width:100%}.service-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.service-card .category-pill,.service-card .collection-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;line-height:1.15;max-width:100%;min-height:0;min-width:0;padding:3px 7px;white-space:nowrap;width:auto}.service-card .category-pill{background:#f8fbff;border:1px solid #d7e4ef;color:#4b5b77}.service-card .collection-pill{background:#fff7ed;border:1px solid #fed7aa;box-shadow:0 8px 18px #c2410c2e;color:#c2410c;gap:4px;position:absolute;right:8px;top:8px;z-index:2}.service-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.service-card h3{color:#12223b;font-size:19px;line-height:1.32}.service-card-top span{border:1px solid #d7e4ef;border-radius:999px;color:#51607a;font-size:10px;font-weight:700;min-height:0;padding:4px 7px;white-space:nowrap}.service-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#51607a;display:-webkit-box;font-size:13px;line-height:1.6;min-height:58px;overflow:hidden}.service-meta{align-items:flex-end;display:flex;gap:10px;justify-content:space-between}.price-block{grid-gap:2px;display:grid;gap:2px}.price-block strong{color:#0f766e;font-size:20px;line-height:1.15}.price-block small{color:#6b7a92;font-size:11px}.meta-note{color:#7a4d36;font-size:11px;font-weight:700}.service-actions{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr 1fr}.service-actions a{align-items:center;border-radius:9px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;line-height:1.2;min-height:44px;padding:9px 10px;text-align:center;text-decoration:none;white-space:nowrap}.service-actions a:only-child{grid-column:1/-1;justify-self:start;min-width:156px}.btn-details{background:#fff;border:1px solid #d7e4ef;color:#334155}.btn-details:hover{border-color:#0f766e;color:#0f766e}.empty-state{background:#f8fbff;border:1px dashed #c9d8e5;border-radius:13px;padding:24px;text-align:center}.empty-state h3{color:#12223b;margin-bottom:8px}.empty-state p{color:#51607a}@media (max-width:930px){.marketplace-hero,.search-form{grid-template-columns:1fr}.filter-row select{flex:1 1;min-width:0}}@media (max-width:700px){.marketplace-controls,.marketplace-hero{border-radius:12px;padding:13px}.service-actions{grid-template-columns:1fr}.service-actions a:only-child{min-width:0;width:100%}.category-chips .chip{min-height:32px;min-width:0;padding:6px 9px}}.service-detail-page{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1.5fr .9fr}.service-main{grid-gap:18px;background:#fff;border:1px solid #d8e5ef;border-radius:18px;box-shadow:0 10px 28px #12223b0f;display:grid;gap:18px;padding:22px}.service-detail-image-wrap{aspect-ratio:16/8;background:#e7eef6;border-radius:14px;overflow:hidden;width:100%}.service-detail-image{display:block;height:100%;object-fit:cover;width:100%}.service-title-row{grid-gap:10px;display:grid;gap:10px}.badge{background:#e8f7f5;border:1px solid #9ad0cb;color:#0b5f58;font-size:10px;font-weight:800;letter-spacing:0;line-height:1.15;min-height:0;padding:3px 7px;width:fit-content}.service-title-row h1{color:#12223b;font-family:Manrope,Plus Jakarta Sans,sans-serif;font-size:clamp(28px,4.4vw,42px);line-height:1.14}.service-title-row p{color:#51607a;line-height:1.75;max-width:72ch}.service-trust-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-trust-grid article{grid-gap:8px;background:#f8fbff;border:1px solid #dce8f2;border-radius:12px;display:grid;gap:8px;padding:14px}.service-trust-grid h3{color:#12223b;font-size:18px}.service-trust-grid p{color:#51607a;font-size:14px;line-height:1.6}.service-recommendations{grid-gap:12px;display:grid;gap:12px;padding-top:4px}.recommendation-head{grid-gap:6px;display:grid;gap:6px}.recommendation-head span{background:#f0faf8;border:1px solid #b7d8d2;border-radius:999px;color:#0b5f58;font-size:10px;font-weight:850;line-height:1.15;min-height:0;padding:3px 7px;text-transform:uppercase;width:fit-content}.recommendation-head h2{color:#12223b;font-size:21px;margin:0}.recommendation-head p{color:#51607a;font-size:14px;line-height:1.6;margin:0}.recommendation-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.recommendation-card{grid-gap:12px;align-content:space-between;background:#fbfdf8;border:1px solid #d9e8e4;border-radius:12px;display:grid;gap:12px;min-width:0;padding:14px}.recommendation-card small{color:#64748b;font-size:12px;font-weight:750}.recommendation-card h3{color:#12223b;font-size:17px;line-height:1.25;margin:4px 0 6px}.recommendation-card p{color:#51607a;font-size:13px;line-height:1.55;margin:0}.recommendation-card .btn-secondary{background:#fff;border:1px solid #b7d8d2;border-radius:10px;color:#0b5f58;cursor:pointer;font-size:13px;font-weight:850;min-height:38px;width:100%}.recommendation-card .btn-secondary:hover{background:#f0faf8;border-color:#0f766e}.service-sidebar{position:sticky;top:88px}.summary-card{grid-gap:10px;background:#fff;border:1px solid #d8e5ef;border-radius:16px;box-shadow:0 10px 28px #12223b0f;display:grid;gap:10px;padding:16px}.summary-card h2{color:#12223b;font-size:21px}.summary-item{align-items:center;background:#f8fbff;border:1px solid #dce8f2;border-radius:10px;display:flex;gap:8px;justify-content:space-between;padding:10px 11px}.summary-item span{color:#51607a;font-size:13px}.summary-item strong{color:#0f766e;font-size:14px;text-align:right}.summary-card .btn-primary{font-size:14px;margin-top:6px;padding:11px 12px;width:100%}.summary-card .btn-primary:disabled{cursor:not-allowed;opacity:.55}.summary-card small{color:#64748b;font-size:12px;line-height:1.6}@media (max-width:980px){.service-detail-page{grid-template-columns:1fr}.service-sidebar{position:static}}@media (max-width:720px){.service-main,.summary-card{border-radius:12px;padding:14px}.recommendation-grid,.service-trust-grid{grid-template-columns:1fr}}.booking-page{animation:fadeInUp .5s ease both;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #0f766e2e}50%{box-shadow:0 0 0 6px #0f766e00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.booking-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1.35fr .85fr}.booking-panel,.booking-summary{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:#ffffffd1;border:1px solid #0f766e1a;border-radius:22px;box-shadow:0 1px 2px #12223b0a,0 8px 24px #12223b0f,0 24px 48px #0f766e0a;padding:24px;transition:box-shadow .3s ease}.booking-panel{grid-gap:6px;display:grid;gap:6px}.booking-panel h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f766e,#0e918a 50%,#0f766e);background-clip:text;-webkit-background-clip:text;color:#0c1c30;font-family:Manrope,Plus Jakarta Sans,sans-serif;font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.02em}.booking-panel .subtitle{color:#51607a;font-size:14px;line-height:1.65;margin-bottom:4px}.booking-panel>.form-group{background:linear-gradient(180deg,#fafcff,#f5f9fe);border:1px solid #e4ecf4;border-radius:16px;padding:18px;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.booking-panel>.form-group:hover{border-color:#0f766e38;box-shadow:0 4px 16px #0f766e0f}.booking-panel>.form-group>label{color:#10233d;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.service-browser{grid-gap:14px;background:radial-gradient(ellipse at top right,#0f766e14,#0000 50%),radial-gradient(ellipse at bottom left,#0e918a0d,#0000 50%),linear-gradient(180deg,#f9fdfb,#f4faf8);border:1px solid #0f766e1f;border-radius:20px;display:grid;gap:14px;padding:18px}.service-browser-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.service-browser-head strong{color:#10233d;display:block;font-size:16px;font-weight:700}.service-browser-head span{color:#5b6a82;display:block;font-size:12px;line-height:1.6;margin-top:4px}.service-browser-counter{background:#fffffff2;border:1px solid #0f766e26;border-radius:16px;box-shadow:0 2px 8px #0f766e0f;min-width:80px;padding:10px 14px;text-align:center}.service-browser-counter strong{color:#0f766e;font-size:24px;font-weight:800;line-height:1}.service-browser-counter span{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.06em;margin-top:3px;text-transform:uppercase}.service-category-tabs{display:flex;flex-wrap:wrap;gap:8px}.service-category-tab{background:#ffffffe6;border:1px solid #d7e4ef;border-radius:999px;color:#42536d;font-size:13px;font-weight:700;padding:8px 16px;transition:all .22s ease}.service-category-tab:hover{border-color:#0f766e;color:#0f766e;transform:translateY(-1px)}.service-category-tab.active{background:linear-gradient(135deg,#e6f8f4,#d4f1eb);border-color:#0f766e;box-shadow:0 4px 14px #0f766e24;color:#0a5d56;transform:translateY(-1px)}.service-subcategory-tabs{display:flex;flex-wrap:wrap;gap:8px}.service-subcategory-tab{background:#fff;border:1px solid #d7e4ef;border-radius:999px;color:#475569;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.service-subcategory-tab.active{background:#ecfdf5;border-color:#0f766e;color:#0f766e}.service-carousel-shell{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) 42px}.service-carousel-arrow{align-self:center;background:#fff;border:1px solid #d5e2ef;border-radius:999px;box-shadow:0 4px 12px #12223b0f;color:#10233d;font-size:26px;height:42px;line-height:1;padding:0;transition:all .22s ease;width:42px}.service-carousel-arrow:hover:not(:disabled){border-color:#0f766e;box-shadow:0 6px 18px #0f766e1f;color:#0f766e;transform:translateY(-2px)}.service-carousel-arrow:disabled{box-shadow:none;cursor:default;opacity:0;pointer-events:none}.service-carousel-track{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.service-carousel-card{grid-gap:12px;align-content:space-between;background:#fff;border:1px solid #dce8f2;border-radius:18px;box-shadow:0 4px 16px #12223b0f;cursor:pointer;display:grid;gap:12px;min-height:210px;overflow:hidden;padding:18px;position:relative;transition:all .28s cubic-bezier(.22,1,.36,1)}.service-carousel-card:before{background:linear-gradient(90deg,#0000,#0f766e4d,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.service-carousel-card:hover{border-color:#93d4cb;box-shadow:0 12px 32px #0f766e1a,0 4px 12px #12223b0f;transform:translateY(-5px)}.service-carousel-card:hover:before{opacity:1}.service-carousel-card.selected{background:linear-gradient(180deg,#fafffe,#f5fcfa);border-color:#0f766e;box-shadow:0 8px 24px #0f766e29,0 0 0 1px #0f766e1a}.service-carousel-card.selected:before{background:linear-gradient(90deg,#0f766e,#14b8a6,#0f766e);height:3px;opacity:1}.service-carousel-card-body{grid-gap:12px;display:grid;gap:12px}.service-carousel-card h3{color:#10233d;font-size:17px;font-weight:700;line-height:1.35;min-height:46px}.service-carousel-detail-row{align-items:center;border-top:1px dashed #dbe6f1;display:flex;gap:10px;justify-content:space-between;padding-top:10px}.service-carousel-detail-row span{color:#64748b;font-size:12px}.service-carousel-detail-row strong{color:#0f766e;font-size:14px;font-weight:700;text-align:right}.service-select-btn{align-items:center;background:#f8fbff;border:1px solid #d7e4ef;border-radius:12px;color:#314256;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin:0;padding:11px 12px;transition:all .22s ease;width:100%}.service-select-btn:hover{background:#f0faf8;border-color:#0f766e;color:#0f766e}.service-select-btn.selected{background:linear-gradient(135deg,#0f766e,#0e918a);border-color:#0f766e;box-shadow:0 4px 12px #0f766e33;color:#fff}.service-select-icon{align-items:center;background:#ffffff2e;border-radius:999px;display:inline-flex;font-size:16px;height:22px;justify-content:center;line-height:1;width:22px}.service-carousel-footer{align-items:center;color:#5b6a82;display:flex;font-size:12px;gap:10px;justify-content:space-between;padding-inline:4px}.service-carousel-empty{background:#ffffffd1;border:1px dashed #c8d7e6;border-radius:14px;color:#64748b;font-size:13px;padding:18px;text-align:center}.service-compact-table-wrap{background:#fff;border:1px solid #dce8f2;border-radius:14px;overflow:auto}.service-compact-table{border-collapse:collapse;min-width:520px;width:100%}.service-compact-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;padding:10px 12px;text-align:left}.service-compact-table tbody td{border-bottom:1px solid #eef2f7;color:#334155;font-size:13px;padding:10px 12px;vertical-align:middle}.service-compact-table tbody tr:last-child td{border-bottom:0}.service-compact-table tbody tr.is-selected{background:#f0fdf4}.service-compact-table .service-select-btn{font-size:12px;min-width:104px;padding:8px 10px;width:auto}.selected-services-list{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.selected-services-empty{background:#f8fbff;border:1px dashed #cddaea;border-radius:14px;color:#64748b;font-size:13px;line-height:1.6;padding:16px;text-align:center}.selected-service-chip{align-items:center;animation:fadeInUp .3s ease both;background:linear-gradient(135deg,#f8fbff,#f3f8fe);border:1px solid #dce8f2;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 14px;transition:border-color .2s ease}.selected-service-chip:hover{border-color:#b3d9d4}.selected-service-chip strong{color:#10233d;display:block;font-size:14px;font-weight:600}.selected-service-chip span{color:#64748b;font-size:12px}.chip-remove-btn{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;font-size:18px;height:30px;line-height:1;min-width:30px;padding:0;transition:all .2s ease}.chip-remove-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444;transform:scale(1.1)}.slot-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.slot-btn{background:#fff;border:1px solid #d8e5ef;border-radius:12px;color:#334155;font-size:14px;font-weight:600;padding:12px 10px;position:relative;transition:all .22s ease}.slot-btn:hover{background:#f5fcfa;border-color:#0f766e;box-shadow:0 4px 12px #0f766e14;color:#0f766e;transform:translateY(-2px)}.slot-btn.active{animation:pulseGlow 2s ease infinite;background:linear-gradient(135deg,#e6f8f4,#d4f1eb);border-color:#0f766e;box-shadow:0 4px 14px #0f766e24;color:#0a5d56;font-weight:700}.slot-btn.busy,.slot-btn:disabled{background:repeating-linear-gradient(-45deg,#f3f4f6,#f3f4f6 4px,#e9ecef 0,#e9ecef 8px);border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed}.slot-btn.busy:hover,.slot-btn:disabled:hover{border-color:#e5e7eb;box-shadow:none;color:#9ca3af;transform:none}.booking-panel textarea{min-height:90px;resize:vertical}.field-error{background:#fef2f2;border-left:3px solid #dc2626;color:#dc2626;display:block;font-weight:500}.field-error,.field-hint{border-radius:8px;font-size:12px;margin-top:8px;padding:6px 10px}.field-hint{background:#0f766e0a;border-left:3px solid #0f766e4d;color:#51607a;line-height:1.5}.date-picker-row{-ms-overflow-style:none;display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.date-picker-row::-webkit-scrollbar{display:none}.date-picker-btn{align-items:center;background:#fff;border:1px solid #d8e5ef;border-radius:16px;color:#334155;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;height:72px;justify-content:center;transition:all .22s ease;width:72px}.date-picker-btn:hover{background:#f5fcfa;box-shadow:0 4px 12px #0f766e14}.date-picker-btn.active,.date-picker-btn:hover{border-color:#0f766e;transform:translateY(-2px)}.date-picker-btn.active{background:linear-gradient(135deg,#e6f8f4,#d4f1eb);box-shadow:0 4px 14px #0f766e24;color:#0a5d56}.date-picker-day{font-size:12px;font-weight:600;margin-bottom:4px}.date-picker-btn.active .date-picker-day{color:#0a5d56}.date-picker-date{font-size:16px;font-weight:800}.other-date-btn{background:#f8fbff;border:1px dashed #0f766e;overflow:hidden;position:relative}.other-date-btn .date-picker-date{font-size:14px}.hidden-date-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.booking-summary{grid-gap:10px;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);background:radial-gradient(ellipse at top,#0f766e0a,#0000 60%),#ffffffe0;display:grid;gap:10px;position:sticky;top:88px}.booking-summary h2{color:#0c1c30;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.3}.summary-row{align-items:center;background:linear-gradient(135deg,#f8fbff,#f4f8fd);border:1px solid #e4ecf4;border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:11px 14px;transition:border-color .2s ease}.summary-row:hover{border-color:#0f766e2e}.summary-row span{color:#51607a;font-size:13px}.summary-row strong{color:#0f766e;font-size:14px;font-weight:700;text-align:right}.summary-row.discount strong{color:#dc2626}.summary-row.total{background:linear-gradient(135deg,#effcf8,#e4f8f3);border-color:#0f766e42}.summary-row.total span,.summary-row.total strong{font-size:15px;font-weight:800}.summary-services-card{grid-gap:10px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e4ecf4;border-radius:16px;display:grid;gap:10px;padding:14px}.summary-services-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.summary-services-head strong{color:#10233d;font-size:14px;font-weight:700}.summary-services-head span{background:#0f766e14;border-radius:999px;color:#64748b;color:#0f766e;font-size:12px;font-weight:600;padding:3px 10px}.summary-services-list{grid-gap:6px;display:grid;gap:6px}.summary-service-item{align-items:center;background:#fff;border:1px solid #e8eff7;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:border-color .2s ease}.summary-service-item:hover{border-color:#c5ddd8}.summary-service-item span{color:#334155;font-size:13px}.summary-service-item strong{color:#0f766e;font-size:13px;font-weight:700}.voucher-picker-panel{grid-gap:10px;background:linear-gradient(180deg,#fffdf6,#fff);border:1px solid #e4ecf4;border-radius:16px;display:grid;gap:10px;padding:14px}.voucher-picker-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.voucher-picker-head strong{color:#10233d;font-size:14px;font-weight:700}.voucher-picker-head span{color:#9a6700;font-size:12px;font-weight:700}.voucher-picker-panel select{background:#fff;border:1px solid #d8e5ef;border-radius:12px;color:#334155;font-size:13px;min-height:42px;padding:0 12px;width:100%}.voucher-note{color:#64748b;font-size:12px;line-height:1.5}.voucher-note.success{color:#0f766e;font-weight:700}.voucher-note.error{color:#dc2626;font-weight:700}.cancellation-risk-panel{grid-gap:8px;background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;display:grid;gap:8px;padding:14px}.cancellation-risk-panel.risk-medium{background:#fffbeb;border-color:#fde68a}.cancellation-risk-panel.risk-high{background:#fff5f5;border-color:#fecaca}.cancellation-risk-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.cancellation-risk-head strong{color:#10233d;font-size:13px;font-weight:800}.cancellation-risk-head span{color:#0f766e;font-size:12px;font-weight:800}.risk-high .cancellation-risk-head span{color:#dc2626}.cancellation-risk-panel p{color:#475569;font-size:12px;line-height:1.55;margin:0}.booking-summary .btn-primary{background:linear-gradient(135deg,#0f766e,#0e918a 50%,#0f766e);background-size:200% 100%;border-radius:14px;box-shadow:0 4px 14px #0f766e33;font-size:15px;font-weight:700;letter-spacing:.01em;margin-top:6px;padding:14px 16px;transition:all .35s ease;width:100%}.booking-summary .btn-primary:hover:not(:disabled){background-position:100% 0;box-shadow:0 8px 24px #0f766e47;transform:translateY(-2px)}.booking-summary .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.booking-summary p{color:#64748b;font-size:12px;line-height:1.65}.payment-method-panel{grid-gap:10px;background:linear-gradient(180deg,#f8fbff,#f2f7fd);border:1px solid #e4ecf4;border-radius:16px;display:grid;gap:10px;padding:14px}.payment-method-head{grid-gap:4px;display:grid;gap:4px}.payment-method-head strong{color:#10233d;font-size:14px;font-weight:700}.payment-method-head span{color:#64748b;font-size:12px;line-height:1.5}.payment-option{grid-gap:4px;background:#fff;border:1px solid #d5e2ef;border-radius:14px;box-shadow:none;color:#1f2937;display:grid;gap:4px;min-height:0;padding:14px;text-align:left;transition:all .25s ease;width:100%}.payment-option:hover{border-color:#0f766e;box-shadow:0 4px 12px #0f766e0f;color:#0f766e;transform:translateY(-1px)}.payment-option.active{background:linear-gradient(135deg,#eefcf7,#ddf7ef);border-color:#0f766e;box-shadow:0 4px 16px #0f766e24,0 0 0 1px #0f766e0f;color:#0a5d56}.payment-option.disabled,.payment-option:disabled{background:#f8fafc;border-color:#e5e8ec;box-shadow:none;color:#94a3b8;cursor:not-allowed}.payment-option.disabled:hover,.payment-option:disabled:hover{border-color:#e5e8ec;box-shadow:none;color:#94a3b8;transform:none}.payment-option-title{font-size:14px;font-weight:700}.payment-option small{color:inherit;line-height:1.5}@media (max-width:980px){.booking-layout{grid-template-columns:1fr}.booking-summary{position:static}}@media (max-width:620px){.booking-panel,.booking-summary{border-radius:16px;padding:16px}.booking-panel>.form-group{border-radius:14px;padding:14px}.service-browser-head,.service-carousel-footer{grid-gap:8px;display:grid;gap:8px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-carousel-track{grid-template-columns:1fr}.service-carousel-arrow{font-size:22px;height:36px;width:36px}.selected-service-chip,.summary-service-item,.summary-services-head{align-items:flex-start;flex-direction:column}.booking-summary .btn-primary{font-size:14px;padding:13px 14px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.auth-card{background:#fff;border-radius:8px;box-shadow:0 2px 16px #0000001a;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.auth-card .form-group,.auth-card form{margin-bottom:20px}.auth-card .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.auth-card .form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.auth-card .form-group input:focus{border-color:#e91e63;box-shadow:0 0 5px #e91e634d;outline:none}.auth-card .password-input-wrap{position:relative}.auth-card .password-input-wrap input{padding-right:46px}.auth-card .password-toggle{align-items:center;background:#0000;border:0;color:#666;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px}.auth-card .password-toggle:hover{color:#e91e63}.auth-card .password-toggle:focus-visible{border-radius:999px;outline:2px solid #e91e63;outline-offset:2px}.auth-card .password-toggle svg{height:20px;width:20px}.auth-card .password-requirements{color:#666;font-size:13px;margin-top:8px}.auth-card .password-requirements-title{font-weight:500;margin:4px 0}.auth-card .password-check-list{grid-gap:4px;display:grid;gap:4px;margin-left:12px}.auth-card .password-check-item{color:#999}.auth-card .password-check-item.is-valid{color:#4caf50}.auth-card .field-hint{font-size:13px;font-weight:500;margin-top:8px}.auth-card .field-hint.error{color:#c62828}.auth-card .field-hint.success{color:#2e7d32}.auth-card .btn-primary{font-size:16px;font-weight:700;padding:12px;width:100%}.auth-card .btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-link{color:#666;font-size:14px;text-align:center}.auth-link a{color:#e91e63;font-weight:700;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-card .auth-link-inline{margin-bottom:16px;margin-top:-8px}.social-login-block{margin:8px 0 20px}.social-login-divider{color:#999;font-size:13px;margin:6px 0 12px;text-align:center}.google-login-block{margin-bottom:10px}.google-login-button,.zalo-login-button{display:flex;justify-content:center;min-height:42px}.zalo-login-button{align-items:center;background:#0068ff;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:10px;padding:10px 16px;transition:background .2s,box-shadow .2s;width:100%}.zalo-login-button:hover{background:#0054cc;box-shadow:0 2px 8px #0068ff4d}.zalo-login-button:disabled{cursor:not-allowed;opacity:.6}.zalo-login-button .zalo-icon{flex-shrink:0}.zalo-callback-spinner{animation:zalo-spin .7s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#0068ff;height:40px;margin:20px auto;width:40px}@keyframes zalo-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.auth-card{padding:20px}.auth-card h1{font-size:24px}}.alert-lockout{align-items:flex-start;animation:lockout-appear .35s ease;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:1.5px solid #fca5a5!important;color:#991b1b!important;display:flex;gap:10px;padding:16px!important}.lockout-icon{color:#dc2626;flex-shrink:0;margin-top:1px}.lockout-content{flex:1 1;min-width:0}.lockout-countdown{align-items:center;display:flex;gap:8px;margin-top:10px}.countdown-label{color:#b91c1c;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.countdown-timer{align-items:center;animation:countdown-pulse 1s ease-in-out infinite;background:#fff;border:1.5px solid #fca5a5;border-radius:8px;color:#dc2626;display:inline-flex;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700;justify-content:center;letter-spacing:2px;min-width:64px;padding:2px 10px}@keyframes lockout-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.7}}body.my-appointments-scroll-lock{overflow-y:hidden}body.my-appointments-scroll-lock .app{height:100vh;height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}body.my-appointments-scroll-lock .main-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}body.my-appointments-scroll-lock .footer{display:none}.appointments-page{color:#1a1d23;display:flex;flex:1 1 auto;flex-direction:column;gap:16px;height:auto;min-height:0;overflow:hidden;width:100%}.appointments-page-head{align-items:center;background:linear-gradient(135deg,#0f766e,#065f46 50%,#064e3b);border-radius:20px;box-shadow:0 8px 32px #0f766e2e;color:#fff;display:flex;gap:20px;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.appointments-page-head:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);height:260px;right:-10%;top:-40%;width:260px}.appointments-page-head:after,.appointments-page-head:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.appointments-page-head:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);bottom:-30%;height:180px;left:15%;width:180px}.appointments-head-info{position:relative;z-index:1}.appointments-page h1{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.appointments-page h1+p{color:#ffffffb3;font-size:13px;font-weight:500;margin:4px 0 0}.appointment-stats-grid{display:flex;gap:8px;position:relative;z-index:1}.appointment-stats-grid article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:14px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:10px 14px;transition:background .2s ease,transform .2s ease}.appointment-stats-grid article:hover{background:#ffffff2e;transform:translateY(-1px)}.appointment-stats-grid span{color:#ffffffb3;font-size:11px;font-weight:600;text-transform:none;white-space:nowrap}.appointment-stats-grid strong{color:#fff;font-size:22px;font-weight:900;line-height:1}.online-payment-banner{align-items:center;background:linear-gradient(135deg,#ecfdf5,#f0fdfa 60%,#fff);border:1px solid #0f766e26;border-radius:16px;box-shadow:0 2px 12px #0f766e0f;display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.online-payment-banner strong{color:#064e3b;display:block;font-size:15px;font-weight:700;margin-bottom:3px}.online-payment-banner span{color:#475569;font-size:13px;line-height:1.5}.filter-buttons{background:#f1f5f9;border-radius:14px;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:4px;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{background:#0000;border:none;border-radius:10px;color:#64748b;font-weight:650;min-height:36px;padding:8px 16px;transition:all .22s ease;white-space:nowrap}.filter-btn:hover{background:#0f766e0f;color:#0f766e}.filter-btn.active{background:#fff;box-shadow:0 2px 8px #0000000f;color:#0f766e;font-weight:700}.appointments-list{align-self:center;display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-color:#0f766e33 #0000;scrollbar-width:thin;width:min(100%,1000px)}.appointments-list::-webkit-scrollbar{width:5px}.appointments-list::-webkit-scrollbar-track{background:#0000}.appointments-list::-webkit-scrollbar-thumb{background:#0f766e33;border-radius:999px}.appointment-card{background:#fff;border:1px solid #e8ecf2;border-radius:18px;box-shadow:0 4px 16px #0000000a;overflow:hidden;transition:all .28s cubic-bezier(.4,0,.2,1)}.appointment-card:hover{border-color:#0f766e33;box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.appointment-header{align-items:flex-start;background:linear-gradient(180deg,#fafcfe,#fff);border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:14px 18px 12px}.booking-time-block{display:flex;flex-direction:column;gap:4px;min-width:0}.booking-time-block span{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.booking-time-block strong{color:#0f172a;font-size:17px;font-weight:800;line-height:1.25;margin:0}.booking-time-block small{color:#94a3b8;font-size:12px;font-weight:600}.booking-header-side{align-items:flex-start;display:flex;flex:0 0 auto;gap:12px}.booking-total-header{align-items:flex-end;min-width:150px;text-align:right}.booking-total-header strong{color:#0f766e;font-size:20px}.badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;gap:5px;letter-spacing:.01em;padding:5px 12px;white-space:nowrap}.badge:before{border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.badge-warning{background:#fefce8;border-color:#fde68a;color:#a16207}.badge-warning:before{background:#eab308}.badge-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.badge-success:before{background:#10b981}.badge-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.badge-info:before{background:#3b82f6}.badge-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.badge-danger:before{background:#ef4444}.badge-cancel-request{background:#fffbeb;border-color:#fde68a;color:#b45309}.badge-cancel-request:before{background:#f59e0b}.badge-payment-pending{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.badge-payment-pending:before{background:#f97316}.badge-default{background:#f8fafc;border-color:#e2e8f0;color:#475569}.badge-default:before{background:#94a3b8}.appointment-body{display:flex;flex-direction:column;gap:12px;padding:14px 18px 16px}.booking-services-section{display:flex;flex-direction:column;gap:10px}.booking-section-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.booking-service-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.booking-service-list li{color:#1e293b;font-size:14px;font-weight:600;line-height:1.5;padding-left:20px;position:relative}.booking-service-list li:before{background:linear-gradient(135deg,#0f766e,#10b981);border-radius:3px;content:"";height:8px;left:0;position:absolute;top:.55em;width:8px}.booking-services-section small{color:#64748b;font-size:13px;font-weight:500}.booking-services-section small strong{color:#334155;font-weight:700}.notes{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;line-height:1.55}.awaiting-staff-note,.notes{font-size:13px;padding:12px 14px}.awaiting-staff-note{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1d4ed8;display:flex;font-weight:500;gap:8px;line-height:1.5}.awaiting-staff-note:before{align-items:center;background:#dbeafe;border-radius:50%;color:#2563eb;content:"ℹ";display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:20px;justify-content:center;margin-top:1px;width:20px}.cancellation-request-note{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:flex;font-size:13px;font-weight:500;gap:8px;line-height:1.5;padding:12px 14px}.cancellation-request-note:before{align-items:center;background:#fef3c7;border-radius:50%;content:"⚠";display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;margin-top:1px;width:20px}.booking-card-footer{align-items:flex-end;border-top:1px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding-top:10px}.booking-total{display:flex;flex-direction:column;gap:3px}.booking-total span{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.booking-total strong{color:#0f172a;font-size:22px;font-weight:900;letter-spacing:-.01em;line-height:1.1}.booking-total small{color:#94a3b8;font-size:12px;font-weight:500}.booking-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.booking-card-actions .btn-danger,.booking-card-actions .btn-primary,.booking-card-actions .btn-secondary{border-radius:10px;font-size:13px;font-weight:650;min-height:38px;padding:8px 16px}.review-form{background:linear-gradient(180deg,#f0fdf4,#fff);border:1px solid #d1fae5;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:16px}.review-form h4{color:#065f46;font-size:15px;font-weight:700;margin:0}.review-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:54px 1fr}.review-row label{color:#4b5563;font-size:13px;font-weight:600}.review-form textarea,.review-row select{background:#fff;border:1px solid #d1fae5;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.review-form textarea:focus,.review-row select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.review-submit-btn{justify-self:start}.review-result{background:#fafcfe;border:1px solid #e8ecf2;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.review-result-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.review-result-head strong{color:#0f172a;font-size:14px;font-weight:700}.review-stars{color:#f59e0b;font-size:15px;letter-spacing:2px}.review-result p{color:#64748b;font-size:13px;line-height:1.55;margin:0}.no-appointments{align-items:center;background:#fff;border:1px dashed #e2e8f0;border-radius:18px;color:#64748b;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;justify-content:center;padding:48px 24px;text-align:center}.no-appointments .empty-icon{font-size:48px;margin-bottom:4px}.no-appointments p{font-size:15px;font-weight:500}.appointments-pagination{align-items:center;align-self:center;background:#fff;border:1px solid #e8ecf2;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:8px 14px;width:min(100%,1000px)}.appointments-pagination>span{color:#64748b;font-size:13px;font-weight:600;white-space:nowrap}.pagination-pages{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.pagination-pages button{background:#fff;border:1px solid #e8ecf2;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:650;min-height:32px;min-width:36px;padding:6px 10px;transition:all .2s ease}.pagination-pages button:hover:not(:disabled){background:#f0fdf4;border-color:#0f766e;color:#0f766e}.pagination-pages button.active{background:#0f766e;border-color:#0f766e;box-shadow:0 2px 8px #0f766e33;color:#fff}.pagination-pages button:disabled{background:#f8fafc;border-color:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.pagination-gap{color:#cbd5e1;font-size:13px;font-weight:700;padding:0 2px}.payment-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:5px 10px}.payment-pill.paid{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.payment-pill.pending{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.payment-pill.failed{background:#fef2f2;border-color:#fecaca;color:#dc2626}.payment-pill.idle{background:#f8fafc;border-color:#e2e8f0;color:#475569}@media (max-width:768px){.appointments-page{gap:12px}.appointments-page-head{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 16px}.appointments-page h1{font-size:22px}.appointment-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.appointment-header,.online-payment-banner{align-items:flex-start;flex-direction:column}.appointment-header{gap:10px;padding:14px 16px 12px}.booking-header-side{justify-content:space-between;width:100%}.booking-total-header{align-items:flex-start;text-align:left}.appointment-body{padding:14px 16px 16px}.filter-buttons{border-radius:12px}.booking-card-footer{align-items:stretch;flex-direction:column;gap:12px}.booking-card-actions{display:grid}.booking-card-actions,.review-row{grid-template-columns:1fr}.appointments-pagination{align-items:stretch;flex-direction:column}.pagination-pages{justify-content:flex-start}}@media (max-width:420px){.appointment-stats-grid{grid-template-columns:1fr}}.my-vouchers-page{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 48px);min-height:0;overflow:hidden}.voucher-page-head{align-items:center;background:linear-gradient(135deg,#0f766e,#065f46 50%,#064e3b);border-radius:20px;box-shadow:0 8px 32px #0f766e2e;color:#fff;display:flex;gap:20px;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.voucher-page-head:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:240px;right:-8%;top:-40%;width:240px}.voucher-page-head:after,.voucher-page-head:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.voucher-page-head:after{background:radial-gradient(circle,#ffffff0f 0,#0000 70%);bottom:-30%;height:160px;left:20%;width:160px}.voucher-head-title{align-items:center;display:flex;gap:14px;min-width:0;position:relative;z-index:1}.voucher-head-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:14px;color:#fff;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.voucher-head-svg{stroke-width:1.9;height:24px;width:24px}.voucher-page-head p{color:#ffffffb3;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 2px;text-transform:uppercase}.voucher-page-head h1{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}.voucher-count{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;min-width:80px;padding:12px 16px;position:relative;text-align:center;transition:background .2s ease;z-index:1}.voucher-count:hover{background:#ffffff38}.voucher-count strong{color:#fff;display:block;font-size:26px;font-weight:900;line-height:1}.voucher-count span{color:#ffffffbf;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.voucher-grid{grid-gap:14px;align-content:start;display:grid;flex:1 1 auto;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow-y:auto;padding-right:4px;scrollbar-color:#0f766e33 #0000;scrollbar-width:thin}.voucher-grid::-webkit-scrollbar{width:5px}.voucher-grid::-webkit-scrollbar-track{background:#0000}.voucher-grid::-webkit-scrollbar-thumb{background:#0f766e33;border-radius:999px}.voucher-card,.voucher-empty{background:#fff;border:1px solid #e8ecf2;border-radius:20px;box-shadow:0 4px 16px #0000000a}.voucher-card{display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden;padding:16px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.voucher-card:before{background:linear-gradient(90deg,#0f766e,#34d399,#0f766e);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .28s ease}.voucher-card:hover{border-color:#0f766e33;box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.voucher-card:hover:before{opacity:1}.voucher-card.active:before{background:linear-gradient(90deg,#10b981,#34d399,#10b981);opacity:1}.voucher-card.expiring_soon{background:linear-gradient(180deg,#fffdf4,#fff);border-color:#fde68a}.voucher-card.expiring_soon:before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);opacity:1}.voucher-card.expired,.voucher-card.inactive,.voucher-card.used{opacity:.55}.voucher-card.expired:hover,.voucher-card.inactive:hover,.voucher-card.used:hover{opacity:.7}.voucher-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.voucher-card-top span{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.voucher-card.active .voucher-card-top span,.voucher-card.expiring_soon .voucher-card-top span{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.voucher-card.expiring_soon .voucher-card-top span{background:#fffbeb;border-color:#fde68a;color:#b45309}.voucher-card.expired .voucher-card-top span,.voucher-card.inactive .voucher-card-top span,.voucher-card.used .voucher-card-top span{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.voucher-card-top strong{color:#dc2626;font-size:18px;font-weight:900;letter-spacing:-.01em;text-align:right}.voucher-card h2{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:.02em;line-height:1.15;margin:0;overflow-wrap:anywhere}.voucher-card p{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#64748b;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.voucher-meta-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-meta{background:#fafcfe;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px;transition:background .15s ease}.voucher-meta:hover{background:#f1f5f9}.voucher-meta span{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.voucher-meta strong{color:#1e293b;font-size:13px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voucher-copy-btn{background:linear-gradient(135deg,#0f766e,#065f46);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.01em;min-height:38px;padding:9px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.voucher-copy-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#047857);box-shadow:0 6px 20px #0f766e38;transform:translateY(-1px)}.voucher-copy-btn:active:not(:disabled){transform:translateY(0)}.voucher-copy-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.voucher-pagination{align-items:center;background:#fff;border:1px solid #e8ecf2;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:8px 14px}.voucher-pagination>span{color:#64748b;font-size:13px;font-weight:600;white-space:nowrap}.voucher-pagination .pagination-pages{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.voucher-pagination .pagination-pages button{background:#fff;border:1px solid #e8ecf2;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:650;min-height:32px;min-width:36px;padding:6px 10px;transition:all .2s ease}.voucher-pagination .pagination-pages button:hover:not(:disabled){background:#f0fdf4;border-color:#0f766e;color:#0f766e}.voucher-pagination .pagination-pages button.active{background:#0f766e;border-color:#0f766e;box-shadow:0 2px 8px #0f766e33;color:#fff}.voucher-pagination .pagination-pages button:disabled{background:#f8fafc;border-color:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.voucher-pagination .pagination-gap{color:#cbd5e1;font-size:13px;font-weight:700}.voucher-empty{align-items:center;border:1px dashed #e2e8f0;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;justify-content:center;min-height:0;padding:40px 24px;text-align:center}.voucher-empty .empty-icon{font-size:48px;margin-bottom:4px}.voucher-empty h2{color:#1e293b;font-size:18px;font-weight:700;margin:0}.voucher-empty p{color:#94a3b8;font-size:14px;font-weight:500;margin:0}@media (max-width:620px){.voucher-page-head{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 16px}.voucher-count{width:100%}.voucher-grid{grid-template-columns:1fr;padding-right:4px}.voucher-pagination{align-items:stretch;flex-direction:column}}.payment-invoice-page{grid-gap:18px;display:grid;gap:18px}.invoice-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.invoice-link-back{align-items:center;background:#fff;border:1px solid #d8e3ef;border-radius:12px;color:#10233d;display:inline-flex;font-weight:700;justify-content:center;padding:10px 16px;text-decoration:none}.invoice-sheet{grid-gap:18px;background:#fff;border:1px solid #d9e6f3;border-radius:24px;box-shadow:0 18px 42px #0f172a14;display:grid;gap:18px;padding:28px}.invoice-header{align-items:flex-start;border-bottom:1px solid #e5eef7;display:flex;gap:20px;justify-content:space-between;padding-bottom:18px}.invoice-kicker{background:#eef6ff;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:10px;padding:6px 10px;text-transform:uppercase}.invoice-header h1{color:#0f172a;font-size:clamp(28px,4vw,40px);margin:0 0 8px}.invoice-header p{color:#475569;line-height:1.7;margin:0}.invoice-status-box{grid-gap:6px;background:linear-gradient(180deg,#f8fbff,#eef4fb);border:1px solid #d9e6f3;border-radius:18px;display:grid;gap:6px;min-width:240px;padding:16px}.invoice-status-box span{color:#64748b;font-size:12px}.invoice-status-box strong{color:#0f172a;font-size:22px}.invoice-status-box small{color:#0f766e;font-size:13px;font-weight:700}.invoice-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-card,.invoice-detail-card,.invoice-total-card{grid-gap:12px;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #dce6f1;border-radius:20px;display:grid;gap:12px;padding:20px}.invoice-card h2,.invoice-detail-card h2{color:#10233d;font-size:18px;margin:0}.invoice-row{align-items:flex-start;border-bottom:1px solid #edf2f7;display:flex;gap:14px;justify-content:space-between;padding-bottom:10px}.invoice-row:last-child{border-bottom:none;padding-bottom:0}.invoice-row span{color:#64748b;font-size:13px}.invoice-row strong{color:#10233d;font-size:14px;text-align:right}.invoice-detail-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-detail-grid .invoice-row:last-child,.invoice-detail-grid .invoice-row:nth-last-child(2){border-bottom:none}.invoice-total-line{align-items:center;display:flex;gap:14px;justify-content:space-between}.invoice-total-line span{color:#475569;font-size:14px}.invoice-total-line strong{color:#0f172a;font-size:28px}.invoice-total-line.compact strong{font-size:18px}@media (max-width:860px){.invoice-detail-grid,.invoice-grid,.invoice-header{grid-template-columns:1fr}.invoice-header{flex-direction:column}.invoice-status-box{min-width:0;width:100%}}@media (max-width:640px){.invoice-sheet{border-radius:18px;padding:18px}.invoice-row,.invoice-total-line{align-items:flex-start;flex-direction:column}.invoice-row strong{text-align:left}}@media print{body{background:#fff}.no-print,footer,header{display:none!important}.main-content{max-width:none;padding:0}.invoice-sheet{border:none;border-radius:0;box-shadow:none;padding:0}}.payment-return-page{display:grid}.payment-return-card{grid-gap:18px;background:#fff;border:1px solid #d9e6f3;border-radius:24px;box-shadow:0 18px 42px #0f172a14;display:grid;gap:18px;padding:24px}.payment-status{grid-gap:8px;border:1px solid #0000;border-radius:20px;display:grid;gap:8px;padding:18px}.payment-status.success{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:#86efac}.payment-status.failed{background:linear-gradient(180deg,#fff1f2,#ffe4e6);border-color:#fda4af}.payment-status.pending{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd}.payment-status-kicker{color:#475569;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payment-status h1{color:#0f172a;font-size:clamp(28px,4vw,40px);margin:0}.payment-status p{color:#334155;line-height:1.7;margin:0}.payment-return-note{background:#f8fbff;border:1px solid #dce6f2;border-radius:14px;color:#334155;line-height:1.6;padding:13px 16px}.payment-return-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-return-panel{grid-gap:12px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dce5ef;border-radius:18px;display:grid;gap:12px;padding:18px}.payment-return-panel h2{color:#10233d;font-size:18px;margin:0}.payment-line{align-items:flex-start;border-bottom:1px solid #ebf1f6;display:flex;gap:12px;justify-content:space-between;padding-bottom:10px}.payment-line:last-child{border-bottom:none;padding-bottom:0}.payment-line span{color:#64748b;font-size:13px}.payment-line strong{color:#10233d;font-size:14px;text-align:right}.payment-return-actions{display:flex;flex-wrap:wrap;gap:12px}.payment-return-link{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}@media (max-width:860px){.payment-return-grid{grid-template-columns:1fr}}@media (max-width:640px){.payment-return-card{border-radius:18px;padding:16px}.payment-line{flex-direction:column}.payment-line strong{text-align:left}}.payment-transfer-page{display:grid}.payment-transfer-card{grid-gap:18px;background:#fff;border:1px solid #d9e6f3;border-radius:24px;box-shadow:0 18px 42px #0f172a14;display:grid;gap:18px;padding:24px}.payment-transfer-status{grid-gap:8px;border:1px solid #0000;border-radius:20px;display:grid;gap:8px;padding:18px}.payment-transfer-status.pending{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd}.payment-transfer-status.success{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:#86efac}.payment-transfer-status.failed{background:linear-gradient(180deg,#fff1f2,#ffe4e6);border-color:#fda4af}.payment-transfer-kicker{color:#475569;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payment-transfer-status h1{color:#0f172a;font-size:clamp(28px,4vw,40px);margin:0}.payment-transfer-status p{color:#334155;line-height:1.7;margin:0}.payment-transfer-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.transfer-info-panel,.transfer-qr-panel{grid-gap:14px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dce5ef;border-radius:18px;display:grid;gap:14px;padding:18px}.transfer-info-panel h2,.transfer-qr-head{margin:0}.transfer-qr-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.transfer-info-panel h2,.transfer-qr-head h2{color:#10233d;font-size:20px}.transfer-qr-head span{color:#0f766e;font-size:13px;font-weight:700}.qr-box{background:#fff;border:1px solid #d7e4f2;border-radius:18px;display:grid;min-height:332px;padding:18px;place-items:center}.qr-box img{display:block;height:auto;width:min(100%,360px)}.transfer-state-box{grid-gap:8px;align-content:center;background:linear-gradient(180deg,#f8fbff,#eef5fb);border:1px dashed #cbd5e1;border-radius:20px;display:grid;gap:8px;justify-items:center;min-height:332px;padding:24px;text-align:center}.transfer-state-box strong{color:#10233d;font-size:24px}.transfer-state-box span{color:#475569;line-height:1.7;max-width:320px}.transfer-state-box.success{background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-color:#86efac}.transfer-state-box.expired{background:linear-gradient(180deg,#fff7ed,#ffe4e6);border-color:#fca5a5}.transfer-amount-box{grid-gap:4px;background:linear-gradient(180deg,#eefcf7,#ddf7ef);border:1px solid #b7ead6;border-radius:16px;display:grid;gap:4px;padding:15px 16px}.transfer-amount-box span{color:#0f5d56;font-size:13px}.transfer-amount-box strong{color:#0f172a;font-size:28px}.transfer-expire-box{grid-gap:6px;background:linear-gradient(180deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;display:grid;gap:6px;padding:16px}.transfer-expire-box small,.transfer-expire-box span{color:#1e3a8a}.transfer-expire-box strong{color:#0f172a;font-size:32px;letter-spacing:.06em}.transfer-expire-box small{line-height:1.6}.transfer-expire-box.urgent{background:linear-gradient(180deg,#fff7ed,#ffedd5);border-color:#f59e0b}.transfer-expire-box.urgent small,.transfer-expire-box.urgent span{color:#9a3412}.transfer-copy-grid{grid-gap:10px;display:grid;gap:10px}.transfer-copy-item{grid-gap:6px;background:#f8fbff;border:1px solid #e3ebf4;border-radius:14px;display:grid;gap:6px;padding:14px}.transfer-copy-item span{color:#64748b;font-size:12px}.transfer-copy-item strong{color:#10233d;font-size:15px;word-break:break-word}.transfer-copy-item .btn-secondary{width:fit-content}.transfer-summary{grid-gap:10px;background:#fff;border:1px solid #e3ebf4;border-radius:16px;display:grid;gap:10px;padding:14px}.transfer-support-note{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;color:#92400e;line-height:1.6;padding:14px 16px}.payment-transfer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.payment-transfer-actions .btn-primary,.payment-transfer-actions .btn-secondary{border-radius:16px;box-shadow:0 12px 24px #0f172a14;font-weight:700;min-height:52px;padding:0 22px}.payment-transfer-link{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.payment-transfer-actions .btn-secondary{background:linear-gradient(180deg,#fff,#eef4fb);border:1px solid #d7e4ef;color:#10233d}.payment-transfer-actions .btn-secondary:hover{background:linear-gradient(180deg,#fff,#e8f7f5);border-color:#0f766e;box-shadow:0 16px 28px #0f766e1f;color:#0f766e;transform:translateY(-1px)}.payment-transfer-actions .btn-secondary:disabled{box-shadow:0 12px 24px #0f172a14;cursor:wait;opacity:.7;transform:none}.payment-transfer-actions .btn-primary{background:linear-gradient(135deg,#0f766e,#0b5f58);box-shadow:0 16px 28px #0f766e38;color:#fff}.payment-transfer-actions .btn-primary:hover{box-shadow:0 20px 32px #0f766e42;transform:translateY(-1px)}.payment-transfer-link.secondary{background:linear-gradient(180deg,#fff,#eef4fb)}@media (max-width:920px){.payment-transfer-grid{grid-template-columns:1fr}}@media (max-width:640px){.payment-transfer-card{border-radius:18px;padding:16px}.payment-transfer-actions>*{width:100%}.transfer-qr-head{align-items:flex-start;flex-direction:column}}.profile-container{align-items:flex-start;display:flex;height:calc(100vh - 48px);justify-content:center;margin:0 auto;max-width:960px;min-height:0;overflow:hidden;padding:8px 12px;width:100%}.profile-card{align-items:stretch;background:#fff;border:1px solid #e8ecf2;border-radius:22px;box-shadow:0 8px 40px #0000000f;display:grid;grid-template-columns:220px minmax(0,1fr);max-height:100%;overflow:hidden;padding:0;width:100%}.profile-main{min-width:0;padding:18px 22px 24px}.profile-identity,.profile-main{display:flex;flex-direction:column;gap:12px}.profile-identity{align-items:center;align-self:stretch;background:linear-gradient(180deg,#0f766e,#065f46 50%,#064e3b);color:#fff;justify-content:center;min-height:0;overflow:hidden;padding:22px 18px;position:relative}.profile-identity:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);height:200px;right:-40%;top:-30%;width:200px}.profile-identity:after,.profile-identity:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.profile-identity:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);bottom:-20%;height:160px;left:-30%;width:160px}.profile-avatar-wrap{cursor:pointer;position:relative;z-index:1}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-avatar,.profile-avatar-placeholder{align-items:center;border:3px solid #ffffff40;border-radius:50%;display:flex;height:92px;justify-content:center;transition:border-color .2s ease;width:92px}.profile-avatar-wrap:hover .profile-avatar,.profile-avatar-wrap:hover .profile-avatar-placeholder{border-color:#ffffff80}.profile-avatar{object-fit:cover}.profile-avatar-placeholder{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;color:#fff;font-size:34px;font-weight:800}.profile-avatar-overlay{align-items:center;background:#00000073;border-radius:50%;display:flex;font-size:22px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.profile-avatar-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.profile-avatar-action{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;color:#ecfdf5;cursor:pointer;font-size:12px;font-weight:700;min-height:34px;padding:7px 14px;transition:all .2s ease;z-index:1}.profile-avatar-action:hover{background:#fff3;border-color:#ffffff59}.profile-info{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.info-item{align-items:flex-start;background:#0000;border:0;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;min-height:46px;min-width:0;padding:0 12px}.info-item:first-child{padding-left:0}.info-item:last-child{border-right:0;padding-right:0}.info-item .label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.info-item .value{color:#0f172a;font-size:14px;font-weight:800;overflow-wrap:anywhere}.profile-loyalty{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.loyalty-card{grid-gap:3px;background:linear-gradient(180deg,#f6fffb,#fff);border:1px solid #dcefe9;border-radius:14px;display:grid;gap:3px;min-width:0;padding:10px 12px}.loyalty-card span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.loyalty-card strong{color:#064e3b;font-size:18px;font-weight:900;line-height:1.15}.loyalty-card small{color:#64748b;font-size:12px;font-weight:550;line-height:1.45}.profile-card form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.profile-card .form-group{margin-bottom:0}.profile-card .form-group:first-child{grid-column:1/-1}.profile-card .form-group label{color:#475569;display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.profile-input-shell{position:relative}.profile-card .form-group input,.profile-card .form-group select{appearance:none;background:#f8fafc;border:1px solid #e8ecf2;border-radius:12px;color:#1e293b;font-size:14px;font-weight:500;min-height:40px;padding:8px 12px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.profile-card .form-group input:disabled,.profile-card .form-group select:disabled{background:#f8fafc;color:#64748b;cursor:default;opacity:1}.profile-card .form-group.is-editing input,.profile-card .form-group.is-editing select{background:#fff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e0f}.profile-card .form-group input:focus,.profile-card .form-group select:focus{background:#fff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.profile-form-actions{align-items:center;display:flex;gap:10px;grid-column:1/-1;padding-bottom:0}.profile-card .btn-primary{background:#064e3b;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.01em;min-height:42px;padding:10px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.profile-card .btn-primary:hover:not(:disabled){background:#0f766e;box-shadow:0 8px 24px #0f766e40;transform:translateY(-1px)}.profile-card .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.35;transform:none}.profile-card .btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:650;min-height:42px;padding:10px 18px;transition:all .2s ease}.profile-card .btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.profile-card .btn-cancel:disabled{cursor:not-allowed;opacity:.35}.profile-card .alert{align-items:center;border-radius:12px;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0;padding:10px 14px}.profile-card .alert:before{flex-shrink:0;font-size:14px}.profile-card .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.profile-card .alert-error:before{align-items:center;background:#fee2e2;border-radius:50%;content:"✕";display:flex;font-size:10px;font-weight:900;height:20px;justify-content:center;width:20px}.profile-card .alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.profile-card .alert-success:before{align-items:center;background:#d1fae5;border-radius:50%;content:"✓";display:flex;font-size:10px;font-weight:900;height:20px;justify-content:center;width:20px}@media (max-width:760px){.profile-container{align-items:flex-start;height:auto;min-height:calc(100vh - 16px);overflow:visible;padding:12px}.profile-card{border-radius:20px;display:block;max-height:none}.profile-main{gap:14px;padding:16px 20px 28px}.profile-identity{border-radius:0;padding:28px 20px 24px}.profile-info{gap:12px;grid-template-columns:repeat(2,1fr)}.profile-loyalty{grid-template-columns:1fr}.info-item{border-bottom:1px solid #f1f5f9;border-right:none;padding:0 0 12px}.info-item:last-child{border-bottom:none;padding-bottom:0}.profile-card form{grid-template-columns:1fr}.profile-card .form-group:first-child{grid-column:1}.profile-form-actions{flex-direction:column;grid-column:1}.profile-card .btn-cancel{width:100%}.profile-card .alert{margin:0}}@media (max-width:480px){.profile-container{padding:8px}.profile-card{border-radius:18px}.profile-main{padding:14px 16px 24px}.profile-avatar,.profile-avatar-placeholder{font-size:30px;height:84px;width:84px}.profile-info{grid-template-columns:1fr}.profile-loyalty{gap:10px}.profile-card .alert{margin:0}}.chatbot-container{background:#fff;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #0f172a26;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:620px;position:fixed;right:20px;width:400px;z-index:999}.chatbot-header{align-items:center;background:linear-gradient(135deg,#0f766e,#0b5f58);border-radius:16px 16px 0 0;color:#fff;display:flex;gap:12px;justify-content:space-between;padding:16px}.chatbot-header-title{align-items:center;display:flex;flex:1 1;gap:10px}.chatbot-header-avatar{align-items:center;background:#ffffff29;border-radius:12px;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.chatbot-header-icon{height:21px;width:21px}.chatbot-header-title h3{font-size:15px;font-weight:700;margin:0}.chatbot-header-title small{display:block;font-size:11px;opacity:.9}.chatbot-header-close{align-items:center;background:#fff3;border:1px solid #ffffff42;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:34px;justify-content:center;min-width:58px;padding:0 12px;transition:background .2s ease}.chatbot-header-close:hover{background:#ffffff4d}.chatbot-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chatbot-message{animation:slideIn .3s ease;display:flex;gap:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.customer{justify-content:flex-end}.chatbot-message-bubble{word-wrap:break-word;border-radius:12px;font-size:13.5px;line-height:1.55;max-width:80%;padding:10px 14px}.chatbot-message.customer .chatbot-message-bubble{background:#0f766e;border-radius:12px 4px 12px 12px;color:#fff}.chatbot-message.bot .chatbot-message-bubble{background:#fff;border:1px solid #dbe5f1;border-radius:4px 12px 12px 12px;color:#12223b}.chatbot-message.system .chatbot-message-bubble{background:#fef3c7;border-radius:8px;color:#92400e;font-size:12px;max-width:90%;text-align:center}.chatbot-md-p{line-height:1.55;margin:0 0 6px}.chatbot-md-p:last-child{margin-bottom:0}.chatbot-md-list{margin:4px 0 6px;padding-left:18px}.chatbot-md-list li{font-size:13px;line-height:1.5;margin-bottom:3px}.chatbot-md-code{background:#f1f5f9;border-radius:4px;color:#0f766e;display:inline;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;padding:1px 5px}.chatbot-md-table-wrap{border:1px solid #e2e8f0;border-radius:8px;margin:6px 0;overflow-x:auto}.chatbot-md-table{border-collapse:collapse;font-size:12px;width:100%}.chatbot-md-table th{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:2px solid #0f766e;color:#0f766e;font-size:11px;font-weight:700;padding:6px 8px;text-align:left;white-space:nowrap}.chatbot-md-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;padding:5px 8px}.chatbot-md-table tr:last-child td{border-bottom:none}.chatbot-md-table tr:hover td{background:#f8fafc}.chatbot-tool-indicator{align-items:center;display:flex;gap:6px;padding:4px 0}.chatbot-tool-icon{animation:toolPulse 1.5s ease infinite;font-size:16px}@keyframes toolPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.chatbot-tool-label{color:#0f766e;font-size:13px;font-weight:600}.chatbot-tool-dots{display:inline-flex;gap:3px;margin-left:2px}.chatbot-tool-dots span{animation:bounce 1.4s infinite;background:#0f766e;border-radius:50%;height:5px;width:5px}.chatbot-tool-dots span:nth-child(2){animation-delay:.2s}.chatbot-tool-dots span:nth-child(3){animation-delay:.4s}.chatbot-quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chatbot-quick-action-btn{align-items:center;background:#ecfdf5;border:1px solid #0f766e;border-radius:999px;color:#0f766e;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.chatbot-quick-action-btn:hover{background:#0f766e;box-shadow:0 2px 8px #0f766e40;color:#fff;transform:translateY(-1px)}.chatbot-message-meta{align-items:center;display:flex;gap:6px;margin-top:4px}.chatbot-message-time{color:#64748b;font-size:11px}.chatbot-source-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:9px;font-weight:700;letter-spacing:.03em;padding:1px 6px;text-transform:uppercase}.chatbot-source-agent{background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4338ca}.chatbot-source-ai{background:#f0fdf4;color:#16a34a}.chatbot-source-faq{background:#fef3c7;color:#b45309}.chatbot-booking-card{background:#fff;border:1px solid #cde7df;border-radius:12px;box-shadow:0 8px 20px #0f766e1a;margin-top:8px;padding:12px;width:min(280px,100%)}.chatbot-booking-card-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.chatbot-booking-card-head strong{color:#0f766e;font-size:13px}.chatbot-booking-card-head span{background:#ecfdf5;border-radius:999px;color:#047857;font-size:11px;font-weight:800;padding:4px 8px}.chatbot-booking-card dl{grid-gap:6px;display:grid;gap:6px;margin:0}.chatbot-booking-card dl div{display:flex;gap:10px;justify-content:space-between}.chatbot-booking-card dd,.chatbot-booking-card dt{font-size:12px;margin:0}.chatbot-booking-card dt{color:#64748b}.chatbot-booking-card dd{color:#12223b;font-weight:700;text-align:right}.chatbot-booking-card p{color:#b45309;font-size:12px;line-height:1.45;margin:8px 0 0}.chatbot-suggestions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chatbot-suggestion-btn{align-items:center;background:#f1f5f9;border:1px solid #dbe5f1;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease}.chatbot-suggestion-btn:hover{background:#e2e8f0;border-color:#0f766e;color:#0f766e}.chatbot-suggestion-icon{flex-shrink:0;font-size:15px;text-align:center;width:18px}.chatbot-input-area{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #dbe5f1;display:flex;gap:8px;padding:12px}.chatbot-input{border:1px solid #dbe5f1;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;max-height:80px;padding:10px 12px;resize:none}.chatbot-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.chatbot-send-btn{align-items:center;background:#0f766e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;min-width:58px;padding:0 14px;transition:background .2s ease}.chatbot-send-btn:hover{background:#0b5f58}.chatbot-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.chatbot-toggle-btn{align-items:center;background:linear-gradient(135deg,#0f766e,#0b5f58);border:none;border-radius:999px;bottom:20px;box-shadow:0 8px 24px #0f766e4d;color:#fff;cursor:pointer;display:inline-flex;height:56px;justify-content:center;padding:0;position:fixed;right:20px;transition:transform .3s ease,box-shadow .3s ease;width:56px;z-index:998}.chatbot-toggle-btn:hover{box-shadow:0 12px 32px #0f766e66;transform:scale(1.08)}.chatbot-toggle-icon{height:24px;width:24px}.chatbot-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chatbot-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.chatbot-loading{align-items:center;display:flex;gap:4px}.chatbot-loading span{animation:bounce 1.4s infinite;background:#0f766e;border-radius:50%;height:8px;width:8px}.chatbot-loading span:nth-child(2){animation-delay:.2s}.chatbot-loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.chatbot-faq-section{background:#f8fbff;border-radius:8px;margin-top:8px;padding:12px}.chatbot-faq-title{color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.chatbot-faq-items{display:flex;flex-direction:column;gap:6px}.chatbot-faq-item{background:#fff;border:1px solid #dbe5f1;border-radius:6px;color:#334155;cursor:pointer;font-size:12px;padding:8px;text-align:left;transition:all .2s ease}.chatbot-faq-item:hover{background:#f1f5f9;border-color:#0f766e;color:#0f766e}@media (max-width:480px){.chatbot-container{bottom:10px;height:75vh;max-height:620px;right:10px;width:calc(100% - 20px)}.chatbot-toggle-btn{bottom:14px;right:14px}.chatbot-message-bubble{max-width:88%}}.dashboard{--dash-bg:#f8fafc;--dash-surface:#fff;--dash-surface-soft:#f0fdfa;--dash-line:#e2e8f0;--dash-line-strong:#0f766e;--dash-ink:#0f172a;--dash-muted:#64748b;--dash-teal:#0f766e;--dash-teal-deep:#115e59;--dash-amber:#d97706;--dash-rose:#e11d48;--dash-shadow:0 4px 16px #0f172a0d,0 1px 3px #0f172a08;grid-gap:10px;color:var(--dash-ink);display:grid;gap:10px;width:100%}.dashboard button,.dashboard input{font:inherit}.dashboard-hero{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc 40%,#f0fdfa 80%,#effcf8);border:1px solid var(--dash-line);border-radius:16px;box-shadow:var(--dash-shadow);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.dashboard-title-block{min-width:0}.dashboard-kicker{color:var(--dash-teal);font-size:.68rem;font-weight:900;letter-spacing:.08em;line-height:1.1;margin:0 0 4px;text-transform:uppercase}.dashboard h1{color:var(--dash-ink);font-size:1.32rem;font-weight:900;line-height:1.1;margin:0 0 6px}.dashboard-realtime-status{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:var(--dash-muted);display:inline-flex;font-size:.72rem;font-weight:800;gap:8px;min-height:26px;padding:0 10px;width:fit-content}.dashboard-realtime-status.status-connected{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4;color:var(--dash-teal-deep)}.dashboard-realtime-status small{color:var(--dash-muted);font-weight:700}.dashboard-filter-panel{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(150px,190px)}.dashboard-period-tabs{background:#f8fafcd9;border:1px solid var(--dash-line);border-radius:12px;display:inline-grid;gap:4px;grid-template-columns:repeat(3,minmax(64px,1fr));min-height:36px;padding:4px}.dashboard-period-tabs button{background:#0000;border:0;border-radius:8px;color:var(--dash-muted);cursor:pointer;font-size:.78rem;font-weight:800;min-height:28px;transition:all .22s cubic-bezier(.4,0,.2,1)}.dashboard-period-tabs button:hover{background:#fff9;color:var(--dash-ink)}.dashboard-period-tabs button.active{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 2px 8px #0f766e33;color:#fff}.dashboard-filter-panel input{background:#ffffffe6;border:1px solid var(--dash-line);border-radius:10px;color:var(--dash-ink);font-size:.8rem;font-weight:700;min-height:36px;outline:none;padding:0 10px;transition:all .2s ease;width:100%}.dashboard-filter-panel input:focus{border-color:var(--dash-teal);box-shadow:0 0 0 3px #0f766e1f}.dashboard .alert{border-radius:14px;margin:0}.dashboard-overview-grid{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:minmax(190px,.62fr) minmax(0,2.3fr)}.chart-card,.dashboard-kpi-stack .dashboard-metric-card,.dashboard-total-card,.recent-bookings-panel{background:var(--dash-surface);border:1px solid var(--dash-line);box-shadow:var(--dash-shadow)}.dashboard-metric-card{color:var(--dash-ink);cursor:pointer;display:grid;justify-items:start;min-width:0;text-align:left;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease;width:100%}.dashboard-metric-card.is-active,.dashboard-metric-card:hover{background:linear-gradient(145deg,#fff,#f0fdfa);border-color:#99f6e4;box-shadow:0 4px 16px #0f766e14}.dashboard-metric-card:hover{transform:translateY(-2px)}.dashboard-total-card{grid-gap:5px;align-content:center;background:linear-gradient(145deg,#fff,#f0fdfa 50%,#ccfbf1);border-radius:16px;display:grid;gap:5px;min-height:116px;padding:14px 16px}.dashboard-kpi-stack span,.dashboard-total-card span{color:var(--dash-muted);font-size:.72rem;font-weight:800}.dashboard-total-card strong{color:var(--dash-teal-deep);font-size:2.72rem;font-weight:950;line-height:.95}.dashboard-kpi-stack small,.dashboard-total-card small{color:var(--dash-muted);font-size:.72rem;font-weight:700}.dashboard-delta{font-size:.74rem;font-weight:850;margin-top:2px}.positive{color:var(--dash-teal)}.negative{color:var(--dash-rose)}.dashboard-kpi-stack{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-kpi-stack .dashboard-metric-card{grid-gap:6px;align-content:center;border-radius:14px;display:grid;gap:6px;min-height:92px;min-width:0;overflow:hidden;padding:12px 14px}.dashboard-kpi-stack strong{color:var(--dash-ink);font-size:1.03rem;font-weight:900;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-kpi-stack .dashboard-metric-card--favorite{align-content:center;padding-right:12px}.dashboard-kpi-stack .dashboard-metric-card--favorite strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;width:100%}.dashboard-kpi-stack .dashboard-metric-card--favorite small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.dashboard-insight-shell{grid-gap:8px;display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0}.dashboard-insight-toolbar{grid-gap:6px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--dash-line);border-radius:14px;display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px}.dashboard-insight-tab{grid-gap:2px;align-content:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--dash-muted);cursor:pointer;display:grid;gap:2px;justify-items:start;min-height:44px;min-width:0;padding:8px 12px;text-align:left;transition:all .22s cubic-bezier(.4,0,.2,1)}.dashboard-insight-tab small,.dashboard-insight-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-insight-tab span{font-size:.76rem;font-weight:900}.dashboard-insight-tab small{font-size:.68rem;font-weight:700}.dashboard-insight-tab:hover{background:#f8fafc;border-color:var(--dash-line);color:var(--dash-ink)}.dashboard-insight-tab.is-active{background:linear-gradient(135deg,#0f766e,#115e59);border-color:#0000;box-shadow:0 2px 10px #0f766e33;color:#fff}.dashboard-insight-tab.is-active small{color:#99f6e4}.dashboard-insight-card{align-content:start;min-height:0}.dashboard-chart-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1.42fr) minmax(330px,.8fr)}.dashboard-bottom-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(360px,.85fr) minmax(0,1fr)}.chart-card,.recent-bookings-panel{grid-gap:10px;border-radius:16px;display:grid;gap:10px;min-width:0;padding:14px}.chart-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.chart-card-head h3{color:var(--dash-ink);font-size:.92rem;font-weight:900;line-height:1.2;margin:0}.chart-card-head p{color:var(--dash-muted);font-size:.74rem;font-weight:680;line-height:1.45;margin:3px 0 0;max-width:62ch}.chart-card-head>span{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4;border-radius:999px;color:var(--dash-teal-deep);flex:0 0 auto;font-size:.72rem;font-weight:800;padding:6px 12px}.chart-canvas-wrap{height:226px;min-height:0}.chart-card canvas{width:100%!important}.dashboard-trend-layout{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(218px,260px);min-width:0}.trend-favorite-rankings{grid-gap:8px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--dash-line);border-radius:12px;display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden;padding:10px}.trend-favorite-head{grid-gap:2px;display:grid;gap:2px;min-width:0}.trend-favorite-head h4{color:var(--dash-ink);font-size:.72rem;font-weight:900;line-height:1.2;margin:0}.trend-favorite-table{border-collapse:collapse;min-width:0;table-layout:fixed;width:100%}.trend-favorite-table td,.trend-favorite-table th{border-bottom:1px solid #f1f5f9;color:var(--dash-muted);font-size:.62rem;font-weight:700;height:18px;line-height:1.15;padding:3px 6px;text-align:left;vertical-align:middle}.trend-favorite-table th{color:var(--dash-teal-deep);font-size:.58rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.trend-favorite-table td:first-child,.trend-favorite-table th:first-child{color:var(--dash-teal-deep);font-weight:900;width:34px}.trend-favorite-table td:last-child,.trend-favorite-table th:last-child{text-align:right;white-space:nowrap;width:44px}.trend-favorite-table td:nth-child(2){color:var(--dash-ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-favorite-table tbody tr{transition:background .15s ease}.trend-favorite-table tbody tr:hover{background:#f0fdfa}.trend-favorite-empty{align-items:center;color:var(--dash-muted);display:flex;font-size:.74rem;font-weight:700;min-height:48px}.status-chart-layout{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(150px,.64fr) minmax(0,1fr)}.status-chart-wrap{height:204px}.recent-booking-list,.status-legend{grid-gap:8px;display:grid;gap:8px}.status-legend-row{grid-gap:9px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;display:grid;gap:9px;grid-template-columns:10px minmax(0,1fr);min-height:44px;padding:8px 10px;transition:all .2s ease}.status-legend-row:hover{border-color:var(--dash-line);box-shadow:0 2px 8px #0f172a0a}.status-legend-row>span{border-radius:50%;height:10px;width:10px}.status-legend-row div{grid-gap:2px;display:grid;gap:2px;min-width:0}.recent-booking-row strong,.status-legend-row strong{color:var(--dash-ink);font-size:.78rem;font-weight:880;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-booking-row small,.status-legend-row small{color:var(--dash-muted);font-size:.7rem;font-weight:680;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-insight-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.service-insight-summary-item{grid-gap:4px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--dash-line);border-radius:12px;display:grid;gap:4px;min-width:0;padding:12px}.service-insight-summary-item.is-featured{background:linear-gradient(135deg,#f0fdfa,#fff);border-color:#99f6e4}.service-insight-summary-item span{color:var(--dash-muted);font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.service-insight-summary-item strong{color:var(--dash-ink);font-size:.96rem;font-weight:950;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-insight-summary-item.is-featured strong{color:var(--dash-teal-deep)}.service-insight-summary-item small{color:var(--dash-muted);font-size:.7rem;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-insight-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(270px,.88fr);min-width:0}.service-score-wrap{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--dash-line);border-radius:12px;height:268px;padding:8px}.services-ranking-section{grid-gap:8px;display:grid;gap:8px;min-width:0}.services-ranking-head{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.services-ranking-head h4{color:var(--dash-ink);font-size:.82rem;font-weight:950;line-height:1.2;margin:0}.services-ranking-head span{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;color:var(--dash-teal-deep);flex:0 0 auto;font-size:.68rem;font-weight:850;padding:4px 9px}.services-ranking-list{grid-gap:8px;display:grid;gap:8px;max-height:286px;overflow:auto;padding-right:2px}.service-rank-card{grid-gap:8px;background:#fff;border:1px solid var(--dash-line);border-radius:12px;display:grid;gap:8px;min-width:0;padding:10px}.service-rank-head{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.service-rank-head strong{color:var(--dash-ink);font-size:.78rem;font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-rank-head small{color:var(--dash-teal-deep);font-size:.68rem;font-weight:900;white-space:nowrap}.service-rank-badge{background:#f8fafc;border:1px solid #dbe6ef;border-radius:999px;color:var(--dash-muted);font-size:.66rem;font-weight:950;line-height:1.1;min-width:32px;padding:3px 7px;text-align:center}.service-rank-badge.rank-1{background:#ccfbf1;border-color:#99f6e4;color:var(--dash-teal-deep)}.service-rank-badge.rank-2{background:#fff7ed;border-color:#fed7aa;color:#b45309}.service-rank-badge.rank-3{background:#fff1f2;border-color:#fecdd3;color:#be123c}.service-rank-meter{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.service-rank-meter i{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:inherit;display:block;height:100%;transition:width .35s ease}.service-rank-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-rank-stats span{background:#f8fafc;border-radius:10px;color:var(--dash-muted);font-size:.66rem;font-weight:760;line-height:1.2;min-width:0;overflow:hidden;padding:7px 8px;text-overflow:ellipsis;white-space:nowrap}.service-rank-stats b{color:var(--dash-ink);font-weight:950}.recent-booking-row{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:50px;padding:10px 12px;transition:all .2s ease}.recent-booking-row:hover{border-color:var(--dash-line);box-shadow:0 2px 8px #0f172a0a;transform:translateY(-1px)}.recent-booking-row>div:first-child{grid-gap:4px;display:grid;gap:4px;min-width:0}.recent-booking-value{grid-gap:4px;display:grid;gap:4px;justify-items:end;min-width:116px}.recent-booking-value span{border-radius:999px;font-size:.68rem;font-weight:800;line-height:1.1;max-width:130px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.recent-booking-value strong{font-size:.76rem}.chart-empty-state{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px dashed #cbd5e1;border-radius:14px;color:var(--dash-muted);display:flex;font-size:.76rem;font-weight:800;justify-content:center;min-height:184px;padding:18px;text-align:center}.automation-summary-grid{grid-gap:14px;border-bottom:1px solid var(--dash-line);border-top:1px solid var(--dash-line);display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 0 14px}.automation-summary-item{grid-gap:5px;background:linear-gradient(135deg,#f8fafc,#f0fdfa);border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:5px;min-width:0;padding:10px 12px;transition:all .22s ease}.automation-summary-item:hover{border-color:#99f6e4;box-shadow:0 2px 10px #0f766e0f;transform:translateY(-1px)}.automation-panel-head span,.automation-summary-item span,.automation-voucher-list dt{color:var(--dash-muted);font-size:.72rem;font-weight:800}.automation-summary-item strong{color:var(--dash-teal-deep);font-size:1.42rem;font-weight:950;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-summary-item small{color:var(--dash-muted);font-size:.7rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-detail-layout{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1.14fr) minmax(238px,.86fr);min-width:0}.automation-segment-panel,.automation-voucher-panel{grid-gap:10px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--dash-line);border-radius:14px;display:grid;gap:10px;min-width:0;padding:14px}.automation-panel-head{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.automation-panel-head h4{color:var(--dash-ink);font-size:.84rem;font-weight:900;line-height:1.2;margin:0}.automation-panel-head span{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:999px;color:var(--dash-teal-deep);flex:0 0 auto;font-size:.7rem;font-weight:800;max-width:46%;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.automation-segment-list{display:grid}.automation-segment-row{grid-gap:6px 10px;border-bottom:1px solid #f1f5f9;display:grid;gap:6px 10px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:10px 0;transition:background .15s ease}.automation-segment-row:hover{background:#f0fdfa}.automation-segment-row:last-child{border-bottom:0}.automation-segment-copy{grid-gap:2px;display:grid;gap:2px;min-width:0}.automation-segment-copy strong{color:var(--dash-ink);font-size:.78rem;font-weight:880;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-segment-copy small{color:var(--dash-muted);font-size:.68rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-segment-row>span{color:var(--dash-teal-deep);font-size:.78rem;font-weight:900}.automation-progress{background:#e2e8f0;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.automation-progress i{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:inherit;display:block;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.automation-voucher-list{grid-gap:0;display:grid;gap:0;margin:0}.automation-voucher-list div{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:10px 0;transition:background .15s ease}.automation-voucher-list div:hover{background:#f0fdfa}.automation-voucher-list div:last-child{border-bottom:0}.automation-voucher-list dd{color:var(--dash-ink);font-size:.78rem;font-weight:880;margin:0;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media (min-width:981px){.app--role-sidebar:has(.dashboard){padding-bottom:0}.app--role-sidebar .main-content:has(.dashboard){padding-top:14px}.dashboard{grid-template-rows:auto auto minmax(0,1fr);height:calc(100vh - 28px);overflow:hidden}.dashboard-insight-card{overflow-x:hidden;overflow-y:auto}.dashboard-primary-chart,.service-score-wrap{height:clamp(190px,calc(100vh - 372px),248px)}.status-chart-wrap{height:clamp(174px,calc(100vh - 392px),214px)}}@media (max-width:1180px){.dashboard-bottom-grid,.dashboard-chart-grid,.dashboard-overview-grid{grid-template-columns:1fr}.automation-summary-grid,.dashboard-kpi-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-detail-layout,.service-insight-layout{grid-template-columns:1fr}.services-ranking-list{max-height:none}}@media (max-width:760px){.dashboard-hero{border-radius:16px;padding:14px}.dashboard-filter-panel,.dashboard-hero{grid-template-columns:1fr}.dashboard-period-tabs{width:100%}.dashboard-total-card strong{font-size:2.85rem}.dashboard-kpi-stack{grid-template-columns:1fr}.dashboard-insight-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-summary-grid,.service-insight-summary,.service-rank-stats{grid-template-columns:1fr}.chart-card,.recent-bookings-panel{padding:14px}.chart-card-head,.recent-booking-row{grid-template-columns:1fr}.chart-card-head{display:grid}.chart-card-head>span,.recent-booking-value{justify-self:start}.status-chart-layout{grid-template-columns:1fr}.chart-canvas-wrap{height:238px}.status-chart-wrap{height:220px}}@media (max-width:460px){.dashboard h1{font-size:1.38rem}.dashboard-kpi-stack .dashboard-metric-card,.dashboard-total-card{min-height:0}.dashboard-total-card strong{font-size:2.45rem}}@media (prefers-reduced-motion:reduce){.dashboard-filter-panel input,.dashboard-insight-tab,.dashboard-metric-card,.dashboard-period-tabs button{transition:none}}.manage-services{--svc-bg:var(--bg-main,#f8fafc);--svc-surface:var(--surface,#fff);--svc-ink:var(--text-main,#12223b);--svc-muted:var(--text-muted,#51607a);--svc-line:var(--line,#d9e2ef);--svc-line-soft:var(--surface-muted,#f4f7fb);--svc-teal:var(--brand,#0f766e);--svc-teal-deep:var(--brand-strong,#0a4f4a);--svc-blue:var(--info,#1d4ed8);--svc-danger:var(--danger,#dc2626);--svc-radius:14px;color:var(--svc-ink);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%}.manage-services h1,.manage-services h2,.manage-services h3,.manage-services p{margin:0}.svc-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:10px 0 8px}.svc-topbar-left{align-items:baseline;display:flex;gap:12px;min-width:0}.svc-topbar-left h1{color:var(--svc-ink);font-size:20px;font-weight:800;line-height:1.2;white-space:nowrap}.svc-topbar-count{color:var(--svc-muted);font-size:12px;font-weight:600;white-space:nowrap}.svc-topbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.svc-category-filters{border-bottom:1px solid var(--svc-line-soft);display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;padding:6px 0 10px}.svc-category-chip{background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:999px;color:var(--svc-ink);cursor:pointer;font-size:12px;font-weight:700;line-height:1.15;min-height:32px;padding:5px 9px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.svc-category-chip:hover{background:color-mix(in srgb,var(--svc-teal) 8%,var(--svc-surface));border-color:var(--svc-teal);color:var(--svc-teal)}.svc-category-chip.active{background:var(--svc-teal);border-color:var(--svc-teal);box-shadow:0 2px 6px #0f766e33;color:#fff}.svc-search-wrap{align-items:center;display:flex;position:relative}.svc-search-icon{color:var(--svc-muted);height:16px;left:10px;pointer-events:none;position:absolute;width:16px}.svc-search-input{background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:10px;color:var(--svc-ink);font-size:13px;font-weight:500;min-height:36px;outline:none;padding:0 12px 0 32px;transition:border-color .2s ease,box-shadow .2s ease;width:220px}.svc-search-input::placeholder{color:var(--svc-muted);font-weight:500}.svc-search-input:focus{border-color:var(--svc-teal);box-shadow:0 0 0 3px #0f766e1f}.view-toggle{background:var(--svc-line-soft);border:1px solid var(--svc-line);border-radius:10px;display:inline-flex;gap:0;padding:3px}.view-toggle button{background:#0000;border:0;border-radius:7px;color:var(--svc-muted);cursor:pointer;font-size:12px;font-weight:700;min-height:30px;min-width:56px;padding:0 12px;transition:all .2s ease}.view-toggle button:hover{color:var(--svc-ink)}.view-toggle button.active{background:var(--svc-teal-deep);box-shadow:0 1px 4px #0f766e33;color:#fff}.table-add-button{background:var(--svc-teal-deep);border:0;border-radius:10px;box-shadow:0 2px 8px #0f766e33;color:#0000;cursor:pointer;display:inline-grid;font-size:0;height:36px;line-height:0;padding:0;place-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:36px}.table-add-button:after,.table-add-button:before{background:#fff;border-radius:1.5px;content:"";position:absolute}.table-add-button:before{height:2.5px;width:16px}.table-add-button:after{height:16px;width:2.5px}.table-add-button:hover{box-shadow:0 4px 14px #0f766e40;transform:translateY(-1px)}.svc-content-shell{background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:var(--svc-radius);box-shadow:0 2px 8px #12223b0a,0 0 1px #12223b0f;display:flex;flex-direction:column;overflow:hidden}.bulk-action-bar{align-items:center;background:#f9fafb;border-bottom:1px solid var(--svc-line-soft);display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.bulk-action-bar strong{color:var(--svc-ink);font-size:13px;font-weight:800}.bulk-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.bulk-action-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;font-weight:800;min-height:30px;padding:6px 10px}.bulk-action-buttons button:hover:not(:disabled){border-color:var(--svc-teal);color:var(--svc-teal)}.bulk-action-buttons button.danger:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.bulk-action-buttons button:disabled{cursor:not-allowed;opacity:.55}.services-table{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow:auto}.services-table table{border-collapse:collapse;min-width:980px;table-layout:auto;width:100%}.services-table thead{background:#f8f9fa;position:sticky;top:0;z-index:2}.services-table td,.services-table th{border-bottom:1px solid #e5e7eb;padding:13px 14px;text-align:left;vertical-align:middle}.services-table th{color:#6b7280;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.services-table td{color:#111827;font-size:13px}.services-table .select-cell{text-align:center;width:42px}.services-table input[type=checkbox]{accent-color:var(--svc-teal);cursor:pointer;height:16px;width:16px}.services-table .price-cell{font-weight:800;min-width:132px;text-align:right}.services-table .duration-cell{color:#374151;font-weight:700;min-width:112px}.services-table .actions-cell{text-align:right;width:156px}.services-table tbody tr{transition:background .16s ease}.services-table tbody tr.selected,.services-table tbody tr:hover{background:#f9fafb}.services-table tbody tr:last-child td{border-bottom:none}.sort-header{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;letter-spacing:inherit;padding:0;text-transform:inherit}.sort-header.align-right{justify-content:flex-end;width:100%}.sort-header span{color:#9ca3af;font-size:10px}.service-name-stack{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:40px minmax(180px,1fr)}.service-name-copy{grid-gap:4px;display:grid;gap:4px;min-width:0}.service-name-cell{color:#111827;display:block;font-weight:800;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-mini-badge{align-items:center;background:#fff7ed;border-radius:999px;color:#c2410c;display:inline-flex;font-size:10px;font-weight:900;min-height:20px;padding:3px 7px;width:fit-content}.service-thumb{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:block;flex-shrink:0;height:40px;object-fit:cover;width:40px}.service-code-text{color:#374151;font-size:12px;font-weight:800}.empty-code{color:#9ca3af;font-size:12px;font-weight:700}.category-badge{align-items:center;background:#f3f4f6;border-radius:999px;color:#374151;display:inline-flex;font-size:12px;font-weight:800;max-width:160px;min-height:24px;padding:4px 9px;white-space:nowrap;width:fit-content}.empty-cell{color:var(--svc-muted);font-size:13px;font-weight:600;padding:32px}.services-grid{grid-gap:14px;align-content:start;display:grid;flex:1 1 auto;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));min-height:0;overflow:auto;padding:14px}@media (min-width:901px){.services-grid.cols-4{grid-template-columns:repeat(4,1fr)}.services-grid.cols-5{grid-template-columns:repeat(5,1fr)}.services-grid.cols-6{grid-template-columns:repeat(6,1fr)}}.service-grid-card{background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:14px;box-shadow:0 4px 16px #12223b08;display:flex;flex-direction:column;overflow:visible;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.service-grid-card:hover{border-color:#cbd5e1;box-shadow:0 12px 28px #12223b14,0 4px 10px #12223b08;z-index:8}.service-grid-card:focus-within{z-index:9}.service-grid-image-wrap{background:var(--svc-line-soft);border-bottom:1px solid var(--svc-line-soft);height:124px;overflow:hidden;position:relative;width:100%}.service-grid-image-wrap img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.service-grid-card:hover .service-grid-image-wrap img{transform:scale(1.035)}.service-grid-status-badge{border-radius:999px;font-size:10px;font-weight:800;left:10px;letter-spacing:.02em;line-height:1.15;padding:4px 8px;pointer-events:none;position:absolute;text-transform:uppercase;top:10px;z-index:2}.service-grid-status-badge.active{background:#dcfce7;color:#15803d}.service-grid-status-badge.inactive{background:#f3f4f6;color:#4b5563}.service-grid-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.service-grid-title{display:flex;flex-direction:column;gap:7px}.service-grid-title h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--svc-ink);display:-webkit-box;font-size:14.5px;font-weight:800;line-height:1.35;margin:0;min-height:2.7em;overflow:hidden;text-overflow:ellipsis}.grid-category-pill,.grid-code-pill,.grid-duration-text{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;line-height:1;min-height:24px;white-space:nowrap;width:fit-content}.grid-code-pill{background:#eff6ff;color:#1d4ed8;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis}.grid-code-pill.muted{background:#f3f4f6;color:#9ca3af}.service-grid-quick-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.grid-category-pill{background:#f3f4f6;color:#374151;max-width:100%;padding:4px 8px}.grid-duration-text{color:#6b7280;padding:4px 0}.service-grid-price-row{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;padding-top:2px}.service-grid-price-row span{color:var(--svc-muted);font-size:12px;font-weight:700}.service-grid-price-row strong{color:var(--svc-teal);font-size:18px;font-weight:800;line-height:1.15;text-align:right}.service-grid-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:10px}.service-grid-footer .service-row-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch;opacity:1;width:100%}.service-grid-footer .more-action-wrap{width:100%}.service-grid-footer .btn-icon{background:#f9fafb;border-color:#e5e7eb;height:32px;min-height:32px;min-width:0;width:100%}.service-grid-footer .service-more-menu{bottom:calc(100% + 8px);right:0;top:auto}.service-grid-footer .service-more-menu:before{border-bottom:1px solid #e5e7eb;border-left:0;border-right:1px solid #e5e7eb;border-top:0;bottom:-6px;top:auto}.service-grid-empty{color:var(--svc-muted);font-size:13px;font-weight:600;grid-column:1/-1;padding:40px;text-align:center}.svc-grid-bottom{align-items:center;border-top:1px solid var(--svc-line-soft);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.svc-grid-count{color:var(--svc-muted);font-size:12px;font-weight:600}.svc-pagination{border-top:1px solid var(--svc-line-soft);display:flex;gap:4px;padding:10px 14px}.svc-page-btn,.svc-pagination{align-items:center;justify-content:center}.svc-page-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--svc-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;min-height:32px;min-width:32px;padding:0 8px;transition:all .18s ease}.svc-page-btn:hover:not(:disabled):not(.active){background:var(--svc-line-soft);color:var(--svc-ink)}.svc-page-btn.active{background:var(--svc-teal-deep);border-color:var(--svc-teal-deep);box-shadow:0 1px 4px #0f766e2e;color:#fff}.svc-page-btn:disabled{cursor:not-allowed;opacity:.35}.svc-page-dots{color:var(--svc-muted);font-size:13px;font-weight:700;justify-content:center;width:28px}.status,.svc-page-dots{align-items:center;display:inline-flex}.status{border:1px solid #0000;border-radius:999px;font-size:11px;font-weight:800;gap:6px;min-height:24px;padding:0 8px;white-space:nowrap;width:fit-content}.status-dot{border-radius:999px;flex-shrink:0;height:7px;width:7px}.status.active{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.status.active .status-dot{background:#15803d}.status.inactive{background:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.status.inactive .status-dot{background:#6b7280}.action-group{align-items:center;display:flex;gap:6px;position:relative}.services-table .service-row-actions{justify-content:flex-end;opacity:.18;transition:opacity .16s ease}.services-table tbody tr.selected .service-row-actions,.services-table tbody tr:focus-within .service-row-actions,.services-table tbody tr:hover .service-row-actions{opacity:1}.btn-icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;flex:0 0 30px;height:30px;justify-content:center;line-height:0;min-height:30px;min-width:30px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:30px}.btn-icon svg{stroke:currentColor;display:block;flex:0 0 14px;height:14px!important;pointer-events:none;width:14px!important}.btn-icon:hover:not(:disabled):not(.disabled){box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.btn-icon:active:not(:disabled):not(.disabled){transform:translateY(0)}.btn-icon:hover:not(:disabled):not(.disabled){background:#f3f4f6;border-color:#e5e7eb;color:#111827}.btn-icon.delete:hover:not(:disabled):not(.disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-icon.more span{color:currentColor;display:block;font-size:13px;font-weight:900;letter-spacing:-1px;margin-top:-2px}.btn-icon.more.active{background:#ecfdf5;border-color:#0f766e;color:#0f766e}.more-action-wrap{display:inline-flex;position:relative}.service-more-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 40px #0f172a29;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:230px;z-index:40}.service-more-menu:before{background:#fff;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;content:"";height:10px;position:absolute;right:13px;top:-6px;transform:rotate(45deg);width:10px}.service-more-menu button,.service-more-upload{align-items:center;background:#0000;border:0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:800;min-height:34px;padding:8px 10px;text-align:left;width:100%}.service-more-menu button:hover:not(:disabled),.service-more-upload:hover{background:#f3f4f6;color:#111827}.service-more-menu button.danger{color:#dc2626}.service-more-menu button.danger:hover:not(:disabled){background:#fef2f2}.service-more-menu button:disabled,.service-more-upload.disabled{cursor:not-allowed;opacity:.5}.service-more-upload input{display:none}.btn-icon.disabled,.btn-icon:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.45;transform:none!important}.btn-small{border-radius:8px;font-size:13px;font-weight:700;min-height:32px;padding:6px 10px;white-space:nowrap}.manage-services .btn-danger,.manage-services .btn-neutral,.manage-services .btn-success{border:0;cursor:pointer}.manage-services .btn-neutral{background:var(--svc-line-soft);color:var(--svc-ink)}.manage-services .btn-danger:disabled,.manage-services .btn-neutral:disabled,.manage-services .btn-success:disabled{cursor:not-allowed;opacity:.7}.service-modal-backdrop{align-items:center;animation:svcBackdropIn .18s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a2e1a5c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:3000}.service-composer{animation:svcComposerIn .22s cubic-bezier(.34,1.56,.64,1);background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:18px;box-shadow:0 20px 56px #1a2e1a2e,0 6px 18px #1a2e1a0f;max-height:min(86vh,860px);overflow:auto;padding:20px;width:min(720px,100%)}.service-composer-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.service-composer-head h2{font-size:22px;line-height:1.2;margin-top:4px}.service-composer-kicker{color:var(--svc-teal-deep);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.composer-close{background:#faf0ef;border:1px solid #e8c4c2;border-radius:10px;color:#0000;cursor:pointer;display:inline-grid;font-size:0;height:38px;padding:0;place-items:center;position:relative;transition:all .2s ease;width:38px}.composer-close:after,.composer-close:before{background:var(--svc-danger);border-radius:2px;content:"";height:2px;position:absolute;width:16px}.composer-close:before{transform:rotate(45deg)}.composer-close:after{transform:rotate(-45deg)}.composer-close:hover{background:#f5e0de;transform:scale(1.05)}.composer-tabs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.composer-tabs button{align-items:center;background:var(--svc-line-soft);border:1px solid var(--svc-line);border-radius:10px;color:var(--svc-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;min-height:40px;transition:all .2s ease}.composer-tabs button span{background:#ffffffb3;border-radius:6px;color:#0000;display:inline-grid;font-size:0;height:20px;place-items:center;position:relative;width:20px}.composer-tabs button span:after,.composer-tabs button span:before{background:var(--svc-muted);border-radius:1px;content:"";position:absolute}.composer-tabs button span:before{height:2px;width:10px}.composer-tabs button span:after{height:10px;width:2px}.composer-tabs button.active span:after,.composer-tabs button.active span:before{background:var(--svc-teal)}.composer-tabs button.active{background:color-mix(in srgb,var(--svc-teal) 10%,var(--svc-surface));border-color:color-mix(in srgb,var(--svc-teal) 32%,var(--svc-line));color:var(--svc-teal)}.composer-form{grid-gap:14px;display:grid;gap:14px}.composer-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.composer-form .form-group{margin:0}.composer-form .form-group label{color:var(--svc-ink);font-size:13px;font-weight:700}.image-upload-field input[type=file]{background:var(--svc-line-soft);border:1.5px dashed var(--svc-line);border-radius:10px;padding:10px}.image-upload-field input[type=file]:hover{border-color:var(--svc-teal)}.field-hint{color:var(--svc-muted);display:block;font-size:11px;margin-top:6px}.selected-file-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.selected-file-name{color:var(--svc-ink);font-size:13px;font-weight:800}.image-preview-strip{grid-gap:12px;align-items:center;background:var(--svc-line-soft);border:1px solid var(--svc-line);border-radius:14px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 200px;padding:12px}.image-preview-text{grid-gap:4px;display:grid;gap:4px}.image-preview-text strong{color:var(--svc-ink);font-size:14px}.image-preview-text span{color:var(--svc-muted);font-size:12px}.service-preview-image{background:var(--svc-surface);border:1px solid var(--svc-line);border-radius:10px;height:120px;object-fit:cover;width:100%}.composer-actions{justify-content:flex-end;padding-top:2px}.composer-alert{margin-bottom:12px}@keyframes svcBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes svcComposerIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.success-toast-overlay{align-items:center;animation:svcBackdropIn .18s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12223b2e;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.success-toast{grid-gap:12px;animation:svcComposerIn .24s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,var(--svc-surface) 0,color-mix(in srgb,#15803d 8%,var(--svc-surface)) 100%);background:linear-gradient(145deg,var(--svc-surface) 0,color-mix(in srgb,var(--success,#15803d) 8%,var(--svc-surface)) 100%);border:1px solid color-mix(in srgb,var(--success,#15803d) 32%,var(--svc-line));border-radius:18px;box-shadow:0 20px 48px #12223b24;display:grid;gap:12px;justify-items:center;min-width:260px;padding:28px 36px}.success-toast-icon{align-items:center;background:#15803d;background:var(--success,#15803d);border-radius:999px;color:#fff;display:inline-flex;font-size:26px;font-weight:900;height:52px;justify-content:center;width:52px}.success-toast-text{color:#15803d;color:var(--success,#15803d);font-size:15px;font-weight:800}.services-hero,.services-table-header,.services-table-shell{display:none!important}@media (max-width:1100px){.services-table table{min-width:940px}}@media (max-width:900px){.svc-topbar{align-items:stretch;flex-direction:column;gap:10px}.svc-topbar-right{flex-wrap:wrap}.svc-search-input{flex:1 1;width:100%}.image-preview-strip{grid-template-columns:1fr}.service-preview-image{height:160px}.bulk-action-bar{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.service-modal-backdrop{align-items:stretch;padding:10px}.service-composer{border-radius:16px;max-height:calc(100vh - 20px);padding:14px}.composer-form .form-row,.composer-tabs{grid-template-columns:1fr}.view-toggle,.view-toggle button{flex:1 1}.action-group{align-items:center;flex-direction:row;gap:6px;justify-content:flex-start}.composer-actions{align-items:stretch;flex-direction:column}.services-table td,.services-table th{font-size:12px;padding:8px 6px}.services-table table{min-width:880px}.services-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px}}@media (max-width:480px){.btn-small{font-size:12px;min-height:30px;padding:4px 8px}.btn-icon{border-radius:7px;flex:0 0 28px;height:28px;min-height:28px;min-width:28px;width:28px}.btn-icon svg{flex:0 0 13px;height:13px!important;width:13px!important}}@media (min-width:901px){.manage-services{display:flex!important;flex-direction:column!important;gap:0!important;height:calc(100vh - 48px)!important;min-height:0!important;overflow:hidden!important}.svc-topbar{flex:0 0 auto}.manage-services .alert{flex:0 0 auto;margin-bottom:0}.svc-content-shell{flex:1 1 auto!important;min-height:0!important}.services-grid,.services-table{min-height:0;overflow:auto!important}.services-grid{align-content:start}}.customer-insight-badge{grid-gap:3px;display:grid;gap:3px;margin-top:5px;max-width:210px;width:fit-content}.customer-insight-pill-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.customer-cluster-pill,.customer-potential-pill{align-items:center;border:1px solid #dbe5f0;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:800;line-height:1;min-height:23px;padding:4px 7px;white-space:nowrap;width:fit-content}.customer-potential-pill{background:#f8fafc;color:#334155}.customer-cluster-pill{background:#fff;color:#31506f}.customer-insight-potential .customer-potential-pill{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.customer-insight-not-potential .customer-potential-pill{background:#fff1f2;border-color:#fecdd3;color:#be123c}.customer-insight-unknown .customer-potential-pill{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.customer-cluster-label,.customer-insight-empty,.customer-insight-metrics{color:#64748b;font-size:11px;line-height:1.35}.customer-cluster-label{overflow-wrap:anywhere}.customer-insight-metrics{color:#42526a}.customer-insight-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:999px;display:inline-flex;font-weight:700;margin-top:5px;padding:4px 7px;width:fit-content}.manage-appointments{color:#12223b;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 48px);min-height:0;overflow:hidden;width:100%}.manage-appointments h1{color:#10233d;font-size:24px;line-height:1.18;margin:0}.appointments-hero{grid-gap:10px;background:#fff;border:1px solid #d9e6f3;border-radius:18px;box-shadow:0 10px 24px #0f172a0d;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:0;padding:14px 16px}.appointments-hero-copy{grid-gap:12px;align-content:start;display:grid;gap:12px}.appointments-kicker{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.appointment-page-note{color:#51607a;font-size:14px;line-height:1.45;margin:0;max-width:900px}.appointments-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.appointment-stat-card{grid-gap:4px;align-content:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;box-shadow:none;display:grid;gap:4px;min-height:52px;padding:8px 10px}.appointment-stat-card.tone-total{background:linear-gradient(180deg,#fff,#f5f8fc);border-color:#d8e3ef}.appointment-stat-card.tone-pending{background:#2563eb14;border-color:#2563eb24}.appointment-stat-card.tone-confirmed{background:#14b8a614;border-color:#14b8a624}.appointment-stat-card.tone-warning{background:#f9731614;border-color:#f9731624}.appointment-stat-card.tone-success{background:#16a34a14;border-color:#16a34a24}.appointment-stat-card.tone-danger{background:#f43f5e14;border-color:#f43f5e24}.appointment-stat-label{color:#5f6b7a;font-size:11px;font-weight:700}.appointment-stat-value{color:#111827;font-size:22px;line-height:1}.appointments-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:0}.appointments-table-shell{background:linear-gradient(180deg,#ffffffeb,#f7fafdfa);border:1px solid #dbe5f1;border-radius:18px;box-shadow:0 20px 46px #0f172a14;display:grid;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:12px}.appointments-table-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:10px}.appointments-table-kicker{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.appointments-table-header h2{color:#10233d;font-size:18px;margin:0}.appointments-table-meta{background:#eef4fb;border-radius:999px;color:#334155;font-size:13px;font-weight:700;padding:9px 12px}.appointments-server-pagination{align-items:center;color:#51607a;display:flex;font-size:13px;font-weight:650;gap:12px;justify-content:space-between;padding-top:10px}.appointments-server-pagination>div{display:flex;gap:8px}.appointments-server-pagination button{background:#fff;border:1px solid #d5e0ec;border-radius:10px;color:#17324d;min-height:36px;padding:7px 12px}.appointments-server-pagination button:disabled{cursor:not-allowed;opacity:.45}.appointments-table table{border-collapse:collapse;min-width:860px}.appointments-table td:nth-child(3),.appointments-table th:nth-child(3){max-width:230px;width:230px}.appointments-table tbody tr{transition:background-color .2s ease}.appointments-table tbody tr:hover{background-color:#f8fbff}.appointments-table tbody tr.has-cancellation-request{background:linear-gradient(180deg,#fffaf2,#fff5e8)}.appointments-table tbody tr.has-pending-confirmation{background:linear-gradient(180deg,#f8fbff,#f1f7ff)}.appointments-table tbody tr:last-child td{border-bottom:none}.appointment-service-cell{min-width:210px}.appointment-service-summary{grid-gap:7px;display:grid;gap:7px;max-width:230px;min-width:0}.appointment-service-name{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#10233d;display:-webkit-box;font-size:14px;line-height:1.35;overflow:hidden;overflow-wrap:anywhere}.appointment-service-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.appointment-service-tags span{align-items:center;background:#f8fafc;border:1px solid #dbe5f0;border-radius:999px;color:#475569;display:inline-flex;font-size:11px;font-weight:800;line-height:1;min-height:26px;padding:5px 8px;white-space:nowrap}.appointment-service-tags span:first-child{background:#edfdfa;border-color:#b7e4df;color:#0f766e}.appointment-service-more{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.45;overflow:hidden;overflow-wrap:anywhere}.cell-stack-muted strong{color:#64748b;font-weight:600}.status-cell{grid-gap:6px;gap:6px}.payment-stack{min-width:135px}.payment-stack strong{word-break:break-word}.action-buttons{grid-gap:9px;gap:9px}.action-btn{border:none;box-shadow:0 10px 22px #0f172a14}.btn-confirm-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject-cancel{background:#e2e8f0;color:#1e293b}.btn-accept-booking{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.btn-cancel-booking{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.btn-accept-booking:disabled,.btn-cancel-booking:disabled,.btn-confirm-cancel:disabled,.btn-reject-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.appointments-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.appointments-modal{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid #d9e2efe6;border-radius:24px;box-shadow:0 24px 60px #0f172a2e;overflow:hidden;width:min(100%,560px)}.appointments-modal-header{align-items:center;border-bottom:1px solid #e5edf5;display:flex;gap:16px;justify-content:space-between;padding:24px 24px 18px}.appointments-modal-header h2{color:#12223b;font-size:24px;margin:0}.appointments-modal-close{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:999px;color:#51607a;cursor:pointer;display:inline-flex;font-size:24px;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.appointments-modal-close:disabled{cursor:not-allowed;opacity:.6}.appointments-modal-body{padding:24px}.appointments-modal-copy{color:#51607a;font-size:14px;line-height:1.7;margin:0}.appointments-modal-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.appointments-modal-detail{grid-gap:6px;background:#f8fbff;border:1px solid #dce7f2;border-radius:18px;display:grid;gap:6px;padding:14px 16px}.appointments-modal-detail span{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.appointments-modal-detail strong{color:#10233d;font-size:14px;line-height:1.5}.appointments-modal-actions{border-top:1px solid #e5edf5;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.appointments-modal-cancel,.appointments-modal-submit{border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;min-height:44px;padding:10px 20px}.appointments-modal-submit{border:none;color:#fff}.appointments-modal-submit-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.appointments-modal-submit-neutral{background:linear-gradient(135deg,#475569,#334155)}.appointments-modal-cancel{background:#fff;border:1px solid #d9e2ef;color:#334155}.appointments-modal-cancel:disabled,.appointments-modal-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1080px){.appointments-hero{grid-template-columns:1fr}}@media (max-width:900px){.appointments-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.appointments-toolbar{align-items:stretch}}@media (max-width:768px){.manage-appointments h1{font-size:26px}.appointments-hero{border-radius:24px;padding:20px}.appointments-stats{grid-template-columns:1fr 1fr}.filter-buttons{display:grid;grid-template-columns:1fr;width:100%}.filter-btn{justify-content:space-between;width:100%}.appointments-table-shell{border-radius:24px;padding:14px}.appointments-table-header{align-items:stretch}.appointments-table-meta{align-self:flex-start}.appointments-table table{font-size:12px;min-width:900px}.appointments-table td,.appointments-table th{padding:11px 10px}.action-buttons{min-width:150px}.appointments-modal{border-radius:22px;width:100%}.appointments-modal-body,.appointments-modal-header{padding:18px}.appointments-modal-header h2{font-size:20px}.appointments-modal-details{grid-template-columns:1fr}.appointments-modal-actions{display:grid;grid-template-columns:1fr}}@media (max-width:560px){.appointments-stats{grid-template-columns:1fr}}.analytics{grid-gap:12px;color:#12223b;display:grid;gap:12px;width:100%}.analytics-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0f172a0a;display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.analytics h1{color:#1e293b;font-size:22px;line-height:1.15;margin:0}.analytics-header p{color:#64748b;font-size:13px;line-height:1.55;margin:6px 0 0;max-width:760px}.analytics-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.btn-strategy-toggle{align-items:center;background:#0f766e;border:1px solid #0f766e;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;justify-content:center;min-height:40px;padding:9px 18px;text-decoration:none;white-space:nowrap}.btn-strategy-toggle.is-active,.btn-strategy-toggle:hover{background:#0b5f58}.analytics-alert{border-radius:12px;font-size:13px;font-weight:750;line-height:1.5;padding:10px 12px}.analytics-alert-danger{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.analytics-alert-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0f;break-inside:avoid;padding:14px;page-break-inside:avoid}.analytics-card h3{color:#1e293b;font-size:15px;margin:0 0 12px}.analytics-main-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(240px,.72fr) minmax(360px,1.28fr)}.cancellation-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.stat-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;justify-content:space-between;min-height:46px;padding:9px 12px}.stat-item.primary{background:#effcf8;border-color:#ccfbf1}.stat-item .label{color:#64748b;font-size:12px;font-weight:700}.stat-item .value{color:#0f766e;font-size:18px;font-weight:850}.status-distribution{display:flex;flex-direction:column;gap:8px}.status-item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(96px,132px) minmax(120px,1fr) 38px}.status-label{color:#64748b;font-size:13px;font-weight:600}.progress-bar{background:#f1f5f9;border-radius:6px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:6px;height:100%;transition:width .3s}.status-count{color:#1e293b;font-size:13px;font-weight:850;text-align:right}.customer-table,.strategy-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.customer-table th,.strategy-table th{position:sticky;top:0;z-index:1}.customer-table table,.strategy-table{border-collapse:collapse;width:100%}.customer-table table{min-width:0;table-layout:fixed}.customer-table td:first-child,.customer-table th:first-child{width:28%}.customer-table td:nth-child(2),.customer-table th:nth-child(2){width:34%}.customer-table td:nth-child(3),.customer-table th:nth-child(3){width:16%}.customer-table td:nth-child(4),.customer-table th:nth-child(4){width:22%}.customer-table thead,.strategy-table thead{background:#f8fafc}.customer-table td,.customer-table th,.strategy-table td,.strategy-table th{border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;line-height:1.38;overflow-wrap:anywhere;padding:8px 10px;text-align:left;vertical-align:top}.customer-table th,.strategy-table th{border-bottom-color:#e2e8f0;color:#334155;font-weight:750}.customer-table tbody tr:hover,.strategy-table tbody tr:hover{background:#f8fafc}.customer-table .center,.strategy-table .center{text-align:center}.customer-table .right,.strategy-table .right{color:#0f766e;font-weight:850;text-align:right}.analytics-pagination,.strategy-export-row{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;display:flex;font-size:13px;font-weight:750;gap:12px;justify-content:space-between;margin-top:10px;padding-top:10px}.analytics-pagination-actions{display:flex;gap:8px}.analytics-pagination button{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f766e;cursor:pointer;font-size:13px;font-weight:800;min-height:32px;padding:0 12px}.analytics-pagination button:hover:not(:disabled){background:#effcf8;border-color:#0f766e}.analytics-pagination button:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.strategy-card{grid-gap:12px;display:grid;gap:12px}.strategy-card-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.strategy-card-head>div:first-child{grid-gap:5px;display:grid;gap:5px}.strategy-card-head h3{margin-bottom:0}.strategy-card-head span{color:#64748b;font-size:13px;line-height:1.55}.strategy-kicker{color:#0f766e;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0;text-transform:uppercase}.strategy-period-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.strategy-period-controls label{grid-gap:5px;color:#64748b;display:grid;font-size:12px;font-weight:750;gap:5px}.strategy-period-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:13px;font-weight:750;min-height:38px;min-width:118px;padding:7px 10px}.strategy-period-controls select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.strategy-loading{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;font-size:13px;font-weight:750;padding:18px;text-align:center}.strategy-summary-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-summary-row>div{grid-gap:6px;background:#f8fbfd;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:6px;min-height:74px;padding:12px}.strategy-summary-row span{color:#64748b;font-size:12px;font-weight:750}.strategy-summary-row strong{color:#10233d;font-size:21px;line-height:1.1}.strategy-chart-panel{grid-gap:12px;background:#fbfdff;border:1px solid #dbe5f1;border-radius:16px;display:grid;gap:12px;padding:12px}.strategy-cluster-legend{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.strategy-cluster-legend>div{grid-gap:3px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:3px;padding:9px 10px}.strategy-cluster-legend strong{color:#0f766e;font-size:12px}.strategy-cluster-legend span{color:#334155;font-size:12px;font-weight:750}.strategy-chart-wrap{height:300px;min-height:300px}.strategy-descriptions{grid-gap:7px;border-top:1px solid #e2e8f0;display:grid;gap:7px;padding-top:10px}.strategy-descriptions h4{color:#1e293b;font-size:14px;margin:0}.strategy-descriptions p{color:#475569;font-size:13px;line-height:1.55;margin:0}.strategy-descriptions strong{color:#0f766e}.strategy-table{min-width:880px}.strategy-table td:first-child,.strategy-table th:first-child{width:24%}.strategy-table td:nth-child(2),.strategy-table th:nth-child(2){width:12%}.strategy-table td:nth-child(3),.strategy-table th:nth-child(3){width:42%}.strategy-table td:nth-child(4),.strategy-table th:nth-child(4){width:22%}.strategy-user-cell{grid-gap:3px;display:grid;gap:3px}.strategy-user-cell strong{color:#10233d}.strategy-user-cell span{color:#64748b;font-size:12px}.strategy-cluster-pill{align-items:center;background:#effcf8;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e;display:inline-flex;font-size:11px;font-weight:800;line-height:1.15;min-height:0;padding:3px 7px;width:fit-content}.strategy-empty{color:#64748b;padding:28px 14px;text-align:center}@media (max-width:1100px){.analytics-main-grid{grid-template-columns:1fr}.cancellation-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1110px){body.analytics-scroll-lock{overflow-y:hidden}body.analytics-scroll-lock .app--role-sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:0}body.analytics-scroll-lock .app--role-sidebar .main-content{height:100vh;min-height:0;overflow:hidden;padding-bottom:24px}.analytics{gap:8px;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.analytics-header{border-radius:16px;padding:12px 14px}.analytics h1{font-size:20px}.analytics-header p{font-size:12px;line-height:1.45;margin-top:4px}.analytics-card{border-radius:12px;padding:10px 12px}.analytics-card h3{font-size:14px;margin-bottom:8px}.analytics-main-grid{gap:8px}.cancellation-stats,.status-distribution{gap:6px}.stat-item{min-height:38px;padding:7px 10px}.stat-item .value{font-size:16px}.status-item{gap:8px}.customer-frequency-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.customer-table{max-height:none;min-height:0;overflow-y:auto}.analytics-pagination,.strategy-export-row{font-size:12px;margin-top:6px;padding-top:6px}.strategy-card{gap:8px}.strategy-card-head{gap:12px}.strategy-card-head span{font-size:12px;line-height:1.45}.strategy-period-controls select{min-height:34px;padding:6px 9px}.strategy-summary-row{gap:8px}.strategy-summary-row>div{min-height:54px;padding:8px 10px}.strategy-summary-row strong{font-size:18px}.strategy-table-wrap{max-height:190px;overflow-y:auto}.strategy-chart-panel{gap:8px;padding:10px}.strategy-cluster-legend{gap:6px;grid-template-columns:repeat(auto-fit,minmax(126px,1fr))}.strategy-cluster-legend>div{padding:7px 8px}.strategy-chart-wrap{height:210px;min-height:210px}.strategy-descriptions{max-height:110px;overflow-y:auto}}@media (max-width:768px){.analytics-header,.strategy-card-head{align-items:stretch;display:grid;padding:16px}.analytics-header-actions,.strategy-period-controls{display:grid;grid-template-columns:1fr}.analytics-header-actions .btn-export-excel,.btn-strategy-toggle,.strategy-export-row .btn-export-excel,.strategy-period-controls select{justify-content:center;width:100%}.analytics h1{font-size:20px}.customer-table table{font-size:12px;min-width:0}.customer-table td,.customer-table th{padding:8px}.analytics-pagination,.strategy-export-row{align-items:stretch;flex-direction:column}.analytics-pagination-actions{display:grid;grid-template-columns:1fr 1fr}.strategy-summary-row{grid-template-columns:1fr}.strategy-chart-wrap{height:260px;min-height:260px}}@media (max-width:600px){.cancellation-stats,.status-item{grid-template-columns:1fr}.status-item{gap:8px}.right,.status-count{text-align:left}}@media print{.analytics{display:block}.analytics-card,.analytics-header{box-shadow:none}.analytics-pagination,.btn-export-excel,.btn-strategy-toggle,.strategy-period-controls{display:none}.analytics-card{break-inside:avoid;page-break-inside:avoid}}.dec-report{grid-gap:10px;color:#12223b;display:grid;gap:10px;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);min-height:0;overflow:hidden;width:100%}.dec-report *{box-sizing:border-box}.dec-report-table{height:auto;max-height:none;overflow:visible}.dec-report-customers{grid-template-rows:auto auto minmax(0,1fr)}.dec-report-header{align-items:flex-start;background:#fbfdff;border:1px solid #dbe5f1;border-radius:18px;box-shadow:0 10px 28px #0f172a0a;display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.dec-report-title{grid-gap:5px;display:grid;gap:5px;min-width:0}.dec-report-title p{color:#0f766e;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0;text-transform:uppercase}.dec-report-title h1{color:#1e293b;font-size:22px;line-height:1.15;margin:0}.dec-report-title span{color:#64748b;font-size:13px;line-height:1.55;max-width:780px}.dec-report-actions{grid-gap:10px;display:grid;flex:0 0 auto;gap:10px;justify-items:end}.dec-action-buttons,.dec-period-controls{align-items:end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dec-period-controls label{grid-gap:5px;color:#64748b;display:grid;font-size:12px;font-weight:750;gap:5px}.dec-period-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:13px;font-weight:750;min-height:38px;min-width:116px;padding:7px 10px}.dec-period-controls select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.dec-secondary-link,.dec-strategy-link{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:850;justify-content:center;min-height:40px;padding:9px 16px;text-decoration:none;white-space:nowrap}.dec-strategy-link{background:#0f766e;border:1px solid #0f766e;color:#fff}.dec-strategy-link.is-active,.dec-strategy-link:hover{background:#0b5f58}.dec-secondary-link{background:#fff;border:1px solid #cbd5e1;color:#0f766e}.dec-secondary-link:hover{background:#effcf8;border-color:#0f766e}.dec-alert{border-radius:12px;font-size:13px;font-weight:750;line-height:1.5;padding:10px 12px}.dec-alert-danger{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.dec-alert-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.dec-loading{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;font-size:13px;font-weight:750;padding:24px;text-align:center}.dec-summary-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.dec-summary-row>div{grid-gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a;display:grid;gap:6px;min-height:68px;padding:12px 14px}.dec-summary-row span{color:#64748b;font-size:12px;font-weight:750}.dec-summary-row strong{color:#10233d;font-size:20px;line-height:1.1}.dec-chart-card,.dec-table-card{grid-gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0f;display:grid;gap:10px;min-width:0;padding:12px}.dec-page-card{min-height:0}.dec-customer-list-card{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.dec-customer-list-card .dec-table-wrap{min-height:0;overflow:auto}.dec-page-card .dec-table-wrap{border:1px solid #f1f5f9;border-radius:12px}.dec-page-card .dec-table{min-width:960px}.dec-page-card .dec-table td,.dec-page-card .dec-table th{font-size:13px;padding:11px 12px}.dec-cluster-page{gap:14px}.dec-cluster-page .dec-chart-wrap{height:min(48vh,360px);min-height:300px}.dec-cluster-page .dec-descriptions{align-items:start;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dec-cluster-page .dec-descriptions h2{grid-column:1/-1}.dec-section-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.dec-descriptions h2,.dec-section-head h2{color:#1e293b;font-size:15px;line-height:1.2;margin:0}.dec-section-head span{color:#64748b;display:block;font-size:12px;font-weight:750;margin-top:4px}.dec-cluster-filter{grid-gap:5px;color:#64748b;display:grid;font-size:12px;font-weight:800;gap:5px;min-width:190px}.dec-cluster-filter span{color:#64748b;font-size:12px;font-weight:800;margin:0}.dec-cluster-filter select{appearance:none;background:linear-gradient(45deg,#0000 50%,#0f766e 0) calc(100% - 16px) 50% /6px 6px no-repeat,linear-gradient(135deg,#0f766e 50%,#0000 0) calc(100% - 12px) 50% /6px 6px no-repeat,#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:13px;font-weight:800;line-height:1.2;min-height:38px;padding:8px 34px 8px 11px}.dec-cluster-filter select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.dec-customer-filters{align-items:end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dec-customer-filters>label:not(.dec-cluster-filter){grid-gap:5px;color:#64748b;display:grid;font-size:12px;font-weight:800;gap:5px;min-width:220px}.dec-customer-filters input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:13px;font-weight:650;min-height:38px;padding:8px 11px}.dec-customer-filters input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.dec-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.dec-table{border-collapse:collapse;min-width:780px;width:100%}.dec-table th,.dec-table thead{background:#f8fafc}.dec-table th{border-bottom-color:#e2e8f0;color:#334155;font-weight:750}.dec-table td,.dec-table th{border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;line-height:1.38;overflow-wrap:anywhere;padding:8px 10px;text-align:left;vertical-align:top}.dec-table tbody tr:hover{background:#f8fafc}.dec-table td:first-child,.dec-table th:first-child{width:24%}.dec-table td:nth-child(2),.dec-table th:nth-child(2){width:12%}.dec-table td:nth-child(3),.dec-table th:nth-child(3){width:42%}.dec-table td:nth-child(4),.dec-table th:nth-child(4){width:22%}.dec-trending-table{min-width:920px!important}.dec-trending-table td:first-child,.dec-trending-table th:first-child{width:48%}.dec-trending-table td:nth-child(2),.dec-trending-table td:nth-child(3),.dec-trending-table th:nth-child(2),.dec-trending-table th:nth-child(3){width:18%}.dec-trending-table td:nth-child(4),.dec-trending-table th:nth-child(4){text-align:center;width:16%}.dec-trending-head{align-items:end}.dec-trending-filters{align-items:end;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.dec-trending-filters label{grid-gap:5px;color:#64748b;display:grid;font-size:12px;font-weight:800;gap:5px}.dec-period-badge,.dec-trending-filters select{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;display:inline-flex;font-size:13px;font-weight:800;min-height:40px;padding:8px 12px}.dec-trending-filters select{min-width:220px}.dec-trending-filters select:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.dec-trending-cluster-cell .dec-cluster-pill{font-size:13px;margin-inline:auto;padding:5px 11px}.dec-trending-cluster-cell .dec-table-note{text-align:center}.dec-customer-table{min-width:1120px!important}.dec-customer-table td:first-child,.dec-customer-table th:first-child{width:23%}.dec-customer-table td:nth-child(2),.dec-customer-table th:nth-child(2){width:18%}.dec-customer-table td:nth-child(3),.dec-customer-table td:nth-child(4),.dec-customer-table th:nth-child(3),.dec-customer-table th:nth-child(4){text-align:center;width:10%}.dec-customer-table td:nth-child(5),.dec-customer-table th:nth-child(5){width:14%}.dec-customer-table td:nth-child(6),.dec-customer-table th:nth-child(6){text-align:right;width:13%}.dec-customer-table td:nth-child(7),.dec-customer-table th:nth-child(7){width:12%}.dec-table-note{color:#64748b;display:block;font-size:11px;font-weight:700;line-height:1.35;margin-top:5px}.dec-action-cell{color:#0f766e!important;font-weight:900}.dec-user-cell{grid-gap:3px;display:grid;gap:3px}.dec-user-cell strong{color:#10233d}.dec-user-cell span{color:#64748b;font-size:12px}.dec-cluster-pill{align-items:center;background:#effcf8;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e;display:inline-flex;font-size:11px;font-weight:800;line-height:1.15;min-height:0;padding:3px 7px;width:fit-content}.dec-empty{color:#64748b;padding:30px 14px;text-align:center}.dec-export-row{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;display:flex;font-size:13px;font-weight:750;gap:12px;justify-content:space-between;padding-top:10px}.dec-cluster-legend{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.dec-cluster-legend>div{grid-gap:3px;background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:3px;padding:8px 10px}.dec-cluster-legend strong{color:#0f766e;font-size:12px}.dec-cluster-legend span{color:#334155;font-size:12px;font-weight:750}.dec-chart-wrap{height:260px;min-height:260px}.dec-descriptions{grid-gap:7px;border-top:1px solid #e2e8f0;display:grid;gap:7px;padding-top:10px}.dec-descriptions p{color:#475569;font-size:13px;line-height:1.55;margin:0}.dec-descriptions strong{color:#0f766e}.dec-report-clusters-detail .dec-summary-row,.dec-report-clusters-profile .dec-summary-row,.dec-report-clusters-strategy .dec-summary-row{display:none}.dec-cluster-screen{grid-gap:10px;background:#fff;border:1px solid #dbe5f1;border-radius:14px;box-shadow:0 8px 24px #0f172a0d;display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - 150px);min-height:0;overflow:hidden;padding:12px}.dec-cluster-screen-head{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.dec-cluster-screen-head h2{color:#10233d;font-size:16px;line-height:1.2;margin:0}.dec-cluster-screen-head span{color:#64748b;display:block;font-size:12px;font-weight:750;margin-top:3px}.dec-paper-chip{align-items:center;background:#effcf8;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e!important;display:inline-flex!important;flex:0 0 auto;font-size:11px!important;font-weight:900!important;justify-content:center;letter-spacing:.04em;margin:0!important;min-height:28px;padding:5px 10px;text-transform:uppercase}.dec-character-table{border:1px solid #e2e8f0;border-radius:12px;min-height:0;overflow-y:auto}.dec-character-row{grid-gap:18px;align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:18px;grid-template-columns:minmax(150px,.24fr) minmax(0,1fr);min-height:108px;padding:12px 14px}.dec-character-row:nth-child(2n){background:#fbfdff}.dec-character-row:last-child{border-bottom:0}.dec-character-cluster{grid-gap:5px;color:#10233d;display:grid;gap:5px}.dec-character-cluster strong{font-size:18px;line-height:1.1}.dec-character-cluster span{color:#64748b;font-size:12px;font-weight:800}.dec-character-row ul{grid-gap:4px;color:#334155;display:grid;font-size:13px;gap:4px;line-height:1.35;list-style:none;margin:0;padding:0}.dec-character-row li:before{color:#64748b;content:"- ";font-weight:900}.dec-character-row li strong{color:#10233d}.dec-profile-chart-wrap{background:#fbfdff;border:1px solid #e2e8f0;border-radius:12px;height:min(58vh,460px);min-height:0;padding:8px}.dec-profile-footnote{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;font-size:12px;font-weight:750;min-height:34px;padding:8px 10px}.dec-cluster-profile-screen{grid-template-rows:auto minmax(0,1fr) auto}.dec-cluster-strategy-wrap{border:1px solid #dbe5f1;border-radius:12px;min-height:0;overflow:auto}.dec-cluster-strategy-table{border-collapse:collapse;min-width:980px;width:100%}.dec-cluster-strategy-table thead{position:sticky;top:0;z-index:1}.dec-cluster-strategy-table th{background:#f8fafc;border-bottom:1px solid #cbd5e1;color:#334155;font-size:12px;font-weight:900;line-height:1.25;padding:10px 12px;text-align:left}.dec-cluster-strategy-table td{border-bottom:1px solid #e2e8f0;color:#334155;font-size:13px;line-height:1.4;padding:11px 12px;vertical-align:middle}.dec-cluster-strategy-table tbody tr:nth-child(2n){background:#fbfdff}.dec-cluster-strategy-table tbody tr:last-child td{border-bottom:0}.dec-cluster-strategy-table td:first-child{text-align:center;width:96px}.dec-cluster-strategy-table small,.dec-cluster-strategy-table td:first-child span,.dec-cluster-strategy-table td:first-child strong{display:block}.dec-cluster-strategy-table td:first-child strong{color:#10233d;font-size:16px;line-height:1.1}.dec-cluster-strategy-table small,.dec-cluster-strategy-table td:first-child span{color:#64748b;font-size:11px;font-weight:750;margin-top:4px}.dec-cluster-strategy-table td:nth-child(3){color:#0f766e;font-weight:900;white-space:nowrap}@media (min-width:1110px){.dec-report{gap:8px}.dec-report-header{border-radius:16px;padding:12px 14px}.dec-report-title h1{font-size:20px}.dec-report-title span{font-size:12px;line-height:1.45}.dec-period-controls select{min-height:34px;padding:6px 9px}.dec-secondary-link,.dec-strategy-link{min-height:36px;padding:8px 14px}.dec-summary-row{gap:8px}.dec-summary-row>div{min-height:54px;padding:8px 10px}.dec-summary-row strong{font-size:18px}.dec-cluster-filter select{min-height:34px;padding-bottom:7px;padding-top:7px}.dec-chart-card,.dec-table-card{border-radius:12px;gap:8px;padding:10px}.dec-chart-wrap{height:220px;min-height:220px}.dec-cluster-legend{gap:6px;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.dec-cluster-legend>div{padding:7px 8px}.dec-descriptions{max-height:132px;overflow-y:auto}}@media (max-width:980px){.dec-report{height:auto;max-height:none;overflow:visible}.dec-report-actions,.dec-report-header{display:grid;justify-items:stretch}.dec-action-buttons,.dec-period-controls{justify-content:stretch}.dec-cluster-screen{max-height:none;overflow:visible}.dec-character-table,.dec-cluster-strategy-wrap{overflow-x:auto;overflow-y:visible}.dec-character-row{gap:8px;grid-template-columns:1fr}}@media (max-width:768px){.dec-report-header{padding:16px}.dec-action-buttons,.dec-period-controls{display:grid;grid-template-columns:1fr}.dec-export-row .btn-export-excel,.dec-period-controls select,.dec-secondary-link,.dec-strategy-link{justify-content:center;width:100%}.dec-report-title h1{font-size:20px}.dec-summary-row{grid-template-columns:1fr}.dec-section-head{align-items:stretch;display:grid}.dec-customer-filters,.dec-trending-filters{display:grid;grid-template-columns:1fr}.dec-trending-filters{justify-content:stretch}.dec-period-badge,.dec-trending-filters select{width:100%}.dec-customer-filters>label:not(.dec-cluster-filter){min-width:0}.dec-customer-filters input{width:100%}.dec-cluster-filter{min-width:0}.dec-cluster-filter select{width:100%}.dec-export-row{align-items:stretch;flex-direction:column}.dec-chart-wrap{height:260px;min-height:260px}}@media print{.dec-report{display:block}.dec-chart-card,.dec-report-header,.dec-table-card{box-shadow:none}.dec-action-buttons,.dec-export-row,.dec-period-controls{display:none}}.staff-schedule-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#232f276b;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:220}.staff-schedule-modal-new{background:#fdfefa;border:1px solid #dfe8dae6;border-radius:24px;box-shadow:0 28px 72px #232f273d;display:flex;flex-direction:column;max-height:min(92vh,880px);overflow:auto;width:min(100%,900px)}.staff-schedule-header-new{align-items:flex-start;border-bottom:1px solid #dfe8da99;display:flex;flex:0 0 auto;gap:16px;justify-content:space-between;padding:24px 28px 18px}.staff-schedule-header-content{flex:1 1}.staff-schedule-kicker{color:#0a7870;font-size:11px;font-weight:900;letter-spacing:.08em;margin:0 0 6px}.staff-schedule-header-new h3{color:#12223b;font-size:24px;font-weight:900;line-height:1.1;margin:0 0 4px}.staff-schedule-description{color:#51607a;font-size:13px;line-height:1.5;margin:0}.staff-schedule-close-new{align-items:center;background:#fbfcf7;border:1px solid #dfe8dacc;border-radius:12px;color:#51607a;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:28px;font-weight:400;height:40px;justify-content:center;line-height:1;min-height:40px;padding:0;transition:all .2s ease;width:40px}.staff-schedule-close-new:hover:not(:disabled){background:#fff;border-color:#dfe8da;color:#12223b}.staff-schedule-close-new:disabled{cursor:not-allowed;opacity:.5}.staff-schedule-tabs{background:#fdfefa;border-bottom:1px solid #dfe8da66;display:flex;flex:0 0 auto;gap:8px;padding:14px 28px 0}.staff-schedule-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#51607a;cursor:pointer;font-size:13px;font-weight:800;padding:10px 20px;transition:all .2s ease}.staff-schedule-tab:hover:not(.active){color:#0f766e}.staff-schedule-tab.active{border-bottom-color:#0f766e;color:#0f766e}.staff-schedule-loading{align-items:center;color:#51607a;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 28px}.staff-schedule-spinner{animation:spin .8s linear infinite;border:3px solid #0f766e1a;border-radius:50%;border-top-color:#0f766e;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.staff-schedule-week-view{flex:1 1;overflow-y:auto;padding:28px}.staff-schedule-week-header{margin-bottom:24px}.staff-schedule-week-header h4{color:#12223b;font-size:18px;font-weight:900;margin:0 0 8px}.staff-schedule-date-range{color:#51607a;font-size:13px;margin:0}.staff-schedule-shift-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.staff-schedule-shift-tools button{background:#fff;border:1px solid #0f766e2e;border-radius:12px;color:#0f766e;cursor:pointer;font-size:13px;font-weight:850;min-height:38px;padding:9px 14px}.staff-schedule-shift-tools button:hover:not(:disabled){background:#eefcf7;border-color:#0f766e}.staff-schedule-shift-tools button:disabled{cursor:not-allowed;opacity:.55}.staff-schedule-days-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.staff-schedule-day-card{background:#fbfcf7;border:1px solid #dfe8dacc;border-radius:16px;padding:18px;transition:all .2s ease}.staff-schedule-day-card:hover{background:#fff;border-color:#0f766e33}.staff-schedule-day-card.enabled{background:#0f766e0a;border-color:#0f766e66}.staff-schedule-day-label{color:#12223b;font-size:14px;font-weight:800;margin-bottom:14px}.staff-schedule-shift-select{background:#fff;border:1px solid #cbd5e1f2;border-radius:10px;color:#12223b;font-size:13px;font-weight:700;min-height:38px;padding:8px 10px;width:100%}.staff-schedule-shift-select.compact{max-width:180px}.staff-schedule-shift-select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.staff-schedule-shift-time{align-items:center;background:#eef7f5;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:850;margin-top:10px;min-height:30px;padding:5px 9px;width:fit-content}.staff-schedule-shift-time.compact{background:#f1f5f9;color:#334155;margin-top:0}.staff-schedule-toggle{align-items:center;cursor:pointer;display:inline-flex;margin-bottom:12px}.staff-schedule-toggle input[type=checkbox]{display:none}.toggle-slider{background:#d8e8e4;border-radius:12px;display:inline-block;height:24px;position:relative;transition:background .3s ease;width:44px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease;width:20px}.staff-schedule-toggle input[type=checkbox]:checked+.toggle-slider{background:#0f766e}.staff-schedule-toggle input[type=checkbox]:checked+.toggle-slider:after{left:22px}.staff-schedule-toggle input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.staff-schedule-time-inputs{border-top:1px solid #dfe8da99;display:flex;flex-direction:column;gap:10px;padding-top:10px}.time-input-group{display:flex;flex-direction:column;gap:6px}.time-input-group label{color:#51607a;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.time-input-group input[type=time]{background:#fff;border:1px solid #dfe8dacc;border-radius:10px;color:#12223b;font-size:13px;font-weight:600;outline:none;padding:8px 10px;transition:all .2s ease}.time-input-group input[type=time]:hover:not(:disabled){border-color:#0f766e33}.time-input-group input[type=time]:focus:not(:disabled){background:#0f766e05;border-color:#0f766e}.time-input-group input[type=time]:disabled{background:#eef7f5;color:#99a399;cursor:not-allowed}.staff-schedule-day-view{flex:1 1;overflow-y:auto;padding:28px}.staff-schedule-day-header h4{color:#12223b;font-size:18px;font-weight:900;margin:0 0 8px}.staff-schedule-day-detail{display:flex;flex-direction:column;gap:12px}.staff-schedule-day-item{align-items:center;background:#fbfcf7;border:1px solid #dfe8dacc;border-radius:12px;display:flex;gap:16px;padding:14px 16px;transition:all .2s ease}.staff-schedule-day-item:hover{background:#fff;border-color:#0f766e33}.staff-schedule-day-name{color:#12223b;font-size:13px;font-weight:800;min-width:90px}.staff-schedule-toggle-horizontal{align-items:center;cursor:pointer;display:inline-flex;flex:0 0 auto}.staff-schedule-toggle-horizontal input[type=checkbox]{display:none}.toggle-slider-h{background:#d8e8e4;border-radius:12px;display:inline-block;height:24px;position:relative;transition:background .3s ease;width:44px}.toggle-slider-h:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease;width:20px}.staff-schedule-toggle-horizontal input[type=checkbox]:checked+.toggle-slider-h{background:#0f766e}.staff-schedule-toggle-horizontal input[type=checkbox]:checked+.toggle-slider-h:after{left:22px}.staff-schedule-toggle-horizontal input:disabled+.toggle-slider-h{cursor:not-allowed;opacity:.5}.staff-schedule-time-inputs-horizontal{align-items:center;display:flex;flex:1 1;gap:8px}.time-separator{color:#51607a;font-weight:800}.staff-schedule-time-inputs-horizontal input[type=time]{background:#fff;border:1px solid #dfe8dacc;border-radius:10px;color:#12223b;flex:1 1;font-size:12px;min-width:0;outline:none;padding:8px 10px;transition:all .2s ease}.staff-schedule-time-inputs-horizontal input[type=time]:hover:not(:disabled){border-color:#0f766e33}.staff-schedule-time-inputs-horizontal input[type=time]:focus:not(:disabled){background:#0f766e05;border-color:#0f766e}.staff-schedule-time-inputs-horizontal input[type=time]:disabled{background:#eef7f5;color:#99a399;cursor:not-allowed}.staff-schedule-month-view{flex:1 1;overflow-y:auto;padding:28px}.staff-schedule-month-header h4{color:#12223b;font-size:18px;font-weight:900;margin:0 0 8px}.staff-schedule-month-summary{background:#0f766e0a;border:1px solid #0f766e1a;border-radius:16px;padding:20px}.staff-schedule-month-summary p{color:#12223b;font-size:14px;font-weight:800;margin:0 0 16px}.staff-schedule-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.staff-schedule-summary-item{background:#fff;border:1px solid #dfe8dacc;border-radius:12px;padding:12px;text-align:center;transition:all .2s ease}.staff-schedule-summary-item.active{background:#0f766e0f;border-color:#0f766e66}.staff-schedule-summary-item.inactive{opacity:.6}.summary-day-label{color:#12223b;font-size:13px;font-weight:800;margin-bottom:6px}.summary-time{color:#0f766e;font-size:12px;font-weight:700}.staff-schedule-year-view{flex:1 1;overflow-y:auto;padding:28px}.staff-schedule-year-header h4{color:#12223b;font-size:18px;font-weight:900;margin:0 0 8px}.staff-schedule-year-summary{background:#0f766e0a;border:1px solid #0f766e1a;border-radius:16px;padding:20px}.year-info{color:#51607a;font-size:13px;line-height:1.5;margin:0 0 18px}.staff-schedule-summary-compact{display:flex;flex-direction:column;gap:8px}.compact-item{align-items:center;background:#fff;border:1px solid #dfe8dacc;border-radius:10px;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.compact-item .day-name{color:#12223b;font-weight:800}.compact-item .status{font-size:12px;font-weight:700}.compact-item .status.working{color:#0f766e}.staff-schedule-actions-new{background:#fdfefa;border-top:1px solid #dfe8da99;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-schedule-cancel,.btn-schedule-save{border:1px solid #0000;border-radius:12px;cursor:pointer;font-size:13px;font-weight:800;padding:10px 22px;transition:all .2s ease}.btn-schedule-save{background:#0f766e;border-color:#0f766e;color:#fff}.btn-schedule-save:hover:not(:disabled){background:#0a4f4a;border-color:#0a4f4a;box-shadow:0 8px 16px #0f766e33}.btn-schedule-save:disabled{cursor:not-allowed;opacity:.5}.btn-schedule-cancel{background:#f4fbf9;border-color:#dfe8dacc;color:#12223b}.btn-schedule-cancel:hover:not(:disabled){background:#fff;border-color:#dfe8da}.btn-schedule-cancel:disabled{cursor:not-allowed}.staff-schedule-modal-new::-webkit-scrollbar{width:8px}.staff-schedule-modal-new::-webkit-scrollbar-track{background:#0000}.staff-schedule-modal-new::-webkit-scrollbar-thumb{background:#dfe8da99;border-radius:4px}.staff-schedule-modal-new::-webkit-scrollbar-thumb:hover{background:#dfe8dacc}@media (max-width:768px){.staff-schedule-modal-new{max-height:min(95vh,100vh);width:min(100%,100%)}.staff-schedule-header-new{padding:16px 20px 12px}.staff-schedule-day-view,.staff-schedule-month-view,.staff-schedule-week-view,.staff-schedule-year-view{padding:16px 20px}.staff-schedule-days-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.staff-schedule-actions-new{flex-direction:column;gap:8px;padding:16px 20px}.btn-schedule-cancel,.btn-schedule-save{width:100%}.staff-schedule-tabs{padding:10px 20px 0}.staff-schedule-tab{font-size:12px;padding:8px 14px}}@media (max-width:480px){.staff-schedule-header-new{gap:8px}.staff-schedule-header-new h3{font-size:18px}.staff-schedule-description{font-size:12px}.staff-schedule-close-new{font-size:24px;height:36px;width:36px}.staff-schedule-days-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.staff-schedule-summary-grid{grid-template-columns:1fr 1fr}}.manage-staff{--staff-bg:#eef7f5;--staff-bg-deep:#e2f0ee;--staff-surface:#fff;--staff-surface-soft:#f4fbf9;--staff-line:#d8e8e4;--staff-line-strong:#b9d8d2;--staff-ink:#12223b;--staff-muted:#51607a;--staff-green:#0f766e;--staff-green-strong:#0a4f4a;--staff-red:#b86a55;--staff-shadow:0 18px 46px #0f766e1a;--staff-shadow-tight:0 12px 26px #0f766e14;background:radial-gradient(circle at 7% 18%,#fffffff2 0,#ffffff94 24%,#0000 42%),radial-gradient(circle at 86% 4%,#0f766e1f 0,#0f766e0a 28%,#0000 48%),linear-gradient(180deg,#f8fbfb 0,var(--staff-bg) 44%,var(--staff-bg-deep) 100%);border-radius:24px;color:var(--staff-ink);display:flex;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;padding:12px;width:100%}.manage-staff button{box-shadow:none}.staff-page-topbar{align-items:center;background:#fdfefae6;border:1px solid #dfe8dad6;border-radius:18px;box-shadow:0 10px 24px #2f443712;display:flex;gap:16px;justify-content:space-between;margin:0 0 8px;min-height:56px;padding:8px 12px}.staff-page-title{grid-gap:2px;display:grid;gap:2px;min-width:0}.staff-page-title span{color:#8d988c;font-size:11px;font-weight:800;line-height:1.1;text-transform:uppercase}.staff-page-title h1{color:var(--staff-ink);font-size:22px;font-weight:850;letter-spacing:0;line-height:1.05;margin:0}.staff-top-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:0}.staff-icon-action,.staff-primary-action,.staff-row-action,.staff-secondary-action,.staff-soft-action{align-items:center;background:var(--staff-surface);border:1px solid var(--staff-line);color:var(--staff-ink);display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.staff-soft-action{border-radius:12px;min-height:36px;padding:8px 14px}.staff-icon-action:hover,.staff-row-action:hover,.staff-secondary-action:hover,.staff-soft-action:hover{border-color:var(--staff-line-strong);box-shadow:var(--staff-shadow-tight);color:var(--staff-green-strong);transform:translateY(-1px)}.staff-admin-chip{align-items:center;border-radius:16px;color:var(--staff-ink);display:flex;gap:10px;min-width:0;padding:4px 8px 4px 4px}.staff-admin-chip>span{align-items:center;background:linear-gradient(135deg,var(--staff-green) 0,#86c7bd 100%);border-radius:12px;box-shadow:0 10px 22px #0f766e2e;color:#fff;display:inline-flex;flex:0 0 auto;font-size:18px;font-weight:900;height:36px;justify-content:center;width:36px}.staff-admin-chip div{grid-gap:1px;display:grid;gap:1px;min-width:0}.staff-admin-chip small,.staff-admin-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-admin-chip strong{font-size:12px;font-weight:850;max-width:150px}.staff-admin-chip small{color:var(--staff-muted);font-size:11px;font-weight:700}.staff-action-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;height:16px;width:16px}.staff-command-zone{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:8px;min-height:0}.staff-command-copy{display:none}.staff-filter-panel{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(132px,.62fr)) auto}.staff-filter-panel input,.staff-filter-panel select{background:#fdfefaf5;border:1px solid #cfddc8eb;border-radius:12px;box-shadow:0 6px 16px rgba(47,68,55,.035);color:var(--staff-ink);font-size:13px;font-weight:650;height:38px;outline:none;padding:0 12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.staff-filter-panel input::placeholder{color:#98a197}.staff-edit-form input:focus,.staff-edit-form select:focus,.staff-filter-panel input:focus,.staff-filter-panel select:focus,.staff-form-card input:focus,.staff-form-card select:focus,.staff-schedule-table input:focus{border-color:#0f766ec7;box-shadow:0 0 0 4px #0f766e21}.staff-command-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end}.staff-hidden-input{display:none}.staff-primary-action,.staff-secondary-action{border-radius:12px;min-height:38px;padding:8px 14px}.staff-primary-action{background:linear-gradient(135deg,var(--staff-green) 0,var(--staff-green-strong) 100%);border-color:#0000;box-shadow:0 14px 28px #0f766e33;color:#fff}.staff-primary-action:hover{box-shadow:0 18px 34px #0f766e3d;transform:translateY(-1px)}.staff-secondary-action{background:#fdfefaf5;color:var(--staff-ink)}.staff-icon-action{background:#fdfefaf5;border-radius:12px;min-height:38px;min-width:38px;padding:0;width:38px}.staff-icon-action:disabled{cursor:not-allowed;opacity:.58;transform:none}.alert{background:#fdfefaeb;border:1px solid var(--staff-line);border-radius:16px;box-shadow:var(--staff-shadow-tight);color:var(--staff-ink);margin:0 0 14px}.alert-error{background:#fff5f0;border-color:#b86a5547;color:#9f4f3f}.alert-info{background:#f0faf8;border-color:#0f766e38;color:var(--staff-green-strong)}.staff-stat-grid{grid-gap:8px;display:grid;flex:0 0 auto;gap:8px;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));margin:0 0 8px;position:relative;z-index:1}.staff-stat-card{grid-gap:1px;align-content:center;background:#fdfefaf5;border:1px solid #b9d8d2c7;border-radius:12px;box-shadow:none;display:grid;gap:1px;min-height:48px;padding:7px 10px}.staff-stat-card span{color:#526174;font-size:10.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-stat-card strong{color:var(--staff-green-strong);font-size:18px;font-weight:950;letter-spacing:0;line-height:1.1;overflow-wrap:anywhere}.staff-form-card{background:#fdfefaf0;border:1px solid #dfe8dadb;border-radius:20px;box-shadow:var(--staff-shadow);margin:0 0 18px;padding:20px}.staff-create-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12223b47;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}.staff-create-panel.staff-form-card{background:#fdfefa;border-color:#b9d8d2e0;border-radius:22px;box-shadow:0 28px 80px #12223b38;margin:0;max-height:calc(100vh - 48px);overflow-y:auto;padding:18px;width:min(920px,100%)}.staff-create-head{align-items:center;border-bottom:1px solid #d8e8e4d1;display:flex;gap:16px;justify-content:space-between;margin:0 0 16px;padding-bottom:12px}.staff-create-head span{color:var(--staff-green-strong);font-size:11px;font-weight:900;line-height:1.1;text-transform:uppercase}.staff-create-panel .staff-create-head h3{color:var(--staff-ink);font-size:20px;font-weight:950;line-height:1.15;margin:2px 0 0}.staff-modal-close{align-items:center;background:#fbfcf7;border:1px solid var(--staff-line);border-radius:12px;color:var(--staff-ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.staff-modal-close:hover{background:#eef9f6;border-color:#0f766e5c;color:var(--staff-green-strong);transform:translateY(-1px)}.staff-form-card h3{color:var(--staff-ink);font-size:18px;font-weight:850;margin:0 0 16px}.staff-edit-form,.staff-form-card form{grid-gap:14px;display:grid;gap:14px}.form-row,.staff-edit-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.manage-staff .form-group{grid-gap:7px;display:grid;gap:7px;margin:0}.manage-staff .form-group label{color:#5f6d61;font-size:12px;font-weight:800}.staff-edit-form input,.staff-edit-form select,.staff-form-card input,.staff-form-card select{background:#fbfcf7;border:1px solid var(--staff-line);border-radius:12px;color:var(--staff-ink);font-size:13px;min-height:42px;outline:none;padding:9px 12px;width:100%}.field-hint,.password-placeholder{color:var(--staff-muted);font-size:12px}.readonly-input{background:#f1f5ec;color:#7d887d;cursor:default}.manage-staff .btn-secondary,.manage-staff .btn-success,.staff-action-neutral{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:850;gap:8px;justify-content:center;min-height:42px;padding:10px 16px}.manage-staff .btn-success{background:linear-gradient(135deg,var(--staff-green) 0,var(--staff-green-strong) 100%);border:1px solid #0000;color:#fdfefa}.manage-staff .btn-secondary,.staff-action-neutral{background:#fbfcf7;border:1px solid var(--staff-line);color:var(--staff-ink)}.manage-staff .btn-secondary:hover,.manage-staff .btn-success:hover,.staff-action-neutral:hover{box-shadow:var(--staff-shadow-tight);transform:translateY(-1px)}.staff-table-shell{background:#fdfefaeb;border:1px solid #dfe8dadb;border-radius:24px;box-shadow:var(--staff-shadow);padding:16px 16px 18px}.staff-table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 0 8px}.staff-directory-shell{background:#fdfefaeb;border:1px solid #dfe8dadb;border-radius:20px;box-shadow:var(--staff-shadow);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:12px;position:relative;z-index:0}.staff-directory-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.staff-directory-header h2{color:var(--staff-ink);font-size:17px;font-weight:900;line-height:1.2;margin:2px 0 0}.staff-directory-layout{grid-gap:10px;align-items:stretch;display:grid;flex:1 1;gap:10px;grid-template-columns:minmax(280px,4fr) minmax(0,6fr);min-height:0}.staff-directory-list{display:flex;flex-direction:column;gap:6px;max-height:100%;overflow-y:auto;padding-right:4px;scrollbar-color:#0f766e59 #0000;scrollbar-width:thin}.staff-list-item{grid-gap:10px;align-items:center;background:#fbfcf7;border:1px solid var(--staff-line);border-radius:14px;color:var(--staff-ink);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:60px;padding:8px 10px;text-align:left;width:100%}.staff-list-item.is-active,.staff-list-item:hover{background:#f1fbf8;border-color:#0f766e61;box-shadow:0 10px 22px #0f766e14}.staff-list-pagination{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;padding-top:6px}.staff-list-pagination button{background:#fff;border:1px solid var(--staff-line);border-radius:12px;color:var(--staff-ink);font-size:12px;font-weight:850;min-height:32px;padding:6px 10px}.staff-list-pagination button:not(:disabled):hover{border-color:var(--staff-line-strong);color:var(--staff-green-strong)}.staff-list-pagination button:disabled{cursor:not-allowed;opacity:.5}.staff-list-pagination span{color:var(--staff-muted);font-size:12px;font-weight:850}.staff-list-main{grid-gap:3px;display:grid;gap:3px;min-width:0}.staff-list-main strong{color:var(--staff-ink);font-size:13px;font-weight:900;line-height:1.2}.staff-list-main small,.staff-list-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-list-main small{color:var(--staff-muted);font-size:12px;font-weight:700;line-height:1.25}.staff-mini-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:850;justify-content:center;min-height:24px;padding:4px 9px;white-space:nowrap}.staff-mini-status.active{background:#ecfdf5;color:var(--staff-green)}.staff-mini-status.inactive{background:#fff5f0;color:#b25d4d}.staff-detail-panel{grid-gap:10px;align-content:start;background:linear-gradient(180deg,#fdfefa,#f8fbf2);border:1px solid var(--staff-line);border-radius:18px;display:grid;gap:10px;height:100%;max-height:100%;overflow-y:auto;padding:12px}.staff-detail-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.staff-detail-identity{align-items:center;display:flex;gap:10px;min-width:0}.staff-detail-avatar{align-items:center;background:linear-gradient(135deg,var(--staff-green) 0,#86c7bd 100%);border-radius:16px;box-shadow:0 14px 26px #0f766e2e;color:#fff;display:inline-flex;flex:0 0 auto;font-size:21px;font-weight:950;height:52px;justify-content:center;width:52px}.staff-detail-identity div{grid-gap:3px;display:grid;gap:3px;min-width:0}.staff-detail-identity small{color:var(--staff-green-strong);font-size:12px;font-weight:900}.staff-detail-identity h3{color:var(--staff-ink);font-size:21px;font-weight:950;line-height:1.1;margin:0}.staff-detail-identity p{color:var(--staff-muted);font-size:13px;font-weight:750;margin:0}.staff-detail-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-detail-grid div,.staff-detail-metrics div{grid-gap:4px;background:#fdfefad1;border:1px solid #dfe8dae6;border-radius:14px;display:grid;gap:4px;min-width:0;padding:9px 10px}.staff-detail-grid span,.staff-detail-metrics span{color:var(--staff-muted);font-size:12px;font-weight:800}.staff-detail-metrics strong{color:var(--staff-ink);font-size:18px;font-weight:950;line-height:1.15;overflow-wrap:anywhere}.staff-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-detail-grid strong{color:var(--staff-ink);font-size:13px;font-weight:850;line-height:1.35;overflow-wrap:anywhere}.staff-detail-note{background:#f0faf8;border:1px solid #0f766e33;border-radius:14px;color:var(--staff-green-strong);font-size:13px;font-weight:750;line-height:1.5;padding:12px 14px}.staff-weekly-preview{grid-gap:8px;background:#f0faf8;border:1px solid #0f766e2e;border-radius:16px;display:grid;gap:8px;padding:14px}.staff-weekly-preview div{align-items:center;display:flex;gap:12px;justify-content:space-between}.staff-weekly-preview span{color:var(--staff-muted);font-size:12px;font-weight:850}.staff-weekly-preview strong{color:var(--staff-green-strong);font-size:13px;font-weight:900}.staff-weekly-preview p{color:var(--staff-ink);font-size:13px;font-weight:700;line-height:1.55;margin:0}.staff-detail-actions{display:flex;flex-wrap:wrap;gap:10px}.staff-detail-actions .staff-secondary-action.danger{color:var(--staff-red)}.staff-detail-actions .staff-secondary-action.success{color:var(--staff-green-strong)}.staff-detail-empty{align-items:center;color:var(--staff-muted);display:flex;font-size:14px;font-weight:750;justify-content:center;min-height:320px;text-align:center}.staff-table{-webkit-overflow-scrolling:touch;border-radius:18px;overflow-x:auto}.staff-table table{border-collapse:initial;border-spacing:0;min-width:1360px;width:100%}.staff-table thead{background:#fbfcf7}.staff-table th{border-bottom:1px solid var(--staff-line);color:#768476;font-size:11px;font-weight:900;letter-spacing:.08em;line-height:1.2;padding:16px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.staff-table td{border-bottom:1px solid #dfe8dabf;color:#445146;font-size:13px;font-weight:650;padding:15px 18px;vertical-align:middle}.staff-table tbody tr{transition:background .16s ease}.staff-table tbody tr:hover{background:#f7faf1d1}.staff-table tbody tr:last-child td{border-bottom:none}.staff-code-cell{color:var(--staff-ink);font-weight:900;white-space:nowrap}.staff-profile-cell{align-items:center;display:flex;gap:12px;min-width:230px}.staff-avatar{align-items:center;background:#fbfcf7;border:1px solid var(--staff-line);border-radius:14px;color:#86a283;display:inline-flex;flex:0 0 auto;font-size:15px;font-weight:900;height:42px;justify-content:center;width:52px}.staff-contact-cell,.staff-profile-cell div{grid-gap:2px;display:grid;gap:2px;min-width:0}.staff-contact-cell strong,.staff-profile-cell strong{color:var(--staff-ink);font-size:13px;font-weight:850;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-contact-cell small,.staff-profile-cell small{color:#7c887d;font-size:12px;font-weight:650;line-height:1.25;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:850;justify-content:center;line-height:1;min-height:26px;padding:5px 12px;white-space:nowrap}.staff-status.active{background:#ecfdf5;border-color:#a7f3d0;color:var(--staff-green)}.staff-status.inactive{background:#fff5f0;border-color:#f0d2c9;color:#b25d4d}.staff-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.staff-row-action{border-radius:12px;color:var(--staff-green-strong);min-height:34px;min-width:34px;padding:0;width:34px}.staff-row-action.danger{color:var(--staff-red)}.staff-row-action.success{color:var(--staff-green-strong)}.empty-cell{color:var(--staff-muted);padding:26px 16px}.staff-edit-overlay,.staff-schedule-overlay{align-items:center;background:#232f276b;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:220}.staff-edit-modal,.staff-schedule-modal{background:#fdfefa;border:1px solid #dfe8dae6;border-radius:24px;box-shadow:0 28px 72px #232f273d;max-height:min(90vh,760px);overflow:auto;width:min(100%,760px)}.staff-edit-header,.staff-schedule-header{align-items:flex-start;border-bottom:1px solid var(--staff-line);display:flex;gap:16px;justify-content:space-between;padding:22px 24px 18px}.staff-edit-kicker,.staff-schedule-kicker{color:var(--staff-green-strong);font-size:12px;font-weight:900;letter-spacing:.06em;margin:0 0 5px;text-transform:uppercase}.staff-edit-header h3,.staff-schedule-header h3{color:var(--staff-ink);font-size:22px;font-weight:900;line-height:1.15;margin:0}.staff-edit-close,.staff-schedule-close{align-items:center;background:#fbfcf7;border:1px solid var(--staff-line);border-radius:12px;color:var(--staff-muted);display:inline-flex;flex:0 0 auto;font-size:24px;font-weight:500;height:38px;justify-content:center;line-height:1;min-height:38px;padding:0;width:38px}.staff-edit-close:hover,.staff-schedule-close:hover:not(:disabled){border-color:var(--staff-line-strong);color:var(--staff-ink)}.staff-edit-form{padding:22px 24px 24px}.staff-edit-status{margin-top:2px}.staff-edit-feedback{border-radius:12px;font-size:13px;font-weight:800;padding:10px 12px}.staff-edit-feedback.success{background:#f2faed;color:var(--staff-green-strong)}.staff-edit-feedback.error{background:#fff4f0;color:#a75042}.staff-edit-actions{align-items:center;border-top:1px solid var(--staff-line);display:flex;gap:12px;justify-content:space-between;margin-top:6px;padding-top:16px}.staff-edit-action-group{align-items:center;display:flex;gap:10px}.staff-schedule-modal{width:min(100%,700px)}.staff-schedule-hint{color:var(--staff-muted);font-size:13px;line-height:1.55;margin:8px 0 0;max-width:62ch}.staff-schedule-close:disabled{cursor:not-allowed;opacity:.55}.staff-schedule-loading{color:var(--staff-muted);font-weight:750;padding:28px 16px;text-align:center}.staff-schedule-table-wrap{overflow-x:auto;padding:18px 22px 0}.staff-schedule-table{border-collapse:initial;border-spacing:0;min-width:520px;width:100%}.staff-schedule-table td,.staff-schedule-table th{border-bottom:1px solid var(--staff-line);color:#445146;font-size:13px;padding:12px 10px;text-align:left}.staff-schedule-table th{color:#687568;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.staff-schedule-table input[type=time]{background:#fbfcf7;border:1px solid var(--staff-line);border-radius:10px;color:var(--staff-ink);min-width:118px;outline:none;padding:8px 10px;width:100%}.staff-schedule-table input[type=time]:disabled{background:#eef7f5;color:#99a399}.staff-schedule-table input[type=checkbox]{accent-color:var(--staff-green);height:18px;width:18px}.staff-schedule-actions{display:flex;gap:10px;justify-content:flex-end;padding:18px 22px 22px}@media (max-width:1180px){.staff-filter-panel{grid-template-columns:minmax(0,1fr) repeat(3,minmax(135px,.65fr))}.staff-command-actions{grid-column:1/-1;justify-content:flex-start}.staff-directory-layout{grid-template-columns:minmax(260px,4fr) minmax(0,6fr)}}@media (max-width:780px){.manage-staff{border-radius:22px;height:auto;min-height:calc(100vh - 16px)}.staff-stat-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.staff-page-topbar{align-items:flex-start;border-radius:20px;flex-direction:column;padding:14px}.staff-create-modal{align-items:flex-start;overflow-y:auto;padding:12px}.staff-create-panel.staff-form-card{border-radius:18px;max-height:none;padding:14px}.staff-create-head{gap:12px}.staff-top-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.staff-admin-chip{padding-left:0;width:100%}.staff-command-actions{display:grid;grid-template-columns:1fr 1fr auto}.staff-primary-action,.staff-secondary-action{padding-inline:12px}.form-row,.staff-edit-grid,.staff-filter-panel{grid-template-columns:1fr}.staff-command-actions{grid-column:auto}.staff-detail-grid,.staff-detail-metrics,.staff-directory-layout{grid-template-columns:1fr}.staff-directory-list{max-height:none;overflow:visible;padding-right:0}.staff-stat-card{min-height:54px}.staff-stat-card strong{font-size:20px}.staff-table-shell{border-radius:20px;padding:12px}.staff-table table{min-width:1180px}.staff-detail-panel{height:auto;max-height:none;min-height:0;overflow-y:visible;padding:14px}.staff-detail-head{flex-direction:column}.staff-detail-identity h3{font-size:21px}.staff-edit-overlay,.staff-schedule-overlay{align-items:flex-end;padding:12px}.staff-edit-modal,.staff-schedule-modal{border-radius:22px 22px 0 0}.staff-edit-form,.staff-edit-header,.staff-schedule-header{padding-inline:18px}.staff-edit-action-group,.staff-edit-actions,.staff-schedule-actions{display:grid;grid-template-columns:1fr}}@media (max-width:520px){.staff-soft-action{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;padding-inline:10px}.staff-command-actions{grid-template-columns:1fr}.staff-icon-action{width:100%}}@media (prefers-reduced-motion:reduce){.staff-icon-action,.staff-primary-action,.staff-row-action,.staff-secondary-action,.staff-soft-action,.staff-table tbody tr{transition:none}.manage-staff .btn-secondary:hover,.manage-staff .btn-success:hover,.staff-action-neutral:hover,.staff-icon-action:hover,.staff-primary-action:hover,.staff-row-action:hover,.staff-secondary-action:hover,.staff-soft-action:hover{transform:none}}.staff-leave-admin{--shift-primary:#0f766e;--shift-primary-dark:#0b5f59;--shift-ink:#111827;--shift-muted:#6b7280;--shift-soft:#f9fafb;--shift-line:#e5e7eb;--shift-radius:16px;--shift-control-radius:12px;grid-gap:12px;color:var(--shift-ink);display:grid;gap:12px;grid-template-rows:auto auto auto minmax(0,1fr);height:calc(100vh - 32px);min-height:0;overflow:hidden;width:100%}.staff-leave-head{grid-gap:14px;align-items:center;background:#fff;border:1px solid var(--shift-line);border-radius:var(--shift-radius);display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.staff-leave-head-copy{grid-gap:4px;display:grid;gap:4px}.staff-leave-kicker{color:var(--shift-primary);font-size:11px;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.staff-leave-head h1{color:var(--shift-ink);font-size:20px;line-height:1.2;margin:0}.staff-leave-head-actions{align-items:center;display:flex}.staff-leave-admin .btn-danger,.staff-leave-admin .btn-primary,.staff-leave-admin .btn-secondary,.staff-leave-admin .btn-success{border-radius:var(--shift-control-radius);cursor:pointer;font-weight:800;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.staff-leave-admin .btn-primary{background:var(--shift-primary);border:1px solid var(--shift-primary);color:#fff}.staff-leave-admin .btn-primary:hover:not(:disabled){background:var(--shift-primary-dark);border-color:var(--shift-primary-dark);box-shadow:0 8px 18px #0f766e2e}.staff-leave-admin .btn-secondary{background:#0000;border:1px solid #0f766e59;color:var(--shift-primary);min-height:38px;padding:8px 14px}.staff-leave-admin .btn-secondary:hover{background:#ecfdf5;border-color:var(--shift-primary)}.staff-leave-admin .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.58}.staff-leave-admin .btn-small{font-size:12px;min-height:32px;padding:6px 10px}.staff-leave-admin .btn-success{background:#16a34a;border:1px solid #16a34a;color:#fff}.staff-leave-admin .btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff}.staff-leave-admin .btn-danger:disabled,.staff-leave-admin .btn-success:disabled{cursor:not-allowed;opacity:.62}.staff-leave-panel{grid-gap:10px;background:#fff;border:1px solid var(--shift-line);border-radius:var(--shift-radius);display:grid;gap:10px;min-height:0;overflow:hidden;padding:16px}.staff-leave-weekly-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(250px,320px) minmax(0,1fr);min-height:0}.staff-leave-config-panel,.staff-leave-schedule-panel{grid-gap:16px;align-content:start;display:grid;gap:16px;min-height:0}.staff-leave-schedule-panel{grid-template-rows:minmax(0,1fr) auto}.staff-search-block{grid-gap:8px;display:grid;gap:8px}.staff-search-block label{color:var(--shift-primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.staff-search-select{position:relative}.staff-search-select input{background:#fff;border:1px solid var(--shift-line);border-radius:var(--shift-control-radius);color:var(--shift-ink);font-size:14px;min-height:42px;padding:10px 12px;width:100%}.staff-search-select input:focus{border-color:var(--shift-primary);box-shadow:0 0 0 3px #0f766e1a;outline:none}.staff-search-menu{background:#fff;border:1px solid var(--shift-line);border-radius:var(--shift-control-radius);box-shadow:0 18px 38px #11182724;left:0;max-height:260px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.staff-search-option{grid-gap:10px;align-items:center;background:#0000;border:none;border-radius:10px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr);padding:9px;text-align:left;width:100%}.staff-search-option.selected,.staff-search-option:hover{background:#f0fdfa}.staff-option-avatar,.staff-profile-avatar{align-items:center;background:#ccfbf1;border-radius:50%;color:#0f766e;display:inline-flex;font-weight:800;justify-content:center}.staff-option-avatar{font-size:12px;height:34px;width:34px}.staff-option-copy{grid-gap:2px;display:grid;gap:2px;min-width:0}.staff-option-copy strong{color:var(--shift-ink);font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-option-copy small,.staff-search-empty{color:var(--shift-muted);font-size:12px}.staff-search-empty{padding:12px}.staff-profile-card{grid-gap:12px;align-items:center;background:#0000;display:grid;gap:12px;grid-template-columns:56px minmax(0,1fr);padding:4px 0}.staff-profile-avatar{font-size:18px;height:56px;width:56px}.staff-profile-copy{grid-gap:4px;display:grid;gap:4px;min-width:0}.staff-profile-copy strong{color:var(--shift-ink);font-size:1.1rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.staff-profile-copy span{color:#6b7280;font-size:.86rem;overflow-wrap:anywhere}.staff-leave-stat-card{background:var(--shift-soft);border-radius:var(--shift-radius);padding:14px}.staff-leave-stat-grid{grid-gap:14px 12px;display:grid;gap:14px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-leave-stat{grid-gap:6px;background:#0000;border:none;display:grid;gap:6px;padding:0}.staff-leave-stat span{color:var(--shift-muted);font-size:11px;font-weight:700}.staff-leave-stat strong{color:var(--shift-ink);font-size:1.25rem;font-weight:800;line-height:1.05}.staff-shift-legend{align-items:center;color:#4b5563;display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:10px 14px}.staff-shift-legend span{align-items:center;display:inline-flex;gap:6px}.shift-dot{border-radius:50%;flex:0 0 9px;height:9px;width:9px}.shift-dot.morning{background:#10b981}.shift-dot.evening{background:#2563eb}.shift-dot.full{background:#f59e0b}.staff-leave-loading{color:var(--shift-muted);font-size:14px;padding:28px 8px;text-align:center}.staff-leave-table-wrap{background:#fff;border:none;border-radius:0;min-height:0;overflow:auto}.staff-leave-weekly-table-wrap{width:100%}.staff-leave-table{border-collapse:collapse;min-width:0;table-layout:fixed;width:100%}.staff-leave-table td,.staff-leave-table th{border-bottom:1px solid var(--shift-line);padding:18px 12px;text-align:left;vertical-align:middle}.staff-leave-table th{background:#0000;color:var(--shift-muted);font-size:11px;font-weight:800;letter-spacing:.04em;padding-bottom:10px;padding-top:8px;text-transform:uppercase}.staff-leave-table tbody tr{transition:background .18s ease}.staff-leave-table tbody tr:hover{background:var(--shift-soft)}.staff-leave-day-cell{display:block}.staff-leave-day-cell strong{color:var(--shift-ink);font-size:14px;font-weight:800}.staff-shift-select{background:#0000;border:1px solid #0000;border-radius:10px;color:var(--shift-ink);cursor:pointer;font-size:14px;font-weight:700;min-width:0;padding:8px 10px;width:100%}.staff-leave-table tbody tr:hover .staff-shift-select,.staff-shift-select:focus{background:#fff;border-color:#cbd5e1}.staff-shift-select:focus{box-shadow:0 0 0 3px #0f766e1a;outline:none}.staff-shift-time{background:#0000;border-radius:0;color:#6b7280;display:inline;font-size:13px;font-weight:700;min-height:auto;padding:0}.staff-shift-time.muted{color:#9ca3af}.staff-leave-actions{display:flex;justify-content:flex-end;padding-top:4px}.staff-leave-actions .btn-primary{min-height:42px;padding:10px 18px}.staff-leave-tabs{border-bottom:1px solid var(--shift-line);display:flex;gap:8px;margin-bottom:0;padding-bottom:8px}.btn-tab{background:#0000;border:none;border-radius:var(--shift-control-radius);color:var(--shift-muted);cursor:pointer;font-size:14px;font-weight:800;min-height:34px;padding:7px 12px;transition:background .2s ease,color .2s ease}.btn-tab:hover{background:var(--shift-soft);color:var(--shift-ink)}.btn-tab.active{background:#ecfdf5;color:var(--shift-primary)}.staff-leave-requests-section{grid-gap:12px;display:grid;gap:12px;min-height:0;overflow:auto}.staff-leave-requests-section h2{color:var(--shift-ink);font-size:16px;margin:0}.staff-leave-requests-section>.staff-leave-table{min-width:900px}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;padding:4px 10px}.status-badge.pending{background:#fef3c7;color:#b45309}.status-badge.approved{background:#dcfce7;color:#15803d}.status-badge.rejected{background:#fee2e2;color:#b91c1c}.action-buttons{display:flex}.staff-leave-admin .alert{border-radius:var(--shift-control-radius);font-size:13px;font-weight:700;margin:0;padding:10px 12px}.staff-leave-admin .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.staff-leave-admin .alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.leave-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118275c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:2600}.leave-confirm-modal{grid-gap:18px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 26px 70px #11182733;display:grid;gap:18px;padding:22px;width:min(100%,520px)}.leave-confirm-head{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr)}.leave-confirm-mark{background:#ecfdf5;border-radius:999px;height:44px;position:relative;width:44px}.leave-confirm-mark:before{border-bottom:3px solid #16a34a;border-right:3px solid #16a34a;content:"";height:17px;left:16px;position:absolute;top:12px;transform:rotate(45deg);width:10px}.leave-confirm-mark.rejected{background:#fef2f2}.leave-confirm-mark.rejected:after,.leave-confirm-mark.rejected:before{background:#dc2626;border:0;border-radius:999px;content:"";height:3px;left:13px;position:absolute;top:20px;width:18px}.leave-confirm-mark.rejected:before{transform:rotate(45deg)}.leave-confirm-mark.rejected:after{transform:rotate(-45deg)}.leave-confirm-head p{color:var(--shift-primary);font-size:11px;font-weight:850;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.leave-confirm-head h2{color:var(--shift-ink);font-size:20px;line-height:1.25;margin:0}.leave-confirm-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.leave-confirm-details div{grid-gap:5px;background:#f9fafb;border:1px solid #edf2f7;border-radius:14px;display:grid;gap:5px;padding:11px 12px}.leave-confirm-details .leave-confirm-reason{grid-column:1/-1}.leave-confirm-details span{color:var(--shift-muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.leave-confirm-details strong{color:var(--shift-ink);font-size:14px;line-height:1.45}.leave-confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.leave-confirm-primary{border:1px solid #0000;border-radius:var(--shift-control-radius);color:#fff;cursor:pointer;font-weight:850;min-height:38px;padding:8px 16px}.leave-confirm-primary.approved{background:#16a34a;border-color:#16a34a}.leave-confirm-primary.rejected{background:#dc2626;border-color:#dc2626}.leave-confirm-primary:disabled{cursor:not-allowed;opacity:.7}.leave-success-toast{grid-gap:12px;background:#fff;border:1px solid #bbf7d0;border-radius:20px;box-shadow:0 24px 64px #1118272e;display:grid;gap:12px;justify-items:center;left:50%;min-width:260px;padding:24px 28px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2700}.leave-success-check{background:#16a34a;border-radius:999px;height:54px;position:relative;width:54px}.leave-success-check:before{border-bottom:4px solid #fff;border-right:4px solid #fff;content:"";height:22px;left:20px;position:absolute;top:14px;transform:rotate(45deg);width:12px}.leave-success-toast strong{color:#15803d;font-size:15px;font-weight:850}@media (max-width:900px){.staff-leave-admin{height:auto;min-height:calc(100vh - 16px);overflow:visible}.staff-leave-head,.staff-leave-weekly-layout{grid-template-columns:1fr}.staff-leave-panel{overflow:visible}.staff-leave-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.staff-leave-head,.staff-leave-panel{padding:14px}.staff-leave-head h1{font-size:22px}.staff-leave-actions,.staff-leave-actions .btn-primary,.staff-leave-head-actions,.staff-leave-head-actions .btn-secondary{width:100%}.staff-leave-actions{display:grid}.staff-leave-table{min-width:0}.staff-leave-table td,.staff-leave-table th{padding:16px 8px}.leave-confirm-actions,.leave-confirm-details{grid-template-columns:1fr}.leave-confirm-actions{display:grid}.leave-confirm-actions .btn-secondary,.leave-confirm-primary{width:100%}}@media (max-width:560px){.staff-leave-stat-grid{grid-template-columns:1fr 1fr}.staff-profile-card{grid-template-columns:48px minmax(0,1fr)}.staff-profile-avatar{height:48px;width:48px}}.manage-vouchers-page{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 48px);min-height:0;overflow:hidden;width:100%}.voucher-admin-head,.voucher-form,.voucher-list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 16px #0f172a0a,0 1px 3px #0f172a08}.voucher-admin-head{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:11px 14px}.voucher-admin-title{align-items:center;display:flex;gap:12px;min-width:0}.voucher-admin-icon{align-items:center;background:linear-gradient(145deg,#effcf8,#ccfbf1);border:1px solid #ccfbf1;border-radius:14px;box-shadow:0 2px 8px #0f766e14;color:#0f766e;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.voucher-admin-icon-svg{stroke-width:1.8;height:26px;width:26px}.voucher-admin-head p{color:#0f766e;font-size:11px;font-weight:800;letter-spacing:.1em;margin:0 0 4px;text-transform:uppercase}.voucher-admin-head h1{color:#0f172a;font-size:20px;font-weight:800;line-height:1.15;margin:0}.voucher-admin-stats{display:flex;flex-wrap:wrap;gap:8px}.voucher-admin-stats span{background:linear-gradient(145deg,#effcf8,#f0fdfa);border:1px solid #ccfbf1;border-radius:12px;color:#475569;font-size:11px;font-weight:700;min-width:86px;padding:7px 10px;text-align:center;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.voucher-admin-stats span:hover{box-shadow:0 6px 18px #0f766e1a;transform:translateY(-2px)}.voucher-admin-stats strong{color:#0f766e;display:block;font-size:18px;font-weight:800;line-height:1;margin-bottom:3px}.voucher-admin-layout{grid-gap:8px;align-items:stretch;display:grid;flex:1 1 auto;gap:8px;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:0}.voucher-form,.voucher-list-panel{grid-gap:9px;display:grid;gap:9px;min-height:0;padding:12px}.voucher-form{overflow:auto;position:static}.voucher-list-panel{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.voucher-form h2,.voucher-list-header h2{color:#0f172a;font-size:16px;font-weight:800;margin:0}.voucher-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-form-grid label{min-width:0}.voucher-form label{grid-gap:4px;color:#334155;display:grid;font-size:13px;font-weight:700;gap:4px}.voucher-form input,.voucher-form select,.voucher-form textarea{color:#0f172a;font-size:13px;padding:0 12px;width:100%}.voucher-form input,.voucher-form select,.voucher-form textarea,.voucher-input-affix{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:12px;min-height:36px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.voucher-input-affix{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden}.voucher-input-affix input{background:#0000;border:0;border-radius:0;min-height:34px;min-width:0;padding-right:8px}.voucher-input-affix input:focus{background:#0000;box-shadow:none}.voucher-input-affix:focus-within{background:#fff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.voucher-input-affix span{align-items:center;align-self:stretch;background:#f8fafc;border-left:1px solid #e2e8f0;color:#64748b;display:inline-flex;font-size:12px;font-weight:800;padding:0 12px;white-space:nowrap}.voucher-form textarea{padding:10px 12px;resize:vertical}.voucher-form input:focus,.voucher-form select:focus,.voucher-form textarea:focus{background:#fff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.voucher-form .voucher-input-affix input:focus{background:#0000;border-color:#0000;box-shadow:none}.voucher-primary-btn{background:linear-gradient(135deg,#0d9488,#0f766e 50%,#115e59);border:0;border-radius:12px;box-shadow:0 4px 14px #0f766e33;color:#fff;cursor:pointer;font-size:14px;font-weight:800;min-height:38px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,opacity .2s ease}.voucher-primary-btn:hover:not(:disabled){box-shadow:0 8px 22px #0f766e47;transform:translateY(-1px)}.voucher-primary-btn:active{transform:translateY(0)}.voucher-primary-btn:disabled{cursor:not-allowed;opacity:.6}.voucher-secondary-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;font-weight:800;min-height:38px;transition:all .22s ease}.voucher-secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.voucher-list-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:12px}.voucher-count-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;color:#475569;font-size:12px;font-weight:700;padding:5px 14px}.voucher-admin-list{grid-gap:12px;align-content:start;display:grid;gap:12px;min-height:0;overflow:auto;padding-right:4px}.voucher-ticket-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #0f172a08;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.voucher-ticket-card:hover{box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0a;transform:translateY(-2px)}.voucher-ticket-card.inactive{opacity:.72}.voucher-ticket-main{align-items:stretch;display:flex;min-height:118px;width:100%}.voucher-ticket-left{align-items:center;align-self:stretch;background:linear-gradient(145deg,#0d9488,#0f766e 50%,#115e59);color:#fff;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:16px 8px;position:relative;text-align:center;width:112px}.voucher-ticket-card.inactive .voucher-ticket-left{background:linear-gradient(145deg,#6b7280,#4b5563 50%,#374151)}.ticket-discount-wrap{align-items:center;display:flex;flex-direction:column;gap:8px}.ticket-discount-val{font-size:21px;font-weight:900;letter-spacing:-.5px;text-shadow:0 1px 3px #00000026;white-space:nowrap}.ticket-discount-val.long-val{font-size:15px}.ticket-discount-lbl{font-size:10px;font-weight:800;letter-spacing:1.5px;opacity:.8;text-transform:uppercase}.ticket-notch{background:#fff;border:1px solid #e2e8f0;border-radius:50%;height:16px;position:absolute;right:-8px;width:16px;z-index:10}.notch-top{box-shadow:inset 0 -3px 3px #00000008;top:-8px}.notch-bottom{bottom:-8px;box-shadow:inset 0 3px 3px #00000008}.voucher-ticket-divider{align-self:stretch;border-left:2px dashed #cbd5e1;position:relative;width:0;z-index:2}.voucher-ticket-right{display:flex;flex-direction:column;flex-grow:1;min-width:0;padding:12px}.ticket-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.ticket-code{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;color:#0f172a;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:17px;font-weight:800;letter-spacing:1.1px;margin:0;padding:6px 12px}.voucher-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:800;gap:6px;padding:4px 12px}.voucher-status-badge.active{background:linear-gradient(135deg,#effcf8,#d1fae5);color:#065f46}.voucher-status-badge.active .status-badge-dot{background:#0d9488;box-shadow:0 0 0 2px #0d948833}.voucher-status-badge.expired,.voucher-status-badge.inactive{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.voucher-status-badge.expired .status-badge-dot,.voucher-status-badge.inactive .status-badge-dot{background:#94a3b8}.status-badge-dot{border-radius:50%;height:7px;width:7px}.ticket-desc{color:#64748b;font-size:13px;line-height:1.55;margin:0 0 8px}.ticket-usage-progress{margin-bottom:12px}.progress-bar-container{background:#e5e7eb;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.voucher-ticket-card.inactive .progress-bar-fill{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.progress-labels{color:#64748b;display:flex;font-size:11px;font-weight:600;justify-content:space-between}.progress-labels strong{color:#334155}.voucher-ticket-info-row{align-items:center;border-top:1px dashed #e2e8f0;color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:7px;padding-top:8px}.voucher-ticket-info-row strong{color:#334155;font-weight:700}.info-separator{color:#cbd5e1;font-weight:400}.ticket-header-actions{align-items:center;display:flex;gap:10px}.ticket-actions-group{align-items:center;display:flex;gap:7px}.ticket-action-mini{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);width:32px}.ticket-action-mini svg{stroke:currentColor!important;stroke-width:2.5px!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;display:inline-block!important;flex:0 0 14px!important;height:14px!important;min-height:14px!important;min-width:14px!important;pointer-events:none;width:14px!important}.ticket-action-mini:hover{background:#effcf8;border-color:#0f766e;color:#0f766e;transform:translateY(-1px)}.ticket-action-mini.assign.active{background:#0f766e;border-color:#0f766e;box-shadow:0 2px 6px #0f766e33;color:#fff}.ticket-action-mini.edit:hover{background:#eff6ff;border-color:#dbeafe;box-shadow:0 2px 6px #2563eb33;color:#2563eb}.ticket-action-mini.deactivate:hover{background:#fef2f2;border-color:#fee2e2;box-shadow:0 2px 6px #ef444433;color:#ef4444}.voucher-assign-drawer{animation:ticketDrawerSlide .28s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:12px;padding:16px}@keyframes ticketDrawerSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voucher-assign-drawer h4{color:#334155;font-size:13px;font-weight:800;margin:0}.drawer-fields{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) auto auto}.drawer-select-wrap{grid-gap:8px;display:grid;gap:8px}.drawer-select-wrap input,.drawer-select-wrap select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:13px;min-height:42px;padding:0 12px;transition:border-color .2s ease;width:100%}.drawer-select-wrap input:focus,.drawer-select-wrap select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.drawer-email-toggle{align-items:center;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;white-space:nowrap}.drawer-email-toggle input[type=checkbox]{accent-color:#0f766e;height:18px;width:18px}.drawer-confirm-btn{background:linear-gradient(135deg,#0f766e,#0d9488);border:0;border-radius:10px;box-shadow:0 2px 8px #0f766e26;color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-height:42px;padding:0 20px;transition:all .22s ease}.drawer-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 14px #0f766e38;transform:translateY(-1px)}.drawer-confirm-btn:disabled{cursor:not-allowed;opacity:.55}@media (max-width:1024px){.voucher-admin-layout{grid-template-columns:1fr}.voucher-form{position:static}}@media (max-width:680px){.voucher-admin-head{align-items:flex-start;flex-direction:column;gap:16px}.voucher-admin-stats{width:100%}.voucher-admin-stats span{flex:1 1}.voucher-form-grid{grid-template-columns:1fr}.voucher-ticket-main{flex-direction:column}.voucher-ticket-left{height:100px;padding:16px;width:100%}.ticket-discount-wrap{flex-direction:row;gap:10px}.ticket-notch{bottom:-8px;right:auto}.notch-top{left:20px;top:-8px}.notch-bottom{bottom:-8px;right:20px}.voucher-ticket-divider{border-left:0;border-top:2px dashed #e2e8f0;height:0;width:100%}.drawer-fields{gap:10px;grid-template-columns:1fr}.drawer-confirm-btn{width:100%}}@media (min-width:1025px){.manage-vouchers-page{display:flex!important;flex-direction:column!important;gap:10px!important;height:calc(100vh - 48px)!important;min-height:0!important;overflow:hidden!important}.voucher-admin-head{flex:0 0 auto;margin-bottom:0!important;padding:12px 16px!important}.voucher-admin-layout{grid-gap:10px!important;align-items:stretch!important;display:grid!important;flex:1 1 auto!important;gap:10px!important;grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;min-height:0!important}.voucher-form,.voucher-list-panel{gap:10px!important;min-height:0!important;padding:14px!important}.voucher-form{overflow:auto!important;position:static!important}.voucher-list-panel{display:grid!important;grid-template-rows:auto minmax(0,1fr);overflow:hidden!important}.voucher-admin-list{align-content:start;min-height:0!important;overflow:auto!important;padding-right:4px}.ticket-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box!important;overflow:hidden}}.service-staff-dashboard{color:#12223b;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 48px);min-height:0;overflow:hidden;width:100%}.service-staff-dashboard h1{color:#10233d;font-size:34px;line-height:1.18;margin:0}.staff-schedule-hero{grid-gap:14px;background:#fff;border:1px solid #d9e6f3;border-radius:22px;box-shadow:0 12px 32px #0f172a0d;display:grid;gap:14px;grid-template-columns:1fr;margin-bottom:0;padding:18px}.staff-schedule-hero-copy{grid-gap:12px;align-content:start;display:grid;gap:12px}.staff-schedule-kicker{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.staff-schedule-note{color:#51607a;font-size:14px;line-height:1.55;margin:0;max-width:860px}.staff-schedule-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.staff-schedule-stat-card{grid-gap:4px;align-content:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;box-shadow:none;display:grid;gap:4px;min-height:54px;padding:8px 10px}.staff-schedule-stat-card.tone-total{background:#f8fafc;border-color:#d8e3ef}.staff-schedule-stat-card.tone-pending{background:#2563eb14;border-color:#2563eb24}.staff-schedule-stat-card.tone-confirmed{background:#14b8a614;border-color:#14b8a624}.staff-schedule-stat-card.tone-warning{background:#f9731614;border-color:#f9731624}.staff-schedule-stat-card.tone-success{background:#16a34a14;border-color:#16a34a24}.staff-schedule-stat-card.tone-danger{background:#f43f5e14;border-color:#f43f5e24}.staff-schedule-stat-label{color:#5f6b7a;font-size:11px;font-weight:700;line-height:1.2}.staff-schedule-stat-value{color:#111827;font-size:22px;line-height:1}.staff-schedule-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:0}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{align-items:center;background:#fff;border:1px solid #d6deea;border-radius:16px;box-shadow:0 10px 24px #0f172a0d;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:10px;min-height:34px;padding:7px 11px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.filter-btn span{white-space:nowrap}.filter-btn strong{background:#f1f5f9;border-radius:999px;color:#0f172a;font-size:12px;line-height:1;min-width:28px;padding:4px 8px;text-align:center}.filter-btn:hover{border-color:#0f766e;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,#0f766e,#0b5f58);border-color:#0f766e;box-shadow:0 16px 28px #0f766e2e;color:#fff}.filter-btn.active strong{background:#ffffff29;color:#fff}.staff-appointments-shell{background:linear-gradient(180deg,#ffffffeb,#f7fafdfa);border:1px solid #dbe5f1;border-radius:18px;box-shadow:0 20px 46px #0f172a14;display:grid;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:12px}.staff-appointments-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.staff-appointments-header h2{color:#10233d;font-size:18px;margin:0}.appointments-table{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #dce5ef;border-radius:22px;min-height:0;overflow:hidden;overflow:auto}.staff-server-pagination{align-items:center;color:#51607a;display:flex;font-size:13px;font-weight:650;gap:12px;justify-content:space-between;padding-top:10px}.staff-server-pagination>div{display:flex;gap:8px}.staff-server-pagination button{background:#fff;border:1px solid #d5e0ec;border-radius:10px;color:#17324d;min-height:36px;padding:7px 12px}.staff-server-pagination button:disabled{cursor:not-allowed;opacity:.45}.appointments-table table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.appointments-table th,.appointments-table thead{background:linear-gradient(180deg,#f7fafc,#f0f4f8)}.appointments-table th{border-bottom:1px solid #dce5ef;color:#25364d;font-size:13px;font-weight:700;letter-spacing:.01em;padding:10px 11px;position:sticky;text-align:left;top:0;z-index:3}.appointments-table td{border-bottom:1px solid #edf2f7;padding:10px 11px;vertical-align:top}.appointments-table tr{transition:background-color .2s ease}.appointments-table tr:hover{background-color:#f8fbff}.appointments-table tr.has-cancellation-request{background:linear-gradient(180deg,#fffaf2,#fff5e8)}.appointments-table tr.has-pending-confirmation{background:linear-gradient(180deg,#f8fbff,#f1f7ff)}.appointments-table tr:last-child td{border-bottom:none}.cell-stack{grid-gap:4px;display:grid;gap:4px}.cell-stack.compact{gap:3px}.cell-stack strong{color:#10233d;font-size:14px}.cell-stack small{color:#64748b;font-size:12px}.cell-stack:not(.compact) small{margin-top:4px}.appointment-slot strong{font-size:13px}.status-cell{grid-gap:10px;display:grid;gap:10px}.status-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;gap:6px;line-height:1;min-height:0;padding:5px 9px;width:fit-content}.status-pill-dot{border-radius:999px;flex-shrink:0;height:7px;width:7px}.status-pill-neutral{background:#eef2ff;border-color:#cbd5e1;color:#334155}.status-pill-neutral .status-pill-dot{background:#64748b;box-shadow:0 0 0 3px #64748b1f}.status-pill-warning{background:#fff4ce;border-color:#facc15;color:#9a6700}.status-pill-warning .status-pill-dot{background:#d97706;box-shadow:0 0 0 3px #d977061f}.status-pill-pending{background:#e0f2fe;border-color:#93c5fd;color:#1d4ed8}.status-pill-pending .status-pill-dot{background:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.status-pill-success{background:#ecfdf5;border-color:#86efac;color:#047857}.status-pill-success .status-pill-dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.status-pill-danger{background:#fff1f2;border-color:#fda4af;color:#be123c}.status-pill-danger .status-pill-dot{background:#ef4444;box-shadow:0 0 0 3px #ef44441f}.status-note{color:#8a5a00;font-size:12px;line-height:1.5}.rating-chip{align-items:center;background:#f8fafc;border:1px solid #dbe5f0;border-radius:999px;color:#475569;display:inline-flex;font-size:11px;font-weight:700;min-height:0;padding:5px 9px}.action-buttons{grid-gap:8px;display:grid;gap:8px}.action-btn{background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:none;cursor:pointer;font-size:12px;font-weight:800;min-height:38px;padding:9px 13px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}.btn-accept-booking,.btn-complete-service{border-color:#16a34a61;color:#15803d}.btn-cancel-booking,.btn-request-cancel{background:#fff;border-color:#f43f5e59;color:#be123c}.btn-accept-booking:hover:not(:disabled),.btn-complete-service:hover:not(:disabled){background:#16a34a;border-color:#16a34a;color:#fff;transform:translateY(-1px)}.btn-cancel-booking:hover:not(:disabled),.btn-request-cancel:hover:not(:disabled){background:#e11d48;border-color:#e11d48;color:#fff;transform:translateY(-1px)}.btn-accept-booking:disabled,.btn-cancel-booking:disabled,.btn-complete-service:disabled,.btn-request-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.no-action{color:#94a3b8;font-size:13px;font-weight:600}.empty-cell{color:#5f6b7a;font-style:italic;padding:28px 14px;text-align:center}.modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid #d9e2efe6;border-radius:24px;box-shadow:0 24px 60px #0f172a2e;overflow:hidden;width:min(100%,560px)}.modal-header{align-items:center;border-bottom:1px solid #e5edf5;display:flex;gap:16px;justify-content:space-between;padding:24px 24px 18px}.modal-header h2{color:#12223b;font-size:24px;margin:0}.modal-close{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:999px;color:#51607a;cursor:pointer;display:inline-flex;font-size:24px;font-weight:400;height:40px;justify-content:center;line-height:1;padding:0;text-align:center;width:40px}.modal-close:hover{border-color:#a9b8ca;color:#12223b}.modal-body{padding:24px}.confirm-dialog-copy{color:#51607a;font-size:14px;line-height:1.7;margin:0}.confirm-dialog-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.confirm-dialog-detail{grid-gap:6px;background:#f8fbff;border:1px solid #dce7f2;border-radius:18px;display:grid;gap:6px;padding:14px 16px}.confirm-dialog-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.confirm-dialog-detail strong{color:#10233d;font-size:14px;line-height:1.5}.modal-actions{border-top:1px solid #e5edf5;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-submit{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px}.btn-submit.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-submit.btn-neutral{background:linear-gradient(135deg,#475569,#334155)}.btn-cancel{background:#fff;border:1px solid #d9e2ef;border-radius:12px;color:#334155;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px}@media (max-width:1080px){.staff-schedule-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.staff-schedule-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-schedule-toolbar{align-items:stretch}}@media (max-width:768px){.service-staff-dashboard h1{font-size:26px}.staff-schedule-hero{border-radius:24px;padding:20px}.staff-schedule-stats{grid-template-columns:1fr 1fr}.filter-buttons{display:grid;grid-template-columns:1fr;width:100%}.filter-btn{justify-content:space-between;width:100%}.staff-appointments-shell{border-radius:24px;padding:14px}.appointments-table table{font-size:12px;min-width:760px}.appointments-table td,.appointments-table th{padding:11px 10px}.modal{border-radius:22px;width:100%}.modal-body,.modal-header{padding:18px}.modal-header h2{font-size:20px}.modal-actions{display:grid}.confirm-dialog-details,.modal-actions{grid-template-columns:1fr}}@media (max-width:560px){.staff-schedule-stats{grid-template-columns:1fr}}.staff-shifts-page{grid-gap:0;color:#12223b;display:grid;gap:0;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);min-height:0;overflow:hidden;width:100%}.staff-shifts-page *{box-sizing:border-box}.staff-shifts-page h1,.staff-shifts-page h2{color:#10233d;margin:0}.staff-shifts-page h1{font-size:22px;line-height:1.18}.staff-shifts-kicker,.staff-shifts-section-head p{color:#0f766e;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0;text-transform:uppercase}.staff-shifts-workspace{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);min-height:0;overflow:hidden}.staff-shifts-side-panel{grid-gap:10px;align-content:stretch;display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0}.staff-shifts-insights{grid-gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 24px #0f172a0a;display:grid;gap:8px;padding:12px}.staff-shifts-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-shifts-summary-card{grid-gap:3px;background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;display:grid;gap:3px;min-height:52px;padding:8px 10px}.staff-shifts-summary-card span{color:#5f6b7a;font-size:11px;font-weight:750}.staff-shifts-summary-card strong{color:#111827;font-size:22px;line-height:1}.staff-shifts-summary-card.tone-morning{border-color:#2563eb24}.staff-shifts-summary-card.tone-evening{border-color:#f9731624}.staff-shifts-summary-card.tone-full{border-color:#16a34a24}.staff-weekly-register{background:#fff;border:1px solid #d8e8e4;border-radius:20px;box-shadow:0 14px 32px #0f766e0f;display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;padding:12px}.staff-weekly-register-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.staff-weekly-register-head p{color:#0f766e;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0 0 2px;text-transform:uppercase}.staff-weekly-register-head h1{font-size:20px}.weekly-schedule-hint{color:#64748b;display:block;font-size:11.5px;line-height:1.35;margin-top:3px}.staff-shifts-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:6px}.btn-leave-request,.btn-save-weekly{border-radius:12px;cursor:pointer;font-size:13px;font-weight:850;min-height:36px;padding:8px 13px}.btn-save-weekly{background:#0f766e;border:1px solid #0f766e;box-shadow:0 10px 18px #0f766e24;color:#fff}.btn-leave-request{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.btn-save-weekly:disabled{cursor:not-allowed;opacity:.62}.weekly-schedule-message{background:#ecfdf5;border:1px solid #0f766e2e;border-radius:12px;color:#0f766e;font-size:12px;font-weight:750;padding:8px 10px}.weekly-schedule-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr));min-height:0}.weekly-schedule-day{grid-gap:6px;aspect-ratio:1/1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:6px;min-height:92px;padding:7px}.weekly-day-name{color:#10233d;display:inline-block;font-size:11.5px;font-weight:850}.weekly-shift-selector{margin:0;position:relative}.weekly-shift-selector:after{border-bottom:1.5px solid #64748b;border-right:1.5px solid #64748b;content:"";height:7px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-62%) rotate(45deg);width:7px}.weekly-shift-select{appearance:none;background:#fff;border:1px solid #0000;border-radius:10px;color:#12223b;font-size:11px;font-weight:800;max-width:none;min-height:31px;padding:6px 26px 6px 8px;width:100%}.weekly-shift-select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.shift-time-range,.weekly-time-display{color:#64748b;font-size:10.5px}.shift-time-range{align-items:center;background:#0000;border-radius:0;display:inline-flex;font-weight:800;line-height:1.45;min-height:0;padding:0}.shift-off-label{color:#94a3b8}.staff-shifts-leave-history{grid-gap:8px;background:#fff;border:1px solid #dce5ef;border-radius:20px;box-shadow:0 10px 24px #0f172a0a;display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:12px}.staff-shifts-section-head{grid-gap:3px;display:grid;gap:3px}.staff-shifts-section-head h2{font-size:16px}.staff-shifts-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;color:#64748b;padding:14px;text-align:center}.staff-shifts-empty-state p{margin:0}.staff-shifts-leave-list{grid-gap:8px;display:grid;gap:8px;max-height:none;min-height:0;overflow:auto;padding-right:2px}.staff-shifts-leave-card{grid-gap:10px;align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:14px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.staff-shifts-leave-card:hover{background:#f8fafc}.staff-shifts-leave-copy{grid-gap:4px;display:grid;gap:4px;min-width:0}.staff-shifts-leave-copy strong{color:#111827;font-size:13px;font-weight:850}.staff-shifts-leave-copy span{color:#64748b;font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-shifts-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:750;justify-content:center;padding:4px 9px;white-space:nowrap}.staff-shifts-status.pending{background:#fef3c7;color:#b45309}.staff-shifts-status.approved{background:#dcfce7;color:#15803d}.staff-shifts-status.rejected{background:#fee2e2;color:#b91c1c}.staff-shifts-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.staff-shifts-modal{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid #d9e2efe6;border-radius:24px;box-shadow:0 24px 60px #0f172a2e;overflow:hidden;width:min(100%,560px)}.staff-shifts-confirm-overlay{background:#0f172a85;z-index:1100}.staff-shifts-confirm-modal{grid-gap:16px;background:#fff;border:1px solid #d9e2efeb;border-radius:22px;box-shadow:0 26px 70px #0f172a38;display:grid;gap:16px;padding:20px;width:min(100%,440px)}.staff-shifts-confirm-head{grid-gap:6px;display:grid;gap:6px}.staff-shifts-confirm-head h2{color:#12223b;font-size:21px;line-height:1.2;margin:0}.staff-shifts-confirm-head p{color:#64748b;font-size:13px;line-height:1.45;margin:0}.staff-shifts-confirm-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-shifts-confirm-details div{grid-gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:4px;padding:10px}.staff-shifts-confirm-details .is-wide{grid-column:1/-1}.staff-shifts-confirm-details span{color:#64748b;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.staff-shifts-confirm-details strong{color:#12223b;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.staff-shifts-confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.staff-shifts-modal-header{align-items:center;border-bottom:1px solid #e5edf5;display:flex;gap:16px;justify-content:space-between;padding:24px 24px 18px}.staff-shifts-modal-header h2{font-size:24px}.staff-shifts-modal-close{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:999px;color:#51607a;cursor:pointer;display:inline-flex;font-size:24px;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.staff-shifts-modal-close:hover{border-color:#a9b8ca;color:#12223b}.staff-shifts-modal-body{padding:24px}.staff-shifts-form-group{margin-bottom:18px}.staff-shifts-form-group label{color:#12223b;display:block;font-weight:650;margin-bottom:6px}.staff-shifts-form-group input,.staff-shifts-form-group textarea{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.staff-shifts-form-group input:focus,.staff-shifts-form-group textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f;outline:none}.staff-shifts-form-group textarea{min-height:90px;resize:vertical}.staff-shifts-modal-actions{border-top:1px solid #e5edf5;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-cancel-leave,.btn-submit-leave{border-radius:12px;cursor:pointer;font-size:14px;font-weight:750;padding:10px 20px}.btn-submit-leave{background:linear-gradient(135deg,#16a34a,#15803d);border:none;color:#fff}.btn-cancel-leave{background:#fff;border:1px solid #d9e2ef;color:#334155}@media (max-width:1180px){.staff-shifts-workspace{gap:10px;grid-template-columns:minmax(0,1.3fr) minmax(270px,.78fr)}.weekly-schedule-day{min-height:84px}.weekly-shift-select{min-height:30px;padding-inline:7px 24px}}@media (max-width:900px){.staff-shifts-page{height:auto;max-height:none;overflow:visible}.staff-shifts-workspace{grid-template-columns:1fr;overflow:visible}.weekly-schedule-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.staff-shifts-page h1{font-size:22px}.staff-shifts-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-shifts-insights,.staff-shifts-leave-history,.staff-weekly-register{border-radius:20px;padding:14px}.btn-leave-request,.btn-save-weekly,.staff-shifts-actions{width:100%}.staff-shifts-actions{display:grid;grid-template-columns:1fr}.weekly-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-shifts-leave-card{align-items:start;grid-template-columns:1fr}.staff-shifts-modal{border-radius:22px;width:100%}.staff-shifts-modal-body,.staff-shifts-modal-header{padding:18px}.staff-shifts-modal-header h2{font-size:20px}.staff-shifts-modal-actions{display:grid;grid-template-columns:1fr}}@media (max-width:560px){.staff-shifts-summary,.weekly-schedule-grid{grid-template-columns:1fr}}.staff-schedule-calendar{--sc-bg:#fff;--sc-bg-alt:#f8fafb;--sc-surface:#fff;--sc-ink:#0f172a;--sc-muted:#64748b;--sc-line:#e2e8f0;--sc-line-soft:#f1f5f9;--sc-accent:#0f766e;--sc-accent-soft:#ccfbf1;--sc-danger:#ef4444;--sc-teal:#0f766e;--sc-radius:16px;color:var(--sc-ink);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%}.sc-loading{align-items:center;color:var(--sc-muted);display:flex;flex-direction:column;font-size:15px;gap:16px;justify-content:center;min-height:400px}.sc-loading-spinner{animation:sc-spin .7s linear infinite;border:3.5px solid var(--sc-line);border-radius:50%;border-top-color:var(--sc-teal);height:44px;width:44px}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-toolbar{background:linear-gradient(135deg,#0d9488,#0f766e 40%,#115e59);border-radius:var(--sc-radius) var(--sc-radius) 0 0;box-shadow:0 4px 16px #0f766e3d,0 1px 3px #0f766e1f,inset 0 1px 0 #ffffff1f;color:#fff;gap:12px;justify-content:space-between;margin-bottom:0;padding:12px 18px}.sc-toolbar,.sc-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.sc-toolbar-left{gap:8px}.sc-view-modes{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;display:flex;padding:3px}.sc-mode-btn{background:#0000;border:none;border-radius:7px;color:#ffffffb8;cursor:pointer;font-size:13px;font-weight:600;min-height:32px;padding:6px 16px;transition:all .22s cubic-bezier(.4,0,.2,1)}.sc-mode-btn:hover{background:#ffffff14;color:#fff}.sc-mode-btn.active{background:#fff;box-shadow:0 2px 8px #0000001f,0 1px 2px #0000000f;color:#0f766e;font-weight:700}.sc-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sc-btn-today{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1.5px solid #ffffff47;border-radius:10px;color:#ffffffe6;cursor:pointer;font-size:13px;font-weight:600;min-height:32px;padding:6px 16px;transition:all .22s cubic-bezier(.4,0,.2,1)}.sc-btn-today:hover{background:#ffffff24;border-color:#fff9;color:#fff}.sc-btn-today.active{background:#fff;border-color:#fff;box-shadow:0 2px 8px #0000001a;color:#0f766e;font-weight:700}.sc-date-nav{gap:4px}.sc-date-nav,.sc-nav-btn{align-items:center;display:flex}.sc-nav-btn{background:#ffffff0f;border:1.5px solid #ffffff38;border-radius:10px;color:#ffffffc7;cursor:pointer;font-size:18px;font-weight:600;height:34px;justify-content:center;min-height:34px;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);width:34px}.sc-nav-btn:hover{background:#ffffff24;border-color:#ffffff8c;color:#fff;transform:scale(1.05)}.sc-date-label{color:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;min-width:170px;text-align:center}.sc-date-picker{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1.5px solid #ffffff3d;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;min-height:34px;padding:6px 12px;transition:all .2s ease}.sc-date-picker:focus{border-color:#fff9;box-shadow:0 0 0 3px #ffffff29;outline:none}.sc-date-picker::-webkit-calendar-picker-indicator{filter:invert(1)}.sc-stats-mini{align-items:center;display:flex;gap:12px}.sc-stat-item{color:#ffffffb8;font-size:12px;font-weight:500;white-space:nowrap}.sc-stat-item strong{color:#fff;font-weight:800}.sc-stat-pending strong{color:#fbbf24}.sc-stat-confirmed strong{color:#34d399}.sc-stat-completed strong{color:#60a5fa}.sc-btn-all-staff{background:#ffffff0f;border:1.5px solid #ffffff3d;border-radius:10px;color:#ffffffe0;cursor:pointer;font-size:12px;font-weight:600;min-height:32px;padding:6px 14px;transition:all .22s cubic-bezier(.4,0,.2,1)}.sc-btn-all-staff:hover{background:#ffffff1f;border-color:#ffffff8c;color:#fff}.sc-btn-export{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#0f766e;cursor:pointer;font-size:12px;font-weight:700;min-height:32px;padding:6px 16px;transition:all .22s cubic-bezier(.4,0,.2,1)}.sc-btn-export:hover{background:#f0fdfa;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sc-staff-row{align-items:stretch;background:var(--sc-surface);border-bottom:2px solid var(--sc-line);display:flex;gap:0;padding:0;position:sticky;top:0;z-index:10}.sc-staff-row-time{background:var(--sc-bg-alt);border-right:1px solid var(--sc-line);min-width:56px;width:56px}.sc-staff-avatar{align-items:center;background:#0000;border:none;border-right:1px solid var(--sc-line-soft);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;padding:14px 6px 12px;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1)}.sc-staff-avatar:last-child{border-right:none}.sc-staff-avatar:hover{background:linear-gradient(180deg,#f0fdfa,#f8fafb)}.sc-staff-avatar.active{background:linear-gradient(180deg,#effcf8,#f0fdfa)}.sc-avatar-img{border:2.5px solid var(--sc-line);border-radius:50%;height:42px;object-fit:cover;transition:all .22s ease;width:42px}.sc-staff-avatar.active .sc-avatar-img{border-color:var(--sc-teal);box-shadow:0 2px 12px #0f766e33}.sc-avatar-placeholder{align-items:center;border:2.5px solid #0000;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:42px;justify-content:center;transition:all .22s ease;width:42px}.sc-staff-avatar.active .sc-avatar-placeholder{box-shadow:0 2px 12px #0f766e33}.sc-avatar-name{color:var(--sc-muted);font-size:11px;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.sc-staff-avatar.active .sc-avatar-name{color:var(--sc-teal);font-weight:800}.sc-avatar-active-dot{border:2px solid var(--sc-surface);border-radius:50%;height:10px;position:absolute;right:calc(50% - 24px);top:10px;width:10px}.sc-hidden-staff{border-left:2px dashed var(--sc-line);display:flex;gap:0;margin-left:4px;opacity:.45}.sc-hidden-staff .sc-staff-avatar{flex:0 0 60px;min-width:60px}.sc-grid-container{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:0 0 var(--sc-radius) var(--sc-radius);border-top:none;box-shadow:0 4px 16px #0f172a0d,0 1px 3px #0f172a0a;display:flex;max-height:calc(100vh - 220px);overflow-x:auto;overflow-y:auto;position:relative}.sc-time-labels{background:var(--sc-bg-alt);border-right:1px solid var(--sc-line);flex-shrink:0;min-width:56px;width:56px}.sc-time-label{align-items:flex-start;border-bottom:1px solid var(--sc-line-soft);display:flex;justify-content:flex-end;padding:0 8px 0 0;position:relative}.sc-time-label span{color:#94a3b8;font-size:11px;font-weight:600;transform:translateY(-7px);white-space:nowrap}.sc-columns-wrapper{display:flex;flex:1 1;min-width:0}.sc-staff-column{border-right:1px solid var(--sc-line-soft);flex:1 1;min-width:150px;position:relative}.sc-staff-column:last-child{border-right:none}.sc-hour-cell{border-bottom:1px solid var(--sc-line-soft)}.sc-appointment-block{border:1px solid;border-radius:10px;box-shadow:0 2px 8px #0f172a14;cursor:pointer;left:3px;overflow:hidden;padding:7px 10px;position:absolute;right:3px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);z-index:2}.sc-appointment-block:hover{box-shadow:0 8px 24px #0f172a24,0 2px 6px #0f172a0f;transform:translateY(-2px) scale(1.015);z-index:3}.sc-appt-time{font-size:10px;font-weight:800;letter-spacing:.02em;margin-bottom:2px;opacity:.85;white-space:nowrap}.sc-appt-customer{font-size:13px;font-weight:800;line-height:1.3}.sc-appt-customer,.sc-appt-service{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-appt-service{font-size:11px;font-weight:500;margin-top:2px;opacity:.85}.sc-appt-duration{font-size:10px;font-weight:600;margin-top:2px;opacity:.72}.sc-status-completed,.sc-status-confirmed,.sc-status-pending{opacity:1}.sc-now-indicator{align-items:center;display:flex;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.sc-now-dot{animation:sc-pulse-dot 2s ease-in-out infinite;background:var(--sc-danger);border-radius:50%;box-shadow:0 0 0 3px #ef444433,0 0 12px #ef444459;flex-shrink:0;height:12px;margin-left:-6px;width:12px}@keyframes sc-pulse-dot{0%,to{box-shadow:0 0 0 3px #ef444433,0 0 12px #ef444459}50%{box-shadow:0 0 0 5px #ef44441f,0 0 20px #ef444440}}.sc-now-line{background:linear-gradient(90deg,var(--sc-danger) 0,#ef44444d 100%);flex:1 1;height:2px}.sc-now-time{background:#fff;border-radius:6px;box-shadow:0 1px 6px #ef444426;color:var(--sc-danger);font-size:10px;font-weight:800;letter-spacing:.02em;margin-right:4px;padding:2px 8px}.sc-empty{align-items:center;background:linear-gradient(180deg,var(--sc-surface) 0,var(--sc-bg-alt) 100%);border:1px solid var(--sc-line);border-radius:0 0 var(--sc-radius) var(--sc-radius);border-top:none;color:var(--sc-muted);display:flex;flex-direction:column;font-size:15px;justify-content:center;padding:60px 20px}.sc-empty-icon{font-size:48px;margin-bottom:16px;opacity:.35}.sc-table-container{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:0 0 var(--sc-radius) var(--sc-radius);border-top:none;box-shadow:0 4px 16px #0f172a0d,0 1px 3px #0f172a0a;overflow-x:auto;padding:0}.sc-list-table{border-collapse:collapse;width:100%}.sc-list-table th{background:var(--sc-bg-alt);border-bottom:1px solid var(--sc-line);color:var(--sc-muted);font-size:11px;font-weight:800;letter-spacing:.06em;padding:14px 16px;text-align:left;text-transform:uppercase}.sc-list-table td{border-bottom:1px solid var(--sc-line-soft);color:var(--sc-ink);font-size:13px;padding:12px 16px;vertical-align:middle}.sc-list-table tbody tr{transition:background .15s ease}.sc-list-table tbody tr:hover td{background:#f8fafc}.sc-list-table tbody tr:last-child td{border-bottom:none}.sc-table-staff-tag{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;padding:4px 12px;white-space:nowrap}.sc-btn-small{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:10px;color:var(--sc-teal);cursor:pointer;font-size:12px;font-weight:700;min-height:32px;padding:6px 14px;transition:all .2s ease}.sc-btn-small:hover{background:#f0fdfa;border-color:var(--sc-teal);box-shadow:0 2px 6px #0f766e1a;transform:translateY(-1px)}.sc-modal-overlay{align-items:center;animation:sc-fadeIn .22s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}@keyframes sc-fadeIn{0%{opacity:0}to{opacity:1}}.sc-modal{animation:sc-slideUp .28s cubic-bezier(.34,1.56,.64,1);background:var(--sc-surface);border-radius:20px;box-shadow:0 24px 64px #0f172a33,0 8px 24px #0f172a14;max-width:92vw;overflow:hidden;width:480px}@keyframes sc-slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-modal-header{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e 60%,#115e59);color:#fff;display:flex;justify-content:space-between;padding:18px 22px}.sc-modal-header h3{color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em;margin:0}.sc-modal-close{background:#ffffff1f;border:none;border-radius:10px;color:#0000;cursor:pointer;display:inline-grid;font-size:0;height:34px;min-height:34px;padding:0;place-items:center;position:relative;transition:all .2s ease;width:34px}.sc-modal-close:after,.sc-modal-close:before{background:#fffc;border-radius:1px;content:"";height:2px;position:absolute;transition:transform .2s ease;width:14px}.sc-modal-close:before{transform:rotate(45deg)}.sc-modal-close:after{transform:rotate(-45deg)}.sc-modal-close:hover{background:#ffffff38;transform:scale(1.08)}.sc-modal-body{grid-gap:10px;display:grid;gap:10px;padding:22px}.sc-detail-row{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:12px 16px;transition:border-color .2s ease}.sc-detail-row:hover{border-color:#cbd5e1}.sc-detail-row:last-child{border-bottom:1px solid #e2e8f0}.sc-detail-label{color:#475569;font-size:13px;font-weight:700}.sc-detail-row strong{color:#0f172a;font-size:14px;font-weight:800;line-height:1.45;max-width:62%;text-align:right}.sc-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.01em;padding:5px 14px}.sc-pill-pending{background:#fef3c7;color:#92400e}.sc-pill-confirmed{background:#d1fae5;color:#065f46}.sc-pill-completed{background:#dbeafe;color:#1e40af}.sc-pill-cancelled{background:#fee2e2;color:#991b1b}.sc-modal-actions{background:var(--sc-bg-alt);border-top:1px solid var(--sc-line-soft);display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px}.sc-btn{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;min-height:36px;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sc-btn:disabled{cursor:not-allowed;opacity:.5}.sc-btn-confirm{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 2px 8px #0f766e33;color:#fff}.sc-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#0d665f,#0b8a7f);box-shadow:0 4px 14px #0f766e40;transform:translateY(-1px)}.sc-btn-complete{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 8px #16a34a33;color:#fff}.sc-btn-complete:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 4px 14px #16a34a40;transform:translateY(-1px)}.sc-btn-cancel{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.sc-btn-cancel:hover:not(:disabled){background:#fecaca;border-color:#fca5a5}.sc-btn-close{background:var(--sc-line-soft);color:var(--sc-muted);margin-left:auto}.sc-btn-close:hover{background:var(--sc-line);color:var(--sc-ink)}@media (max-width:900px){.sc-toolbar{border-radius:var(--sc-radius) var(--sc-radius) 0 0;flex-direction:column;gap:10px;padding:12px 14px}.sc-toolbar-left,.sc-toolbar-right{flex-wrap:wrap;justify-content:center;width:100%}.sc-date-label{font-size:13px;min-width:140px}}@media (max-width:768px){.sc-stats-mini{font-size:11px;gap:6px}.sc-staff-column{min-width:120px}.sc-avatar-img,.sc-avatar-placeholder{font-size:12px;height:36px;width:36px}.sc-avatar-name{font-size:10px;max-width:60px}.sc-grid-container{max-height:calc(100vh - 280px)}}@media (max-width:480px){.sc-grid-container{max-height:calc(100vh - 320px)}.sc-staff-column{min-width:100px}.sc-appointment-block{border-radius:8px;padding:4px 6px}.sc-appt-time{font-size:9px}.sc-appt-customer{font-size:11px}.sc-staff-row-time,.sc-time-labels{min-width:44px;width:44px}}.header{background:linear-gradient(180deg,#f8fafcf5,#f8fafc94 62%,#f8fafc00);padding:0 clamp(12px,2.8vw,24px) 10px;position:sticky;top:0;transition:padding-top .28s ease;z-index:120}.header.is-scrolled{padding-top:10px}.header-container{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #d9e2efc7;border-radius:0 0 28px 28px;box-shadow:0 10px 26px #12223b14;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1240px;padding:14px 24px;transition:max-width .28s ease,padding .28s ease,border-radius .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease}.header.is-scrolled .header-container{background:#ffffffeb;border-color:#d1dbe9fa;border-radius:26px;box-shadow:0 18px 38px #12223b1f;max-width:1160px;padding:10px 20px}.header-brand-row{gap:16px}.header-brand-row,.logo{align-items:center;display:flex;min-width:0}.logo{gap:10px;text-decoration:none}.btn-login,.btn-logout,.btn-new-session,.btn-register,.logo-mark,.logo-text small,.logo-text strong,.menu-toggle,.nav-link,.role-menu-trigger,.user-menu{transition:transform .24s ease,padding .24s ease,border-radius .24s ease,font-size .24s ease,min-height .24s ease,gap .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,border-color .24s ease,width .24s ease,height .24s ease}.logo-img{border-radius:50%;flex-shrink:0;height:38px;mix-blend-mode:multiply;object-fit:contain;width:auto}.header.is-scrolled .logo-img{height:34px}.logo-text{grid-gap:1px;display:grid;gap:1px;min-width:0}.logo-text strong{color:#12223b;font-size:16px;letter-spacing:.2px}.logo-text small{color:#51607a;font-size:11px}.header.is-scrolled .logo-text strong{font-size:15px}.header.is-scrolled .logo-text small{font-size:10px}.menu-toggle{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:12px;box-shadow:none;display:none;flex-direction:column;gap:4px;height:44px;justify-content:center;padding:0;width:44px}.menu-toggle span{background:#12223b;border-radius:999px;height:2px;transition:transform .2s ease,opacity .2s ease;width:18px}.menu-toggle.is-open span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-panel{flex:1 1;gap:18px;justify-content:space-between}.header-nav-shell,.header-panel{align-items:center;display:flex;min-width:0}.header-nav-shell{gap:12px}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.nav-link{border-radius:999px;color:#334155;font-size:14px;font-weight:600;padding:8px 12px;text-decoration:none}.header.is-scrolled .nav-link{font-size:13px;padding:7px 11px}.nav-link:hover{background:#eef6f5;color:#0f766e}.nav-link.is-active{background:#e5f4f2;color:#0f766e}.role-menu{position:relative}.role-menu-trigger{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:999px;box-shadow:none;color:#12223b;display:inline-flex;font-size:13px;font-weight:700;gap:8px;min-height:40px;padding:8px 12px}.header.is-scrolled .role-menu-trigger{min-height:38px;padding:7px 11px}.role-menu-trigger:hover{border-color:#0f766e;color:#0f766e}.role-menu-trigger small{align-items:center;background:#eef6f5;border-radius:999px;color:#0f766e;display:inline-flex;font-size:11px;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 6px}.role-dropdown{background:#fff;border:1px solid #d9e2ef;border-radius:16px;box-shadow:0 18px 36px #12223b1f;display:none;gap:6px;grid-template-columns:1fr;left:0;min-width:220px;padding:10px;position:absolute;top:calc(100% + 10px)}.header.is-scrolled .role-dropdown{top:calc(100% + 8px)}.role-menu.is-open .role-dropdown{display:grid}.role-link{border-radius:10px;width:100%}.nav-mobile-sections{display:none}.nav-section{grid-gap:8px;display:grid;gap:8px}.nav-section-label{color:#51607a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-section-links{grid-gap:6px;display:grid;gap:6px}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.notification-menu{flex-shrink:0;position:relative}.notification-trigger{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:12px;box-shadow:none;color:#12223b;display:inline-flex;gap:7px;height:42px;justify-content:center;min-width:42px;padding:0 12px;position:relative;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease,min-width .24s ease,height .24s ease}.notification-trigger.has-items,.notification-trigger:hover{background:#f2fbfa;border-color:#0f766e;box-shadow:0 2px 8px #0f766e1f}.header.is-scrolled .notification-trigger{border-radius:11px;height:38px;min-width:38px;padding:0 10px}.notification-bell{font-size:18px;line-height:1}.notification-label{color:#12223b;font-size:13px;font-weight:800;line-height:1;white-space:nowrap}.notification-badge{align-items:center;background:#dc2626;border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:19px;justify-content:center;line-height:1;min-width:19px;padding:0 5px;position:absolute;right:-7px;top:-7px}.notification-dropdown{background:#fff;border:1px solid #d9e2ef;border-radius:18px;box-shadow:0 24px 48px #12223b2e;left:0;overflow:hidden;position:absolute;right:auto;top:calc(100% + 10px);width:min(390px,calc(100vw - 28px));z-index:180}.notification-dropdown-head{align-items:flex-start;background:linear-gradient(180deg,#f8fcfb,#fff);border-bottom:1px solid #eef2f7;display:flex;gap:12px;justify-content:space-between;padding:14px}.notification-dropdown-head div{grid-gap:3px;display:grid;gap:3px;min-width:0}.notification-dropdown-head strong{color:#12223b;font-size:15px}.notification-dropdown-head span{color:#64748b;font-size:12px;line-height:1.35}.notification-dropdown-head button{background:#fff;border:1px solid #c7d5e7;border-radius:10px;color:#334155;flex-shrink:0;font-size:12px;font-weight:700;min-height:30px;padding:6px 10px}.notification-dropdown-head button:hover:not(:disabled){border-color:#0f766e;color:#0f766e}.notification-error,.notification-status-message{border-radius:10px;font-size:12px;font-weight:700;margin:10px 12px 0;padding:8px 10px}.notification-status-message{background:#ecfdf7;border:1px solid #b7eadf;color:#0f766e}.notification-error{background:#fff5f5;border:1px solid #fecaca;color:#b91c1c}.notification-list{max-height:430px;overflow-y:auto;padding:8px}.notification-empty{color:#64748b;font-size:13px;padding:24px 12px;text-align:center}.notification-item{grid-gap:10px;align-items:start;background:#fff;border:1px solid #0000;border-radius:13px;color:inherit;cursor:pointer;display:grid;gap:10px;grid-template-columns:10px minmax(0,1fr) auto;padding:11px 10px;text-align:left;width:100%}.notification-item:hover{background:#f8fafc;border-color:#d9e2ef}.notification-dot{background:#94a3b8;border-radius:999px;height:9px;margin-top:5px;width:9px}.notification-item.tone-voucher .notification-dot{background:#7c3aed}.notification-item.tone-paid .notification-dot,.notification-item.tone-success .notification-dot{background:#0f766e}.notification-item.tone-urgent .notification-dot{background:#dc2626}.notification-item.tone-warning .notification-dot{background:#f59e0b}.notification-item-main{grid-gap:4px;display:grid;gap:4px;min-width:0}.notification-item-main strong{color:#12223b;font-size:13px;line-height:1.25}.notification-item-main small{color:#51607a;font-size:12px;line-height:1.35}.notification-item-main time{color:#94a3b8;font-size:11px;font-weight:700}.notification-quick-action{align-items:center;background:#0f766e;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-height:28px;padding:6px 9px;white-space:nowrap}.notification-quick-action:focus-visible,.notification-quick-action:hover{background:#0a4f4a;outline:none}.btn-login,.btn-register{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-height:42px;padding:9px 15px;text-decoration:none}.header.is-scrolled .btn-login,.header.is-scrolled .btn-logout,.header.is-scrolled .btn-register{min-height:38px;padding:8px 13px}.btn-login{background:#fff;border:1px solid #d9e2ef;color:#334155}.btn-login:hover{border-color:#0f766e;color:#0f766e}.btn-register{background:#0f766e;border:1px solid #0f766e;color:#fff}.btn-register:hover{background:#0a4f4a;border-color:#0a4f4a}.user-menu{align-items:center;background:#fff;border:1px solid #d9e2ef;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:6px 10px;text-decoration:none}.user-menu:hover{border-color:#0f766e;box-shadow:0 2px 8px #0f766e1f}.header.is-scrolled .user-menu{border-radius:11px;padding:5px 9px}.user-avatar-presence{display:inline-flex;flex:0 0 auto;height:34px;position:relative;width:34px}.user-avatar-small{border:2px solid #e5f4f2;border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:800;height:34px;justify-content:center;width:34px}.user-presence-dot{background:#94a3b8;border:2px solid #fff;border-radius:999px;bottom:-1px;box-shadow:0 0 0 2px #94a3b829;height:10px;position:absolute;right:-1px;width:10px}.user-presence-dot.is-online{background:#16a34a;box-shadow:0 0 0 2px #16a34a2e}.user-presence-dot.is-offline{background:#94a3b8}.user-menu-info{grid-gap:1px;display:grid;gap:1px;min-width:0}.user-name{color:#12223b;font-size:13px;font-weight:700;line-height:1.2}.user-menu small{color:#64748b;font-size:11px;line-height:1.2}.btn-logout{background:#fff5f5;border:1px solid #fecaca;border-radius:10px;color:#b91c1c}.btn-logout,.btn-new-session{font-size:13px;padding:9px 14px}.btn-new-session{align-items:center;background:#f0fdfa;border:1px solid #99d8d2;border-radius:10px;color:#0f766e;display:inline-flex;font-weight:800;justify-content:center;text-decoration:none;white-space:nowrap}.btn-new-session:hover{background:#dff7f3;border-color:#0f766e}.btn-logout:hover{background:#ffe8eb;border-color:#fda4af}.logout-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a47;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:240}.logout-confirm-modal{background:#fff;border:1px solid #d9e2ef;border-radius:20px;box-shadow:0 24px 44px #12223b2e;padding:22px;width:min(100%,320px)}.logout-confirm-title{color:#12223b;font-size:17px;font-weight:700;margin:0;text-align:center}.logout-confirm-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.btn-logout-cancel,.btn-logout-confirm{align-items:center;border-radius:12px;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:42px}.btn-logout-confirm{background:#b91c1c;color:#fff}.btn-logout-confirm:hover{background:#991b1b}.btn-logout-cancel{background:#fff;border:1px solid #d9e2ef;color:#334155}.btn-logout-cancel:hover{border-color:#a9b8ca;color:#12223b}@media (max-width:980px){.header{padding:0 12px 12px}.header.is-scrolled{padding-top:8px}.header-container{grid-gap:12px;border-radius:0 0 24px 24px;display:grid;gap:12px;padding:14px 16px}.header.is-scrolled .header-container{border-radius:20px;max-width:100%;padding:12px 14px}.header-brand-row{justify-content:space-between}.menu-toggle{display:inline-flex}.header-panel{background:#fffffff5;border:1px solid #d9e2ef;border-radius:18px;box-shadow:0 18px 36px #12223b1f;display:none;padding:14px}.header-nav-shell,.header-panel.is-open{grid-gap:14px;display:grid;gap:14px}.nav-desktop,.role-menu{display:none}.nav-mobile-sections{grid-gap:14px;display:grid;gap:14px}.header-actions{grid-gap:10px;display:grid;gap:10px;width:100%}.notification-menu,.notification-trigger{width:100%}.notification-dropdown{box-shadow:0 18px 36px #12223b1f;margin-top:8px;position:static;width:100%}.btn-login,.btn-logout,.btn-new-session,.btn-register,.user-menu{width:100%}}@media (max-width:620px){.logo-mark{border-radius:10px;height:34px;width:34px}.logo-text strong{font-size:15px}.logo-text small{display:none}.logout-confirm-actions{grid-template-columns:1fr}}.footer{background:#064e3b;color:#d9f2ea;margin-top:48px;width:100%}.footer-shell{grid-gap:clamp(28px,5vw,72px);align-items:start;display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(260px,1.35fr) minmax(180px,.8fr) minmax(220px,.95fr);margin:0 auto;max-width:1240px;padding:42px clamp(18px,4vw,32px) 34px}.footer-column{min-width:0}.footer-brand{align-items:flex-start;display:flex;gap:14px;min-width:0}.footer-brand-mark{align-items:center;background:#fff;border:1px solid #fff3;border-radius:12px;color:#064e3b;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:900;height:44px;justify-content:center;letter-spacing:.04em;width:44px}.footer-brand-copy{grid-gap:6px;display:grid;gap:6px;min-width:0}.footer-brand-copy strong{color:#fff;font-size:18px;font-weight:850;line-height:1.15}.footer-brand-copy small{color:#d9f2eac7;font-size:13px;font-weight:500;line-height:1.55;max-width:28ch}.footer-column h2{color:#fff;font-size:14px;font-weight:850;line-height:1.2;margin:0 0 14px}.footer-contact-list,.footer-link-list{grid-gap:10px;display:grid;gap:10px}.footer-contact-list a,.footer-link-list a{color:#d9f2eac2;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;transition:color .18s ease,transform .18s ease;width:fit-content}.footer-contact-list a:hover,.footer-link-list a:hover{color:#fff;transform:translateX(2px)}.footer-support{font-style:normal}.footer-contact-list a{align-items:center;display:inline-flex;gap:9px}.footer-contact-list span{align-items:center;background:#ffffff1a;border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;height:22px;justify-content:center;width:22px}.footer-bottom{border-top:1px solid #ffffff24;color:#d9f2eaa8;font-size:12px;font-weight:550;margin:0 auto;max-width:1240px;padding:18px clamp(18px,4vw,32px) 24px}.footer-bottom p{margin:0}.back-to-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border:1px solid #cbd5e1b8;border-radius:999px;bottom:22px;box-shadow:0 14px 28px #12223b24;color:#12223bd1;cursor:pointer;display:inline-flex;font-size:18px;font-weight:800;height:54px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(10px);transition:opacity .22s ease,transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease;width:54px;z-index:125}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.back-to-top:hover{background:#ffffffe6;border-color:#0f766e;box-shadow:0 18px 32px #0f766e24;color:#0f766e}.back-to-top-icon{height:24px;width:24px}@media (max-width:900px){.footer-shell{grid-template-columns:1fr 1fr}.footer-brand-column{grid-column:1/-1}}@media (max-width:620px){.footer{margin-top:36px}.footer-shell{gap:26px;grid-template-columns:1fr;padding-block:34px 28px}.footer-bottom{padding-bottom:22px}.back-to-top{bottom:16px}}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{align-items:stretch;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);background:#ffffffeb;border-top:1px solid #d9e2ef;border-top:1px solid var(--line,#d9e2ef);bottom:0;box-shadow:0 -4px 24px #12223b0f;display:flex;height:calc(60px + env(safe-area-inset-bottom, 0px));justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:9999}.bottom-nav__item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-height:48px;padding:6px 4px;position:relative;touch-action:manipulation;transition:all .22s ease}.bottom-nav__item:before{background:#0f766e;background:var(--brand,#0f766e);border-radius:0 0 6px 6px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%) scaleX(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:28px}.bottom-nav__item--active:before{transform:translateX(-50%) scaleX(1)}.bottom-nav__icon{color:#51607a;color:var(--text-muted,#51607a);font-size:20px;font-weight:800;line-height:1;min-width:22px;transition:transform .2s ease}.bottom-nav__item--active .bottom-nav__icon{color:#0f766e;color:var(--brand,#0f766e);transform:scale(1.15)}.bottom-nav__label{color:#51607a;color:var(--text-muted,#51607a);font-size:10px;font-weight:600;letter-spacing:.01em;max-width:64px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.bottom-nav__item--active .bottom-nav__label{color:#0f766e;color:var(--brand,#0f766e);font-weight:700}.bottom-nav__item--primary .bottom-nav__icon{align-items:center;background:linear-gradient(135deg,#0f766e,#0b5f58);background:linear-gradient(135deg,var(--brand,#0f766e) 0,#0b5f58 100%);border-radius:50%;box-shadow:0 6px 20px #0f766e47;color:#fff;display:flex;font-size:18px;height:44px;justify-content:center;margin-top:-18px;width:44px}.bottom-nav__item--primary .bottom-nav__label{margin-top:-2px}body.has-bottom-nav .app{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}.role-sidebar{background:radial-gradient(circle at 100% 12%,#0f766e1a 0,#0f766e00 38%),linear-gradient(180deg,#fafdfafa,#f1f8f5fa);border-right:1px solid #d9e2efd1;box-shadow:12px 0 34px #12223b14;display:none;gap:18px;grid-template-rows:auto minmax(0,1fr) auto;inset:0 auto 0 0;padding:18px 14px;position:fixed;width:244px;z-index:130}.role-sidebar__brand{align-items:center;color:inherit;display:flex;gap:12px;min-width:0;text-decoration:none}.role-sidebar__logo-wrap{align-items:center;background:linear-gradient(135deg,#dfeee8,#c7ddd3);border-radius:16px;box-shadow:0 10px 22px #0f766e24;display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;overflow:hidden;width:46px}.role-sidebar__logo{height:100%;mix-blend-mode:multiply;object-fit:cover;width:100%}.role-sidebar__brand-copy,.role-sidebar__user-copy{grid-gap:2px;display:grid;gap:2px;min-width:0}.role-sidebar__brand-copy strong{color:#12223b;font-size:14px;font-weight:800;line-height:1.2}.role-sidebar__brand-copy small,.role-sidebar__user-copy small{color:#66758c;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-sidebar__nav{grid-gap:5px;align-content:start;display:grid;gap:5px;min-height:0;overflow-y:auto;padding:2px 2px 8px;scrollbar-color:#0f766e42 #0000;scrollbar-width:thin}.role-sidebar__link{align-items:center;border-radius:13px;color:#66758c;display:flex;gap:12px;min-height:42px;padding:10px 12px;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.role-sidebar__link:hover{background:#ffffffb8;color:#0f766e;transform:translateX(2px)}.role-sidebar__link--active{background:#fffffff5;box-shadow:0 12px 24px #12223b14;color:#0f766e}.role-sidebar__link span{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-sidebar__icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;height:18px;width:18px}.role-sidebar__account{grid-gap:10px;border-top:1px solid #d9e2efdb;display:grid;gap:10px;padding-top:12px}.role-sidebar__user{align-items:center;background:#ffffffb8;border-radius:14px;color:inherit;display:flex;gap:10px;min-width:0;padding:9px;text-decoration:none}.role-sidebar__avatar,.role-sidebar__avatar-placeholder{border-radius:50%;flex:0 0 auto;height:34px;width:34px}.role-sidebar__avatar-wrap{display:inline-flex;flex:0 0 auto;height:34px;position:relative;width:34px}.role-sidebar__avatar{object-fit:cover}.role-sidebar__avatar-placeholder{align-items:center;background:#0f766e;color:#fff;display:inline-flex;font-size:13px;font-weight:800;justify-content:center}.role-sidebar__presence-dot{background:#94a3b8;border:2px solid #fff;border-radius:999px;bottom:-1px;box-shadow:0 0 0 2px #94a3b829;height:10px;position:absolute;right:-1px;width:10px}.role-sidebar__presence-dot.is-online{background:#16a34a;box-shadow:0 0 0 2px #16a34a2e}.role-sidebar__user-copy strong{color:#12223b;font-size:12px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-sidebar__logout,.role-sidebar__new-session{align-items:center;background:#fff5f5db;border:1px solid #dc26262e;border-radius:12px;box-shadow:none;color:#b91c1c;display:flex;gap:10px;justify-content:flex-start;min-height:40px;padding:9px 11px;width:100%}.role-sidebar__new-session{background:#f0fdfae6;border:1px solid #0f766e33;color:#0f766e;text-decoration:none}.role-sidebar__new-session:hover{background:#dff7f3;border-color:#0f766e61}.role-sidebar__logout:hover{background:#ffe8eb;border-color:#dc262647}.role-sidebar__logout span,.role-sidebar__new-session span{font-size:12px;font-weight:800}.role-sidebar__logout-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1400}.role-sidebar__logout-modal{grid-gap:18px;background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;box-shadow:0 28px 72px #0f172a38;display:grid;gap:18px;padding:20px;width:min(100%,420px)}.role-sidebar__logout-kicker{color:#0f766e;font-size:11px;font-weight:900;letter-spacing:.08em;margin:0 0 5px;text-transform:uppercase}.role-sidebar__logout-modal h2{color:#12223b;font-size:22px;line-height:1.2;margin:0}.role-sidebar__logout-modal span{color:#64748b;display:block;font-size:13px;line-height:1.45;margin-top:6px}.role-sidebar__logout-actions{display:flex;gap:10px;justify-content:flex-end}.role-sidebar__logout-cancel,.role-sidebar__logout-confirm{border-radius:12px;cursor:pointer;font-size:13px;font-weight:850;min-height:38px;padding:8px 14px}.role-sidebar__logout-confirm{background:#b91c1c;border:1px solid #0000;color:#fff}.role-sidebar__logout-confirm:hover{background:#991b1b}.role-sidebar__logout-cancel{background:#fff;border:1px solid #d8e8e4;color:#12223b}.role-sidebar__logout-cancel:hover{border-color:#0f766e;color:#0f766e}@media (min-width:981px){.role-sidebar{display:grid}}@media (prefers-reduced-motion:reduce){.role-sidebar__link,.role-sidebar__logout,.role-sidebar__new-session{transition:none}.role-sidebar__link:hover{transform:none}}.consent-banner{grid-gap:12px;align-items:center;background:#fff;border:1px solid #d1dbe8;border-radius:14px;bottom:16px;box-shadow:0 14px 30px #0f172a2e;display:grid;gap:12px;grid-template-columns:1.3fr auto;left:16px;padding:14px;position:fixed;right:16px;z-index:1200}.consent-banner-content{grid-gap:5px;display:grid;gap:5px}.consent-banner-content h3{color:#12223b;font-size:17px;margin:0}.consent-banner-content p{color:#51607a;font-size:13px;line-height:1.5;margin:0}.consent-banner-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.consent-secondary-btn{background:#f8fbff;border:1px solid #ced9e7;color:#1e3a5f}.consent-secondary-btn:hover{border-color:#0f766e;color:#0f766e}.consent-text-btn{background:#0000;border:1px solid #0000;color:#64748b}.consent-text-btn:hover{color:#1e293b;text-decoration:underline}@media (max-width:880px){.consent-banner{grid-template-columns:1fr}.consent-banner-actions{justify-content:stretch}.consent-banner-actions button{width:100%}}.pwa-install-banner{grid-gap:14px;animation:pwaSlideIn .42s cubic-bezier(.22,1,.36,1) both;background:radial-gradient(circle at 94% 10%,#ff7f5024 0,#ff7f5000 40%),linear-gradient(145deg,#fffffff5,#f4fbf9f5);border:1px solid #0f766e2e;border-radius:18px;bottom:calc(18px + env(safe-area-inset-bottom, 0px));box-shadow:0 18px 42px #12223b24;display:grid;gap:14px;padding:16px;position:fixed;right:18px;width:min(420px,calc(100vw - 28px));z-index:10000}body.has-bottom-nav .pwa-install-banner{bottom:calc(78px + env(safe-area-inset-bottom, 0px))}.pwa-install-content{align-items:flex-start;display:flex;gap:13px}.pwa-icon-container{align-items:center;background:linear-gradient(135deg,#0f766e,#0e918a);border-radius:16px;box-shadow:0 10px 22px #0f766e38;color:#fff;display:inline-flex;flex:0 0 auto;height:52px;justify-content:center;width:52px}.pwa-svg-icon{stroke:currentColor}.pwa-text-details{grid-gap:4px;display:grid;gap:4px;min-width:0}.pwa-kicker{background:#eaf7f5;border:1px solid #0f766e38;border-radius:999px;color:#0a5d56;font-size:11px;font-weight:800;line-height:1;padding:4px 8px;width:fit-content}.pwa-text-details h4{color:#12223b;font-size:16px;font-weight:800;line-height:1.25;margin:0}.pwa-text-details p{color:#51607a;font-size:12px;line-height:1.55;margin:0}.pwa-ios-steps{grid-gap:8px;background:#f8fbff;border:1px solid #d9e4ef;border-radius:14px;display:grid;gap:8px;list-style:none;margin:0;padding:12px}.pwa-ios-steps li{grid-gap:8px;align-items:center;color:#334155;counter-increment:pwa-step;display:grid;font-size:12px;gap:8px;grid-template-columns:24px minmax(0,1fr);line-height:1.45}.pwa-ios-steps li:before{align-items:center;background:#0f766e;border-radius:999px;color:#fff;content:counter(pwa-step);display:inline-flex;font-size:11px;font-weight:800;height:24px;justify-content:center;width:24px}.pwa-action-buttons{display:flex;gap:10px;justify-content:flex-end}.btn-pwa-dismiss,.btn-pwa-install{border-radius:10px;font-size:13px;font-weight:800;min-height:40px;padding:9px 14px}.btn-pwa-dismiss{background:#fff;border:1px solid #d9e4ef;color:#51607a}.btn-pwa-dismiss:hover{background:#f5fcfa;border-color:#0f766e;color:#0f766e}.btn-pwa-install{background:linear-gradient(135deg,#0f766e,#0e918a);border:1px solid #0f766e;box-shadow:0 8px 18px #0f766e33;color:#fff}.btn-pwa-install:hover{box-shadow:0 12px 24px #0f766e42;transform:translateY(-1px)}.btn-pwa-install:active{transform:translateY(0)}@keyframes pwaSlideIn{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width:768px){.pwa-install-banner{left:14px;right:14px;width:auto}.pwa-action-buttons{display:grid;grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.pwa-install-banner{animation:none}.btn-pwa-install:hover{transform:none}}
/*# sourceMappingURL=main.49764099.css.map*/