@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-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-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-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@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}.block{display:block}.table{display:table}.table-row{display:table-row}.min-h-screen{min-height:100vh}.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)}.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,)}.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)}}: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:linear-gradient(135deg,#0ea5a3,#2563eb)}.auth-showcase .brand strong{color:#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}.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-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}.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:linear-gradient(135deg,#1d4ed8,#0ea5a3)}.admin-mode .brand strong{color:#fff;font-size:18px}.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}.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-services-column,.customer-booking-column,.customer-tracking-column{min-width:0}.customer-services-column .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.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-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}.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-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:112px}.booking-detail-lines .price-line strong{text-align:right;max-width:170px}.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-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{background:var(--primary);color:#fff;border-radius:7px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.brand strong{font-size:19px}.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-tile{border:1px solid var(--line);min-height:74px;color:var(--text);background:#fff;border-radius:8px;align-content:center;justify-items:center;gap:6px;padding:6px;display:grid}.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}.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}.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:var(--green-soft);box-shadow:inset 0 0 0 1px #00796b1f}.service-tile svg,.why-row svg{color:var(--primary)}.service-tile svg{width:22px;height:22px}.service-tile strong{text-align:center;font-size:10px}.service-tile span{color:var(--muted);text-align:center;font-size:9px}.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);height:44px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.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}.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}.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}.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{border:1px solid var(--line);width:30px;height:30px;color:var(--blue);background:#fff;border-radius:7px}.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;margin-top:0;margin-bottom:4px;padding:7px 8px}.admin-user.top-user .avatar{background:linear-gradient(135deg,#1d4ed8,#0891b2)}.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}.add-user-card{padding:16px}.add-user-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.add-user-form label{color:#334155;gap:6px;font-size:11px;font-weight:900;display:grid}.add-user-form input,.add-user-form select{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}.add-user-form input:focus,.add-user-form select:focus{border-color:#00796b;box-shadow:0 0 0 3px #00796b1f}.add-user-form .wide{grid-column:span 2}.form-submit{align-items:end;gap:8px;display:flex}.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}.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:hidden}.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}.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}.module-checklist{gap:10px;display:grid}.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,.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,.add-user-form{grid-template-columns:1fr}.customer-list-row{grid-template-columns:1fr;padding:12px}}@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-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}