@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-200:#a4f4cf;--color-emerald-950:#002c22;--color-slate-50:#f8fafc;--color-slate-950:#020618;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dodo-primary:#00796b;--color-dodo-primary-dark:#006156;--color-dodo-navy:#082338;--color-dodo-soft:#f5f7fb}@supports (color:lab(0% 0 0)){:root,:host{--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-950:lab(1.76974% 1.32743 -9.28855)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.table-row{display:table-row}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-slate-50{background-color:var(--color-slate-50)}.text-slate-950{color:var(--color-slate-950)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.selection\:bg-emerald-200 ::selection,.selection\:bg-emerald-200::selection{background-color:var(--color-emerald-200)}.selection\:text-emerald-950 ::selection,.selection\:text-emerald-950::selection{color:var(--color-emerald-950)}}.vendor-reports-page{gap:14px}.analytics-kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.analytics-kpi-strip>div{background:#fff;border:1px solid #dce6ee;border-radius:12px;flex-direction:column;min-height:72px;padding:13px;display:flex}.analytics-kpi-strip span{color:#64748b;font-size:8px}.analytics-kpi-strip strong{color:#0f172a;margin-top:8px;font-size:17px}.analytics-main-grid{grid-template-columns:1.55fr .8fr;gap:14px;display:grid}.analytics-main-grid>section,.analytics-staff,.growth-recommendations{padding:16px}.analytics-demand>div:last-child{gap:7px;margin-top:12px;display:grid}.analytics-demand article{border:1px solid #e5edf3;border-radius:10px;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1.5fr) 85px 65px;align-items:center;gap:12px;min-height:55px;padding:8px 10px;display:grid}.analytics-demand article>div:first-child{flex-direction:column;display:flex}.analytics-demand strong{font-size:10px}.analytics-demand span{color:#64748b;margin-top:4px;font-size:8px}.analytics-demand b{font-size:10px}.analytics-demand em{color:#d97706;font-size:9px;font-style:normal;font-weight:800}.analytics-bar{background:#e8f1f3;border-radius:99px;height:7px;overflow:hidden}.analytics-bar i{background:linear-gradient(90deg,#00897b,#22b8a7);border-radius:99px;height:100%;display:block}.analytics-funnel>div:last-child{gap:12px;margin-top:16px;display:grid}.analytics-funnel p{grid-template-columns:1fr auto;gap:5px 10px;margin:0;display:grid}.analytics-funnel span{color:#475569;font-size:9px}.analytics-funnel strong{font-size:11px}.analytics-funnel i{background:linear-gradient(90deg,#00897b,#35b9ad);border-radius:99px;grid-column:1/-1;min-width:3px;height:9px;display:block}.analytics-funnel i.danger{background:#ef4444}.analytics-staff>div:last-child{gap:7px;margin-top:12px;display:grid}.analytics-staff article{background:#fbfdff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(190px,1.6fr) repeat(4,minmax(80px,1fr)) 70px;align-items:center;gap:12px;min-height:59px;padding:8px 11px;display:grid}.analytics-staff-person{align-items:center;gap:9px;display:flex}.analytics-staff-person>span{color:#00796b;background:#e0f2f1;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.analytics-staff-person p,.analytics-staff article>div:not(.analytics-staff-person){flex-direction:column;margin:0;display:flex}.analytics-staff small{color:#64748b;font-size:8px}.analytics-staff strong{margin-top:3px;font-size:10px}.analytics-staff em{color:#15803d;text-align:center;background:#dcfce7;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.growth-recommendations{background:linear-gradient(135deg,#f0fdfa,#fff);border-color:#bfe6df;grid-template-columns:260px 1fr;gap:24px;display:grid}.growth-head span{color:#00897b;letter-spacing:.1em;font-size:8px;font-weight:900}.growth-head h2{margin:7px 0 5px;font-size:18px}.growth-head p{color:#64748b;margin:0;font-size:9px;line-height:1.5}.growth-recommendations>div:last-child{grid-template-columns:1fr 1fr;gap:8px;display:grid}.growth-recommendations article{background:#fffc;border:1px solid #d7eee9;border-radius:10px;align-items:flex-start;gap:9px;padding:10px;display:flex}.growth-recommendations article b{color:#fff;background:#00897b;border-radius:7px;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.growth-recommendations article p{color:#334155;margin:1px 0 0;font-size:9px;line-height:1.45}@media (max-width:1000px){.analytics-kpi-strip{grid-template-columns:repeat(3,1fr)}.analytics-main-grid,.growth-recommendations{grid-template-columns:1fr}}@media (max-width:700px){.analytics-kpi-strip{grid-template-columns:repeat(2,1fr)}.analytics-demand{overflow-x:auto}.analytics-demand article{min-width:620px}.analytics-staff{overflow-x:auto}.analytics-staff>div:last-child{min-width:700px}.growth-recommendations>div:last-child{grid-template-columns:1fr}}.vendor-wallet-page{gap:14px}.vendor-wallet-hero{color:#fff;background:linear-gradient(135deg,#005f56,#008f80 58%,#18a999);border-radius:18px;grid-template-columns:1.15fr 1fr;min-height:170px;display:grid;overflow:hidden;box-shadow:0 16px 38px #005f562e}.vendor-wallet-hero>div:first-child{flex-direction:column;justify-content:center;padding:25px 28px;display:flex}.vendor-wallet-hero>div:first-child span{letter-spacing:.12em;opacity:.82;font-size:9px;font-weight:900}.vendor-wallet-hero>div:first-child strong{margin:8px 0;font-size:34px;line-height:1}.vendor-wallet-hero>div:first-child small{opacity:.72;font-size:9px}.vendor-wallet-hero>div:last-child{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;align-content:center;gap:8px;padding:20px 25px;display:grid}.vendor-wallet-hero p{border-bottom:1px solid #ffffff24;justify-content:space-between;gap:16px;margin:0;padding:10px 0;font-size:10px;display:flex}.vendor-wallet-hero p:last-child{border-bottom:0}.vendor-wallet-hero b{font-size:11px}.wallet-ledger-card{padding:16px}.wallet-ledger-list{gap:7px;margin-top:13px;display:grid}.wallet-ledger-list article{background:#fbfdff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:9px 12px;display:grid}.wallet-ledger-list>article>span{border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid}.wallet-ledger-list>article>span.credit{color:#15803d;background:#dcfce7}.wallet-ledger-list>article>span.debit{color:#dc2626;background:#fee2e2}.wallet-ledger-list article>div{flex-direction:column;min-width:0;display:flex}.wallet-ledger-list strong{color:#0f172a;font-size:11px}.wallet-ledger-list small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.wallet-ledger-list article>b{white-space:nowrap;font-size:12px}.wallet-ledger-list b.credit{color:#15803d}.wallet-ledger-list b.debit{color:#dc2626}@media (max-width:700px){.vendor-wallet-hero{grid-template-columns:1fr}.vendor-wallet-hero>div:first-child{padding:20px}.vendor-wallet-hero>div:first-child strong{font-size:28px}.vendor-wallet-hero>div:last-child{padding:12px 20px}.wallet-ledger-list article{grid-template-columns:34px minmax(0,1fr)}.wallet-ledger-list article>b{grid-column:2}}.vendor-earnings-page{gap:14px}.vendor-payout-form{grid-template-columns:1.25fr repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.vendor-payout-form>div span{color:#00897b;letter-spacing:.08em;font-size:8px;font-weight:900}.vendor-payout-form h2{margin:4px 0;font-size:16px}.vendor-payout-form p{color:#64748b;margin:0;font-size:9px}.vendor-payout-form label{color:#334155;flex-direction:column;gap:6px;font-size:9px;font-weight:800;display:flex}.vendor-payout-form input{border:1px solid #d7e2eb;border-radius:9px;outline:0;min-width:0;height:39px;padding:0 10px}.vendor-payout-form input:focus{border-color:#00897b;box-shadow:0 0 0 3px #00897b1a}.vendor-payout-form button{border:0;border-radius:9px;min-height:39px;padding:0 14px}.vendor-finance-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vendor-finance-grid>section{min-width:0;padding:15px}.finance-list{gap:7px;margin-top:12px;display:grid}.finance-list article{background:#fbfdff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto 85px;align-items:center;gap:12px;min-height:56px;padding:9px 11px;display:grid}.finance-list article>div{flex-direction:column;min-width:0;display:flex}.finance-list strong{color:#0f172a;font-size:11px}.finance-list span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.finance-list b{color:#0f172a;font-size:12px}.finance-list em{color:#00796b;background:#e6f7f3;border-radius:999px;justify-self:end;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}@media (max-width:1000px){.vendor-payout-form{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-payout-form>div{grid-column:1/-1}.vendor-finance-grid{grid-template-columns:1fr}}@media (max-width:700px){.vendor-payout-form{grid-template-columns:1fr;padding:12px}.vendor-payout-form>div{grid-column:auto}.finance-list article{grid-template-columns:minmax(0,1fr) auto}.finance-list article>em{grid-column:1/-1;justify-self:start}}.attendance-employee-summary{grid-template-columns:minmax(280px,.72fr) minmax(520px,1.6fr);gap:12px;display:grid}.attendance-person-card,.attendance-breakdown{background:#fff;border:1px solid #dbe5ee;border-radius:14px;box-shadow:0 8px 24px #0f172a0b}.attendance-person-card{align-items:center;gap:12px;padding:15px 16px;display:flex}.attendance-person-avatar{color:#fff;background:linear-gradient(145deg,#087f72,#1ba39a);border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid}.attendance-person-card>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.attendance-person-card span,.attendance-breakdown span{color:#64748b;font-size:10px}.attendance-person-card strong{color:#0f172a;margin:3px 0;font-size:15px}.attendance-person-card small{color:#64748b;font-size:9px}.attendance-person-card em{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800}.attendance-person-card em.online{color:#15803d;background:#dcfce7}.attendance-breakdown{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;display:grid}.attendance-breakdown>div{border-right:1px solid #edf2f7;flex-direction:column;justify-content:center;min-height:64px;padding:8px 13px;display:flex}.attendance-breakdown>div:last-child{border-right:0}.attendance-breakdown strong{color:#0f172a;margin-top:5px;font-size:16px}.attendance-breakdown small{color:#94a3b8;margin-top:3px;font-size:8px}.payroll-overview-card{padding:16px}.payroll-overview-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.payroll-overview-head span{color:#00897b;letter-spacing:.08em;font-size:8px;font-weight:900}.payroll-overview-head h2{margin:4px 0 3px;font-size:17px}.payroll-overview-head p{color:#64748b;margin:0;font-size:10px}.payroll-overview-head em{color:#00796b;background:#e6f7f3;border-radius:8px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800}.payroll-list{gap:7px;margin-top:14px;display:grid}.payroll-list article{background:#fbfdff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(100px,1fr)) 90px;align-items:center;gap:12px;min-height:62px;padding:9px 12px;display:grid}.payroll-identity{align-items:center;gap:9px;display:flex}.payroll-identity>span{color:#00796b;background:#e0f2f1;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.payroll-identity p,.payroll-list article>div{flex-direction:column;margin:0;display:flex}.payroll-list small{color:#64748b;font-size:8px}.payroll-list strong{color:#0f172a;margin-top:4px;font-size:11px}.payroll-list article>b{color:#9a6700;white-space:nowrap;background:#fff7d6;border-radius:999px;justify-self:end;padding:5px 7px;font-size:8px}@media (max-width:900px){.attendance-employee-summary{grid-template-columns:1fr}.attendance-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-breakdown>div{border-bottom:1px solid #edf2f7}.payroll-list{overflow-x:auto}.payroll-list article{min-width:820px}}@media (max-width:700px){.app-shell.vendor-mode .admin-module-page .module-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px}.app-shell.vendor-mode .admin-module-page .module-topbar h1{margin-top:6px;font-size:20px;line-height:1.1}.app-shell.vendor-mode .admin-module-page .module-topbar p{max-width:210px;margin-top:4px;font-size:8px;line-height:1.4}.app-shell.vendor-mode .admin-module-page .module-search,.app-shell.vendor-mode .admin-module-page .module-actions>button:not(.primary){display:none!important}.app-shell.vendor-mode .admin-module-page .module-actions{width:auto;display:block}.app-shell.vendor-mode .admin-module-page .module-actions .primary{white-space:nowrap;border-radius:8px;min-height:32px;padding:0 9px;font-size:8px}.app-shell.vendor-mode .admin-module-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.app-shell.vendor-mode .admin-module-page .admin-stat-card{border-radius:10px;min-width:0;min-height:68px!important;padding:9px 10px!important}.app-shell.vendor-mode .admin-module-page .admin-stat-card span{font-size:7px}.app-shell.vendor-mode .admin-module-page .admin-stat-card strong{margin-top:4px;font-size:17px;line-height:1}.app-shell.vendor-mode .admin-module-page .admin-stat-card em{margin-top:5px;padding:3px 6px;font-size:7px}html body .app-shell.vendor-mode .attendance-page .module-topbar{flex-direction:column!important;grid-template-columns:none!important;align-items:stretch!important;gap:9px!important;width:100%!important;display:flex!important;position:static!important}html body .app-shell.vendor-mode .attendance-page .module-topbar>div:first-child{flex:none!important;order:1!important;width:100%!important;min-width:100%!important;max-width:100%!important;display:block!important;position:static!important}html body .app-shell.vendor-mode .attendance-page .module-topbar h1{word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;width:100%!important;max-width:none!important;margin:6px 0 3px!important;font-size:20px!important;line-height:1.15!important;display:block!important}html body .app-shell.vendor-mode .attendance-page .module-topbar p{word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;width:100%!important;max-width:none!important;margin:0!important;font-size:8px!important;line-height:1.45!important;display:block!important}html body .app-shell.vendor-mode .attendance-page .module-actions{float:none!important;flex:none!important;order:2!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;display:grid!important;position:static!important;inset:auto!important;transform:none!important}html body .app-shell.vendor-mode .attendance-page .module-actions select{width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;margin:0!important;padding:0 8px!important;font-size:9px!important;display:block!important;position:static!important}.app-shell.vendor-mode .attendance-page{gap:9px;width:100%;min-width:0;padding:10px 9px 78px;overflow:hidden}.app-shell.vendor-mode .attendance-page .module-topbar{gap:9px;width:100%;flex-direction:column!important;align-items:stretch!important;display:flex!important}.app-shell.vendor-mode .attendance-page .module-topbar>div:first-child{order:1;width:100%;min-width:0;display:block}.app-shell.vendor-mode .attendance-page .module-topbar .dashboard-ribbon.small{width:fit-content;display:inline-flex}.app-shell.vendor-mode .attendance-page .module-topbar h1{white-space:normal;width:100%;margin:6px 0 3px;font-size:20px;line-height:1.15}.app-shell.vendor-mode .attendance-page .module-topbar p{white-space:normal;width:100%;max-width:none;margin:0;font-size:8px;line-height:1.45}.app-shell.vendor-mode .attendance-page .module-actions{order:2;gap:7px;margin:0;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:none!important;display:grid!important;position:static!important;inset:auto!important}.app-shell.vendor-mode .attendance-page .module-actions select{height:38px;padding:0 9px;font-size:9px;width:100%!important;min-width:0!important;display:block!important}.app-shell.vendor-mode .attendance-page .attendance-employee-summary{grid-template-columns:1fr;gap:8px}.app-shell.vendor-mode .attendance-page .attendance-breakdown,.app-shell.vendor-mode .attendance-page .attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell.vendor-mode .attendance-page .attendance-actions button{min-width:0;padding:0 8px;font-size:9px}}:root{--bg:#f5f7fb;--surface:#fff;--line:#dfe6ef;--text:#111827;--muted:#65758b;--primary:#00796b;--primary-dark:#006156;--blue:#2563eb;--navy:#082338;--soft:#f8fafc;--green-soft:#e9f8f2;--blue-soft:#eef5ff;--red-soft:#fff0f0;--shadow:0 10px 26px #0f172a0f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.web-board{min-width:1240px}.login-page{background:linear-gradient(120deg,#00796b14,#0000 38%),linear-gradient(315deg,#2563eb1f,#0000 42%),#f6f9fc;place-items:center;min-height:100vh;padding:32px;display:grid}.auth-shell{background:#fff;border:1px solid #dbe5f0;border-radius:18px;grid-template-columns:minmax(540px,1fr) 430px;width:min(1120px,100%);min-height:640px;display:grid;overflow:hidden;box-shadow:0 26px 70px #0f172a21}.auth-showcase{color:#fff;background:linear-gradient(#061c30f0,#083443f5),#061c30;flex-direction:column;gap:24px;padding:34px;display:flex}.auth-showcase .brand-logo{background:#fff}.auth-copy{margin-top:24px}.auth-copy span{color:#9df4e5;background:#0ea5a32e;border-radius:7px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.auth-copy h1{max-width:520px;margin:18px 0 0;font-size:52px;line-height:1.02}.auth-copy p{color:#c8d8e7;max-width:560px;margin:16px 0 0;font-size:15px;line-height:1.6}.auth-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;display:grid}.auth-role-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;min-height:112px;padding:16px}.auth-role-card svg{color:#8df1df}.auth-role-card strong,.auth-role-card span{display:block}.auth-role-card strong{margin-top:10px;font-size:14px}.auth-role-card span{color:#b8c8da;margin-top:5px;font-size:11px;line-height:1.4}.auth-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.auth-metrics div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:14px}.auth-metrics strong,.auth-metrics span{display:block}.auth-metrics strong{font-size:22px}.auth-metrics span{color:#b8c8da;margin-top:4px;font-size:11px}.login-panel{width:100%;box-shadow:none;background:#fff;border:0;border-left:1px solid #e5edf5;border-radius:0;align-self:center;padding:38px 34px}.login-copy{margin:0 0 20px}.login-copy h1{margin:0;font-size:34px;line-height:1.1}.login-copy p{color:var(--muted);margin:10px 0 0;line-height:1.55}.auth-tabs{background:#f8fafc;border:1px solid #dbe7f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;padding:5px;display:grid}.auth-tabs button{color:#475569;background:0 0;border:0;border-radius:8px;min-height:38px;font-size:13px;font-weight:900}.auth-tabs button.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px #00796b2e}.login-roles{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.login-roles button,.role-switch button{border:1px solid var(--line);color:#334155;background:#fff;border-radius:7px;min-height:34px;font-weight:800}.login-roles button.active,.role-switch button.active{border-color:var(--primary);background:var(--primary);color:#fff}.login-methods{background:#f8fafc;border:1px solid #e5edf5;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;margin:-6px 0 14px;padding:4px;display:grid}.login-methods button{color:#475569;background:0 0;border:0;border-radius:7px;min-height:32px;font-size:12px;font-weight:900}.login-methods button.active{color:var(--primary);background:#fff;box-shadow:0 6px 16px #0f172a14}.login-form{gap:14px;display:grid}.login-form label{color:#334155;gap:6px;font-size:12px;font-weight:800;display:grid}.login-form input,.login-form select{border:1px solid var(--line);color:#0f172a;background:#fff;border-radius:8px;outline:0;min-height:44px;padding:0 12px;font-weight:700}.login-form input:focus,.login-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00796b1f}.otp-send-button{min-height:40px;color:var(--primary);background:#00796b14;border:1px solid #00796b47;border-radius:8px;font-size:13px;font-weight:900}.otp-send-button:disabled,.confirm:disabled{cursor:wait;opacity:.72}.login-hint{color:var(--muted);background:#f8fafc;border:1px solid #e5edf5;border-radius:8px;margin-top:18px;padding:12px;font-size:11px;line-height:1.5}.app-shell{background:#fff;grid-template-columns:176px minmax(0,1fr);min-width:1240px;min-height:100vh;display:grid}.app-shell.customer-mode,.app-shell.vendor-mode,.app-shell.staff-mode{background:#fff;grid-template-columns:178px minmax(0,1fr)}.app-shell.admin-mode{background:#f7f9fc;grid-template-columns:210px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:12px;min-height:100vh;padding:10px;display:flex}.admin-mode .sidebar{color:#fff;background:linear-gradient(#061c30,#092943);padding:14px 12px}.customer-mode .sidebar,.vendor-mode .sidebar,.staff-mode .sidebar{color:#0f172a;background:#fff;padding:14px 10px}.admin-mode .brand{margin-bottom:8px}.customer-mode .brand,.vendor-mode .brand,.staff-mode .brand{margin-bottom:6px}.admin-mode .brand-logo{background:#fff}.customer-mode .nav-link,.vendor-mode .nav-link,.staff-mode .nav-link{color:#334155;white-space:nowrap;min-height:31px;font-size:11px}.customer-mode nav,.vendor-mode nav,.staff-mode nav{flex:1}.customer-mode .nav-link.active,.vendor-mode .nav-link.active{color:#fff;background:linear-gradient(135deg,#00796b,#006156)}.staff-mode .nav-link.active{color:#fff;background:#2563eb}.admin-mode .nav-link{color:#d8e8f7;white-space:nowrap;min-height:30px;font-size:11px}.admin-mode .nav-link.active{color:#fff;background:#2563eb}.admin-mode nav{flex:1}.sidebar-menu-types{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:1fr;gap:6px;margin-top:auto;padding:9px;display:grid}.sidebar-menu-types span{color:#9fb7ce;text-transform:uppercase;font-size:9px;font-weight:900}.sidebar-menu-types button{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff24;border-radius:7px;min-height:28px;padding:0 9px;font-size:10px;font-weight:900}.sidebar-menu-types button:hover{background:#2563eb}.admin-mode .role-switch{display:none}.admin-mode .logout{color:#d8e8f7}.content-shell{background:var(--bg);min-width:0}.admin-mode .content-shell,.vendor-mode .content-shell,.staff-mode .content-shell{background:#f7f9fc}.vendor-mode{background:#eef3f8}.vendor-mode .sidebar{color:#e7f3f8;background:linear-gradient(#061f33f5,#083148fa),#061f33;border-right:0;box-shadow:10px 0 24px #0f172a14}.vendor-mode .brand{border-bottom:1px solid #ffffff1a;min-height:44px;margin-bottom:14px;padding:2px 2px 14px}.vendor-mode .brand-logo{background:#fff;border-radius:7px;width:112px;height:34px;padding:3px 4px}.vendor-mode .brand button{color:#d8edf6}.vendor-mode .role-user{background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;margin-bottom:12px;padding:10px}.vendor-mode .role-user .avatar{background:linear-gradient(135deg,#14b8a6,#2563eb)}.vendor-mode .role-user strong{color:#fff}.vendor-mode .role-user span{color:#9cc4d5}.vendor-mode .nav-link{color:#c9dfeb;border:1px solid #0000;min-height:36px;font-size:11px;font-weight:850}.vendor-mode .nav-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff14}.vendor-mode .nav-link.active{background:linear-gradient(135deg,#0f8f83,#087267);box-shadow:0 10px 22px #00796b47}.vendor-mode .logout{color:#c9dfeb}.vendor-mode .content-shell{background:radial-gradient(circle at 30% 0,#00796b14,#0000 34%),#f4f7fb}.vendor-mode .admin-module-page{padding:18px 24px 28px}.vendor-mode .module-topbar{align-items:center;margin-bottom:2px;padding:2px 0 8px}.vendor-mode .module-topbar h1{letter-spacing:0;margin-top:10px;font-size:30px}.vendor-mode .module-topbar p{color:#5b6f87;max-width:720px;font-size:13px}.vendor-mode .dashboard-ribbon.small{color:#087267;background:#e7f8f4;border-radius:999px;padding:6px 13px;box-shadow:inset 0 0 0 1px #00796b29}.vendor-mode .module-search,.vendor-mode .module-actions button{border-color:#d6e1ec;border-radius:10px;min-height:38px;box-shadow:0 8px 18px #0f172a0a}.vendor-mode .module-actions .primary{background:linear-gradient(135deg,#008577,#006156);padding:0 17px;box-shadow:0 12px 22px #00796b38}.vendor-mode .admin-stat-grid{gap:12px}.vendor-mode .admin-stat-card{border:1px solid #dbe6ef;border-radius:14px;min-height:96px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a0f}.vendor-mode .admin-stat-card:before{content:"";background:linear-gradient(#0f8f83,#2563eb);width:5px;position:absolute;inset:0 auto 0 0}.vendor-mode .admin-stat-card span{color:#60758f;font-size:11px;font-weight:850}.vendor-mode .admin-stat-card strong{font-size:26px}.vendor-mode .admin-stat-card em{background:#e8f8f2;border-radius:999px;width:fit-content;padding:4px 7px}.vendor-mode .module-grid{grid-template-columns:minmax(0,1fr) 330px}.vendor-mode .admin-card{border-color:#dbe6ef;border-radius:14px;box-shadow:0 18px 40px #0f172a0f}.vendor-mode .module-table-card,.vendor-mode .module-side-card{min-height:0}.vendor-mode .module-table{border-color:#e5ecf4;border-radius:12px}.vendor-mode .module-table-head,.vendor-mode .module-table-row{gap:12px;min-width:0;padding:0 16px}.vendor-mode .module-table-head{background:#f5f8fb;min-height:42px}.vendor-mode .module-table-row{color:#0f2137;min-height:58px;font-size:12px}.vendor-mode .module-table-row:hover{background:#fbfdfd}.vendor-mode .row-actions .ghost{color:#dc2626;background:#fff7f7;border-color:#fed7d7}.vendor-mode .module-side-card{background:linear-gradient(#fff,#f9fcff)}.vendor-mode .module-checklist div{background:#fff;border-color:#e3edf6;border-radius:11px;min-height:44px}.vendor-mode .module-checklist svg{color:#008577}.role-switch{grid-template-columns:1fr;gap:6px;margin-top:8px;display:grid}.customer-home{grid-template-rows:auto auto;gap:10px;max-width:980px;padding:10px 16px;display:grid}.customer-home.customer-exact{grid-template-rows:auto auto;grid-template-columns:minmax(390px,.95fr) 330px minmax(430px,1.25fr);align-items:start;gap:12px;max-width:none;padding:12px 16px}.customer-home.customer-exact.booking-page-open{grid-template-columns:minmax(0,1160px);justify-content:center}.customer-home.customer-exact.booking-page-open .customer-bottom-grid{grid-column:1/-1}.customer-home.customer-exact:not(.booking-page-open){grid-template-columns:minmax(0,1180px);justify-content:center;gap:14px}.customer-home.customer-exact:not(.booking-page-open) .customer-services-column{width:min(1180px,100%)}.customer-dashboard-content{gap:16px;display:grid}.customer-welcome-hero{color:#fff;background:linear-gradient(120deg,#063e3a 0%,#00796b 58%,#26a69a 100%);border-radius:18px;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:24px;min-height:220px;padding:30px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #00504633}.customer-welcome-hero:after{content:"";border:55px solid #ffffff14;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-110px;right:-70px}.customer-hero-copy{z-index:1;position:relative}.customer-eyebrow{letter-spacing:.08em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;margin-bottom:7px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.customer-hero-copy h1{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.1}.customer-hero-copy>p{color:#ffffffd1;max-width:620px;margin:10px 0 20px;font-size:13px}.customer-service-search{color:#00796b;background:#fff;border-radius:11px;align-items:center;gap:9px;max-width:560px;min-height:50px;padding:0 15px;display:flex;box-shadow:0 10px 28px #0000001f}.customer-service-search input{color:#0f172a;border:0;outline:0;flex:1;min-width:0;font-size:12px;font-weight:700}.customer-hero-badge{z-index:1;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:15px;justify-items:center;gap:6px;padding:22px 15px;display:grid;position:relative}.customer-hero-badge strong{font-size:13px}.customer-hero-badge span{color:#ffffffbd;font-size:9px}.customer-quick-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.customer-quick-stats>div{color:#00897b;background:#fff;border:1px solid #dfe9f1;border-radius:12px;align-items:center;gap:10px;min-height:66px;padding:12px 14px;display:flex;box-shadow:0 5px 16px #0f172a0a}.customer-quick-stats span{color:#64748b;font-size:9px;font-weight:700;display:grid}.customer-quick-stats strong{color:#172033;font-size:11px}.customer-dashboard-lower{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px;display:grid}.customer-info-card{background:#fff;border:1px solid #dfe9f1;border-radius:14px;padding:20px;box-shadow:0 6px 20px #0f172a0a}.customer-info-card>span,.support-card span{color:#00897b;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:900}.customer-info-card h3{margin:4px 0 14px;font-size:15px}.customer-steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.customer-steps>div{gap:10px;display:flex}.customer-steps b{color:#00796b;background:#e7f8f4;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:11px;display:grid}.customer-steps p{gap:3px;margin:0;display:grid}.customer-steps strong{font-size:10px}.customer-steps small{color:#64748b;font-size:9px;line-height:1.4}.support-card{color:#00796b;background:linear-gradient(145deg,#f1fbf8,#fff);grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.support-card h3{color:#172033;margin-bottom:5px}.support-card p{color:#64748b;margin:0;font-size:9px;line-height:1.5}.support-card button{color:#fff;background:#00796b;border:0;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;min-height:37px;font-size:10px;font-weight:900;display:flex}.wallet-page{max-width:1050px}.wallet-balance-card{color:#fff;background:linear-gradient(125deg,#05453f,#00897b);border-radius:16px;gap:7px;margin-bottom:16px;padding:27px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #00796b33}.wallet-balance-card:after{content:"";border:32px solid #ffffff17;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-45px}.wallet-balance-card span{color:#ffffffbd;font-size:10px;font-weight:800}.wallet-balance-card strong{font-size:34px}.wallet-balance-card small{color:#ffffffbf;font-size:9px}.wallet-topup-form{background:#f4fbf9;border:1px solid #cfe4df;border-radius:12px;grid-template-columns:minmax(170px,.8fr) 1fr auto;align-items:end;gap:12px;margin-bottom:16px;padding:16px;display:grid}.wallet-topup-form label{gap:6px;font-size:10px;font-weight:900;display:grid}.wallet-topup-form input{background:#fff;border:1px solid #cbd8df;border-radius:8px;min-height:40px;padding:0 11px}.wallet-topup-form>div{gap:7px;display:flex}.wallet-topup-form button{color:#00796b;background:#fff;border:1px solid #a8d9d0;border-radius:8px;min-height:40px;padding:0 13px;font-size:10px;font-weight:900}.wallet-topup-form button.primary{color:#fff;background:#00796b;border-color:#00796b}.wallet-transactions{display:grid}.wallet-transactions>div{border-bottom:1px solid #edf1f5;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 4px;display:grid}.wallet-transactions>div:last-child{border-bottom:0}.wallet-txn-icon{border-radius:10px;place-items:center;width:35px;height:35px;font-size:17px;font-weight:900;display:grid}.wallet-txn-icon.credit{color:#078452;background:#e7f8f0}.wallet-txn-icon.debit{color:#d13b4c;background:#fff1f2}.wallet-transactions p{gap:3px;margin:0;display:grid}.wallet-transactions p strong{font-size:11px}.wallet-transactions p span{color:#718096;font-size:9px}.wallet-transactions b{font-size:11px}.wallet-transactions b.credit{color:#078452}.wallet-transactions b.debit{color:#d13b4c}.wallet-admin-managed{color:#00796b;background:#e8f7f3;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:900;display:inline-flex}.customer-wallet-admin-card{gap:14px;display:grid}.wallet-admin-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.wallet-admin-head span{color:#00796b;text-transform:uppercase;font-size:9px;font-weight:900}.wallet-admin-head h2,.wallet-admin-head p{margin:2px 0}.wallet-admin-head h2{font-size:17px}.wallet-admin-head p{color:#64748b;font-size:10px}.wallet-admin-head>div:last-child{background:#eaf8f5;border-radius:10px;justify-items:end;padding:10px 15px;display:grid}.wallet-admin-head small{color:#64748b;font-size:9px}.wallet-admin-head strong{color:#00796b;font-size:20px}.customer-wallet-admin-card form{grid-template-columns:180px minmax(180px,1fr) 160px 90px;align-items:end;gap:10px;display:grid}.customer-wallet-admin-card label{gap:5px;font-size:10px;font-weight:900;display:grid}.customer-wallet-admin-card input,.customer-wallet-admin-card select{background:#fff;border:1px solid #cfd9e6;border-radius:8px;min-height:40px;padding:0 10px}.customer-wallet-admin-card form button{background:#fff;border:1px solid #cfd9e6;border-radius:8px;min-height:40px;font-size:10px;font-weight:900}.customer-wallet-admin-card form button.primary{color:#fff;background:#00796b;border-color:#00796b}.booking-flow-page{gap:12px;width:100%;display:grid}.booking-page-head{justify-content:space-between;gap:10px;display:flex}.booking-page-head button{border:1px solid var(--line);background:var(--primary);color:#fff;border-radius:8px;min-height:36px;padding:0 14px;font-weight:900}.booking-page-head button.ghost{color:var(--primary);background:#fff}.customer-services-column,.customer-booking-column,.customer-tracking-column{min-width:0}.customer-services-column .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.customer-booking-column .date-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.customer-booking-column .slots{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-tracking-column .panel{min-height:548px}.customer-home.customer-exact .customer-bottom-grid{grid-column:1/3}.customer-active-strip{background:#f2fbf8;border:1px solid #bfe9de;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:min(900px,100%);padding:14px 16px;display:flex}.customer-active-strip span,.customer-active-strip small{color:#64748b;font-size:11px;font-weight:800;display:block}.customer-active-strip strong{color:#0f172a;margin:3px 0;font-size:15px;display:block}.customer-active-strip button{background:var(--primary);color:#fff;border:0;border-radius:8px;min-height:36px;padding:0 16px;font-size:12px;font-weight:900}.customer-main-grid{grid-template-columns:1fr 1.08fr;gap:10px;display:grid}.customer-main-grid .panel:nth-child(3),.customer-main-grid .panel:nth-child(4){grid-column:1/-1}.customer-bottom-grid{grid-template-columns:.74fr 1fr 1fr;gap:10px;display:grid}.customer-page{gap:12px;max-width:1120px;padding:16px;display:grid}.customer-page-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.customer-page-head h1,.customer-page-head p{margin:0}.customer-page-head h1{font-size:28px;line-height:1.1}.customer-page-head p{color:#64748b;margin-top:6px;font-size:12px}.customer-page-head button,.customer-inline-form button,.customer-list-row button{color:#fff;background:#00796b;border:0;border-radius:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:900}.customer-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.customer-stat-row article{min-height:86px;box-shadow:var(--shadow);background:#fff;border:1px solid #dfe6ef;border-radius:8px;padding:16px}.customer-stat-row span,.customer-stat-row strong{display:block}.customer-stat-row span{color:#64748b;font-size:11px;font-weight:800}.customer-stat-row strong{margin-top:8px;font-size:24px}.customer-inline-form{background:#fff;border:1px solid #dfe6ef;border-radius:8px;grid-template-columns:1fr 120px;gap:10px;padding:12px;display:grid}.customer-inline-form input{border:1px solid #dfe6ef;border-radius:8px;outline:0;min-height:38px;padding:0 12px}.customer-page-grid{grid-template-columns:minmax(640px,1fr) 340px;align-items:start;gap:12px;display:grid}.address-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.address-head-actions button{align-items:center;gap:7px;display:inline-flex}.address-form-card{box-shadow:var(--shadow);background:#fff;border:1px solid #dfe6ef;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.address-form-card label{color:#334155;gap:6px;font-size:11px;font-weight:900;display:grid}.address-form-card label.wide,.address-form-card .form-submit{grid-column:1/-1}.address-form-card input{color:#0f172a;border:1px solid #dfe6ef;border-radius:8px;outline:0;min-height:40px;padding:0 12px}.address-form-card input:focus{border-color:#00796b;box-shadow:0 0 0 3px #00796b1a}.address-layout{grid-template-columns:minmax(640px,1fr) 340px;align-items:start;gap:12px;display:grid}.address-list{gap:10px;display:grid}.address-list-card{background:#fbfdff;border:1px solid #e5edf5;border-radius:8px;gap:8px;padding:12px;display:grid}.address-list-card strong,.address-list-card span{display:block}.address-list-card strong{font-size:13px}.address-list-card span,.address-list-card p{color:#64748b;font-size:11px}.address-list-card p{margin:0;line-height:1.5}.address-meta,.address-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.address-card-actions a,.address-card-actions button{color:#00796b;background:#fff;border:1px solid #dfe6ef;border-radius:7px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.address-card-actions button.ghost{color:#ef4444}.customer-list{border:1px solid #eef2f7;border-radius:8px;display:grid;overflow:hidden}.customer-list-row{color:#0f172a;border-top:1px solid #eef2f7;grid-template-columns:repeat(4,minmax(0,1fr)) 82px;align-items:center;gap:10px;min-height:52px;padding:0 13px;font-size:11px;font-weight:800;display:grid}.customer-list-row:first-child{border-top:0}.customer-list-row button{color:#dc2626;background:#fff;border:1px solid #dfe6ef}.customer-side-list{gap:10px;display:grid}.customer-side-list div{color:#334155;background:#fbfdff;border:1px solid #eef2f7;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px;font-size:11px;font-weight:900;display:flex}.customer-side-list svg{color:#00796b}.bookings-page{gap:14px;max-width:1180px;padding:18px;display:grid}.bookings-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.bookings-head h1,.bookings-head p{margin:0}.bookings-head h1{font-size:30px;line-height:1}.bookings-head p{color:#64748b;margin-top:6px;font-size:12px}.bookings-head button{color:#fff;background:#00796b;border:0;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:11px;font-weight:900;display:inline-flex}.booking-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.booking-summary-row article{background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-height:78px;padding:15px 17px;box-shadow:0 10px 24px #0f172a0d}.booking-summary-row span,.booking-summary-row strong{display:block}.booking-summary-row span{color:#64748b;font-size:11px;font-weight:800}.booking-summary-row strong{margin-top:7px;font-size:24px;line-height:1}.bookings-grid{grid-template-columns:minmax(760px,1fr) 328px;align-items:start;gap:14px;display:grid}.booking-list-card{padding:14px;box-shadow:0 12px 28px #0f172a0d}.booking-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.booking-filter-row button{color:#334155;background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-height:30px;padding:0 11px;font-size:10px;font-weight:900}.booking-filter-row button.active{color:#fff;background:#00796b;border-color:#00796b}.booking-detail-table{background:#fff;border:1px solid #e4ebf3;border-radius:8px;overflow:hidden}.booking-detail-head,.booking-detail-row{grid-template-columns:1.05fr .95fr .95fr .74fr 1.06fr .74fr .82fr 78px;align-items:center;gap:12px;width:100%;padding:0 14px;display:grid}.booking-detail-head{color:#66788f;background:#f7fafc;border-bottom:1px solid #e8eef5;min-height:42px;font-size:10px;font-weight:900}.booking-detail-row{color:#0f172a;text-align:left;background:#fff;border:0;border-top:1px solid #edf2f7;min-height:66px;transition:background .16s,box-shadow .16s}.booking-detail-row.active{background:#f0fdfa;box-shadow:inset 4px 0 #00796b}.booking-detail-row:hover{background:#f8fbfd}.booking-detail-row strong,.booking-detail-row em{display:block}.booking-detail-row strong{font-size:11px;line-height:1.2}.booking-detail-row em{color:#64748b;margin-top:3px;font-size:9px;font-style:normal}.booking-row-actions i{color:#00796b;background:#fff;border:1px solid #9fd7cb;border-radius:7px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-style:normal;font-weight:900;display:inline-flex}.booking-side-detail{gap:11px;padding:14px;display:grid;position:sticky;top:12px;box-shadow:0 12px 28px #0f172a0d}.booking-id-card{background:linear-gradient(#fbfdff,#f6fbfa);border:1px solid #eef2f7;border-radius:8px;gap:7px;padding:14px;display:grid}.booking-id-card strong{font-size:20px}.booking-id-card span{color:#64748b;font-size:11px}.booking-id-card .badge{justify-self:start}.booking-detail-section{background:#fff;border:1px solid #eef2f7;border-radius:8px;gap:6px;padding:10px;display:grid}.booking-detail-section h3{color:#0f172a;margin:0;font-size:12px;font-weight:900}.booking-detail-lines{gap:2px;padding:4px 0;display:grid}.booking-detail-lines .price-line{border-bottom:1px solid #eef2f7;padding:6px 0}.booking-detail-lines .price-line:last-child{border-bottom:0}.booking-detail-lines .price-line span{max-width:118px}.booking-detail-lines .price-line strong{text-align:right;white-space:normal;word-break:break-word;max-width:190px}.booking-action-stack{gap:8px;display:grid}.booking-mini-flow{background:#fbfdff;border:1px solid #eef2f7;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:9px;display:grid}.booking-mini-flow span{color:#64748b;text-align:center;background:#fff;border:1px solid #dfe6ef;border-radius:7px;place-items:center;min-height:28px;font-size:9px;font-weight:900;display:grid}.booking-mini-flow span.done{color:#00796b;background:#e9f8f2;border-color:#9fd7cb}.booking-action-stack button{color:#2563eb;background:#fff;border:1px solid #dfe6ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:11px;font-weight:900;display:inline-flex}.booking-action-stack button.active,.booking-action-stack button:hover{color:#00796b;background:#e9f8f2;border-color:#00796b}.booking-action-panel{background:#f3fffb;border:1px solid #bfe7de;border-radius:9px;gap:8px;padding:10px;display:grid}.booking-action-panel h3{color:#006156;margin:0;font-size:12px;font-weight:900}.booking-action-panel textarea{resize:vertical;color:#0f172a;min-height:72px;font:inherit;border:1px solid #dfe6ef;border-radius:8px;outline:0;padding:9px;font-size:11px}.booking-action-panel button,.booking-action-panel .action-link{color:#fff;background:#00796b;border:1px solid #00796b;border-radius:8px;justify-content:center;align-items:center;min-height:32px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.staff-jobs-page{gap:14px;padding:16px 24px;display:grid}.staff-job-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px;display:grid}.staff-booking-table{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.staff-booking-head,.staff-booking-row{grid-template-columns:120px 150px 170px 150px 210px 120px;min-width:920px;display:grid}.staff-booking-head{color:#526782;background:#f8fafc;align-items:center;min-height:42px;font-size:11px;font-weight:900}.staff-booking-head span,.staff-booking-row>span{border-bottom:1px solid #e7edf4;padding:12px}.staff-booking-row{background:#fff;align-items:center}.staff-booking-row strong,.staff-booking-row em{display:block}.staff-booking-row strong{color:#071933;font-size:12px}.staff-booking-row em{color:#64748b;margin-top:4px;font-size:10px;font-style:normal;line-height:1.35}.otp-start-cell{align-items:center;gap:8px;display:flex}.otp-start-cell input{border:1px solid var(--line);border-radius:7px;outline:0;width:104px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800}.otp-start-cell input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00796b1c}.otp-start-cell button{background:var(--primary);color:#fff;border:0;border-radius:7px;min-height:34px;padding:0 13px;font-size:11px;font-weight:900}.staff-current-job{gap:9px;display:grid}.staff-current-job>strong{color:#071933;background:#f8fafc;border:1px solid #dce7f0;border-radius:8px;padding:14px;font-size:17px;display:block}.mini-live-map{border:1px solid #dfe6ef;border-radius:8px;height:150px;overflow:hidden}.mini-live-map .map{min-height:150px}.booking-detail-row>.badge,.booking-id-card .badge{border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-height:26px;padding:0 10px;font-size:11px;line-height:1;display:inline-flex}.page-single,.admin-dashboard{padding:16px}.simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.simple-card{border:1px solid var(--line);min-height:92px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:16px;font-weight:800}.toast{z-index:20;max-width:520px;color:var(--primary-dark);box-shadow:var(--shadow);background:#ecfdf5;border:1px solid #9fd7cb;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:800;position:fixed;top:16px;left:50%;transform:translate(-50%)}.customer-screen{background:#fff;border-bottom:1px solid #cfd8e3;grid-template-columns:176px 1fr;min-height:560px;display:grid}.customer-sidebar,.admin-sidebar{border-right:1px solid var(--line);flex-direction:column;gap:12px;display:flex}.customer-sidebar{background:#fff;padding:10px}.brand{align-items:center;gap:8px;min-height:38px;display:flex}.brand-logo{object-fit:contain;object-position:left center;border-radius:4px;width:104px;height:32px;display:block}.brand button{color:inherit;background:0 0;border:0;margin-left:auto}.book-btn,.nav-link,.logout{color:#1f2937;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:28px;padding:6px 10px;font-size:11px;display:flex}.book-btn,.nav-link.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;font-weight:800}.nav-link em{color:#b45309;background:#fff6e8;border:1px solid #f59e0b;border-radius:8px;margin-left:auto;padding:3px 8px;font-size:10px;font-style:normal}.pass-card{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f0f7ff);border-radius:8px;margin-top:auto;padding:12px}.pass-card strong,.pass-card span{display:block}.pass-card span{color:var(--muted);margin:5px 0 10px;font-size:11px}.pass-card button{color:#fff;background:#2563eb;border:0;border-radius:7px;min-height:30px;padding:0 12px;font-size:11px;font-weight:800}.customer-main{min-width:0}.topbar{border-bottom:1px solid var(--line);grid-template-columns:178px minmax(300px,1fr) auto 36px 154px;align-items:center;gap:12px;min-height:50px;padding:9px 16px;display:grid}.topbar button,.admin-top button{border:1px solid var(--line);color:#334155;background:#fff;border-radius:7px;min-height:32px;font-size:12px}.location,.profile{justify-content:center;align-items:center;gap:7px;display:flex}.search{border:1px solid var(--line);border-radius:7px;align-items:center;height:32px;padding:0 12px;display:flex}.search:after{content:"";color:#64748b;background:currentColor;width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 50%/contain no-repeat}.search input{border:0;outline:0;width:100%;font-size:12px}.wallet{padding:0 12px}.bell{place-items:center;width:34px;display:grid;position:relative;border:0!important}.bell i{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.customer-grid{grid-template-columns:36% 30% 34%;min-height:512px;display:grid}.left-work,.booking-work,.tracking-work{padding:10px 16px}.booking-work,.tracking-work{border-left:1px solid var(--line)}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;margin-bottom:9px;padding:11px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.panel-head h2{margin:0;font-size:14px}.panel-head button{color:var(--primary);background:0 0;border:0;font-size:10px;font-weight:800}.service-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.service-category-list{gap:18px;display:grid}.customer-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.customer-category-card{color:#0f172a;text-align:left;background:#fff;border:1px solid #dfe9f1;border-radius:12px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:4px 12px;min-height:98px;padding:12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.customer-category-card:hover{border-color:#83cfc1;transform:translateY(-2px);box-shadow:0 12px 26px #0f172a17}.customer-category-image{color:#00796b;background:#eaf8f5;border-radius:10px;grid-row:span 3;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.customer-category-image img{object-fit:cover;width:100%;height:100%}.customer-category-card strong{font-size:13px}.customer-category-card span{color:#64748b;font-size:10px;font-weight:700}.customer-category-card em{color:#00796b;font-size:10px;font-style:normal;font-weight:900}.service-popup-backdrop{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08162694;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.service-popup{background:#fff;border-radius:16px;width:min(760px,100%);max-height:min(760px,100vh - 40px);overflow:auto;box-shadow:0 28px 80px #020c1b4d}.service-popup-head{z-index:2;background:#fff;border-bottom:1px solid #e5edf3;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:sticky;top:0}.service-popup-head span,.service-popup-head p{color:#64748b;margin:0;font-size:10px;font-weight:700}.service-popup-head h2{color:#0f172a;margin:3px 0;font-size:22px}.service-popup-head button{color:#334155;background:#f8fafc;border:1px solid #dce5ed;border-radius:8px;min-height:34px;padding:0 14px;font-weight:800}.service-popup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.service-popup-item{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2eaf1;border-radius:11px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:10px;display:grid}.service-popup-item:hover{background:#f7fcfb;border-color:#83cfc1}.service-popup-thumb{color:#00796b;background:#edf8f6;border-radius:9px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.service-popup-thumb img{object-fit:cover;width:100%;height:100%}.service-popup-item div:nth-child(2){gap:5px;display:grid}.service-popup-item strong{font-size:12px}.service-popup-item span{color:#64748b;font-size:10px;font-weight:700}.service-popup-item em{color:#00796b;background:#e9f8f4;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900}.service-popup-item.unavailable{cursor:not-allowed;filter:grayscale();opacity:.68;background:#edf0f2;border-color:#d7dce2}.service-popup-item.unavailable em{color:#374151;background:#d1d5db}@media (max-width:680px){.service-popup-grid{grid-template-columns:1fr}.service-popup-backdrop{padding:10px}}.service-category-section{background:#fbfdff;border:1px solid #e5edf5;border-radius:12px;gap:10px;padding:14px;display:grid}.service-category-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.service-category-heading div{align-items:baseline;gap:9px;display:flex}.service-category-heading strong{color:#0f172a;font-size:15px}.service-category-heading span,.service-category-heading small{color:var(--muted);font-size:10px;font-weight:700}.service-tile{border:1px solid var(--line);min-height:118px;color:var(--text);background:linear-gradient(#fff,#fbfdff);border-radius:8px;align-content:center;justify-items:center;gap:8px;padding:14px 10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.service-tile:hover{border-color:#9fd7cb;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a17}.service-tile.unavailable,.service-tile.unavailable:hover{box-shadow:none;cursor:not-allowed;filter:grayscale();opacity:.72;background:linear-gradient(#f3f4f6,#e8eaed);border-color:#d7dce2;transform:none}.service-tile.unavailable img,.service-tile.unavailable svg{filter:grayscale()contrast(.85)}.service-tile.unavailable strong,.service-tile.unavailable span{color:#4b5563}.service-tile.unavailable em{color:#374151;background:#d1d5db}.service-tile img{object-fit:cover;background:#f8fafc;border:1px solid #e5eef7;border-radius:10px;width:46px;height:46px}.customer-booking-card{background:#fbfdff;border:1px solid #eef2f7;border-radius:8px;grid-template-columns:52px 1fr;align-items:center;gap:12px;min-height:92px;padding:12px;display:grid}.service-icon{color:#2563eb;background:#f0f7ff;border-radius:10px;place-items:center;height:50px;display:grid}.customer-booking-card strong,.customer-booking-card span,.customer-booking-card em{display:block}.customer-booking-card strong{font-size:14px}.customer-booking-card span{color:#64748b;margin-top:4px;font-size:11px}.customer-booking-card em{color:#00796b;background:#e9f8f2;border-radius:7px;justify-self:start;margin-top:9px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:900}.booking-staff-row,.mini-technician-row{color:#334155;align-items:center;gap:8px;margin-top:10px;font-size:11px;font-weight:800;display:flex}.booking-staff-row button,.mini-technician-row button,.wallet-panel button{color:#00796b;background:#fff;border:1px solid #9fd7cb;border-radius:7px;min-height:30px;margin-left:auto;font-size:10px;font-weight:900}.booking-staff-row button,.mini-technician-row button{padding:0 12px}.customer-map-card{cursor:pointer}.customer-map-card .map{min-height:150px;margin-top:0}.customer-map-card.large .map{min-height:285px}.customer-map-card .zoom,.customer-map-card .place{display:none}.customer-map-card.large .zoom{display:grid}.real-tracking-map{background:#edf7f4;border:1px solid #cfdde5;border-radius:14px;min-height:390px;margin:10px 0 13px;position:relative;overflow:hidden}.real-tracking-map iframe{border:0;width:100%;height:390px;display:block}.tracking-map-wait{color:#00796b;text-align:center;align-content:center;place-items:center;gap:8px;min-height:390px;padding:25px;display:grid}.tracking-map-wait strong{color:#172033;font-size:15px}.tracking-map-wait span{color:#64748b;max-width:420px;font-size:10px;line-height:1.5}.live-map-badge{z-index:2;color:#075e54;background:#fffffff0;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:900;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #0f172a21}.live-map-badge i{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.5s infinite tracking-pulse;box-shadow:0 0 0 4px #16a34a24}.location-share-button{color:#fff;background:#00796b;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:12px;font-size:10px;font-weight:900;display:flex}.location-share-button.active{background:#dc2626}@keyframes tracking-pulse{50%{box-shadow:0 0 0 8px #16a34a00}}@media (max-width:560px){.real-tracking-map,.real-tracking-map iframe,.tracking-map-wait{height:300px;min-height:300px}}.customer-map-card.large .place{display:block}.customer-tech{grid-template-columns:48px 1fr auto auto 36px 36px;margin-top:10px}.customer-booking-form .confirm{min-height:35px}.booking-note{color:#64748b;text-align:center;margin:7px 0 0;font-size:10px}.mini-technician-row div:not(.avatar){gap:2px;display:grid}.mini-technician-row span{color:#64748b;font-size:10px}.wallet-panel,.offer-panel,.review-panel{border:1px solid #eef2f7;border-radius:8px;min-height:95px;padding:13px}.wallet-panel strong,.wallet-panel span,.offer-panel strong,.offer-panel span,.review-panel strong,.review-panel span,.review-panel p{display:block}.wallet-panel strong{color:#00796b;font-size:21px}.wallet-panel span,.offer-panel span,.review-panel p{color:#64748b;margin-top:4px;font-size:10px}.wallet-panel button{color:#fff;background:#00796b;width:100%;margin-top:12px}.offer-panel{background:linear-gradient(135deg,#eaf3ff,#d8ecff)}.offer-panel strong{color:#1d4ed8;font-size:14px}.review-panel{grid-template-columns:34px 1fr auto;align-items:center;gap:8px;display:grid}.review-panel p{grid-column:2/-1;margin:-2px 0 0}.customer-booking-form{gap:8px;display:grid}.booking-checkout-grid{grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);align-items:start;gap:18px}.booking-details-column,.booking-checkout-sidebar{gap:12px;display:grid}.booking-details-column{border-right:1px solid #e4ebf1;padding-right:18px}.booking-checkout-sidebar{background:#f9fbfc;border:1px solid #dfe9f1;border-radius:12px;padding:15px;position:sticky;top:12px}.booking-checkout-grid .selected-card.compact{background:linear-gradient(135deg,#f4fbf9,#fff);border-radius:11px;min-height:82px;padding:13px}.booking-checkout-grid .selected-card.compact .thumb{width:58px;height:58px}.booking-checkout-grid .booking-picker{border-radius:9px;min-height:46px}.booking-checkout-grid .staff-preference-card{border-radius:10px;padding:14px}.booking-assurance-row{flex-wrap:wrap;gap:9px;display:flex}.booking-assurance-row span{color:#00796b;background:#eaf8f5;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.booking-checkout-sidebar .customer-price-box{border-top:1px solid #dfe6eb;border-bottom:1px solid #dfe6eb;width:100%;max-width:none;padding:12px 0}.booking-checkout-sidebar .confirm{border-radius:9px;min-height:44px;font-size:13px}.booking-checkout-sidebar .payment-method-grid{grid-template-columns:repeat(2,1fr)}.booking-checkout-sidebar .booking-note{text-align:center;margin:0}.selected-card.compact{grid-template-columns:48px 1fr auto;padding:9px}.customer-price-box{max-width:360px;margin-left:auto;display:grid}.service-tile.selected{border-color:var(--primary);background:linear-gradient(#f2fbf8,#fff);box-shadow:inset 0 0 0 1px #00796b1f,0 12px 24px #00796b14}.service-tile svg,.why-row svg{color:var(--primary)}.service-tile svg{width:34px;height:34px}.service-tile strong{color:#0f172a;text-align:center;max-width:120px;font-size:12px;line-height:1.25}.service-tile span{color:var(--muted);text-align:center;font-size:10px;font-weight:800}.service-tile em{color:var(--primary);text-transform:uppercase;background:#e9f8f4;border-radius:999px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.why-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.why-row div{color:#334155;text-align:center;justify-items:center;gap:4px;font-size:9px;display:grid}.selected-card{border:1px solid var(--line);background:#fbfdff;border-radius:8px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.selected-card strong,.selected-card span,.selected-card p{margin:0;display:block}.selected-card strong{font-size:14px}.selected-card span,.selected-card p{color:var(--muted);font-size:10px}.selected-card b{color:#16a34a}.thumb{background:var(--blue-soft);width:52px;height:44px;color:var(--blue);border-radius:8px;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.form-title,.slot-head{color:#111827;margin:9px 0 6px;font-size:11px;font-weight:900}.slot-head{justify-content:space-between;display:flex}.slot-head span{color:var(--muted);font-weight:500}.booking-picker{border:1px solid var(--line);min-height:40px;color:var(--primary);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.booking-picker input,.booking-picker select{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px;font-weight:800}.calculated-slot{color:var(--muted);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:9px 12px;font-size:11px}.calculated-slot strong{color:var(--text)}.staff-preference-card{background:#fbfffd;border:1px solid #00796b2e;border-radius:8px;gap:8px;padding:10px;display:grid}.staff-preference-card strong,.staff-preference-card span{display:block}.staff-preference-card span{color:var(--muted);font-size:10px;line-height:1.35}.staff-gender-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.staff-gender-options button{border:1px solid var(--line);color:#334155;background:#fff;border-radius:7px;min-height:34px;font-size:11px;font-weight:900}.staff-gender-options button.active{border-color:var(--primary);background:var(--primary);color:#fff}.duration-inline{align-items:center;gap:5px;display:inline-flex}.duration-inline button{background:var(--primary);color:#fff;border:0;border-radius:5px;place-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:grid}.duration-inline em{color:#475569;background:#eef2f7;border-radius:6px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:900}.date-strip{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.date,.slot{border:1px solid var(--line);color:#334155;background:#fff;border-radius:7px;min-height:28px;font-size:10px}.date.active,.slot.active{border-color:var(--primary);background:var(--green-soft);color:var(--primary-dark);font-weight:900}.slots{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.address-card{border:1px solid var(--line);border-radius:8px;margin:7px 0;padding:7px 10px}.address-card strong,.address-card span,.address-card p{margin:0;display:block}.address-card span,.address-card p{color:var(--muted);font-size:10px}.booking-flow-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 3px;display:grid}.booking-flow-steps span{border:1px solid var(--line);color:#64748b;background:#fff;border-radius:7px;place-items:center;min-height:26px;font-size:10px;font-weight:900;display:grid}.booking-flow-steps span.active{background:var(--green-soft);color:var(--primary);border-color:#00796b47}.booking-address-select{gap:6px;display:grid}.booking-address-select select{border:1px solid var(--line);color:#0f172a;background:#fff;border-radius:7px;width:100%;min-height:34px;padding:0 9px;font-size:11px;font-weight:800}.booking-address-actions,.payment-method-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.booking-address-actions button,.payment-method-grid button{min-height:32px;color:var(--primary);background:#fff;border:1px solid #00796b47;border-radius:7px;font-size:11px;font-weight:900}.booking-address-actions button:first-child,.payment-method-grid button.active{background:var(--primary);color:#fff}.booking-address-actions button.ghost{border-color:var(--line);color:#2563eb}.booking-payment-box{opacity:.72;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:7px;padding:9px 10px;display:grid}.booking-payment-box.active{opacity:1;background:#fbfffd;border-style:solid;border-color:#00796b47}.booking-payment-box strong,.booking-payment-box span{display:block}.razorpay-test-note{color:#8a5b00;background:#fff7df;border-radius:7px;align-items:center;gap:6px;padding:7px 8px;font-size:8px;font-weight:800;line-height:1.4;display:flex}.booking-payment-box span{color:var(--muted);font-size:10px;line-height:1.35}.payment-method-grid{grid-template-columns:repeat(4,1fr)}.payment-method-grid button:disabled{cursor:not-allowed;opacity:.5}.duration-bar{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:5px;display:grid}.duration-bar button{background:var(--primary);color:#fff;border:0;border-radius:7px;height:30px;font-size:18px}.duration-bar strong{text-align:center}.price-line{color:var(--muted);justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.price-line strong{color:var(--text)}.price-line.total{border-top:1px solid var(--line);color:var(--text);font-weight:900}.confirm{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border:0;border-radius:7px;width:100%;min-height:30px;margin-top:5px;font-weight:900}.confirm.secondary{background:#2563eb;margin-top:10px}.mini-bookings{gap:8px;display:grid}.mini-booking{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:1fr .9fr auto;align-items:center;gap:8px;min-height:44px;padding:9px 10px;display:grid}.mini-booking span{color:var(--muted);font-size:10px}.mini-booking em{justify-self:end}.booking-id{color:var(--muted);margin-top:-8px;font-size:10px;display:block}.map-action{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.map{background-color:#eef3f6;background-image:linear-gradient(90deg,#94a3b83b 1px,#0000 1px),linear-gradient(#94a3b83b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:215px;margin-top:8px;position:relative;overflow:hidden}.road{background:#d7dfe8;border-radius:30px;height:9px;position:absolute}.road.one{top:64px;left:-30px;right:18px;transform:rotate(17deg)}.road.two{bottom:68px;left:35px;right:-50px;transform:rotate(-11deg)}.road.three{width:10px;height:auto;top:-30px;bottom:-20px;left:57%;transform:rotate(15deg)}.route{border-radius:20px;height:6px;position:absolute}.route.green{background:var(--primary);top:125px;left:90px;right:128px;transform:rotate(13deg)}.route.green:after{content:"";border:6px solid var(--primary);border-bottom:0;border-left:0;border-radius:0 55px 0 0;width:90px;height:86px;position:absolute;top:-37px;right:-56px}.route.blue{background:var(--blue);bottom:75px;left:78px;right:142px;transform:rotate(10deg)}.place{color:#778393;text-align:center;font-size:11px;font-weight:900;position:absolute;top:130px;left:39%}.tech,.home-pin,.zoom{background:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 8px 18px #0f172a21}.tech{width:45px;height:45px;color:var(--primary);border-radius:50%;top:94px;left:42%}.home-pin{border:5px solid var(--primary);width:44px;height:44px;color:var(--primary);border-radius:50% 50% 50% 4px;bottom:75px;right:112px;transform:rotate(-45deg)}.home-pin svg{transform:rotate(45deg)}.zoom{border:1px solid var(--line);border-radius:7px;width:32px;height:32px;right:14px}.zoom.plus{top:150px}.zoom.minus{top:186px}.technician-card{border:1px solid var(--line);border-radius:8px;grid-template-columns:48px 1fr auto auto 34px 34px;align-items:center;gap:9px;margin-top:8px;padding:8px;display:grid}.technician-card strong{align-items:center;gap:5px;display:flex}.technician-card span,.technician-card p,.eta span,.eta small{color:var(--muted);margin:0;font-size:10px;display:block}.rating{color:#334155;font-size:11px}.eta strong{color:var(--primary);font-size:16px}.technician-card button,.technician-card a{border:1px solid var(--line);width:30px;height:30px;color:var(--blue);background:#fff;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.technician-card a.disabled-icon-link{color:#94a3b8;cursor:not-allowed;pointer-events:none}.status-flow{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px;padding:8px;display:grid}.step{color:var(--muted);text-align:center;justify-items:center;gap:4px;font-size:8px;display:grid}.step i{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.step.done i{border-color:var(--primary);background:var(--primary);color:#fff}.admin-screen{background:var(--bg);grid-template-columns:144px 1fr;min-height:520px;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#061c30,#0b2943);padding:14px 10px}.admin-sidebar .nav-link{color:#e0ebf7}.admin-sidebar .nav-link.active{background:#2563eb}.admin-user{background:#ffffff14;border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:9px;display:flex}.role-user{background:#fff;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;display:flex}.role-user strong,.role-user span{white-space:nowrap;display:block}.role-user strong{color:#0f172a;font-size:11px}.role-user span{color:#64748b;font-size:9px}.admin-user strong,.admin-user span{white-space:nowrap;display:block}.admin-user span{color:#b8c8da;font-size:10px}.admin-user.top-user{background:0 0;align-items:center;gap:10px;min-width:0;margin-top:0;margin-bottom:4px;padding:8px 6px;display:flex;overflow:hidden}.admin-user.top-user .avatar{background:linear-gradient(135deg,#1d4ed8,#0891b2);flex:0 0 28px;width:28px;height:28px}.top-user>div:not(.avatar){flex:1;min-width:0}.top-user strong,.top-user span{text-overflow:ellipsis;max-width:100%;line-height:1.25;overflow:hidden}.top-user strong{font-size:14px}.top-user span{margin-top:2px;font-size:9px}.admin-main{padding:10px 16px}.admin-top{justify-content:flex-end;gap:10px;margin-bottom:10px;display:flex}.admin-top button{align-items:center;gap:8px;padding:0 12px;display:flex}.metrics-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric{border:1px solid var(--line);min-height:76px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:14px}.metric span,.metric strong,.metric em{display:block}.metric span{color:var(--muted);font-size:11px}.metric strong{margin-top:7px;font-size:22px}.metric em{color:#16a34a;margin-top:4px;font-size:11px;font-style:normal}.metric em.down{color:#ef4444}.admin-layout{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.super-admin-page{grid-template-columns:minmax(740px,1fr) 260px;align-items:center;gap:24px;min-height:100vh;padding:18px 22px;display:grid}.admin-module-page{gap:14px;min-height:100vh;padding:18px 24px;display:grid}.module-topbar{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.module-topbar h1,.module-topbar p{margin:0}.module-topbar h1{color:#0f172a;margin-top:12px;font-size:28px;line-height:1}.module-topbar p{color:#64748b;max-width:660px;margin-top:8px;font-size:12px;line-height:1.45}.dashboard-ribbon.small{background:linear-gradient(135deg,#00796b,#2563eb);margin-bottom:0;font-size:11px}.module-actions{white-space:nowrap;align-items:center;gap:9px;display:flex}.module-actions button{color:#334155;background:#fff;border:1px solid #dfe6ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.module-search{color:#64748b;background:#fff;border:1px solid #dfe6ef;border-radius:8px;align-items:center;gap:7px;width:180px;min-height:34px;padding:0 10px;display:inline-flex}.module-search input{color:#0f172a;border:0;outline:0;width:100%;font-size:11px;font-weight:800}.module-actions .primary{color:#fff;background:linear-gradient(135deg,#00796b,#006156);border-color:#0000}.config-page{align-content:start}.config-tabs{flex-wrap:wrap;gap:8px;display:flex}.config-tabs button{color:#334155;background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-height:34px;padding:0 14px;font-size:12px;font-weight:900}.config-tabs button.active{color:#fff;background:#00796b;border-color:#0000}.config-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.55fr);gap:14px;display:grid}.config-card{gap:16px;padding:18px;display:grid}.config-card.full{grid-column:1/-1}.config-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.config-form-grid label{color:#0f172a;gap:8px;font-size:12px;font-weight:900;display:grid}.config-form-grid label.wide,.config-form-grid label.full-width{grid-column:1/-1}.config-form-grid input,.config-form-grid select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:0;width:100%;min-height:38px;padding:0 12px;font-size:13px;font-weight:700}.config-form-grid input:focus,.config-form-grid select:focus{border-color:#00796b;box-shadow:0 0 0 3px #00796b1f}.config-form-grid small,.config-note{color:#64748b;font-size:11px;font-weight:700;line-height:1.45}.config-note{background:#f8fafc;border:1px solid #dfe6ef;border-radius:8px;padding:10px 12px}.config-card-title-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.config-card-title-row h2,.config-card-title-row p{margin:0}.config-card-title-row h2{color:#0f172a;font-size:18px;line-height:1.2}.config-card-title-row p{color:#64748b;margin-top:6px;font-size:13px}.config-card-title-row strong{color:#3730a3;margin-top:12px;font-size:13px;display:inline-block}.config-status{color:#dc2626;background:#fee2e2;border-radius:7px;padding:6px 12px;font-size:11px;font-weight:900}.config-status.enabled{color:#059669;background:#dcfce7}.config-toggle{color:#0f172a;align-items:center;gap:9px;width:fit-content;font-size:14px;font-weight:900;display:inline-flex}.config-toggle input{accent-color:#4f46e5;width:18px;height:18px}.config-save-row{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.config-save-row button{color:#334155;background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-height:38px;padding:0 16px;font-size:12px;font-weight:900}.config-save-row .primary{color:#fff;background:#00796b;border-color:#0000}.compact-config-table{overflow-x:auto}.service-master-card{gap:16px;margin-bottom:14px;padding:18px;display:grid}.service-master-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.service-master-head span{color:#00796b;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900;display:inline-block}.service-master-head h2,.service-master-head p{margin:0}.service-master-head h2{font-size:16px}.service-master-head p{color:#64748b;margin-top:5px;font-size:11px}.service-master-head>em{color:#00796b;white-space:nowrap;background:#e9f8f4;border-radius:999px;padding:6px 10px;font-size:10px;font-style:normal;font-weight:900}.service-master-form{background:#f9fcfc;border:1px solid #dfe9f1;border-radius:10px;grid-template-columns:minmax(150px,.65fr) minmax(170px,.75fr) minmax(240px,1.2fr) 155px;align-items:end;gap:12px;padding:14px;display:grid}.service-popup-head-actions{gap:8px;display:flex}.subcategory-item{background:linear-gradient(135deg,#f6fffd,#fff)}.service-master-form label{color:#172033;gap:6px;font-size:11px;font-weight:800;display:grid}.service-master-form label strong{color:#ef4444}.service-master-form input{color:#0f172a;background:#fff;border:1px solid #cfd9e6;border-radius:8px;width:100%;min-height:42px;padding:0 11px;font-size:12px;font-weight:700}.service-master-form button{color:#fff;background:#00796b;border:0;border-radius:8px;min-height:42px;font-size:11px;font-weight:900}.multi-service-master-form{align-items:start}.master-subservice-builder{gap:8px;display:grid}.master-subservice-title{color:#172033;justify-content:space-between;align-items:center;gap:10px;min-height:18px;font-size:11px;font-weight:800;display:flex}.master-subservice-title strong{color:#ef4444}.service-master-form .master-subservice-title button{color:#00796b;background:#e9f8f4;border:1px solid #9fd8cf;min-height:26px;padding:0 9px;font-size:9px}.master-subservice-input{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.service-master-form .master-subservice-input>button{color:#c2414a;background:#fff1f2;border:1px solid #fecaca;width:38px;min-height:42px;padding:0;font-size:18px}.service-master-form .master-save-button{align-self:end}.service-master-groups{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.service-master-group{background:#fff;border:1px solid #e3ebf2;border-radius:9px;padding:11px}.service-master-group>strong{color:#075e54;margin-bottom:8px;font-size:11px;display:block}.service-master-group>div{flex-wrap:wrap;gap:6px;display:flex}.service-master-group span{color:#475569;background:#f1f5f9;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:800;display:inline-flex}.service-master-group span button{color:#475569;background:#dce5ed;border:0;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;font-size:12px;font-weight:900;display:grid}@media (max-width:820px){.service-master-form{grid-template-columns:1fr}.service-master-head{flex-direction:column;align-items:stretch}.service-master-head>em{align-self:flex-start}}@media (max-width:900px){.booking-checkout-grid{grid-template-columns:1fr}.booking-details-column{border-right:0;padding-right:0}.booking-checkout-sidebar{position:static}.customer-welcome-hero{grid-template-columns:1fr;min-height:0;padding:24px}.customer-hero-badge{display:none}.customer-quick-stats{grid-template-columns:repeat(2,1fr)}.customer-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard-lower{grid-template-columns:1fr}}@media (max-width:560px){.customer-welcome-hero{border-radius:13px;padding:20px 16px}.customer-quick-stats{grid-template-columns:1fr 1fr}.customer-quick-stats>div{padding:10px}.customer-category-grid,.customer-steps,.wallet-topup-form{grid-template-columns:1fr}.customer-mode{padding-bottom:76px}.customer-mode .sidebar{z-index:1300;border:0;width:0;height:0;min-height:0;padding:0;position:static}.customer-mode .sidebar>.brand,.customer-mode .sidebar>.top-user,.customer-mode .sidebar>.logout,.customer-mode .sidebar>.sidebar-menu-types{display:none}.customer-mode .sidebar nav{z-index:1300;padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #dce6eb;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;display:grid;position:fixed;bottom:8px;left:8px;right:8px;overflow:visible;box-shadow:0 -8px 30px #0f172a21}.customer-mode .sidebar nav .nav-link{color:#64748b;white-space:normal;text-align:center;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;width:100%;min-width:0;min-height:50px;padding:5px 2px;font-size:8px;font-weight:800;line-height:1.1;display:flex}.customer-mode .sidebar nav .nav-link svg{width:18px;height:18px}.customer-mode .sidebar nav .nav-link.active{color:#00796b;box-shadow:none;background:#e7f7f3}.customer-mode .sidebar nav .nav-link:nth-child(5),.customer-mode .sidebar nav .nav-link:nth-child(n+7){display:none}.customer-mode .content-shell{min-width:0;padding-bottom:8px}.customer-mode .topbar{grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:8px 10px}.customer-mode .topbar .search,.customer-mode .topbar .profile,.customer-mode .topbar .wallet{display:none}.customer-mode .topbar .location{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;overflow:hidden}.customer-home.customer-exact{padding:10px}.customer-dashboard-content{gap:10px}.customer-welcome-hero{border-radius:14px;grid-template-columns:minmax(0,1fr);gap:13px;min-height:0;padding:18px 16px}.customer-hero-copy h1{font-size:24px}.customer-hero-copy>p{margin:7px 0 13px;font-size:10px;line-height:1.45}.customer-eyebrow{margin-bottom:5px;font-size:7px}.customer-service-search{border-radius:9px;min-height:42px;padding:0 11px}.customer-service-search input{font-size:10px}.customer-hero-badge{text-align:left;border-radius:10px;justify-content:flex-start;align-items:center;gap:9px;padding:9px 11px;display:flex}.customer-hero-badge svg{width:22px;height:22px}.customer-hero-badge strong{font-size:10px}.customer-hero-badge span{margin-left:auto;font-size:8px}.customer-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.customer-quick-stats>div{border-radius:10px;min-height:56px;padding:9px}.customer-quick-stats svg{flex:none;width:17px}.customer-quick-stats strong{font-size:9px}.customer-quick-stats span{font-size:7px}.customer-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-category-card{border-radius:10px;grid-template-columns:46px minmax(0,1fr);gap:2px 8px;min-height:72px;padding:8px}.customer-category-image{border-radius:8px;width:46px;height:46px}.customer-category-card strong{text-overflow:ellipsis;font-size:9px;line-height:1.2;overflow:hidden}.customer-category-card span,.customer-category-card em{font-size:7px}.customer-dashboard-lower{gap:9px}.customer-info-card{padding:14px}}.add-user-card{padding:16px}.bootstrap-form-card{padding:0;overflow:hidden}.bootstrap-form-card .admin-card-title{background:#fff;border-bottom:1px solid #eef2f7;padding:17px 20px 14px}.bootstrap-form-card .admin-card-title h2{font-size:15px;font-weight:800}.bootstrap-form-card .admin-card-title button{color:#00796b;min-height:28px;font-size:10px;font-weight:900}.add-user-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.add-user-form.bootstrap-form{background:#fff;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 14px;margin-top:0;padding:18px 20px 16px}.add-user-form label{color:#334155;gap:6px;font-size:11px;font-weight:900;display:grid}.bootstrap-form .form-field{color:#172033;grid-column:span 4;min-width:0;font-size:12px;line-height:1.1}.bootstrap-form .form-field.wide{grid-column:span 8}.add-user-form label em{color:#ef4444;margin-top:7px;margin-left:0;font-style:normal;line-height:1;display:block}.add-user-form input,.add-user-form select,.add-user-form textarea{color:#0f172a;background:#fff;border:1px solid #dfe6ef;border-radius:8px;outline:0;width:100%;min-height:38px;padding:0 11px;font-size:12px;font-weight:700}.bootstrap-form input,.bootstrap-form select,.bootstrap-form textarea{border-color:#cfd9e6;border-radius:7px;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #0f172a05}.add-user-form textarea{resize:vertical;min-height:82px;padding-top:10px}.bootstrap-form textarea{min-height:88px;padding-top:12px;line-height:1.4}.add-user-form input[type=file]{color:#64748b;padding:8px 10px}.bootstrap-form input[type=file]{background:#fbfdff;align-items:center;padding:10px 12px;display:flex}.add-user-form small{color:#00796b;font-size:10px;font-weight:800}.file-preview{background:#f8fafc;border:1px solid #dfe9f4;border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;margin-top:2px;padding:6px;display:grid}.file-preview img{object-fit:cover;background:#fff;border:1px solid #cfd9e6;border-radius:6px;width:46px;height:40px}.file-preview svg{color:#00796b;background:#e9f8f2;border:1px solid #c7eee5;border-radius:6px;width:46px;height:40px;padding:9px}.file-preview span{color:#00796b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;line-height:1.25;overflow:hidden}.add-user-form input:focus,.add-user-form select:focus,.add-user-form textarea:focus{border-color:#00796b;box-shadow:0 0 0 3px #00796b1f}.add-user-form .wide{grid-column:span 2}.bootstrap-form .wide{grid-column:span 8}.form-submit{align-items:end;gap:8px;display:flex}.bootstrap-form .form-submit{border-top:1px solid #eef2f7;grid-column:1/-1;justify-content:flex-end;align-items:center;margin-top:2px;padding-top:14px}.form-submit button{color:#334155;background:#fff;border:1px solid #dfe6ef;border-radius:8px;flex:1;min-height:38px;font-size:11px;font-weight:900}.bootstrap-form .form-submit button{border-radius:7px;flex:0 0 150px;min-height:42px}.form-submit .primary{color:#fff;background:linear-gradient(135deg,#00796b,#006156);border-color:#0000}.module-grid{grid-template-columns:minmax(680px,1fr) 340px;align-items:start;gap:14px;display:grid}.module-table-card{min-height:420px}.module-side-card{gap:14px;min-height:420px;display:grid}.module-table{border:1px solid #eef2f7;border-radius:8px;margin-top:12px;overflow-x:auto}.module-table-head,.module-table-row{min-width:760px}:is(.module-table-head:has(span:nth-child(8)),.module-table-row:has(span:nth-child(8))){min-width:1180px}.module-table-head,.module-table-row{align-items:center;gap:10px;padding:0 14px;display:grid}.module-table-head{color:#66788f;background:#f8fafc;min-height:38px;font-size:10px;font-weight:900}.module-table-row{color:#213047;border-top:1px solid #eef2f7;min-height:54px;font-size:11px;font-weight:700}.service-table-category{color:#075e54;background:linear-gradient(90deg,#e8f7f3,#f6fbfa);border-top:1px solid #d7e9e5;border-bottom:1px solid #d7e9e5;justify-content:space-between;align-items:center;min-width:1180px;min-height:46px;padding:0 16px;display:flex}.service-table-category span{font-size:13px;font-weight:900}.service-table-category em{color:#00796b;background:#fff;border-radius:999px;padding:4px 9px;font-size:10px;font-style:normal;font-weight:800}.service-subcategory-row{background:#fff}.service-subcategory-row:hover{background:#fbfefd}.service-child-label{color:#6b7c91;font-size:10px;font-weight:800}.service-child-label:before{content:"↳ ";color:#00a58f;font-size:14px}.module-table-row .service-status-toggle{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-self:start;min-width:72px;min-height:28px;padding:5px 10px;font-size:9px;font-weight:900;transition:transform .15s,box-shadow .15s}.module-table-row .service-status-toggle:hover{transform:translateY(-1px);box-shadow:0 5px 12px #0f172a1f}.module-table-row .service-status-toggle.active{color:#087a55;background:#e9fbf3;border-color:#99e2c7}.staff-status-toggle{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-self:start;min-height:30px;padding:0 10px;font-size:10px;font-weight:900}.staff-status-toggle.active{color:#008566;background:#e8f8f3;border-color:#b7eadc}.staff-status-toggle.inactive{color:#dc2626;background:#fff1f2;border-color:#fecaca}.module-table-row .service-status-toggle.inactive{color:#c2414a;background:#fff1f2;border-color:#fecaca}.module-table-row button{color:#fff;background:#00796b;border:0;border-radius:7px;min-height:30px;font-size:10px;font-weight:900}.row-actions{align-items:center;gap:6px;display:flex}.row-actions button{min-width:58px;padding:0 9px}.row-actions .ghost{color:#dc2626;background:#fff;border:1px solid #dfe6ef}.detail-modal-backdrop{z-index:80;background:#0823387a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.detail-modal{background:#fff;border:1px solid #dbe6f2;border-radius:14px;width:min(760px,100%);max-height:min(760px,100vh - 48px);overflow:auto;box-shadow:0 28px 80px #0f172a3d}.detail-modal-head{background:linear-gradient(#f8fbff,#fff);border-bottom:1px solid #edf2f7;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;display:grid}.detail-modal-head h2,.detail-modal-head p{margin:0}.detail-modal-head h2{color:#061c30;font-size:22px}.detail-modal-head p{color:#64748b;margin-top:3px;font-size:12px;font-weight:800}.detail-modal-head button{color:#0f172a;background:#fff;border:1px solid #d8e3ef;border-radius:8px;min-height:36px;padding:0 14px;font-size:12px;font-weight:900}.staff-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px;display:grid}.staff-detail-grid article,.staff-address-box,.kyc-preview-card{background:#fbfdff;border:1px solid #e2ebf4;border-radius:10px}.staff-detail-grid article{min-height:72px;padding:12px}.staff-detail-grid span,.staff-address-box span,.kyc-preview-card span{color:#607188;font-size:11px;font-weight:900;display:block}.staff-detail-grid strong,.staff-address-box strong{color:#061c30;word-break:break-word;margin-top:7px;font-size:13px;line-height:1.35;display:block}.staff-kyc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 16px;display:grid}.kyc-preview-card{min-height:190px;padding:12px}.kyc-preview-card img{object-fit:contain;background:#fff;border:1px solid #d7e2ee;border-radius:8px;width:100%;height:145px;margin-top:10px}.kyc-preview-card div{color:#00796b;text-align:center;border:1px dashed #cbd8e6;border-radius:8px;place-items:center;min-height:145px;margin-top:10px;display:grid}.kyc-preview-card div strong{color:#0f172a;overflow-wrap:anywhere;max-width:220px;font-size:12px}.staff-address-box{margin:0 18px 18px;padding:13px}.kyc-review-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 8px;display:grid}.kyc-review-summary article{background:#fbfdff;border:1px solid #e2ebf4;border-radius:10px;min-height:72px;padding:12px}.kyc-review-summary span{color:#607188;font-size:11px;font-weight:900;display:block}.kyc-review-summary strong{color:#061c30;margin-top:7px;font-size:14px;display:block}.kyc-checklist{gap:10px;padding:10px 18px 16px;display:grid}.kyc-checklist label{color:#0f172a;background:#fff;border:1px solid #dfe9f4;border-radius:10px;align-items:center;gap:11px;min-height:48px;padding:0 13px;font-size:13px;font-weight:900;display:flex}.kyc-checklist input{width:18px;height:18px;accent-color:var(--primary)}.kyc-approval-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:10px;padding:14px 18px 18px;display:flex}.kyc-approval-actions button{color:#0f172a;background:#fff;border:1px solid #d8e3ef;border-radius:8px;min-width:140px;min-height:38px;font-size:12px;font-weight:900}.kyc-approval-actions button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.kyc-approval-actions button:disabled{cursor:not-allowed;opacity:.48}.module-checklist,.vendor-staff-list{gap:10px;display:grid}.vendor-staff-row{background:#f8fafc;border:1px solid #e5edf5;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.vendor-staff-row .avatar{background:linear-gradient(135deg,#00796b,#2563eb);width:34px;height:34px}.vendor-staff-row strong,.vendor-staff-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.vendor-staff-row strong{font-size:12px}.vendor-staff-row span{color:var(--muted);margin-top:2px;font-size:10px}.vendor-staff-row em{color:#00796b;background:#e9f8f2;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:900}.empty-state.compact{padding:12px;font-size:11px}.module-checklist div{color:#334155;background:#fbfdff;border:1px solid #eef2f7;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px;font-size:11px;font-weight:800;display:flex}.module-checklist svg{color:#00796b;flex:none}.module-mini-chart{background:#fff;border:1px solid #eef2f7;border-radius:8px;margin-top:auto;padding:8px}.super-admin-desktop{align-content:start;gap:12px;display:grid}.dashboard-ribbon{color:#fff;background:linear-gradient(135deg,#3730a3,#4f46e5);border-radius:6px;justify-self:start;margin-bottom:-8px;padding:5px 12px;font-size:12px;font-weight:900;line-height:1}.admin-dashboard-head{align-items:center;gap:14px;min-height:44px;display:flex}.admin-controls{color:#475569;gap:3px;font-size:9px;font-weight:700;display:grid}.admin-controls button,.admin-quick,.admin-icon-row button{color:#334155;background:#fff;border:1px solid #dfe6ef;border-radius:8px;align-items:center;gap:7px;min-height:30px;font-size:10px;font-weight:700;display:inline-flex}.admin-controls button,.admin-quick{padding:0 12px}.admin-quick{align-self:end}.admin-icon-row{gap:8px;margin-left:auto;display:flex}.admin-icon-row button{justify-content:center;width:31px;padding:0;position:relative}.admin-icon-row i{background:#10b981;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-stat-card,.admin-card{background:#fff;border:1px solid #dde6f0;border-radius:10px;box-shadow:0 14px 30px #0f172a0d}.admin-stat-card{align-content:center;min-height:82px;padding:15px 17px;display:grid}.admin-stat-card span{color:#66788f;font-size:10px;font-weight:700}.admin-stat-card strong{color:#0f172a;margin-top:6px;font-size:23px;line-height:1}.admin-stat-card em{color:#059669;margin-top:6px;font-size:10px;font-style:normal;font-weight:800}.admin-charts{grid-template-columns:1.05fr .95fr;gap:12px;display:grid}.admin-card{padding:13px 14px}.admin-card-title{justify-content:space-between;align-items:center;min-height:22px;display:flex}.admin-card-title h2{color:#0f172a;margin:0;font-size:13px;line-height:1}.admin-card-title button{color:#00796b;background:0 0;border:0;font-size:9px;font-weight:900}.chart-legend{color:#64748b;justify-content:center;align-items:center;gap:9px;margin-top:8px;font-size:9px;display:flex}.dot,.donut-labels i{border-radius:50%;width:7px;height:7px;display:inline-block}.dot.green,.green-bg{background:#009f81}.dot.blue,.blue-bg{background:#2f7cf6}.dot.amber,.amber-bg{background:#f5a524}.admin-line-chart{min-height:190px;position:relative;overflow:hidden}.admin-line-chart.mini{min-height:112px}.admin-line-chart svg{width:100%;height:100%;min-height:inherit;fill:none}.grid-lines line{stroke:#edf2f7;stroke-width:1px}.admin-line-chart polyline{stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.admin-line-chart.mini polyline{stroke-width:5px}.completed-line{stroke:#009f81}.ongoing-line{stroke:#2f7cf6}.cancelled-line{stroke:#ef4444}.chart-months{color:#7a899b;text-align:center;grid-template-columns:repeat(5,1fr);margin-top:-14px;font-size:9px;display:grid}.donut-zone{grid-template-columns:160px 1fr;align-items:center;gap:18px;min-height:214px;display:grid}.donut{background:conic-gradient(#009f81 0 62%, #2f7cf6 62% 87%, #f5a524 87% 100%);border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.donut:before{content:"";position:absolute}.donut>div{background:#fff;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:inset 0 0 0 1px #e5ecf4}.donut strong,.donut span{text-align:center;display:block}.donut strong{align-self:end;font-size:18px}.donut span{color:#64748b;align-self:start;font-size:9px}.donut-labels{color:#334155;gap:12px;font-size:10px;display:grid}.donut-labels span{align-items:center;gap:7px;display:flex}.donut-labels b{color:#64748b;margin-left:auto;font-weight:700}.admin-lower-grid{grid-template-columns:1fr .58fr;gap:12px;display:grid}.mini-table{margin-top:10px}.mini-table-head,.mini-table-row{grid-template-columns:82px 1fr 1fr 78px 78px;align-items:center;gap:10px;display:grid}.mini-table-head{color:#6b7d93;min-height:28px;font-size:9px;font-weight:900}.mini-table-row{color:#334155;border-top:1px solid #eef2f7;min-height:36px;font-size:10px}.kyc-list{gap:10px;margin-top:11px;display:grid}.kyc-row{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:44px;display:grid}.kyc-row strong,.kyc-row span{display:block}.kyc-row strong{font-size:11px}.kyc-row span{color:#64748b;font-size:9px}.kyc-row em{color:#c2410c;background:#fff7ed;border-radius:7px;padding:6px 10px;font-size:10px;font-style:normal;font-weight:900}.admin-phone{justify-content:center;display:grid}.phone-frame{background:#0f172a;border:8px solid #111827;border-radius:36px;width:236px;height:494px;padding:12px 10px;position:relative;box-shadow:0 18px 32px #0f172a38}.phone-notch{z-index:2;background:#05070d;border-radius:0 0 12px 12px;width:72px;height:16px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:25px;gap:9px;height:100%;padding:18px 10px 9px;display:grid;overflow:hidden}.phone-top{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:9px;display:grid}.phone-top b{color:#0f172a}.phone-top em{color:#059669;font-style:normal}.phone-revenue{color:#fff;background:linear-gradient(135deg,#5b35d5,#065f9f);border-radius:12px;gap:5px;min-height:76px;padding:13px;display:grid}.phone-revenue span{font-size:9px}.phone-revenue strong{font-size:20px}.phone-revenue em{color:#8ff2cc;justify-self:end;font-size:9px;font-style:normal}.phone-icons{grid-template-columns:repeat(4,1fr);gap:9px 6px;display:grid}.phone-icons button,.phone-bottom-nav button{color:#334155;background:0 0;border:0;justify-items:center;gap:4px;font-size:8px;display:grid}.phone-icons button svg{background:#f1f5f9;border-radius:9px;width:25px;height:25px;padding:6px}.phone-chart-head{justify-content:space-between;align-items:center;font-size:10px;display:flex}.phone-total strong,.phone-total span{display:block}.phone-total strong{font-size:20px}.phone-total span,.phone-split{color:#64748b;font-size:9px}.phone-split{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.phone-split b{color:#0f172a;font-size:10px;display:block}.phone-bottom-nav{border-top:1px solid #eef2f7;grid-template-columns:repeat(4,1fr);margin-top:auto;padding-top:6px;display:grid}.phone-bottom-nav button.active{color:#2563eb;font-weight:900}.nav-link .nav-badge{color:#fff;background:#ef4444;border-color:#0000}.table{gap:0;display:grid}.table-row{color:#334155;border-bottom:1px solid #eef2f7;grid-template-columns:82px 1fr 1fr 1fr 1.1fr auto 60px 66px;align-items:center;gap:8px;min-height:38px;font-size:10px;display:grid}.badge{border-radius:7px;justify-self:start;padding:5px 8px;font-style:normal;font-weight:900}.completed,.confirmed{background:var(--green-soft);color:var(--primary)}.on-the-way,.in-progress,.assigned{background:var(--blue-soft);color:var(--blue)}.cancelled{background:var(--red-soft);color:#dc2626}.pending,.arriving-soon{color:#c2410c;background:#fff7ed}.active,.online,.captured,.settled,.up,.secure,.auto{background:var(--green-soft);color:#00796b}.new,.queued,.medium,.info{background:var(--blue-soft);color:#2563eb}.offline,.failed,.refunded,.blocked,.high{background:var(--red-soft);color:#dc2626}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:18px}.chart{border:1px solid var(--line);background:linear-gradient(#fff,#f9fbff);border-radius:8px;min-height:238px;position:relative}.chart svg{fill:none;width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;inset:20px}.chart polyline{stroke:#2563eb;stroke-width:6px}.chart .green{stroke:var(--primary)}.approval-list,.dispatch-list{gap:8px;display:grid}.approval,.dispatch{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;display:grid}.approval{grid-template-columns:22px 1fr 90px 70px}.dispatch{grid-template-columns:34px 1fr 76px 1fr 42px}.approval span,.dispatch span,.dispatch em{color:var(--muted);font-size:11px;font-style:normal}.approval button{background:var(--primary);color:#fff;border:0;border-radius:7px;min-height:30px;font-size:11px;font-weight:800}.dispatch button{border:1px solid var(--line);background:#fff;border-radius:7px;height:30px}@media (max-width:900px){.web-board{min-width:0}.auth-shell,.app-shell,.app-shell.customer-mode,.app-shell.vendor-mode,.app-shell.staff-mode,.app-shell.admin-mode{grid-template-columns:1fr;min-width:0}.auth-shell{min-height:0}.auth-showcase{padding:24px}.auth-copy h1{font-size:38px}.auth-role-grid,.auth-metrics{grid-template-columns:1fr}.login-panel{border-left:0;padding:24px}.sidebar,.admin-mode .sidebar,.customer-mode .sidebar,.vendor-mode .sidebar,.staff-mode .sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.sidebar nav{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.nav-link{flex:none;width:auto;min-width:max-content}.logout{width:fit-content}.sidebar-menu-types{margin-top:0}.customer-screen,.admin-screen,.customer-grid,.admin-layout,.metrics-row,.topbar,.customer-home.customer-exact,.customer-main-grid,.customer-bottom-grid,.customer-page-grid,.address-layout,.bookings-grid,.booking-summary-row,.module-grid,.module-topbar,.admin-stat-grid,.admin-charts,.admin-lower-grid,.super-admin-page{grid-template-columns:1fr}.customer-home,.customer-home.customer-exact,.customer-page,.bookings-page,.admin-module-page,.super-admin-page{padding:12px}.topbar{gap:8px;padding:10px 12px}.topbar .search,.topbar .profile,.topbar .location{min-width:0}.customer-home.customer-exact .customer-bottom-grid,.customer-main-grid .panel:nth-child(3),.customer-main-grid .panel:nth-child(4){grid-column:auto}.customer-services-column .service-grid,.service-grid,.customer-booking-column .date-strip,.date-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-booking-column .slots,.slots{grid-template-columns:1fr}.customer-tracking-column .panel{min-height:0}.customer-map-card.large .map{min-height:220px}.customer-tech,.technician-card{grid-template-columns:42px 1fr}.customer-tech .rating,.customer-tech .eta,.customer-tech button,.technician-card .rating,.technician-card .eta,.technician-card button{justify-self:stretch}.booking-filter-row,.module-actions,.booking-detail-table,.module-table,.mini-table,.table{overflow-x:auto}.booking-detail-head,.booking-detail-row{min-width:920px}.module-table-head,.module-table-row{min-width:760px}.booking-side-detail,.customer-sidebar,.admin-sidebar{position:static}.booking-work,.tracking-work{border-left:0;border-top:1px solid var(--line)}.why-row,.status-flow,.table-row,.approval,.dispatch{grid-template-columns:1fr}}@media (max-width:560px){.login-page{padding:12px}.auth-showcase{display:none}.login-copy h1,.bookings-head h1,.customer-page-head h1,.module-topbar h1{font-size:24px}.bookings-head,.customer-page-head{flex-direction:column;align-items:stretch}.booking-summary-row,.customer-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-inline-form,.address-form-card,.add-user-form{grid-template-columns:1fr}.add-user-form.bootstrap-form{grid-template-columns:1fr;padding:14px}.bootstrap-form .form-field,.bootstrap-form .form-field.wide,.bootstrap-form .wide,.bootstrap-form .form-submit{grid-column:1/-1}.bootstrap-form .form-submit{grid-template-columns:1fr 1fr;display:grid}.bootstrap-form .form-submit button{flex-basis:auto;width:100%}.customer-list-row{grid-template-columns:1fr;padding:12px}}.attendance-page .module-actions select{border:1px solid var(--line);min-width:220px;min-height:36px;color:var(--ink);background:#fff;border-radius:8px;font-weight:800}.attendance-actions{flex-wrap:wrap;gap:10px;display:flex}.attendance-actions button{border:1px solid var(--line);background:var(--primary);color:#fff;border-radius:8px;min-height:38px;padding:0 16px;font-weight:900}.attendance-actions button.danger{background:#ef4444}.attendance-table .module-table-head,.attendance-table .module-table-row{grid-template-columns:120px 150px 130px 110px 110px 110px 80px 90px 100px}.advanced-attendance-table .module-table-head,.advanced-attendance-table .module-table-row{grid-template-columns:105px 135px 105px 90px 90px 90px 85px 70px 75px 95px}.duty-power-button{justify-content:center;align-items:center;gap:7px;min-width:150px;display:inline-flex;color:#fff!important;background:#00796b!important;border-color:#8ad1c4!important}.duty-power-button.active{box-shadow:0 0 0 4px #dc26261a;background:#dc2626!important;border-color:#ef4444!important}.attendance-page{gap:16px;overflow:hidden}.attendance-page .module-topbar{align-items:flex-end;gap:20px;padding:4px 0 8px}.attendance-page .module-topbar h1{letter-spacing:-.035em;margin:7px 0 4px}.attendance-page .module-topbar p{color:#64748b;margin:0}.attendance-page .module-actions{grid-template-columns:minmax(230px,1.25fr) minmax(145px,.75fr);gap:10px;width:min(100%,430px);display:grid}.attendance-page .module-actions select{border-color:#d8e3ea;border-radius:10px;width:100%;min-width:0;min-height:42px;padding:0 36px 0 12px;box-shadow:0 3px 12px #0f172a0a}.attendance-page .admin-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.attendance-page .admin-stat-grid>*{background:linear-gradient(145deg,#fff,#f8fbfc);border:1px solid #dce7ec;border-radius:14px;min-width:0;min-height:112px;padding:17px;box-shadow:0 7px 22px #0f172a0d}.attendance-actions{background:#fff;border:1px solid #dce7ec;border-radius:13px;padding:12px;box-shadow:0 6px 20px #0f172a0a}.attendance-actions button{border:0;border-radius:9px;min-height:42px;box-shadow:0 5px 14px #00796b26}.attendance-actions button:nth-child(2){background:#0f766e}.attendance-actions button.danger{box-shadow:0 5px 14px #ef444424}.attendance-page .module-table-card{border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 8px 26px #0f172a0d}.attendance-page .advanced-attendance-table{overscroll-behavior-inline:contain;width:100%;overflow-x:auto}.attendance-page .advanced-attendance-table .module-table-head,.attendance-page .advanced-attendance-table .module-table-row{grid-template-columns:105px 145px 110px 100px 95px 95px 90px 75px 85px 95px;min-width:1095px}.attendance-page .advanced-attendance-table .module-table-head{z-index:1;background:#f6f9fb;position:sticky;top:0}.attendance-page .advanced-attendance-table .module-table-row:hover{background:#f1faf8}@media (max-width:1180px){.attendance-page .admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.attendance-page .module-topbar{align-items:stretch}.attendance-page .module-actions{grid-template-columns:1fr;width:100%}.attendance-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.attendance-actions .danger{grid-column:1/-1}}@media (max-width:420px){.attendance-page .admin-stat-grid{grid-template-columns:1fr}}@media (max-width:560px){.app-shell.customer-mode{padding-bottom:76px}.customer-mode .sidebar{border:0;width:0;height:0;min-height:0;padding:0;position:static}.customer-mode .sidebar>.brand,.customer-mode .sidebar>.top-user,.customer-mode .sidebar>.logout,.customer-mode .sidebar>.sidebar-menu-types{display:none}.customer-mode .sidebar nav{z-index:1300;padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #dce6eb;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;display:grid;position:fixed;bottom:8px;left:8px;right:8px;overflow:visible;box-shadow:0 -8px 30px #0f172a21}.customer-mode .sidebar nav .nav-link{color:#64748b;white-space:normal;text-align:center;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;width:100%;min-width:0;min-height:50px;padding:5px 2px;font-size:8px;font-weight:800;line-height:1.1;display:flex}.customer-mode .sidebar nav .nav-link svg{width:18px;height:18px}.customer-mode .sidebar nav .nav-link.active{color:#00796b;box-shadow:none;background:#e7f7f3}.customer-mode .sidebar nav .nav-link:nth-child(5),.customer-mode .sidebar nav .nav-link:nth-child(n+7){display:none}.customer-mode .content-shell{min-width:0;padding-bottom:8px}.customer-mode .topbar{grid-template-columns:minmax(0,1fr) auto auto;min-height:54px;padding:8px 10px}.customer-mode .topbar .search,.customer-mode .topbar .wallet{display:none}.customer-mode .topbar .profile{width:38px;min-width:38px;padding:0;font-size:0;display:flex;overflow:hidden}.customer-mode .topbar .profile>svg{display:none}.customer-mode .topbar .location{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;overflow:hidden}}.topbar .profile .avatar{overflow:hidden}.topbar .profile .avatar img{object-fit:cover;width:100%;height:100%}.customer-profile-page{gap:15px;max-width:1050px;display:grid}.profile-cover-card{color:#fff;background:linear-gradient(125deg,#064a43,#00897b);border-radius:17px;align-items:center;gap:22px;padding:26px;display:flex;box-shadow:0 16px 38px #00796b2e}.profile-photo-wrap{justify-items:center;gap:8px;display:grid}.profile-photo{color:#00796b;background:#d7f2ec;border:4px solid #ffffffb8;border-radius:50%;place-items:center;width:104px;height:104px;font-size:38px;font-weight:900;display:grid;overflow:hidden}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-photo-wrap label{color:#00796b;cursor:pointer;background:#fff;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}.profile-photo-wrap input{display:none}.profile-identity>span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.profile-identity h1{margin:5px 0 9px;font-size:28px}.profile-identity p,.profile-identity small{color:#ffffffd1;align-items:center;gap:6px;margin:5px 0;font-size:10px;display:flex}.profile-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.profile-detail-card,.profile-menu-card{background:#fff;border:1px solid #dfe8ee;border-radius:13px;padding:18px;box-shadow:0 6px 20px #0f172a0a}.profile-detail-card>div{color:#00796b;align-items:center;gap:8px;display:flex}.profile-detail-card>div span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900}.profile-detail-card strong{margin-top:12px;font-size:14px;display:block}.profile-detail-card p{color:#64748b;min-height:28px;font-size:10px;line-height:1.5}.profile-detail-card button{color:#00796b;background:#e8f7f3;border:0;border-radius:7px;min-height:34px;padding:0 11px;font-size:9px;font-weight:900}.profile-detail-card em{color:#078452;font-size:10px;font-style:normal;font-weight:900}.profile-menu-card>div:first-child span{color:#00796b;text-transform:uppercase;font-size:9px;font-weight:900}.profile-menu-card h2{margin:3px 0 14px;font-size:16px}.profile-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-menu-grid button{color:#334155;text-align:left;background:#fff;border:1px solid #e0e8ee;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:52px;padding:10px;display:grid}.profile-menu-grid button>svg:first-child{color:#00796b}.profile-menu-grid button span{font-size:10px;font-weight:900}.profile-password-card{background:#fff;border:1px solid #dfe8ee;border-radius:13px;gap:14px;padding:18px;display:grid;box-shadow:0 6px 20px #0f172a0a}.profile-password-card>div{color:#00796b;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.profile-password-card p{gap:4px;margin:0;display:grid}.profile-password-card p strong{color:#172033;font-size:12px}.profile-password-card p span{color:#64748b;font-size:9px}.profile-password-card button{color:#00796b;background:#e9f8f4;border:1px solid #aad8d0;border-radius:8px;min-height:36px;padding:0 13px;font-size:9px;font-weight:900}.profile-password-card form{border-top:1px solid #e7edf1;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;padding-top:13px;display:grid}.profile-password-card form label{color:#334155;gap:6px;font-size:9px;font-weight:900;display:grid}.profile-password-card form input{border:1px solid #ccd8e0;border-radius:8px;min-height:39px;padding:0 10px}.profile-password-card form button.primary{color:#fff;background:#00796b;border-color:#00796b}.profile-menu-grid button.profile-logout-button{color:#dc2626;background:#fff5f5;border-color:#fecaca}.profile-menu-grid button.profile-logout-button>svg:first-child{color:#dc2626}@media (max-width:560px){.profile-cover-card{align-items:flex-start;gap:14px;padding:18px 14px}.profile-photo{width:76px;height:76px}.profile-identity h1{font-size:21px}.profile-details-grid{grid-template-columns:1fr}.profile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-page{padding-bottom:10px}.profile-password-card>div{grid-template-columns:auto 1fr}.profile-password-card>div>button{grid-column:1/-1}.profile-password-card form{grid-template-columns:1fr}}.staff-mode .content-shell{min-width:0;overflow-x:hidden}.staff-mode .attendance-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:18px 24px 28px}.staff-mode .attendance-page .module-topbar{grid-template-columns:minmax(280px,1fr) minmax(360px,430px);align-items:end;display:grid}.staff-mode .attendance-page .module-actions{justify-content:flex-end;width:100%;min-width:0;max-width:430px;display:flex}.staff-mode .attendance-page .module-actions select{flex:190px;min-width:150px}.staff-mode .attendance-page .duty-power-button{white-space:nowrap;flex:0 0 165px;min-width:165px}.staff-mode .attendance-page .admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}.staff-mode .attendance-page .admin-stat-grid>*{min-height:104px}.staff-mode .attendance-page .module-table-card,.staff-mode .attendance-page .advanced-attendance-table{box-sizing:border-box;width:100%;min-width:0;max-width:100%}@media (max-width:900px){.staff-mode .attendance-page .module-topbar{grid-template-columns:1fr}.staff-mode .attendance-page .module-actions{justify-content:stretch;max-width:none}}@media (max-width:640px){.staff-mode .attendance-page{padding:12px}.staff-mode .attendance-page .module-actions{grid-template-columns:1fr;display:grid}.staff-mode .attendance-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-mode .attendance-page .duty-power-button{width:100%}}@media (max-width:700px){html,body{max-width:100%;overflow-x:hidden}.app-shell.vendor-mode,.app-shell.staff-mode{width:100%;min-width:0;max-width:100vw;padding-bottom:78px;display:block;overflow-x:hidden}.vendor-mode .sidebar,.staff-mode .sidebar{border:0;width:0;height:0;min-height:0;padding:0;position:static}.vendor-mode .sidebar>.brand,.vendor-mode .sidebar>.top-user,.vendor-mode .sidebar>.logout,.vendor-mode .sidebar>.sidebar-menu-types,.staff-mode .sidebar>.brand,.staff-mode .sidebar>.top-user,.staff-mode .sidebar>.logout,.staff-mode .sidebar>.sidebar-menu-types{display:none}.vendor-mode .sidebar nav,.staff-mode .sidebar nav{z-index:1400;width:auto;padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff7;border:1px solid #d9e5eb;border-radius:17px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;display:grid;position:fixed;bottom:8px;left:8px;right:8px;overflow:visible;box-shadow:0 -8px 30px #0f172a26}.vendor-mode .sidebar nav .nav-link,.staff-mode .sidebar nav .nav-link{color:#64748b;width:100%;min-width:0;min-height:51px;box-shadow:none;white-space:normal;text-align:center;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;padding:5px 2px;font-size:8px;font-weight:850;line-height:1.05;display:flex;position:relative}.vendor-mode .sidebar nav .nav-link svg,.staff-mode .sidebar nav .nav-link svg{width:18px;height:18px}.vendor-mode .sidebar nav .nav-link.active,.staff-mode .sidebar nav .nav-link.active{color:#00796b;box-shadow:none;background:#e4f6f2}.vendor-mode .sidebar nav .nav-link:nth-child(n+6),.staff-mode .sidebar nav .nav-link:nth-child(n+6){display:none}.vendor-mode .sidebar nav .nav-badge,.staff-mode .sidebar nav .nav-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;min-width:15px;height:15px;padding:0 4px;font-size:7px;line-height:11px;position:absolute;top:2px;right:calc(50% - 18px)}.vendor-mode .content-shell,.staff-mode .content-shell{width:100%;min-width:0;max-width:100vw;margin:0;display:block;overflow-x:hidden}.vendor-mode .admin-module-page,.staff-mode .admin-module-page{min-height:auto;padding:12px 10px 18px}.vendor-mode .module-topbar h1,.staff-mode .module-topbar h1{font-size:23px}.staff-mode .staff-jobs-page{box-sizing:border-box;width:100%;min-width:0;max-width:100vw;padding:12px 10px 18px;overflow:hidden}.staff-mode .staff-jobs-page .module-topbar{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}.staff-mode .staff-jobs-page .module-actions,.staff-mode .staff-jobs-page .module-actions button{width:100%}.staff-mode .staff-jobs-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.staff-mode .staff-jobs-page .admin-stat-card{min-width:0;padding:13px}.staff-mode .staff-job-grid{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.staff-mode .staff-job-grid>*,.staff-mode .admin-card,.staff-mode .module-table-card,.staff-mode .module-side-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.staff-mode .staff-booking-table,.staff-mode .module-table{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.staff-mode .staff-current-job{min-width:0}.staff-mode .staff-current-job .price-line{gap:12px}.staff-mode .staff-current-job .price-line>*{overflow-wrap:anywhere;min-width:0}}.complete-job-button{color:#fff;background:linear-gradient(135deg,#16a34a,#078452);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:8px;font-weight:900;display:inline-flex}.staff-job-history{min-height:0}.staff-job-history>div:last-child{gap:8px;margin-top:10px;display:grid}.staff-job-history article{border:1px solid #e1e9ef;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.staff-job-history article p{gap:4px;margin:0;display:grid}.staff-job-history article p strong{font-size:11px}.staff-job-history article p span{color:#64748b;font-size:8px}.staff-rating-stars{color:#f59e0b;font-size:13px;font-weight:900}.customer-reviews-page{gap:14px;display:grid}.customer-review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.customer-review-card{background:#fff;border:1px solid #dce7ec;border-radius:13px;gap:12px;padding:17px;display:grid;box-shadow:0 7px 22px #0f172a0d}.review-service-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.review-service-head>div{gap:4px;display:grid}.review-service-head strong{font-size:13px}.review-service-head span{color:#64748b;font-size:8px}.review-service-head em{color:#078452;background:#eaf8ef;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900}.rating-picker{gap:4px;display:flex}.rating-picker button{color:#cbd5e1;background:0 0;border:0;padding:0;font-size:28px}.rating-picker button.active{color:#f59e0b}.customer-review-card textarea{resize:vertical;min-height:76px;font:inherit;border:1px solid #d8e3ea;border-radius:9px;padding:10px;font-size:10px}.submit-review-button{color:#fff;background:#00796b;border:0;border-radius:9px;min-height:39px;font-weight:900}.submitted-review{gap:7px;display:grid}.submitted-review>div{color:#f59e0b;font-size:20px}.submitted-review p{color:#334155;margin:0;font-size:10px}.submitted-review small{color:#078452;font-size:8px;font-weight:900}.customer-review-prompt{z-index:1450;background:#fff;border:1px solid #fbd38d;border-radius:14px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;width:min(430px,100vw - 32px);padding:14px 16px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 55px #0f172a33}.completed-tracking-page{place-items:center;min-height:calc(100vh - 90px);padding:20px;display:grid}.completed-tracking-card{text-align:center;justify-items:center;width:min(100%,560px);min-height:0;padding:38px 26px;display:grid}.completed-tracking-icon{color:#078452;background:#e9f8ef;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:12px;display:grid}.completed-tracking-card>span{color:#078452;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.completed-tracking-card h1{color:#172033;margin:6px 0;font-size:25px}.completed-tracking-card p{color:#64748b;margin:0 0 20px;font-size:10px}.completed-tracking-card>div:last-child{gap:9px;display:flex}.completed-tracking-card button{color:#334155;background:#fff;border:1px solid #cbd8df;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:0 14px;font-size:9px;font-weight:900;display:inline-flex}.completed-tracking-card button.primary{color:#fff;background:#00796b;border-color:#00796b}.review-prompt-icon{color:#f59e0b;background:#fff7df;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.customer-review-prompt p{gap:3px;margin:0;display:grid}.customer-review-prompt p span{color:#078452;text-transform:uppercase;font-size:8px;font-weight:900}.customer-review-prompt p strong{color:#172033;font-size:12px}.customer-review-prompt p small{color:#64748b;font-size:8px}.review-prompt-action{color:#fff;background:#00796b;border:0;border-radius:9px;min-height:38px;padding:0 13px;font-size:9px;font-weight:900}.review-prompt-close{color:#94a3b8;background:0 0;border:0;width:22px;height:22px;padding:0;font-size:18px;position:absolute;top:5px;right:7px}.vendor-review-list{min-height:0}.vendor-review-list>div:last-child{gap:8px;margin-top:10px;display:grid}.vendor-review-list article{border:1px solid #e1e9ef;border-radius:10px;grid-template-columns:auto 180px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.vendor-review-avatar{color:#2563eb;background:#e5f4ff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.vendor-review-list article p{gap:3px;margin:0;display:grid}.vendor-review-list article p strong{font-size:11px}.vendor-review-list article p span,.vendor-review-list article p em{color:#64748b;font-size:8px;font-style:normal}.vendor-review-list article>div:last-child{gap:5px;display:grid}.vendor-review-list article b{color:#f59e0b;letter-spacing:1px}.vendor-review-list article>div:last-child span{color:#334155;font-size:10px}@media (max-width:700px){.customer-review-list{grid-template-columns:1fr;gap:8px}.customer-review-card{gap:9px;padding:12px}.rating-picker button{font-size:25px}.staff-job-history{padding:10px}.staff-job-history article{padding:9px}.vendor-reviews-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-review-list article{grid-template-columns:auto minmax(0,1fr)}.vendor-review-list article>div:last-child{grid-column:1/-1;padding-left:50px}.customer-review-prompt{grid-template-columns:auto minmax(0,1fr);width:auto;padding:11px 12px;bottom:82px;left:9px;right:9px}.customer-review-prompt .review-prompt-action{grid-column:1/-1;width:100%}.completed-tracking-page{min-height:calc(100vh - 145px);padding:12px}.completed-tracking-card{padding:28px 16px}.completed-tracking-card>div:last-child{width:100%;display:grid}.completed-tracking-card button{width:100%}.vendor-mode .content-shell{width:100%;min-width:0;max-width:100vw;display:block;overflow-x:hidden}.vendor-mode .admin-module-page{box-sizing:border-box;gap:9px;width:100%;min-width:0;max-width:100vw;padding:10px 9px 16px;overflow:hidden}.vendor-mode .module-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0;display:grid}.vendor-mode .module-topbar>div:first-child{min-width:0}.vendor-mode .dashboard-ribbon.small{width:fit-content;padding:4px 8px;font-size:7px}.vendor-mode .module-topbar h1{margin-top:7px;font-size:20px;line-height:1.1}.vendor-mode .module-topbar p{margin-top:4px;font-size:8px;line-height:1.35}.vendor-mode .module-actions{justify-content:flex-end;gap:5px;width:auto;min-width:0;display:flex}.vendor-mode .module-search,.vendor-mode .module-actions>button:not(.primary){display:none}.vendor-mode .module-actions .primary,.vendor-mode .module-actions>button:last-child{white-space:nowrap;border-radius:9px;min-height:34px;padding:0 10px;font-size:8px}.vendor-mode .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;min-width:0}.vendor-mode .admin-stat-card{border-radius:10px;min-width:0;min-height:72px;padding:10px 11px}.vendor-mode .admin-stat-card:before{width:3px}.vendor-mode .admin-stat-card span{font-size:7px}.vendor-mode .admin-stat-card strong{margin-top:5px;font-size:18px}.vendor-mode .admin-stat-card em{margin-top:5px;padding:3px 5px;font-size:7px}.vendor-mode .module-grid{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.vendor-mode .module-grid>*,.vendor-mode .admin-card,.vendor-mode .module-table-card,.vendor-mode .module-side-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.vendor-mode .module-table-card,.vendor-mode .module-side-card{min-height:0;padding:10px}.vendor-mode .module-table{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;margin-top:7px;display:block;overflow-x:auto}.vendor-mode .module-table-head{min-height:34px}.vendor-mode .module-table-row{min-height:48px}.vendor-mode .module-table-head,.vendor-mode .module-table-row{gap:8px;padding:0 10px;font-size:8px}.vendor-mode .row-actions{gap:4px}.vendor-mode .row-actions button{min-height:28px;padding:0 7px;font-size:7px}.vendor-mode .module-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vendor-mode .module-checklist>div{min-height:42px;padding:8px;font-size:8px}.vendor-mode .module-mini-chart{display:none}.vendor-mode .add-user-card,.vendor-mode .bootstrap-form-card{padding:10px}.vendor-mode .add-user-form.bootstrap-form,.vendor-mode .bootstrap-form{grid-template-columns:1fr;gap:8px;padding:9px}.vendor-mode .bootstrap-form .form-field,.vendor-mode .bootstrap-form .wide,.vendor-mode .bootstrap-form .form-submit{grid-column:1/-1}.vendor-mode .bootstrap-form .form-submit{grid-template-columns:1fr 1fr;gap:7px;display:grid}.vendor-mode .bootstrap-form input,.vendor-mode .bootstrap-form select,.vendor-mode .bootstrap-form textarea{min-height:38px}.vendor-mode .attendance-page .module-topbar{grid-template-columns:1fr}.vendor-mode .attendance-page .module-actions{grid-template-columns:1fr;width:100%;max-width:none;display:grid}.vendor-mode .attendance-page .module-actions select{width:100%;min-width:0}.vendor-mode .attendance-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-mode .attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;display:grid}.vendor-mode .attendance-actions .danger{grid-column:1/-1}.vendor-mode .attendance-page .module-table-card{min-height:0}.vendor-mode .vendor-reviews-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-mode .vendor-review-list{min-height:0;padding:10px}}@media (max-width:390px){.staff-mode .staff-jobs-page .admin-stat-grid,.staff-mode .attendance-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.staff-profile-page{box-sizing:border-box;gap:14px;width:100%;max-width:1050px;padding:18px 24px 28px;display:grid}.staff-profile-cover{background:linear-gradient(125deg,#123d79,#2563eb)}.staff-profile-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.staff-performance-strip{background:linear-gradient(100deg,#fffaf0,#fff);border:1px solid #f4d58b;border-radius:13px;grid-template-columns:minmax(190px,1.4fr) repeat(2,minmax(120px,.7fr)) auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 7px 22px #0f172a0a}.staff-performance-strip>div{border-right:1px solid #f1e5c8;min-width:0;padding-right:12px}.staff-performance-strip>div:last-of-type{border-right:0}.staff-performance-strip>div>strong{color:#172033;font-size:20px;display:block}.staff-performance-strip>div>span{color:#64748b;font-size:8px;font-weight:800}.staff-performance-stars{color:#f59e0b;align-items:center;gap:10px;display:flex}.staff-performance-stars p{gap:3px;margin:0;display:grid}.staff-performance-stars p strong{color:#172033;font-size:22px}.staff-performance-stars p span{color:#f59e0b;letter-spacing:1px;font-size:13px}.staff-performance-strip small{color:#078452;font-size:8px;font-weight:900}.staff-profile-details article{background:#fff;border:1px solid #dce6ef;border-radius:13px;min-width:0;padding:16px;box-shadow:0 7px 22px #0f172a0d}.staff-profile-details article div{color:#2563eb;align-items:center;gap:8px;display:flex}.staff-profile-details article span{color:#64748b;letter-spacing:.03em;text-transform:uppercase;font-size:9px;font-weight:900}.staff-profile-details article strong{overflow-wrap:anywhere;color:#172033;margin-top:12px;font-size:12px;display:block}.staff-profile-account-card{background:#fff;border:1px solid #dce6ef;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;display:flex;box-shadow:0 7px 22px #0f172a0d}.staff-profile-account-card>div{color:#2563eb;align-items:center;gap:11px;display:flex}.staff-profile-account-card p{gap:4px;margin:0;display:grid}.staff-profile-account-card p strong{color:#172033;font-size:12px}.staff-profile-account-card p span{color:#64748b;font-size:9px}.staff-profile-account-card button{color:#dc2626;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:125px;min-height:40px;font-weight:900;display:inline-flex}.staff-mobile-identity{display:none}.staff-online-button i{background:#6ee7b7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6ee7b72e}.staff-online-button.gps-active{background:#078452!important;box-shadow:0 0 0 4px #0784521f!important}.staff-online-button.gps-active i{background:#fff;animation:1.2s infinite gpsPulse}.staff-online-button:disabled{cursor:not-allowed;opacity:.55}@keyframes gpsPulse{50%{opacity:.65;transform:scale(1.35)}}.staff-job-count{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:36px;padding:0 13px;font-size:10px;font-weight:900;display:inline-flex}@media (max-width:900px){.staff-profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.staff-profile-page{gap:9px;max-width:100vw;padding:10px 9px 14px;overflow:hidden}.staff-profile-page .profile-cover-card{border-radius:13px;align-items:center;gap:11px;padding:13px 12px}.staff-profile-page .profile-photo-wrap{gap:5px}.staff-profile-page .profile-photo{border-width:3px;width:62px;height:62px;font-size:25px}.staff-profile-page .profile-photo-wrap label{padding:4px 7px;font-size:7px}.staff-profile-page .profile-identity{min-width:0}.staff-profile-page .profile-identity>span{font-size:7px}.staff-profile-page .profile-identity h1{margin:3px 0 5px;font-size:18px}.staff-profile-page .profile-identity p,.staff-profile-page .profile-identity small{margin:3px 0;font-size:8px}.staff-profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-performance-strip{grid-template-columns:1.25fr repeat(2,.75fr);gap:7px;padding:10px}.staff-performance-strip>div{padding-right:7px}.staff-performance-strip>div>strong{font-size:16px}.staff-performance-strip>div>span{font-size:7px}.staff-performance-stars{gap:6px}.staff-performance-stars>svg{width:17px}.staff-performance-stars p strong{font-size:17px}.staff-performance-stars p span{font-size:9px}.staff-performance-strip small{display:none}.staff-profile-details{gap:7px}.staff-profile-details article{border-radius:10px;min-height:66px;padding:10px;box-shadow:0 4px 14px #0f172a0a}.staff-profile-details article div{gap:5px}.staff-profile-details article div svg{width:15px;height:15px}.staff-profile-details article span{font-size:7px}.staff-profile-details article strong{margin-top:7px;font-size:10px;line-height:1.25}.staff-profile-account-card{border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:11px}.staff-profile-account-card>div{gap:7px;min-width:0}.staff-profile-account-card>div>svg{flex:none;width:18px}.staff-profile-account-card p strong{font-size:10px}.staff-profile-account-card p span{font-size:7px;line-height:1.3}.staff-profile-account-card button{flex:0 0 92px;min-width:92px;min-height:36px;font-size:9px}}@media (max-width:340px){.staff-profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-profile-account-card{flex-direction:column;align-items:stretch}.staff-profile-account-card button{width:100%}}@media (max-width:700px){.staff-mode .staff-jobs-page .module-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.staff-mode .staff-jobs-page .module-topbar>div:first-child{min-width:0}.staff-mobile-identity{color:#172033;text-align:left;background:0 0;border:0;align-items:center;gap:7px;max-width:155px;margin:0 0 8px;padding:0;display:flex}.staff-mobile-identity>span{color:#fff;background:linear-gradient(135deg,#2563eb,#0f8f83);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid;overflow:hidden}.staff-mobile-identity>span img{object-fit:cover;width:100%;height:100%}.staff-mobile-identity p{gap:2px;min-width:0;margin:0;display:grid}.staff-mobile-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.staff-mobile-identity small{color:#64748b;font-size:7px}.staff-mode .staff-jobs-page .module-actions{width:auto;padding-top:2px;display:block}.staff-mode .staff-jobs-page .module-actions .staff-online-button{white-space:nowrap;border-radius:999px;gap:6px;width:auto;min-width:76px;min-height:34px;padding:0 10px;font-size:8px;display:inline-flex}.staff-mode .staff-jobs-page .dashboard-ribbon.small{width:fit-content;padding:4px 8px;font-size:7px}.staff-mode .staff-jobs-page .module-topbar h1{margin-top:7px;font-size:19px}.staff-mode .staff-jobs-page .module-topbar>div:first-child>p{margin-top:5px;font-size:8px}.staff-mode .staff-my-jobs-view .module-topbar{align-items:center}.staff-mode .staff-my-jobs-view .staff-job-count{min-height:32px;padding:0 10px;font-size:8px}.staff-mode .staff-my-jobs-view .module-table-card,.staff-mode .staff-my-jobs-view .module-side-card,.staff-mode .staff-my-jobs-view .staff-booking-table{min-height:0}.staff-mode .module-new-requests{gap:9px;padding:10px 9px 16px}.staff-mode .module-new-requests .module-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.staff-mode .module-new-requests .dashboard-ribbon.small{width:fit-content;padding:4px 8px;font-size:7px}.staff-mode .module-new-requests .module-topbar h1{margin-top:7px;font-size:19px}.staff-mode .module-new-requests .module-topbar p{margin-top:4px;font-size:8px}.staff-mode .module-new-requests .module-actions{width:auto;display:block}.staff-mode .module-new-requests .module-search,.staff-mode .module-new-requests .module-actions>button:not(.primary){display:none}.staff-mode .module-new-requests .module-actions .primary{white-space:nowrap;border-radius:9px;min-height:34px;padding:0 10px;font-size:8px}.staff-mode .module-new-requests .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.staff-mode .module-new-requests .admin-stat-card{min-height:68px;padding:10px}.staff-mode .module-new-requests .admin-stat-card strong{margin-top:4px;font-size:17px}.staff-mode .module-new-requests .admin-stat-card span,.staff-mode .module-new-requests .admin-stat-card em{font-size:7px}.staff-mode .module-new-requests .module-grid{width:100%;min-width:0;display:block}.staff-mode .module-new-requests .module-table-card{min-height:0;padding:10px}.staff-mode .module-new-requests .module-table{margin-top:7px}.staff-mode .module-new-requests .module-table-head{min-height:34px}.staff-mode .module-new-requests .module-table-row{min-height:48px}.staff-mode .module-new-requests .module-side-card{display:none}.app-shell.vendor-mode .admin-module-page .module-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px}.app-shell.vendor-mode .admin-module-page .module-topbar h1{margin-top:6px;font-size:20px;line-height:1.1}.app-shell.vendor-mode .admin-module-page .module-topbar p{max-width:210px;margin-top:4px;font-size:8px;line-height:1.4}.app-shell.vendor-mode .admin-module-page .module-search,.app-shell.vendor-mode .admin-module-page .module-actions>button:not(.primary){display:none!important}.app-shell.vendor-mode .admin-module-page .module-actions{width:auto;display:block}.app-shell.vendor-mode .admin-module-page .module-actions .primary{white-space:nowrap;border-radius:8px;min-height:32px;padding:0 9px;font-size:8px}.app-shell.vendor-mode .admin-module-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.app-shell.vendor-mode .admin-module-page .admin-stat-card{border-radius:10px;min-width:0;min-height:68px!important;padding:9px 10px!important}.app-shell.vendor-mode .admin-module-page .admin-stat-card span{font-size:7px}.app-shell.vendor-mode .admin-module-page .admin-stat-card strong{margin-top:4px;font-size:17px;line-height:1}.app-shell.vendor-mode .admin-module-page .admin-stat-card em{margin-top:5px;padding:3px 6px;font-size:7px}html body .app-shell.vendor-mode .attendance-page .module-topbar{flex-direction:column!important;grid-template-columns:none!important;align-items:stretch!important;gap:9px!important;width:100%!important;display:flex!important;position:static!important}html body .app-shell.vendor-mode .attendance-page .module-topbar>div:first-child{flex:none!important;order:1!important;width:100%!important;min-width:100%!important;max-width:100%!important;display:block!important;position:static!important}html body .app-shell.vendor-mode .attendance-page .module-topbar h1,html body .app-shell.vendor-mode .attendance-page .module-topbar p{word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;width:100%!important;max-width:none!important;display:block!important}html body .app-shell.vendor-mode .attendance-page .module-topbar h1{margin:6px 0 3px!important;font-size:20px!important;line-height:1.15!important}html body .app-shell.vendor-mode .attendance-page .module-topbar p{margin:0!important;font-size:8px!important;line-height:1.45!important}html body .app-shell.vendor-mode .attendance-page .module-actions{float:none!important;flex:none!important;order:2!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;display:grid!important;position:static!important;inset:auto!important;transform:none!important}html body .app-shell.vendor-mode .attendance-page .module-actions select{width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;margin:0!important;padding:0 8px!important;font-size:9px!important;display:block!important;position:static!important}}.vendor-mobile-profile-button{display:none}.vendor-profile-page{gap:14px}.vendor-profile-cover{color:#fff;background:linear-gradient(135deg,#054b45,#00897b 58%,#18a999);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:190px;padding:24px 28px;display:grid;box-shadow:0 18px 40px #005f562e}.vendor-profile-photo{color:#00796b;background:#dff7f2;border:4px solid #fffc;border-radius:26px;place-items:center;width:108px;height:108px;font-size:42px;font-weight:900;display:grid;position:relative}.vendor-profile-photo img{object-fit:cover;border-radius:22px;width:100%;height:100%}.vendor-profile-photo label{color:#00796b;white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;padding:6px 9px;font-size:8px;position:absolute;bottom:-10px;right:-7px;box-shadow:0 5px 16px #00000029}.vendor-profile-photo input{display:none}.vendor-profile-cover small{letter-spacing:.1em;opacity:.8;font-size:8px;font-weight:900}.vendor-profile-cover h1{margin:7px 0 9px;font-size:29px}.vendor-profile-cover p{opacity:.86;align-items:center;gap:6px;margin:5px 0;font-size:9px;display:flex}.vendor-profile-cover>button{color:#fff;background:#ffffff1f;border:1px solid #fff6;border-radius:10px;padding:10px 14px;font-weight:800}.vendor-profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.vendor-profile-facts>div{background:#fff;border:1px solid #dce6ee;border-radius:13px;flex-direction:column;min-height:80px;padding:15px;display:flex}.vendor-profile-facts span{color:#64748b;text-transform:uppercase;font-size:8px}.vendor-profile-facts strong{color:#0f172a;margin-top:9px;font-size:12px}.vendor-profile-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px;display:grid}.vendor-profile-form h2,.vendor-profile-form .full-width{grid-column:1/-1}.vendor-profile-form h2{margin:0;font-size:17px}.vendor-profile-form label{color:#334155;gap:6px;font-size:9px;font-weight:800;display:grid}.vendor-profile-form input,.vendor-profile-form textarea{min-width:0;min-height:40px;font:inherit;border:1px solid #d6e1e9;border-radius:9px;padding:9px 10px}.vendor-profile-form textarea{resize:vertical;min-height:70px}.vendor-profile-form>button{border:0;border-radius:9px;justify-self:start;min-height:39px;padding:0 18px}.vendor-profile-menu{grid-template-columns:230px 1fr;gap:22px;padding:18px;display:grid}.vendor-profile-menu>div:first-child>span{color:#00897b;letter-spacing:.08em;font-size:8px;font-weight:900}.vendor-profile-menu h2{margin:6px 0;font-size:18px}.vendor-profile-menu p{color:#64748b;margin:0;font-size:9px;line-height:1.5}.vendor-profile-menu>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vendor-profile-menu button{color:#334155;text-align:left;background:#fff;border:1px solid #dce6ee;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:48px;padding:9px 11px;display:grid}.vendor-profile-menu button:hover{color:#00796b;background:#f0fdfa;border-color:#8fd4c8}.vendor-profile-menu button span{font-size:9px;font-weight:800}.vendor-profile-menu button.vendor-profile-logout{color:#dc2626;border-color:#fecaca}@media (max-width:700px){.app-shell.vendor-mode .vendor-mobile-profile-button{z-index:1200;color:#0f172a;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:0;border-bottom:1px solid #dce6ee;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;width:100%;min-height:49px;padding:7px 10px;display:grid;position:sticky;top:0}.vendor-mobile-profile-button>span{color:#fff;background:#00897b;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.vendor-mobile-profile-button>span img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.vendor-mobile-profile-button>div{flex-direction:column;min-width:0;display:flex}.vendor-mobile-profile-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.vendor-mobile-profile-button small{color:#64748b;margin-top:2px;font-size:7px}.vendor-profile-page{padding:9px 9px 80px}.vendor-profile-cover{grid-template-columns:70px 1fr;gap:12px;min-height:0;padding:17px 14px}.vendor-profile-photo{border-radius:18px;width:68px;height:68px;font-size:27px}.vendor-profile-photo img{border-radius:14px}.vendor-profile-cover h1{margin:5px 0 7px;font-size:19px}.vendor-profile-cover>button{grid-column:1/-1;width:100%}.vendor-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vendor-profile-facts>div{min-height:64px;padding:11px}.vendor-profile-form{grid-template-columns:1fr;padding:12px}.vendor-profile-form h2,.vendor-profile-form .full-width{grid-column:auto}.vendor-profile-menu{grid-template-columns:1fr;gap:12px;padding:13px}.vendor-profile-menu>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-profile-menu button{min-width:0}.vendor-profile-menu>div:last-child>button:nth-child(-n+5){display:none}}.admin-bi-page{width:100%;display:block}.admin-bi-page .super-admin-desktop{gap:14px;width:100%;max-width:none;display:grid}.admin-bi-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.admin-bi-head h1{margin:8px 0 5px;font-size:27px}.admin-bi-head p{color:#64748b;margin:0;font-size:10px}.admin-bi-head>div:last-child{align-items:center;gap:8px;display:flex}.admin-bi-head>div:last-child span,.admin-bi-head button{background:#fff;border:1px solid #d6e1e9;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.admin-bi-head button{color:#fff;background:#00796b;border-color:#00796b}.admin-bi-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.admin-bi-kpis>div{background:#fff;border:1px solid #dce6ee;border-radius:11px;flex-direction:column;min-height:70px;padding:12px;display:flex}.admin-bi-kpis span{color:#64748b;font-size:8px}.admin-bi-kpis strong{margin-top:8px;font-size:16px}.admin-bi-grid{grid-template-columns:.8fr 1.25fr;gap:14px;display:grid}.admin-bi-grid>section,.admin-bi-lower>section{padding:15px}.admin-status-analysis>div:last-child,.admin-service-demand>div:last-child{gap:10px;margin-top:14px;display:grid}.admin-status-analysis article{grid-template-columns:100px 1fr 38px;align-items:center;gap:10px;display:grid}.admin-status-analysis article>div{justify-content:space-between;gap:8px;display:flex}.admin-status-analysis span,.admin-status-analysis em{color:#64748b;font-size:8px;font-style:normal}.admin-status-analysis strong{font-size:10px}.admin-status-analysis article>i,.admin-service-demand article>i{background:#e9eff4;border-radius:99px;height:8px;overflow:hidden}.admin-status-analysis article>i b,.admin-service-demand article>i b{background:#00897b;border-radius:99px;height:100%;display:block}.admin-status-analysis b.blue{background:#3b82f6}.admin-status-analysis b.amber{background:#f59e0b}.admin-status-analysis b.red{background:#ef4444}.admin-service-demand article{grid-template-columns:minmax(130px,1fr) 1.2fr 80px;align-items:center;gap:12px;display:grid}.admin-service-demand article>div{flex-direction:column;display:flex}.admin-service-demand strong{font-size:9px}.admin-service-demand span{color:#64748b;margin-top:3px;font-size:7px}.admin-service-demand em{font-size:9px;font-style:normal;font-weight:800}.admin-bi-lower{grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.admin-vendor-performance{gap:7px;margin-top:12px;display:grid}.admin-vendor-performance article{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(70px,1fr)) 75px;align-items:center;gap:10px;padding:8px 10px;display:grid}.admin-vendor-performance article>div{align-items:center;gap:8px;display:flex}.admin-vendor-performance article>div>span{color:#00796b;background:#e0f2f1;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.admin-vendor-performance p{flex-direction:column;margin:0;display:flex}.admin-vendor-performance small{color:#64748b;font-size:7px}.admin-vendor-performance strong{margin-top:3px;font-size:9px}.admin-vendor-performance em{color:#078452;text-align:center;background:#e7f8f0;border-radius:99px;padding:5px 6px;font-size:7px;font-style:normal;font-weight:800}.admin-growth-actions>div:last-child{gap:7px;margin-top:12px;display:grid}.admin-growth-actions article{background:#f5fcfa;border:1px solid #d9ece8;border-radius:9px;gap:8px;padding:9px;display:flex}.admin-growth-actions b{color:#fff;background:#00897b;border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.admin-growth-actions p{color:#334155;margin:1px 0 0;font-size:8px;line-height:1.45}@media (max-width:900px){.admin-bi-head{flex-direction:column;align-items:flex-start}.admin-bi-kpis{grid-template-columns:repeat(3,1fr)}.admin-bi-grid,.admin-bi-lower{grid-template-columns:1fr}}@media (max-width:600px){.admin-bi-kpis{grid-template-columns:repeat(2,1fr)}.admin-bi-head>div:last-child{width:100%}.admin-service-demand{overflow-x:auto}.admin-service-demand>div:last-child{min-width:560px}.admin-vendor-performance{min-width:620px}.admin-bi-lower>section:first-child{overflow-x:auto}}.admin-mobile-profile-button{display:none}.admin-profile-page{gap:14px}.admin-profile-cover{color:#fff;background:linear-gradient(135deg,#102a56,#175dcc 58%,#3179ed);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:25px 28px;display:grid}.admin-profile-cover>div{color:#175dcc;background:#e8f1ff;border:4px solid #fff;border-radius:25px;place-items:center;width:104px;height:104px;font-size:40px;font-weight:900;display:grid;position:relative}.admin-profile-cover img{object-fit:cover;border-radius:21px;width:100%;height:100%}.admin-profile-cover label{color:#175dcc;white-space:nowrap;background:#fff;border-radius:99px;padding:6px 9px;font-size:8px;position:absolute;bottom:-10px;right:-8px}.admin-profile-cover input{display:none}.admin-profile-cover h1{margin:7px 0;font-size:29px}.admin-profile-cover p{opacity:.85;align-items:center;gap:6px;margin:5px 0;font-size:9px;display:flex}.admin-profile-cover small{letter-spacing:.1em;font-size:8px;font-weight:900}.admin-profile-cover em{background:#ffffff26;border-radius:99px;padding:7px 10px;font-size:8px;font-style:normal}.admin-profile-facts{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.admin-profile-facts>div{background:#fff;border:1px solid #dce6ee;border-radius:12px;flex-direction:column;min-height:70px;padding:13px;display:flex}.admin-profile-facts span{color:#64748b;font-size:8px}.admin-profile-facts strong{margin-top:8px;font-size:12px}.admin-profile-menu{grid-template-columns:230px 1fr;gap:20px;padding:17px;display:grid}.admin-profile-menu>div:first-child>span{color:#2563eb;font-size:8px;font-weight:900}.admin-profile-menu h2{margin:6px 0;font-size:18px}.admin-profile-menu p{color:#64748b;margin:0;font-size:9px}.admin-profile-menu>div:last-child{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.admin-profile-menu button{text-align:left;background:#fff;border:1px solid #dce6ee;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:47px;padding:9px;display:grid}.admin-profile-menu button span{font-size:9px;font-weight:800}.admin-profile-menu .admin-profile-logout{color:#dc2626;border-color:#fecaca}.operations-page{gap:14px}.operations-table-card{padding:15px;overflow:hidden}.operations-table{margin-top:12px;overflow-x:auto}.operations-row{border-bottom:1px solid #e7edf3;grid-template-columns:repeat(5,minmax(120px,1fr));align-items:center;min-width:680px;min-height:52px;display:grid}.operations-row.head{background:#f4f7fa;border-radius:9px 9px 0 0;min-height:38px}.operations-row span{padding:0 10px;font-size:9px}.operations-row.head span{color:#64748b;font-size:8px;font-weight:800}@media (max-width:700px){.app-shell.admin-mode{padding-bottom:78px}.app-shell.admin-mode .admin-mobile-profile-button{z-index:1200;text-align:left;background:#fffffff5;border:0;border-bottom:1px solid #dce6ee;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;width:100%;min-height:49px;padding:7px 10px;display:grid;position:sticky;top:0}.admin-mobile-profile-button>span{color:#fff;background:#2563eb;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.admin-mobile-profile-button img{object-fit:cover;border-radius:10px;width:100%;height:100%}.admin-mobile-profile-button>div{flex-direction:column;display:flex}.admin-mobile-profile-button strong{font-size:10px}.admin-mobile-profile-button small{color:#64748b;font-size:7px}.admin-mode .sidebar>.brand,.admin-mode .sidebar>.top-user,.admin-mode .sidebar>.logout,.admin-mode .sidebar>.sidebar-menu-types{display:none}.admin-mode .sidebar{width:0;height:0;position:static}.admin-mode .sidebar nav{z-index:1300;background:#fffffff7;border:1px solid #dce6eb;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px 6px;display:grid;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 -8px 30px #0f172a21}.admin-mode .sidebar nav .nav-link{color:#64748b;text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:48px;padding:4px 2px;font-size:7px;display:flex}.admin-mode .sidebar nav .nav-link:nth-child(n+6){display:none}.admin-mode .sidebar nav .nav-link.active{color:#2563eb;background:#e8f1ff}.admin-mode .content-shell{width:100%;min-width:0}.admin-mode .admin-module-page,.admin-mode .super-admin-page,.admin-profile-page{padding:9px 9px 80px}.admin-profile-cover{grid-template-columns:68px 1fr;gap:12px;padding:16px 13px}.admin-profile-cover>div{border-radius:18px;width:66px;height:66px;font-size:26px}.admin-profile-cover h1{font-size:19px}.admin-profile-cover em{grid-column:1/-1;justify-self:start}.admin-profile-facts{grid-template-columns:repeat(2,1fr)}.admin-profile-menu{grid-template-columns:1fr;padding:12px}.admin-profile-menu>div:last-child{grid-template-columns:repeat(2,1fr)}.admin-profile-menu>div:last-child>button:nth-child(-n+5){display:none}.admin-mode .admin-stat-grid{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-mode .admin-stat-card{min-height:68px!important;padding:9px!important}.admin-mode .module-side-card{display:none}.operations-table-card{padding:10px}.admin-bi-page .super-admin-desktop{gap:9px}.admin-bi-head h1{font-size:20px}.admin-bi-head p{font-size:8px}html body .app-shell.admin-mode{background:#f4f7fb;width:100%!important;min-width:0!important;display:block!important;overflow-x:hidden!important}html body .admin-mode .sidebar{display:contents!important}html body .admin-mode .content-shell{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:block!important}.admin-mode .admin-mobile-profile-button{min-height:45px!important;padding:6px 9px!important}.admin-mode .super-admin-page{width:100%;padding:8px 7px 78px!important}.admin-bi-page .super-admin-desktop{width:100%;gap:7px!important}.admin-bi-head{grid-template-columns:1fr;gap:7px!important;display:grid!important}.admin-bi-head .dashboard-ribbon{padding:4px 7px;font-size:7px}.admin-bi-head h1{line-height:1.1;margin:5px 0 3px!important;font-size:18px!important}.admin-bi-head p{max-width:100%;line-height:1.4;font-size:7px!important}.admin-bi-head>div:last-child{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid!important}.admin-bi-head>div:last-child span,.admin-bi-head>div:last-child button{justify-content:center;min-height:32px;padding:0 7px;font-size:7px}.admin-bi-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.admin-bi-page .admin-stat-card{border-radius:9px;min-height:60px!important;padding:8px!important}.admin-bi-page .admin-stat-card span,.admin-bi-page .admin-stat-card em{font-size:6px!important}.admin-bi-page .admin-stat-card strong{margin-top:4px;font-size:15px!important}.admin-bi-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.admin-bi-kpis>div{border-radius:8px;min-height:51px!important;padding:7px!important}.admin-bi-kpis span{font-size:6px}.admin-bi-kpis strong{margin-top:5px;font-size:12px}.admin-bi-grid,.admin-bi-lower{grid-template-columns:1fr!important;gap:7px!important}.admin-bi-grid>section,.admin-bi-lower>section{border-radius:10px;padding:10px!important}.admin-card-title h2{font-size:10px}.admin-card-title button{font-size:6px}.admin-status-analysis>div:last-child,.admin-service-demand>div:last-child{gap:7px;margin-top:8px}.admin-status-analysis article{grid-template-columns:78px 1fr 30px;gap:6px}.admin-service-demand{overflow:hidden!important}.admin-service-demand>div:last-child{min-width:0!important}.admin-service-demand article{grid-template-columns:minmax(90px,1fr) 1fr 58px;gap:6px}.admin-bi-lower>section:first-child{overflow-x:auto}.admin-vendor-performance{min-width:520px}.admin-growth-actions article{padding:7px}.admin-bi-page>.super-admin-desktop>.admin-card:last-child{display:none}.admin-mode .sidebar nav{border-radius:13px!important;padding:5px!important;bottom:7px!important;left:7px!important;right:7px!important}.admin-mode .sidebar nav .nav-link{min-height:43px!important;font-size:6px!important}.admin-mode .sidebar nav .nav-link svg{width:15px;height:15px}html body .app-shell.admin-mode .admin-mobile-profile-button{z-index:1400!important;box-sizing:border-box!important;width:100%!important;min-height:48px!important;position:sticky!important;top:0!important}html body .app-shell.admin-mode .admin-module-page,html body .app-shell.admin-mode .super-admin-page{padding-top:8px!important}html body .admin-mode .admin-module-page .module-topbar{box-sizing:border-box!important;background:#fff!important;border:1px solid #dce6ee!important;border-radius:12px!important;flex-direction:column!important;grid-template-columns:none!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:94px!important;margin:0 0 8px!important;padding:11px 12px!important;display:flex!important;position:static!important;box-shadow:0 4px 14px #0f172a09!important}html body .admin-mode .admin-module-page .module-topbar>div:first-child{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;position:static!important}html body .admin-mode .admin-module-page .dashboard-ribbon.small,html body .admin-mode .admin-module-page .dashboard-ribbon{white-space:nowrap!important;border-radius:6px!important;width:fit-content!important;max-width:100%!important;margin:0!important;padding:4px 8px!important;font-size:7px!important;line-height:1!important;display:inline-flex!important}html body .admin-mode .admin-module-page .module-topbar h1{color:#0f172a!important;letter-spacing:-.025em!important;word-break:normal!important;white-space:normal!important;width:100%!important;margin:7px 0 4px!important;font-size:20px!important;line-height:1.12!important;display:block!important}html body .admin-mode .admin-module-page .module-topbar p{color:#64748b!important;word-break:normal!important;white-space:normal!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:8px!important;line-height:1.45!important;display:block!important}html body .admin-mode .admin-module-page .module-topbar .module-actions{gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;display:flex!important;position:static!important;overflow:visible!important}html body .admin-mode .admin-module-page .module-topbar .module-actions:empty{display:none!important}html body .admin-mode .admin-module-page .module-topbar .module-actions .primary{min-height:32px!important;padding:0 10px!important;font-size:8px!important}html body .admin-mode .admin-bi-head{box-sizing:border-box!important;background:#fff!important;border:1px solid #dce6ee!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;width:100%!important;min-height:128px!important;margin:0 0 8px!important;padding:11px 12px!important;display:flex!important;position:static!important}html body .admin-mode .admin-bi-head>div:first-child{width:100%!important;min-width:0!important;display:block!important}html body .admin-mode .admin-bi-head .dashboard-ribbon{width:fit-content!important;padding:4px 8px!important;font-size:7px!important;line-height:1!important;display:inline-flex!important}html body .admin-mode .admin-bi-head h1{word-break:normal!important;white-space:normal!important;margin:7px 0 4px!important;font-size:20px!important;line-height:1.12!important}html body .admin-mode .admin-bi-head p{word-break:normal!important;white-space:normal!important;margin:0!important;font-size:8px!important;line-height:1.45!important}html body .admin-mode .admin-bi-head>div:last-child{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;display:grid!important}html body .app-shell.admin-mode .admin-module-page{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow-x:hidden!important}html body .admin-mode .admin-module-page .module-topbar,html body .admin-mode .admin-module-page .admin-stat-grid,html body .admin-mode .admin-module-page .module-grid{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}html body .admin-mode .admin-module-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}html body .admin-mode .admin-module-page .admin-stat-card{width:auto!important;min-width:0!important;max-width:none!important}html body .admin-mode .admin-module-page .module-grid{display:block!important}html body .admin-mode .admin-module-page .module-table-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:9px!important;display:block!important;overflow:hidden!important}html body .admin-mode .admin-module-page .module-table{overscroll-behavior-inline:contain;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:auto hidden!important}html body .admin-mode .admin-module-page .module-table-head,html body .admin-mode .admin-module-page .module-table-row{width:760px!important;min-width:760px!important;max-width:none!important}html body .admin-mode .admin-module-page .module-topbar h1,html body .admin-mode .admin-module-page .module-topbar p{white-space:normal!important;overflow-wrap:break-word!important;max-width:100%!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}