*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.min-w-0{min-width:0}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--blue:#1457d9;--navy:#08142f;--text:#111729;--muted:#687085;--line:#dce2ef;--bg:#f3f6fb;--green:#d9fae9;--surface:#ffffff;--soft:#eef4ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgb(20 87 217/10%),transparent 30vw),linear-gradient(180deg,#f8fbff 0,var(--bg) 42%);color:var(--text);font-family:Arial,Helvetica,sans-serif}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px}.loginPanel{width:min(420px,100%);display:grid;gap:18px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 18px 60px rgb(7 23 59/10%)}.loginPanel svg{color:var(--blue)}.loginPanel h1{margin:0;color:var(--navy);font-size:34px}label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;padding:13px 14px;outline:none}textarea{min-height:108px;resize:vertical}select{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;padding:13px 14px;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #edf2ff}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#07173b,#0b2555);border-right:1px solid var(--line);padding:28px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:rgb(255 255 255/22%);border-radius:999px}.sidebar nav{padding-bottom:28px}.sidebar h1{margin:0 0 34px;color:#fff;font-size:34px}.sidebar h1 span{color:#ff6a00}nav{display:grid;gap:10px}.connection{display:flex;align-items:center;gap:8px;border:1px solid #cce8d8;background:var(--green);color:#08724a;border-radius:8px;padding:11px 12px;font-weight:800;margin:-14px 0 24px}.connection.offline{border-color:#ffd5cd;background:#fff4f2;color:#b91c1c}.navItem{padding:13px 14px;border-radius:8px;color:#cbd7f5;font-weight:700;background:transparent;justify-content:flex-start}.navItem.active{background:rgb(255 255 255/12%);color:#fff;box-shadow:inset 3px 0 0 #6ea8ff}.content{padding:32px;overflow-x:hidden}.topbar{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}h2{color:var(--navy);font-size:34px;margin:0}button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:13px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.actions{display:flex;align-items:center;gap:10px}.ghost{background:#fff;border:1px solid var(--line);color:var(--blue)}.danger{padding:9px 12px}.danger,.error{background:#fff4f2;border:1px solid #ffd5cd;color:#b91c1c}.error{border-radius:8px;margin:0;padding:11px 12px;font-size:13px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:30px}.panel,.stat{background:rgb(255 255 255/92%);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 18px 48px rgb(8 20 47/6%)}.stat{display:grid;gap:10px}.stat svg{color:var(--blue)}.stat span{color:var(--muted);font-weight:700}.stat strong{color:var(--navy);font-size:32px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.activityPanel{padding:18px}.activityRow{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:14px;width:100%;margin-top:10px;border:1px solid #e7ecf6;border-radius:10px;background:#fff;color:var(--text);padding:14px;text-align:left}.activityRow:hover{border-color:#bfd0f6;background:#f8faff}.activityRow b,.activityRow small{display:block}.activityRow small{color:var(--muted);margin-top:4px}.activityRow strong{color:var(--blue);white-space:nowrap}.serviceLayout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin-top:18px;align-items:start}.single{margin-top:24px}.overviewHero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;border:1px solid #cfdaf0;border-radius:16px;background:linear-gradient(135deg,#08142f,#1457d9);color:#fff;padding:26px;box-shadow:0 22px 70px rgb(8 20 47/18%)}.overviewHero .eyebrow,.overviewHero span{color:#dbe7ff}.overviewHero h3{margin:0;font-size:38px}.overviewActions{display:flex;flex-wrap:wrap;gap:10px}.overviewActions .ghost{background:rgb(255 255 255/12%);border-color:rgb(255 255 255/28%);color:#fff}.workQueue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.workQueue button{justify-content:flex-start;min-height:92px;border:1px solid #dbe4ff;border-radius:14px;background:#fff;color:var(--navy);text-align:left;box-shadow:0 14px 34px rgb(8 20 47/5%)}.workQueue button:hover{border-color:var(--blue);background:#f8faff}.workQueue svg{color:var(--blue)}.workQueue b,.workQueue small{display:block}.workQueue b{font-size:24px}.workQueue small{color:var(--muted);margin-top:4px}.planEditor{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:16px;border:1px solid #e7ecf6;border-radius:14px;background:#f8faff;padding:14px}.planEditor .wide{grid-column:span 2}.offerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.offerCard{display:grid;justify-items:start;gap:6px;border:1px solid #e7ecf6;border-radius:14px;background:#fff;color:var(--text);padding:15px}.offerCard strong{color:var(--blue)}.chartGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.chartPanel{display:grid;gap:14px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;box-shadow:0 18px 48px rgb(8 20 47/6%)}.chartPanel h3{margin:0;color:var(--navy);font-size:17px}.chartRow{display:grid;grid-template-columns:130px minmax(120px,1fr) auto;align-items:center;gap:12px}.chartRow span{color:var(--muted);font-size:13px;font-weight:800;overflow-wrap:anywhere}.chartRow div{height:10px;overflow:hidden;border-radius:999px;background:#edf2ff}.chartRow i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1457d9,#4fc3f7)}.chartRow b{color:var(--navy);font-size:13px;white-space:nowrap}.serviceForm{display:grid;gap:14px;align-content:start;position:sticky;top:24px}.inlineForm{position:static;max-width:760px}.fieldGroup{display:grid;gap:10px;padding:14px;border:1px solid #e3ebfb;border-radius:14px;background:#f8fbff}.fieldGroup b{color:var(--navy)}.fieldGroup small{color:var(--muted)}.serviceRow strong small{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-top:4px}.panelHead,.row{display:flex;align-items:center;justify-content:space-between}.panelHead h3{color:var(--navy);font-size:22px;margin:0}.panelHead svg{color:var(--blue)}.row{border-top:1px solid #edf0f6;padding:16px 0;gap:16px}.row:first-of-type{border-top:0}.row strong{color:var(--blue);text-align:right;white-space:nowrap}.row b,.row small{display:block}.row b{color:var(--navy);margin-bottom:4px}.empty,.row small{color:var(--muted);font-size:13px}.serviceRow,.userRow{display:grid;align-items:center;gap:14px;border:1px solid #e2e8f3;border-radius:12px;padding:16px;margin-top:10px;background:#fff}.panel{max-width:100%}.panel.single{overflow-x:auto}.bookingRow>*,.paymentRow>*,.ratingRow>*,.reportRow>*,.serviceRow>*,.subscriptionRow>*,.userRow>*{min-width:0;overflow-wrap:anywhere}.serviceRow{grid-template-columns:62px minmax(180px,1fr) auto auto}.userRow{grid-template-columns:minmax(220px,1fr) 220px auto}.subscriptionRow{display:grid;grid-template-columns:minmax(340px,1.25fr) minmax(280px,.95fr) minmax(150px,.45fr) minmax(180px,auto);align-items:center;gap:16px;border:1px solid #e2e8f3;border-radius:12px;padding:16px;margin-top:10px;background:#fff}.serviceRow:first-of-type,.subscriptionRow:first-of-type,.userRow:first-of-type{margin-top:0}.serviceRow b,.serviceRow small,.subscriptionRow b,.subscriptionRow small,.userRow b,.userRow small{display:block}.serviceRow b,.subscriptionRow b,.userRow b{color:var(--navy);margin-bottom:4px}.serviceRow small,.subscriptionRow small,.userRow small{color:var(--muted);line-height:1.35}.serviceThumb{width:54px;height:54px;border-radius:8px;border:1px solid #dde2ee;background:#edf2ff;color:var(--blue);display:grid;place-items:center;overflow:hidden}.serviceThumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.serviceUploadBox{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:center;border:1px dashed #b9c8e6;border-radius:14px;background:#f8faff;padding:14px}.serviceUploadPreview{width:108px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border:1px solid #dbe4ff;border-radius:16px;background:#fff;color:var(--blue)}.serviceUploadPreview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.serviceUploadContent{display:grid;gap:8px}.serviceUploadContent b{color:var(--navy)}.serviceUploadContent small{color:var(--muted);line-height:1.4}.uploadActions{display:flex;flex-wrap:wrap;gap:8px}.uploadButton{width:-moz-fit-content;width:fit-content;display:inline-flex;grid-template-columns:none;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--blue);color:#fff;padding:11px 14px;cursor:pointer}.uploadButton input{display:none}.formActions,.rowActions{display:flex;align-items:center;gap:8px}.formActions button,.rowActions button{white-space:nowrap}.iconOnly{width:38px;height:38px;flex:0 0 38px;padding:0;border-radius:10px}.checkLine{display:flex;grid-template-columns:none;align-items:center;gap:10px}.checkLine input{width:18px;height:18px}.tableRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;border-top:1px solid #edf0f6;padding:15px 0}.tableRow:first-child{border-top:0}.tableRow span{min-width:0;overflow-wrap:anywhere}.empty{margin:18px 0 0}.row.clickable,button.clickable{text-align:left}button.clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;background:transparent;color:inherit;padding:0;font:inherit;justify-content:stretch}.content{min-width:0}.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stats.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.row.clickable{width:100%;border:1px solid #e2e8f3;border-radius:12px;padding:16px;margin-top:10px;background:#fff}.bookingRow.clickable:hover,.paymentRow.clickable:hover,.ratingRow:hover,.row.clickable:hover,.userRow.clickable:hover{background:#f8faff}.bookingRow,.paymentRow,.ratingRow,.reportRow{display:grid;align-items:center;gap:16px;border:1px solid #e2e8f3;border-radius:12px;padding:16px;margin-top:10px;background:#fff}.tableHeader{margin-top:16px;border-top:0;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;background:#f7f9fe;color:#47516a;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.tableHeader span{white-space:nowrap}.tableHeader.bookingRow,.tableHeader.paymentRow,.tableHeader.ratingRow,.tableHeader.serviceRow,.tableHeader.subscriptionRow,.tableHeader.userRow{padding:12px;margin-top:16px;border-radius:10px}.tableHeader.reportRow{padding:12px}.bookingRow>svg,.paymentRow>svg,.userRow>svg{justify-self:center}.userRow{grid-template-columns:minmax(320px,1fr) 190px 190px 36px}.bookingRow{grid-template-columns:86px minmax(210px,.9fr) minmax(280px,1.2fr) 130px 130px 110px minmax(190px,auto)}.paymentRow{grid-template-columns:minmax(300px,1fr) 150px 150px 150px 36px}.ratingRow{grid-template-columns:minmax(300px,1fr) minmax(220px,.8fr) minmax(220px,.8fr)}.reportRow{grid-template-columns:minmax(260px,1fr) minmax(190px,.7fr) minmax(190px,.7fr) 120px minmax(220px,auto)}.bookingRow:first-of-type,.paymentRow:first-of-type,.ratingRow:first-of-type,.reportRow:first-of-type{margin-top:0}.activityRow,.bookingRow,.detailCard,.framedRow,.paymentRow,.ratingRow,.reportRow,.serviceRow,.subscriptionRow,.userRow{box-shadow:0 10px 26px rgb(8 20 47/4%)}.rowCheck{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:900}.rowCheck input{width:18px;height:18px}.iconSelect{width:42px;height:42px;border:1px solid #dbe4ff;border-radius:12px;background:#f8faff;color:var(--blue);padding:0}.bookingRow b,.bookingRow small,.paymentRow b,.paymentRow small,.ratingRow b,.ratingRow small{display:block}.bookingRow b,.paymentRow b,.ratingRow b{color:var(--navy);margin-bottom:4px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.bookingRow small,.muted,.paymentRow small,.ratingRow small,.reportRow small{color:var(--muted);line-height:1.35}.reportRow b,.reportRow small{display:block}.conversationBox{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;background:#f8faff;padding:12px}.messageBubble{display:grid;gap:5px;max-width:78%;border:1px solid #dfe7f7;border-radius:12px;background:#fff;padding:11px 12px}.messageBubble p{margin:0}.messageBubble small{color:var(--muted)}.chatAdminGrid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:16px;margin-top:18px}.adminMessages,.chatList,.chatPanel{min-width:0}.chatList.fullList{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:18px}.chatList.fullList .chatItem{margin-bottom:0}.chatItem{width:100%;display:grid;gap:5px;text-align:left;justify-content:stretch;background:#fff;color:var(--text);border:1px solid #e2e8f3;border-radius:12px;padding:14px;margin-bottom:10px}.adminMessage b,.chatItem b,.chatPanelHead b{color:var(--navy)}.adminMessage small,.chatItem small,.chatPanelHead small{color:var(--muted)}.adminMessage p,.chatItem span{overflow-wrap:anywhere}.activeChat{border-color:var(--blue);background:#eef4ff}.chatPanel{border:1px solid #e2e8f3;border-radius:14px;background:#fff;padding:14px}.chatPanelHead,.chatReply{display:flex;align-items:center;justify-content:space-between;gap:12px}.chatPanelHead>div{display:grid;gap:4px;min-width:0}.adminMessages{display:grid;gap:10px;max-height:460px;overflow:auto;margin:14px 0;padding-right:4px}.adminMessage{border:1px solid #eef1f6;border-radius:12px;background:#f8fbff;padding:12px}.chatDetailModal{width:min(960px,100%)}.threadedMessages{display:flex;flex-direction:column;gap:12px;max-height:56vh;border:1px solid #e7ecf6;border-radius:14px;background:#f8faff;padding:14px}.adminMessage.adminSide,.adminMessage.userSide{width:min(72%,560px)}.adminMessage.adminSide{align-self:flex-end;border-color:#b9cdfd;background:#eef4ff}.adminMessage.userSide{align-self:flex-start;background:#fff}.adminMessage p{margin:7px 0;color:var(--text)}.chatReply input{min-width:0}.loadingOverlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgb(248 250 255/62%);backdrop-filter:blur(4px)}.loadingOverlay div{display:grid;justify-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px;box-shadow:0 20px 70px rgb(7 23 59/18%)}.loadingOverlay svg,.pill{color:var(--blue)}.pill{width:-moz-fit-content;width:fit-content;border:1px solid #dbe4ff;border-radius:999px;background:#f4f7ff;padding:7px 10px;font-size:12px;font-weight:800;text-transform:capitalize}.statusGood{border-color:#bcebd1;background:#ecfff5;color:#08724a}.statusDanger{border-color:#ffd5cd;background:#fff4f2;color:#b91c1c}.modalOverlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgb(8 20 47/54%);backdrop-filter:blur(8px)}.detailPanel{width:min(860px,100%);max-height:min(86vh,920px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;box-shadow:0 28px 90px rgb(7 23 59/28%)}.detailPanel.serviceForm{position:static;top:auto}.detailPanel h3,.detailPanel h4{color:var(--navy);margin:0}.detailPanel h3{font-size:26px}.detailPanel h4{font-size:16px}.modalHead{position:sticky;top:-24px;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-24px -24px 18px;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:#fff;padding:22px 24px}.closeBtn,.linkBtn{width:auto;background:transparent;color:var(--blue);padding:8px}.closeBtn{border:1px solid var(--line)}.detailGrid{display:grid;gap:14px;margin-top:18px}.detailCard{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px}.filterBar,.quickActions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.modalTabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;border-bottom:1px solid var(--line);padding-bottom:12px}.modalTabs button{padding:9px 12px}.quickActions button{padding:10px 12px}.filterBar label{min-width:150px;flex:1}.filterBar label svg{vertical-align:middle;margin-right:6px}.activeSmall{background:var(--navy)}.linkBtn{border:0;justify-content:flex-start;padding-left:0}.documentGrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:12px 0}.documentPreview{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:10px}.documentPreview span{color:var(--navy);font-size:13px;font-weight:800}.documentPreview img{width:100%;aspect-ratio:4/3;border-radius:10px;-o-object-fit:cover;object-fit:cover;background:#e9edf5}.documentPreview a{color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.confirmOverlay{z-index:50}.confirmPanel{width:min(430px,100%);display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;box-shadow:0 24px 80px rgb(7 23 59/30%)}.confirmPanel h3,.confirmPanel p{margin:0}.confirmPanel h3{color:var(--navy);font-size:22px}.confirmPanel p{color:var(--muted);line-height:1.45}@media (max-width:900px){.chartGrid,.columns,.planEditor,.serviceLayout,.shell,.stats,.stats.compact,.workQueue{grid-template-columns:1fr}.serviceForm{position:static}.bookingRow,.chatAdminGrid,.paymentRow,.ratingRow,.reportRow,.serviceRow,.userRow{grid-template-columns:1fr;align-items:stretch}.sidebar{position:static;height:auto}.modalOverlay{padding:12px}.detailPanel{max-height:92vh}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.actions,.overviewActions,.overviewHero,.topbar{align-items:stretch;flex-direction:column}.chartRow{grid-template-columns:1fr}}