@charset "UTF-8";/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;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{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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.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}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:before,:after{background:0 0!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.standard-report-header{background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;padding:1.5rem;margin-bottom:1.25rem;border-radius:10px;box-shadow:0 14px 34px #ff5f932e;border:1px solid var(--color-border, rgba(255, 255, 255, .34))}.customer-report-container .report-header{background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;padding:1.5rem;margin-bottom:1.25rem;border-radius:8px}.app-main,.manager-main,.vet-main{background:transparent}.top-navbar,.manager-navbar,.vet-navbar{background:var(--color-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border);box-shadow:0 14px 35px #ff5f931f}.card,.panel,.overview-card,.metric-card,.boarder-card,.premium-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;box-shadow:var(--shadow-card)}.btn-primary,.export-btn,.action-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border:none;border-radius:14px}.btn-secondary{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:14px}input,select,textarea{border-radius:999px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-input-text)}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5f9326}.icon-btn,.theme-toggle-btn,.notif-btn{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-solid);color:var(--color-primary);box-shadow:0 10px 24px #ff5f931f}table{border-radius:14px;overflow:hidden}thead{background:#ff5f9314}tbody tr:hover{background:#ff5f930d}.badge,.status-badge{border-radius:999px;padding:4px 10px;font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ff5f9366;border-radius:999px}.app-dashboard{min-height:100vh;background:var(--color-bg-gradient);color:var(--color-text)}.app-main{margin-left:260px;width:calc(100% - 260px);min-height:100vh;overflow-x:hidden}.app-topbar{width:100%;min-height:110px;padding:22px 28px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-bottom:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.navbar-actions{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;gap:.75rem}.app-topbar h1{margin:0 0 4px;font-size:1.8rem;font-weight:950;color:#fff}.app-topbar p{margin:0;color:#ffffffd9}.app-content{width:100%;max-width:none;padding:28px}.app-section{margin-bottom:28px}.app-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.app-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.app-grid-4{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px}.app-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.4rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-stat-card h3{margin:0;font-size:2rem;color:var(--color-primary)}.app-stat-card p{margin:6px 0 0;color:var(--color-muted);font-weight:700}@media(max-width:1200px){.app-grid-4,.app-grid-3{grid-template-columns:repeat(2,1fr)}.app-content{padding:22px}}@media(max-width:991px){.app-topbar{min-height:auto;padding:16px 20px}.app-topbar h1{font-size:1.4rem}.app-content{padding:18px}.app-grid-2,.app-grid-3,.app-grid-4{grid-template-columns:1fr;gap:16px}.app-stat-card h3{font-size:1.6rem}}@media(max-width:767px){.app-main{margin-left:0!important;width:100%!important}.app-topbar{width:100%!important;max-width:100%!important;padding:0 12px;min-height:58px;height:58px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.app-topbar .mobile-menu-toggle{flex-shrink:0}.app-topbar .navbar-left{flex:1 1 0%;min-width:0}.app-topbar .navbar-actions{flex-shrink:0}.app-topbar h1{font-size:clamp(.88rem,3.8vw,1.05rem);font-weight:800;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;-webkit-text-fill-color:#333333;background:transparent;background-image:none;-webkit-background-clip:unset;background-clip:unset}.app-topbar p{display:none}.app-content{padding:14px}.app-section{margin-bottom:18px}.app-grid-2,.app-grid-3,.app-grid-4{grid-template-columns:1fr;gap:12px}.app-stat-card{padding:1rem}.app-stat-card h3{font-size:1.45rem}}@media(max-width:639px){.app-topbar h1{font-size:clamp(1rem,5vw,1.15rem)}.app-content{padding:10px}.app-section{margin-bottom:14px}}@media(min-width:768px)and (max-width:991px){.app-dashboard.customer-dashboard .customer-sidebar{position:fixed;inset:0 auto 0 0;width:260px!important;transform:translate(-100%);transition:transform .28s ease;z-index:1400}.app-dashboard.customer-dashboard.mobile-open .customer-sidebar{transform:translate(0)}.app-dashboard.customer-dashboard .app-main{margin-left:0!important;width:100%!important}.app-dashboard.customer-dashboard .mobile-menu-toggle{display:grid!important;place-items:center}.app-dashboard.customer-dashboard .mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1390}.app-dashboard.customer-dashboard .mobile-backdrop.active{display:block}}.app-sidebar,.admin-sidebar,.cashier-sidebar,.customer-sidebar,.inventory-sidebar,.manager-sidebar,.receptionist-sidebar,.veterinary-sidebar{width:260px;height:100vh;height:100dvh;position:fixed;inset:0 auto 0 0;z-index:1300;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:14px 0 38px #ff5f9333;border-right:1px solid rgba(255,255,255,.28)}.app-sidebar .sidebar-header,.admin-sidebar .sidebar-header,.cashier-sidebar .sidebar-header,.customer-sidebar .sidebar-header,.inventory-sidebar .sidebar-header,.manager-sidebar .sidebar-header,.receptionist-sidebar .sidebar-header,.veterinary-sidebar .sidebar-header{min-height:88px;padding:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-logo{display:flex;align-items:center;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:.9rem .7rem;overflow-y:auto;overflow-x:hidden}.nav-list,.nav-sublist{list-style:none;padding:0;margin:0}.nav-item,.nav-subitem{list-style:none;margin:0 0 .35rem}.nav-item a,.sidebar-link,.nav-dropdown-header,.settings-link,.logout-btn{width:100%;min-height:48px;display:flex;align-items:center;gap:.9rem;padding:.75rem .9rem;border-radius:14px;color:#ffffffe6;text-decoration:none;background:transparent;border:none;font-size:.94rem;font-weight:600;cursor:pointer;transition:.22s cubic-bezier(.4,0,.2,1)}.nav-item a:hover,.sidebar-link:hover,.nav-dropdown-header:hover,.settings-link:hover,.logout-btn:hover{background:#ffffff2e;transform:translate(3px);color:#fff}.nav-item a.active,.sidebar-link.active,.nav-subitem a.active,.settings-link.active{position:relative;background:#fffffff5;color:var(--color-primary);box-shadow:0 14px 30px #4b22322e}.nav-item a.active:before,.sidebar-link.active:before{content:"";position:absolute;left:-.45rem;top:50%;transform:translateY(-50%);width:4px;height:28px;border-radius:999px;background:var(--color-primary)}.nav-sublist{max-height:0;overflow:hidden;padding-left:.25rem;transition:max-height .28s ease}.nav-sublist.expanded{max-height:560px;margin:.15rem 0 .45rem}.nav-subitem a{min-height:42px;padding:.65rem .8rem .65rem 2.8rem;border-radius:12px;font-size:.88rem;font-weight:600}.super-back-btn{display:flex;align-items:center;gap:.6rem;width:calc(100% - 1.5rem);margin:.75rem .75rem .25rem;padding:.55rem .85rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.super-back-btn:hover{background:#fff3;color:#fff;border-color:#fff6}.super-back-btn svg{font-size:.8rem}.sidebar-footer{padding:.85rem .7rem 1rem;border-top:1px solid rgba(255,255,255,.2)}.logout-btn{justify-content:flex-start;background:#ffffff26}.logout-btn:hover{background:#ffffff40}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.nav-item a:focus-visible,.sidebar-link:focus-visible,.logout-btn:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:2px}@media(prefers-reduced-motion:reduce){.nav-item a,.sidebar-link,.nav-dropdown-header,.settings-link,.logout-btn{transition:none}}.mobile-close-btn{display:none;margin-left:auto;width:40px;height:40px;border:none;border-radius:12px;background:#fff3;color:#fff;font-size:1.1rem;cursor:pointer;place-items:center;transition:background .2s ease}.mobile-close-btn:hover{background:#ffffff59}@media(max-width:768px){.app-sidebar,.admin-sidebar,.cashier-sidebar,.customer-sidebar,.inventory-sidebar,.manager-sidebar,.receptionist-sidebar,.veterinary-sidebar{width:280px;transform:translate(-100%);transition:transform .28s ease}.app-sidebar.mobile-open,.admin-sidebar.mobile-open,.cashier-sidebar.mobile-open,.customer-sidebar.mobile-open,.inventory-sidebar.mobile-open,.manager-sidebar.mobile-open,.receptionist-sidebar.mobile-open,.veterinary-sidebar.mobile-open{transform:translate(0)}.mobile-close-btn{display:grid}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1299;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}.app-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-table{width:100%;border-collapse:collapse}.app-table th{padding:14px 16px;text-align:left;color:var(--color-heading);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.app-table td{padding:14px 16px;border-top:1px solid var(--color-border);color:var(--color-text)}.app-table tr:hover td{background:#ffffff73}.app-filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.app-filter-btn{border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-heading);border-radius:var(--radius-pill);padding:9px 16px;font-weight:900;cursor:pointer;transition:.2s ease}.app-filter-btn:hover{transform:translateY(-1px)}.app-filter-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-color:transparent}.app-action-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-primary);cursor:pointer;transition:.2s ease}.app-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.pw-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.pw-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pw-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:.875rem}.pw-table thead{position:sticky;top:0;z-index:5}.pw-table th{background:linear-gradient(180deg,var(--color-surface-muted) 0%,#f9f3f6 100%);padding:1rem 1.25rem;text-align:left;font-weight:800;color:var(--color-heading);border-bottom:2px solid var(--color-border);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.pw-table td{padding:.875rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.55);color:var(--color-text);vertical-align:middle;line-height:1.45}.pw-table tbody tr:last-child td{border-bottom:none}.pw-table tbody tr:hover td{background:#ffc8dd1f}@media(max-width:640px){.pw-table--cards{min-width:0}.pw-table--cards thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.pw-table--cards tbody{display:grid;gap:.75rem;padding:.75rem}.pw-table--cards tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 12px);background:var(--color-surface-solid);box-shadow:var(--shadow-soft, 0 2px 8px rgba(0, 0, 0, .05))}.pw-table--cards tbody tr td{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.45rem .1rem;border-bottom:0;white-space:normal;font-size:.84rem}.pw-table--cards tbody tr td:before{content:attr(data-label);color:var(--color-muted);font-size:.68rem;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.pw-table--cards tbody td.pw-cell-full{grid-column:1 / -1}}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0f172a7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.app-modal{width:min(720px,100%);max-height:90vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.5rem;color:var(--color-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.app-modal-header h2{margin:0;font-weight:950}.app-modal-close{width:42px;height:42px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-heading);cursor:pointer}.app-modal-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem}.fade-up{animation:fadeUp .4s ease both}.fade-in{animation:fadeIn .35s ease both}.hover-lift{transition:.25s ease}.hover-lift:hover{transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-toggle{display:none;width:44px;height:44px;border:none;border-radius:12px;background:#ff5f931f;color:#ff5f93;font-size:1.15rem;cursor:pointer;flex-shrink:0;transition:background .2s ease,transform .15s ease}.mobile-menu-toggle:hover{background:#ff5f9338;transform:translateY(-1px)}.mobile-menu-toggle:active{transform:scale(.96)}@media(max-width:1200px){.app-grid-4,.app-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.app-topbar{min-height:auto;padding:14px 18px;gap:10px}.app-content{padding:16px}.app-grid-2,.app-grid-3,.app-grid-4{grid-template-columns:1fr}.app-table-wrapper,.table-responsive,.payment-table-wrapper,.inventory-table-wrapper,.report-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.app-table-wrapper table,.table-responsive table,.payment-table-wrapper table,.inventory-table-wrapper table{min-width:600px}.app-modal-actions{flex-direction:column;gap:8px}.app-card,.premium-card,.dashboard-card,.metric-card,.overview-card{padding:16px}.form-grid,.booking-form .form-grid,.customer-form-grid{grid-template-columns:1fr!important}}@media(max-width:767px){.app-sidebar,.admin-sidebar,.cashier-sidebar,.customer-sidebar,.inventory-sidebar,.manager-sidebar,.receptionist-sidebar,.veterinary-sidebar{position:fixed;inset:0 auto 0 0;width:260px!important;transform:translate(-100%);transition:transform .28s ease;z-index:1400!important}.app-sidebar.mobile-open,.admin-sidebar.mobile-open,.cashier-sidebar.mobile-open,.customer-sidebar.mobile-open,.inventory-sidebar.mobile-open,.manager-sidebar.mobile-open,.receptionist-sidebar.mobile-open,.veterinary-sidebar.mobile-open{transform:translate(0)}.mobile-menu-toggle{display:grid!important;place-items:center}.app-main,.admin-main,.cashier-main,.customer-main,.inventory-main,.manager-main,.receptionist-main,.vet-main{margin-left:0!important;width:100%!important}table{font-size:.85rem}table th,table td{padding:8px 10px;white-space:nowrap}.mobile-open~.mobile-backdrop,.mobile-backdrop.active{display:block}.mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1390}.app-topbar{flex-wrap:nowrap;gap:8px}.admin-navbar,.cashier-navbar,.customer-navbar,.inventory-navbar,.manager-navbar,.receptionist-navbar,.vet-navbar,.top-navbar{padding:12px 14px;flex-wrap:wrap;gap:8px}.app-topbar h1,.admin-navbar h1,.cashier-navbar h1,.customer-navbar h1,.top-navbar h1{font-size:1.15rem}.metrics-row,.stats-row,.overview-row,.dashboard-grid{grid-template-columns:1fr!important}.btn-row,.action-row,.app-modal-actions{flex-wrap:wrap}input,select,textarea{font-size:16px}}@media(max-width:639px){.app-content{padding:10px}.app-card,.premium-card,.dashboard-card,.metric-card,.overview-card{padding:12px;border-radius:14px}.pos-layout,.pos-grid,.cashier-pos-grid{grid-template-columns:1fr!important}.pos-cart,.pos-products{min-width:0!important}.receipt-preview{font-size:11px;padding:12px}.booking-form .form-grid{gap:10px}.table-card-view thead{display:none}.table-card-view tbody tr{display:block;margin-bottom:12px;padding:12px;border:1px solid rgba(255,95,147,.15);border-radius:12px;background:#fff}.table-card-view tbody td{display:flex;justify-content:space-between;padding:6px 0;border:none;font-size:.9rem}.table-card-view tbody td:before{content:attr(data-label);font-weight:600;color:#64748b;margin-right:8px}}:root{--color-primary: #ff5f93;--color-primary-light: #ff8db5;--color-primary-soft: #ffc8dd;--color-bg-gradient: linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7);--color-surface: rgba(255, 255, 255, .88);--color-surface-solid: #ffffff;--color-border: rgba(255, 95, 147, .18);--color-text: #1f2937;--color-heading: #191919;--color-muted: #64748b;--shadow-card: 0 20px 50px rgba(255, 95, 147, .15);--shadow-soft: 0 12px 28px rgba(15, 23, 42, .08);--radius-card: 26px;--radius-pill: 999px}body{margin:0;background:var(--color-bg-gradient);color:var(--color-text);font-family:Inter,system-ui,sans-serif}.admin-dashboard,.cashier-dashboard,.customer-dashboard,.inventory-dashboard,.manager-dashboard,.receptionist-dashboard,.app-dashboard,.vet-dashboard{background:var(--color-bg-gradient)!important;color:var(--color-text)!important}.admin-main,.cashier-main,.customer-main,.inventory-main,.manager-main,.app-main{background:transparent!important}.admin-navbar,.cashier-navbar,.customer-navbar,.inventory-navbar,.manager-navbar,.receptionist-navbar,.app-topbar,.vet-navbar,.top-navbar{background:var(--color-surface)!important;border-bottom:1px solid var(--color-border)!important;box-shadow:0 14px 35px #ff5f931f!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.navbar-left h1,.premium-title{color:var(--color-primary)!important;-webkit-text-fill-color:unset!important;background:none!important;font-weight:950!important}.navbar-left p,.premium-muted{color:var(--color-muted)!important}.search-group input,.search-input-wrapper input,.receptionist-search input{background:var(--color-surface-solid)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-pill)!important}.search-group input:focus,.search-input-wrapper input:focus,.receptionist-search input:focus{outline:none!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #ff5f9329!important}.admin-profile-btn,.cashier-profile-btn,.customer-profile-btn,.inventory-profile-btn,.manager-profile-btn,.vet-profile-btn{background:var(--color-surface-solid)!important;color:var(--color-heading)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-pill)!important;box-shadow:var(--shadow-soft)!important}.profile-avatar-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important;color:#fff!important}.profile-action-name{color:var(--color-heading)!important;font-weight:900!important}.profile-action-role{color:var(--color-muted)!important}.icon-btn,.theme-toggle-btn{background:var(--color-surface-solid)!important;color:var(--color-primary)!important;border:1px solid var(--color-border)!important;border-radius:16px!important;box-shadow:var(--shadow-soft)!important}.icon-btn:hover,.theme-toggle-btn:hover{transform:translateY(-2px);background:var(--color-surface-solid)!important}.overview-card,.panel,.premium-card,.app-stat-card,.receptionist-hero,.receptionist-stat-card,.receptionist-toolbar,.request-table-card,.metric-card,.status-card,.quick-action-card,.transaction-item,.payment-method-item,.boarder-card{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important;color:var(--color-text)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.overview-card h3,.panel-header h2,.metric-card h3,.status-card strong,.receptionist-stat-card h3,.table-header h2{color:var(--color-heading)!important}.overview-card p,.panel-header p,.metric-card p,.status-card p,.receptionist-stat-card p,.table-header p{color:var(--color-muted)!important}.badge,.status-badge,.hero-badge,.status-strip-pill{background:#ff5f931f!important;color:var(--color-primary)!important;border-radius:var(--radius-pill)!important;font-weight:900!important}.btn-primary,.secondary-btn,.retry-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important;color:#fff!important;border:none!important;border-radius:var(--radius-pill)!important}@media(max-width:768px){.navbar-actions{flex-wrap:wrap!important}.overview-cards,.dashboard-grid,.dashboard-bottom,.quick-actions-grid,.receptionist-stats{grid-template-columns:1fr!important}}.loading-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--color-primary);background:transparent}.loading-spinner{width:38px;height:38px;border:4px solid rgba(255,95,147,.18);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.admin-reports-page,.cashier-reports-page,.customer-reports,.inventory-reports-page,.manager-reports,.reports-container,.vet-reports{background:var(--color-bg-gradient)!important;color:var(--color-text)!important}.reports-header,.filters-section,.report-section,.report-card,.summary-card,.stat-card,.metric-card,.inventory-card,.reception-card,.vet-metric-card,.customer-stat-card,.manager-stat-card,.chart-section,.premium-card,.transactions-list,.payment-breakdown-card,.daily-trend-card,.reports-panel,.revenue-summary-section,.staff-table-section,.total-revenue-card,.reports-menu-panel,.reports-content-panel{background:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.reports-header h1,.reports-header h2,.reports-title,.page-title,.section-title,.report-section h3,.report-card h4,.stat-label,.metric-title,.inventory-label,.reception-label,.vet-metric-title,.customer-stat-title,.manager-stat-title{color:var(--color-heading)!important}.reports-header p,.reports-subtitle,.page-subtitle,.report-section p,.report-card p,.stat-label,.card-label,.small-label{color:var(--color-muted)!important}.stat-value,.metric-value,.inventory-value,.reception-value,.vet-metric-value,.customer-stat-value,.manager-stat-value,.card-value{color:var(--color-primary)!important}input,select,textarea,.search-input,.date-input,.status-filter{background:var(--color-surface-solid)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-pill)!important}button,.export-btn,.quick-filter-btn,.nav-tab,.view-full-btn,.action-btn,.btn-primary,.btn-secondary{border-radius:var(--radius-pill)!important}.view-full-btn,.btn-primary,.export-btn.active,.quick-filter-btn.active,.nav-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important;color:var(--color-text)!important;border:none!important}:root{--color-primary: #ff5f93;--color-primary-light: #ff8db5;--color-primary-soft: #ffc8dd;--color-primary-hover: #ff4f85;--color-bg: #fff1f7;--color-bg-gradient: linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7);--color-surface: rgba(255, 255, 255, .9);--color-surface-solid: #ffffff;--color-surface-muted: #fff7fb;--color-border: rgba(255, 95, 147, .18);--color-text: #1f2937;--color-heading: #191919;--color-muted: #64748b;--color-subtle: #94a3b8;--color-table-header: rgba(255, 241, 247, .95);--color-table-row: rgba(255, 255, 255, .86);--color-table-row-hover: rgba(255, 241, 247, .95);--color-input-bg: #ffffff;--color-input-text: #1f2937;--color-input-placeholder: #94a3b8;--color-modal-bg: rgba(255, 255, 255, .96);--color-dropdown-bg: #ffffff;--color-success: #10b981;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-danger: #ef4444;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-info-text: #1e3a8a;--shadow-card: 0 20px 50px rgba(255, 95, 147, .15);--shadow-soft: 0 12px 28px rgba(15, 23, 42, .08);--shadow-primary: 0 14px 34px rgba(255, 95, 147, .32);--admin-primary: var(--color-primary);--admin-primary-light: var(--color-primary-light);--admin-bg-gradient: var(--color-bg-gradient);--admin-surface: var(--color-surface);--admin-surface-solid: var(--color-surface-solid);--admin-border: var(--color-border);--admin-text: var(--color-text);--admin-heading: var(--color-heading);--admin-muted: var(--color-muted);--admin-shadow: var(--shadow-card);--report-primary: var(--color-primary);--report-primary-light: var(--color-primary-light);--report-surface: var(--color-surface);--report-surface-solid: var(--color-surface-solid);--report-border: var(--color-border);--report-text: var(--color-text);--report-heading: var(--color-heading);--report-muted: var(--color-muted);--rr-primary: var(--color-primary);--rr-primary-light: var(--color-primary-light);--rr-surface: var(--color-surface);--rr-surface-solid: var(--color-surface-solid);--rr-border: var(--color-border);--rr-text: var(--color-text);--rr-heading: var(--color-heading);--rr-muted: var(--color-muted);--rh-primary: var(--color-primary);--rh-primary-light: var(--color-primary-light);--rh-surface: var(--color-surface);--rh-surface-solid: var(--color-surface-solid);--rh-border: var(--color-border);--rh-text: var(--color-text);--rh-heading: var(--color-heading);--rh-muted: var(--color-muted);--hotel-primary: var(--color-primary);--hotel-primary-light: var(--color-primary-light);--hotel-surface: var(--color-surface);--hotel-surface-solid: var(--color-surface-solid);--hotel-border: var(--color-border);--hotel-text: var(--color-text);--hotel-heading: var(--color-heading);--hotel-muted: var(--color-muted);--reg-primary: var(--color-primary);--reg-primary-light: var(--color-primary-light);--reg-bg-gradient: var(--color-bg-gradient);--reg-surface: var(--color-surface);--reg-surface-solid: var(--color-surface-solid);--reg-border: var(--color-border);--reg-text: var(--color-text);--reg-heading: var(--color-heading);--reg-muted: var(--color-muted);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-card: 26px;--radius-pill: 999px;--focus-ring: 0 0 0 3px rgba(255, 95, 147, .14);--z-dropdown: 1000;--z-modal: 12000;--z-portal: 13000;--z-toast: 14000}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Jost,system-ui,sans-serif;background:var(--color-bg-gradient);color:var(--color-text);transition:background .25s ease,color .25s ease}h1,h2,h3,h4,h5,h6{color:var(--color-heading)}p,span,label,small,strong,td,th,li{color:inherit}a{color:var(--color-primary)}.glass-card,.premium-card,.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-text)}.premium-card{padding:1.5rem;transition:.25s ease}.premium-card:hover{transform:translateY(-3px);box-shadow:0 28px 70px #ff5f9338}.premium-title{color:var(--color-primary);font-weight:950;letter-spacing:-.04em}.text-muted,.premium-muted{color:var(--color-muted)}.btn,.btn-primary,.btn-secondary{border:none;cursor:pointer;font-weight:900;border-radius:var(--radius-pill);padding:10px 18px;transition:.25s ease}.btn:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-primary)}.btn-secondary{background:var(--color-surface-solid);color:var(--color-primary);border:1px solid var(--color-border)}input,select,textarea,.input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-input-text);font-family:inherit;transition:.2s ease}input:focus,select:focus,textarea:focus,.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #ff5f932e}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}select option{background:var(--color-surface-solid);color:var(--color-text)}.badge{padding:5px 10px;border-radius:var(--radius-pill);font-weight:900;font-size:.8rem}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.table-wrapper,.report-table-card,.app-table-card{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-card);overflow:hidden}table,.app-table,.report-table{width:100%;border-collapse:collapse;color:var(--color-text)}th{background:var(--color-table-header);color:var(--color-heading);border-bottom:1px solid var(--color-border);padding:12px 16px;text-align:left;font-weight:600}td{background:var(--color-table-row);color:var(--color-text);border-bottom:1px solid var(--color-border);padding:12px 16px}tr:hover td{background:var(--color-table-row-hover)}.table-empty,.empty-state{color:var(--color-muted);text-align:center;padding:40px 20px}.app-modal,.modal-content,.dialog-content{background:var(--color-modal-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-card)}.dropdown-menu,.profile-dropdown,.notification-dropdown,.filter-dropdown{background:var(--color-dropdown-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.dropdown-item{color:var(--color-text);padding:10px 16px;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:var(--color-table-row-hover)}.admin-dashboard,.cashier-dashboard,.customer-dashboard,.inventory-dashboard,.manager-dashboard,.receptionist-dashboard,.app-dashboard,.vet-dashboard,.receptionist-layout,.admin-main,.cashier-main,.customer-main,.inventory-main,.manager-main,.receptionist-main,.app-main,.vet-main{background:var(--color-bg-gradient)!important;color:var(--color-text)!important}.admin-navbar,.cashier-navbar,.customer-navbar,.inventory-navbar,.manager-navbar,.receptionist-navbar,.receptionist-topbar,.app-topbar,.vet-navbar,.top-navbar{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;box-shadow:var(--shadow-soft)!important}.glass-card,.premium-card,.card,.panel,.overview-card,.metric-card,.status-card,.quick-action-card,.request-table-card,.table-card,.report-table-card,.app-table-card,.modal-content,.app-modal,.dialog-content,.dropdown-menu,.profile-dropdown,.notification-dropdown,.filter-dropdown,.receipt-modal,.receipt-paper,.rbac-chatbot-panel,.rbac-workflow-modal,.rbac-result-card,.rbac-quick-actions-bar{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}.navbar-left h1,.topbar-title h1,.panel-header h2,.card h1,.card h2,.card h3,.modal-content h1,.modal-content h2,.modal-content h3,.app-modal h1,.app-modal h2,.app-modal h3,.profile-action-name,.topbar-user strong,.rbac-workflow-header h4{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--color-heading)!important}.premium-title,.customer-title,.hero-title,.page-title{color:var(--color-primary)!important;-webkit-text-fill-color:currentColor!important}.profile-avatar-icon,.topbar-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important;color:#fff!important}.navbar-left p,.topbar-title p,.panel-header p,.card p,.profile-action-role,.topbar-user small,.table-empty,.empty-state,.rbac-chatbot-state,.rbac-result-card span{color:var(--color-muted)!important}input,select,textarea,.search-group input,.search-input-wrapper input,.receptionist-search,.receptionist-filter,.booking-filter,.approvals-filter-box,.approvals-search-box,.orders-filter-box,.orders-search-box,.customer-search-box,.customer-filter-box,.rbac-chatbot-form,.rbac-chatbot-form input,.rbac-workflow-form input,.rbac-workflow-form select,.rbac-workflow-form textarea{background:var(--color-input-bg)!important;color:var(--color-input-text)!important;border-color:var(--color-border)!important}input::placeholder,textarea::placeholder,.search-group input::placeholder,.rbac-chatbot-form input::placeholder{color:var(--color-input-placeholder)!important}table,.app-table,.report-table,.request-table,.customers-table,.orders-table,.bookings-table{color:var(--color-text)!important}thead,th,.app-table th,.report-table th,.request-table th,.customers-table th,.orders-table th,.bookings-table th{background:var(--color-table-header)!important;color:var(--color-heading)!important;border-color:var(--color-border)!important}td,.app-table td,.report-table td,.request-table td,.customers-table td,.orders-table td,.bookings-table td{background:var(--color-table-row)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}tr:hover td,.app-table tr:hover td,.report-table tr:hover td,.request-table tr:hover td,.customers-table tr:hover td,.orders-table tr:hover td,.bookings-table tr:hover td{background:var(--color-table-row-hover)!important}.btn-secondary,.secondary-btn,.icon-btn,.theme-toggle-btn,.topbar-icon,.admin-profile-btn,.cashier-profile-btn,.customer-profile-btn,.inventory-profile-btn,.manager-profile-btn,.vet-profile-btn,.topbar-user{background:var(--color-surface-solid)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}.btn-primary,.primary-btn,.action-btn-primary,.export-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important;color:#fff!important;border-color:transparent!important;font-weight:950!important;box-shadow:0 4px 16px #ff5f9366!important;transition:all .2s ease!important}.btn-primary:hover,.primary-btn:hover,.action-btn-primary:hover,.export-btn:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 6px 24px #ff5f9380!important}.badge,.status-badge{border-color:var(--color-border)!important}.modal-overlay,.app-modal-overlay,.dialog-overlay{background:#0f172a85!important}.Toastify__toast,[data-sonner-toast],.go2072408551,.rbac-chat-message.bot .rbac-chat-bubble{background:var(--color-surface-solid)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}.receipt-paper,.receipt-paper *{color:var(--color-text)}.pw-form .pw-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.pw-form .pw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem 1rem}.pw-form .pw-grid .pw-field--full{grid-column:1 / -1}@media(max-width:560px){.pw-form .pw-grid{grid-template-columns:1fr}}.pw-form .pw-label{font-size:.8rem;font-weight:600;color:#334155}.pw-form .pw-required{color:#ef4444;margin-left:.2rem}.pw-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.pw-form select,.pw-form textarea,.pw-form .pw-input{width:100%;padding:.6rem .9rem;border:1.5px solid #e6eaf0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;font-family:inherit;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.pw-form input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,.pw-form select:hover,.pw-form textarea:hover{border-color:#d3dae4}.pw-form input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.pw-form select:focus,.pw-form textarea:focus{border-color:var(--color-primary, #ff5f93);box-shadow:var(--focus-ring, 0 0 0 3px rgba(255, 95, 147, .14));outline:none}.pw-form input.pw-invalid,.pw-form select.pw-invalid,.pw-form textarea.pw-invalid{border-color:#ef4444}.pw-form input:disabled,.pw-form select:disabled,.pw-form textarea:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.pw-form .pw-helper{font-size:.74rem;color:#a8b3c2}.pw-form .pw-error-text{font-size:.75rem;color:#ef4444;font-weight:600}.pw-toggle{position:relative;display:flex;align-items:center;gap:.55rem;cursor:pointer;padding:.6rem .75rem .6rem 2.75rem;border:1.5px solid #e6eaf0;border-radius:10px;background:#fff;transition:border-color .18s,background .18s,color .18s;font-size:.82rem;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.pw-toggle:before{content:"";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:30px;height:18px;border-radius:999px;background:#cbd5e1;transition:background .18s}.pw-toggle:after{content:"";position:absolute;left:calc(.8rem + 3px);top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:left .18s}.pw-toggle:hover{border-color:#ffb3cb;background:#ff5f9308}.pw-toggle input[type=checkbox]{position:absolute;width:0!important;height:0;padding:0!important;border:none!important;opacity:0;pointer-events:none}.pw-toggle:has(input[type=checkbox]:checked){background:#16a34a;border-color:#16a34a;color:#fff}.pw-toggle:has(input[type=checkbox]:checked):before{background:#ffffff59}.pw-toggle:has(input[type=checkbox]:checked):after{left:calc(.8rem + 15px)}.pw-toggle:has(input[type=checkbox]:disabled){opacity:.72;cursor:not-allowed}:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, .5);--swal2-container-padding: .625em;--swal2-backdrop: rgba(0, 0, 0, .4);--swal2-backdrop-transition: background-color .15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: .3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show .3s;--swal2-hide-animation: swal2-hide .15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: .8em 1em 0;--swal2-html-container-padding: 1em 1.6em .3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: .1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, .3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color .2s, box-shadow .2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color .2s, box-shadow .2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: .25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: .25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: .25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show .5s;--swal2-toast-hide-animation: swal2-toast-hide .1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / .075), 0 1px 2px hsl(0deg 0% 0% / .075), 1px 2px 4px hsl(0deg 0% 0% / .075), 1px 3px 8px hsl(0deg 0% 0% / .075), 2px 4px 16px hsl(0deg 0% 0% / .075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:#0000!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:#0000;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:#0000!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px #0000;font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:#0000;color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:#0000;color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:#0000;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0,-50px,0) scale(.9);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(0,-50px,0) scale(.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes swal2-toast-hide{to{transform:rotate(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}.swal2-container{z-index:200000}.swal2-light-popup{border-radius:16px!important;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f!important;padding:24px!important;font-family:inherit!important}.swal2-light-title{font-size:1.35rem!important;font-weight:700!important;color:#1f2937!important;margin-bottom:8px!important}.swal2-light-text{font-size:1rem!important;color:#4b5563!important;line-height:1.6!important}.swal2-light-confirm{background-color:#3b82f6!important;color:#fff!important;border-radius:10px!important;padding:10px 24px!important;font-weight:600!important;font-size:.95rem!important;border:none!important;box-shadow:0 2px 8px #3b82f64d!important;transition:transform .15s ease,box-shadow .15s ease!important;cursor:pointer!important}.swal2-light-confirm:hover{transform:translateY(-1px)!important;box-shadow:0 4px 14px #3b82f666!important}.swal2-light-confirm-danger{background-color:#ef4444!important;box-shadow:0 2px 8px #ef44444d!important}.swal2-light-confirm-danger:hover{background-color:#dc2626!important;box-shadow:0 4px 14px #dc262666!important}.swal2-light-cancel{background-color:#f3f4f6!important;color:#374151!important;border-radius:10px!important;padding:10px 24px!important;font-weight:600!important;font-size:.95rem!important;border:1px solid #e5e7eb!important;transition:transform .15s ease,background-color .15s ease!important;cursor:pointer!important}.swal2-light-cancel:hover{background-color:#e5e7eb!important;transform:translateY(-1px)!important}.swal2-backdrop-show{background:#0f172a73!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.swal2-close{color:#9ca3af!important;transition:color .15s ease!important}.swal2-close:hover{color:#374151!important}.swal2-icon{width:64px!important;height:64px!important;margin-bottom:16px!important}.swal2-icon .swal2-icon-content{font-size:2.4rem!important}.swal2-actions{gap:10px!important;margin-top:20px!important}.swal2-light-popup .swal2-select{font-size:.9rem!important;line-height:1.4!important;height:auto!important;min-height:40px!important;padding:8px 12px!important;margin:0 auto 10px!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#374151!important;background-color:#fff!important;box-sizing:border-box!important;max-width:100%!important;text-overflow:ellipsis}.swal2-light-popup .swal2-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}.swal2-light-popup .swal2-textarea{font-size:.9rem!important;line-height:1.4!important;min-height:72px!important;padding:8px 12px!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#374151!important;box-sizing:border-box!important}img:not([class*=logo-image]):not([class*=sidebar-logo]):not([class*=avatar]){max-width:100%;height:auto}@media(max-width:1200px){h1:not(.landing-hero h1):not(.hero-title){font-size:clamp(1.6rem,3vw,2.2rem)}h2{font-size:clamp(1.3rem,2.5vw,1.75rem)}h3{font-size:clamp(1.05rem,2vw,1.4rem)}}@media(max-width:991px){h1:not(.landing-hero h1):not(.hero-title){font-size:clamp(1.4rem,4vw,1.9rem)}h2{font-size:clamp(1.15rem,3.5vw,1.55rem)}h3{font-size:clamp(1rem,3vw,1.25rem)}[class*=stat] h2,[class*=kpi] h2,[class*=metric] h2,[class*=stat] h3,[class*=kpi] h3,[class*=metric] h3{font-size:clamp(1.5rem,5vw,2rem)!important}}@media(max-width:767px){h1:not(.landing-hero h1):not(.hero-title){font-size:clamp(1.15rem,6vw,1.55rem)!important}h2{font-size:clamp(1rem,5vw,1.35rem)!important}h3{font-size:clamp(.92rem,4.5vw,1.15rem)!important}h4{font-size:clamp(.88rem,4vw,1rem)!important}p:not(.app-topbar p):not([class*=topbar] p):not([class*=navbar] p){font-size:clamp(.82rem,3.5vw,.94rem)}[class*=-section] h2,[class*=-section] h3,[class*=-panel] h2,[class*=-panel] h3{font-size:clamp(.95rem,4.5vw,1.1rem)!important}}@media(max-width:639px){h1:not(.landing-hero h1):not(.hero-title){font-size:clamp(1rem,5.5vw,1.3rem)!important}h2{font-size:clamp(.92rem,5vw,1.1rem)!important}h3{font-size:clamp(.85rem,4vw,.98rem)!important}h4{font-size:clamp(.8rem,3.8vw,.92rem)!important}}@media(max-width:991px){.navbar-left h1,[class*=-navbar] h1,[class*=-topbar] h1{font-size:clamp(1.2rem,3.5vw,1.5rem)!important}}@media(max-width:767px){.app-topbar h1,.app-topbar .navbar-left h1{color:#333!important;-webkit-text-fill-color:#333333!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.navbar-left p,.app-topbar p{display:none!important}.navbar-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;flex-shrink:0!important;gap:6px!important}}@media(max-width:991px){button:not([class*=close]):not([class*=icon-btn]):not(.mobile-close-btn):not([class*=react-]):not(.dashboard-profile-upload):not([class*=-upload]):not([class*=icon-only]):not(.bst-tab):not(.bdf-option):not(.bst-later):not(.bst-older-pending),a[class*=-btn],a[class*=btn-],.btn,select{min-height:44px}}@media(max-width:991px){[class*=-card]:not([class*=recharts]):not([class*=pos-cart]):not([class*=swiper]):not(.dashboard-profile-card),.card,.panel,.premium-card,.overview-card,.metric-card,.stat-card,.quick-action-card,.dashboard-card,.feature-card,.info-card{padding:1.1rem!important}}@media(max-width:767px){[class*=-card]:not([class*=recharts]):not([class*=pos-cart]):not([class*=swiper]):not(.dashboard-profile-card),.card,.panel,.premium-card,.overview-card,.metric-card,.stat-card,.quick-action-card,.dashboard-card,.feature-card,.info-card{padding:1rem!important;border-radius:18px!important}}@media(max-width:639px){[class*=-card]:not([class*=recharts]):not([class*=pos-cart]):not([class*=swiper]):not(.dashboard-profile-card),.card,.panel,.premium-card,.overview-card,.metric-card,.stat-card,.quick-action-card,.dashboard-card,.feature-card,.info-card{padding:.85rem!important;border-radius:14px!important}}@media(max-width:767px){.overview-card h3,.app-stat-card h3,.metric-card h3,.stat-card h3,[class*=stat-card] h3,[class*=kpi-card] h3,[class*=overview-card] h3{font-size:clamp(1.35rem,6vw,1.9rem)!important;line-height:1.1!important;margin:0!important}.overview-card{display:grid!important;grid-template-columns:50px 1fr!important;grid-template-rows:auto auto auto!important;column-gap:14px!important;row-gap:2px!important;align-items:start!important}.overview-card-top{grid-column:1!important;grid-row:1 / span 3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;margin-bottom:0!important}.overview-card-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important}.overview-card-dot{width:8px!important;height:8px!important;box-shadow:0 0 0 3px #ff5f9326!important}.overview-card h3{grid-column:2!important;grid-row:1!important}.overview-card p{grid-column:2!important;grid-row:2!important;font-size:.82rem!important;margin:0!important}.overview-card small{grid-column:2!important;grid-row:3!important;font-size:.73rem!important;margin:0!important}}@media(max-width:1200px){[class*=-kpi-grid],[class*=-summary-grid],[class*=-quick-actions]:not([class*=flex]){grid-template-columns:repeat(2,1fr)!important}}@media(max-width:991px){[class*=-kpi-grid],[class*=-quick-actions]:not([class*=flex]),[class*=-summary-grid],[class*=-stats-grid],[class*=-actions-grid],[class*=-overview-cards],[class*=-overview-grid]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:767px){[class*=-grid]:not([class*=app-grid]):not(.recharts-cartesian-grid):not([class*=pos-]),[class*=-cards]:not([class*=pos-cart-]):not([class*=recharts]),[class*=-stats]:not([class*=recharts]):not([class*=inline]),[class*=-summary]:not([class*=recharts]):not([class*=modal]),[class*=-actions-grid],[class*=-quick-actions],[class*=-overview-grid],[class*=-kpi-grid],[class*=-overview-cards],[class*=-stats-grid],[class*=-bottom-grid],[class*=-analytics-grid]{grid-template-columns:1fr!important}[class*=-hero],[class*=-header]{flex-wrap:wrap!important}}@media(max-width:991px){[class*=-toolbar],[class*=-tools],[class*=-filters],[class*=-filter-bar]{flex-wrap:wrap!important;gap:8px!important}}@media(max-width:767px){[class*=-toolbar],[class*=-tools],[class*=-filters],[class*=-filter-bar],[class*=-topbar-actions],[class*=-header-actions]{flex-direction:column!important;align-items:stretch!important;gap:8px!important}[class*=-toolbar] input,[class*=-toolbar] select,[class*=-toolbar] button,[class*=-tools] input,[class*=-tools] select,[class*=-filters] input,[class*=-filters] select,[class*=-filter-bar] input,[class*=-filter-bar] select{width:100%!important;min-width:0!important}}@media(max-width:991px){[class*=-form-grid],.form-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:767px){[class*=-form-grid],[class*=form-row],.form-grid,.form-row,[class*=-booking-form],[class*=-service-form]{grid-template-columns:1fr!important;flex-direction:column!important}.form-group,[class*=-form-group],[class*=-field]{width:100%!important;min-width:0!important}label{font-size:.88rem}[class*=-upload],[class*=file-upload],[class*=upload-area]{width:100%!important;min-width:0!important}}@media(max-width:991px){[class*=modal-content],[class*=modal-body],[class*=-modal-wrapper],[class*=-modal-inner],[class*=-modal-box],[class*=-modal-container]{width:min(90vw,600px)!important;max-height:90vh!important;overflow-y:auto!important;border-radius:22px!important}}@media(max-width:767px){[class*=modal-content],[class*=modal-body],[class*=-modal-wrapper],[class*=-modal-inner],[class*=-modal-box],[class*=-modal-container],[class*=-popup]{width:min(95vw,520px)!important;max-height:88vh!important;overflow-y:auto!important;border-radius:20px!important;margin:auto!important}[class*=modal-actions],[class*=modal-footer],[class*=-form-actions],[class*=-btn-row],[class*=-action-row],[class*=-modal-footer],[class*=-modal-actions]{flex-direction:column!important;gap:8px!important}[class*=modal-actions] button,[class*=modal-footer] button,[class*=-form-actions] button,[class*=-modal-footer] button,[class*=-modal-actions] button{width:100%!important}[class*=modal] [class*=-form-grid],[class*=modal] .form-grid{grid-template-columns:1fr!important}}@media(max-width:991px){[class*=-table-wrapper],[class*=table-scroll],[class*=-table-scroll],.table-container,.table-responsive,[class*=-table-container],[class*=-table-wrap]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}table{font-size:.88rem;min-width:max-content}table th,table td{padding:10px 12px;white-space:nowrap}}@media(max-width:767px){table{font-size:.82rem}table th{font-size:.78rem}table th,table td{padding:8px 10px}}@media(max-width:639px){table{font-size:.78rem}table th{font-size:.74rem}table th,table td{padding:6px 8px}}@media(max-width:767px){input,select,textarea{font-size:16px!important}}@media(max-width:767px){body.sidebar-open{overflow:hidden}.mobile-menu-toggle{min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1390!important;background:#00000073!important}}@media(max-width:767px){.app-dashboard,.app-main,[class*=-dashboard],[class*=-main]{overflow-x:clip!important}[class*=-title],[class*=-heading],[class*=-label]{word-break:break-word;overflow-wrap:anywhere}[class*=-orb],[class*=-blob],[class*=-circle-bg],[class*=-decoration]{max-width:60vw!important;max-height:60vw!important;overflow:hidden!important}}@media(max-width:991px){[class*=-chart],[class*=chart-wrapper],[class*=chart-container],.recharts-wrapper,.recharts-responsive-container{max-width:100%!important;overflow:hidden!important}}@media(max-width:767px){[class*=-report-header],[class*=-report-filters],[class*=-report-actions]{flex-direction:column!important;align-items:stretch!important;gap:8px!important}[class*=-report-filters] input,[class*=-report-filters] select,[class*=-report-actions] button{width:100%!important}}@media(max-width:767px){[class*=-hero]:not([class*=landing-]),[class*=-welcome-section]:not([class*=landing-]),[class*=-hero-content]:not([class*=landing-]){flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:1rem!important}[class*=-hero]:not([class*=landing-]) h1,[class*=-welcome-section]:not([class*=landing-]) h1,[class*=-hero-content]:not([class*=landing-]) h1{font-size:clamp(1.1rem,6vw,1.5rem)!important}[class*=-hero-actions]:not([class*=landing-]),[class*=-welcome-actions]:not([class*=landing-]){flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;gap:8px!important}}@media(max-width:767px){.customer-dashboard .app-content,.customer-dashboard .dashboard-content{padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}.customer-dashboard .app-topbar{padding-left:max(.75rem,env(safe-area-inset-left))!important;padding-right:max(.75rem,env(safe-area-inset-right))!important}.customer-sidebar{padding-left:env(safe-area-inset-left)!important}.customer-sidebar .sidebar-footer{padding-bottom:max(1rem,env(safe-area-inset-bottom))!important}}@media(max-width:767px){.customer-sidebar .nav-link{min-height:44px;padding-top:.75rem;padding-bottom:.75rem}.customer-dashboard .primary-btn,.customer-dashboard .secondary-btn,.customer-payments-main-btn,.cs-card-action,.view-btn,.view-proof-btn,.refresh-btn,.export-btn,.mark-all-read-btn,.retry-btn,.receipt-btn,.pets-submit-btn,.pets-reset-btn,.pet-edit-btn,.pet-delete-btn,.pet-history-btn,.grooming-form button[type=submit],.vet-form button[type=submit],.booking-actions button,.confinement-action-btn,.confinement-file-label{min-height:44px}.status-badge,.status,.payment-status{min-height:28px}}@media(max-width:480px){.customer-services-page,.customer-status-page,.customer-notifications,.customer-history,.customer-payments-page,.customer-pets,.customer-medical-confinements,.grooming-container,.vet-container,.customer-hotel-reservation{padding-left:.75rem!important;padding-right:.75rem!important}.customer-card,.stat-card,.quick-action-card,.panel,.history-card,.cs-card,.notifications-panel,.customer-payments-panel,.pets-card,.grooming-card{border-radius:18px!important}}@media(max-width:767px){.customer-payments-table-wrapper,.customer-status-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.customer-payments-table,.customer-status-table{min-width:560px}}.manager-staff:before,.manager-attendance:before{display:none!important}.inventory-main:before,.inventory-main:after,.dashboard-content:before,.dashboard-content:after,.inventory-dashboard:before,.inventory-dashboard:after{display:none!important}.inventory-main,.dashboard-content,.inventory-dashboard{background:var(--color-bg-gradient)!important}.inventory-main{min-height:auto!important;padding:80px 24px 24px!important;background:var(--color-bg-gradient)!important}.inventory-dashboard .manager-main{all:unset;display:block;padding:80px 24px 24px!important;background:var(--color-bg-gradient)!important}.App{text-align:center;min-height:100vh;background:var(--color-bg-gradient);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center}.App-logo{height:40vmin;pointer-events:none;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.App-header{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #ff6b9d4d;padding:3rem 2.5rem;width:100%;max-width:500px;border:1px solid var(--color-border, rgba(255, 255, 255, .3));color:var(--color-text)}.App-header .logo{margin-bottom:2.5rem}.App-header .logo h1{color:var(--color-primary);font-size:2.5rem;margin:0;font-weight:700;background:linear-gradient(135deg,var(--color-primary, #ff6b9d),var(--color-primary-hover, #ff4757));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.App-header .logo span{color:var(--color-primary);font-size:1rem;display:block;margin-top:-.3rem;font-weight:400;opacity:.8}.App-header h2{color:var(--color-heading);font-size:2rem;margin:1rem 0 .5rem;font-weight:600}.App-header p{color:var(--color-muted);font-size:1rem;margin:0;line-height:1.5}.App-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .3s ease}.App-link:hover{color:var(--color-primary-hover, #ff4757);text-decoration:underline}.hero-section{text-align:center;margin-bottom:2.5rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary, #ff6b9d),var(--color-primary-hover, #ff4757));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-muted);margin-bottom:2rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.cta-btn-primary{background:linear-gradient(135deg,var(--color-primary, #ff6b9d),var(--color-primary-hover, #ff4757));color:#fff;box-shadow:0 10px 30px #ff6b9d4d;width:100%;max-width:300px}.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #ff6b9d66}.cta-btn-secondary{background:var(--color-surface-solid);color:var(--color-primary);border:2px solid var(--color-primary)}.cta-btn-secondary:hover{background:var(--color-primary, #ff6b9d);color:#fff;transform:translateY(-2px)}.features-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border, rgba(255, 107, 157, .1))}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-card{background:var(--color-surface);border-radius:15px;padding:1.5rem;border:1px solid var(--color-border, rgba(255, 107, 157, .1));text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #ff6b9d33}.feature-icon{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary, #ff6b9d),var(--color-primary-hover, #ff4757));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-title{color:var(--color-heading);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--color-muted);font-size:.9rem;line-height:1.5}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:767px){.admin-main,.cashier-main,.customer-main,.inventory-main,.manager-main,.receptionist-main,.vet-main,.app-main{margin-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.navbar-left h1{overflow-wrap:anywhere}}@media(max-width:480px){.admin-main,.cashier-main,.customer-main,.inventory-main,.manager-main,.receptionist-main,.vet-main,.app-main{padding-left:0!important;padding-right:0!important}.app-content,.dashboard-content{padding-left:.75rem!important;padding-right:.75rem!important}}:root{--color-primary: #ff5f93;--color-primary-light: #ff8db5;--color-primary-soft: #ffc8dd;--color-bg-gradient: linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7);--color-surface: rgba(255, 255, 255, .86);--color-border: rgba(255, 95, 147, .18);--color-text: #1f2937;--color-heading: #191919;--color-muted: #64748b;--shadow-card: 0 18px 45px rgba(255, 95, 147, .14)}.dashboard-page{min-height:100vh;background:var(--color-bg-gradient);color:var(--color-text);padding:2rem}.dashboard-card,.dashboard-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:26px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard-title{color:var(--color-heading);font-weight:950}.dashboard-muted{color:var(--color-muted)}.dashboard-btn-primary{border:none;border-radius:999px;padding:.8rem 1.15rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-weight:900;cursor:pointer}input,select,textarea{border:1px solid rgba(255,95,147,.3)!important;border-radius:12px!important;padding:12px 14px;background:var(--color-surface-solid, #ffffff);color:var(--color-text, #1f2937);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary, #ff5f93)!important;box-shadow:0 0 0 3px #ff5f9326;outline:none}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-container{--landing-bg: var(--color-bg, #fff1f7);--landing-bg-soft: var(--color-primary-soft, #ffd6e8);--landing-bg-strong: var(--color-primary-soft, #ffc8dd);--landing-card: #ffffff;--landing-card-soft: rgba(255, 255, 255, .86);--landing-primary: var(--color-primary, #ff5f93);--landing-primary-light: var(--color-primary-light, #ff8db5);--landing-primary-soft: var(--color-primary-soft, #ffc8dd);--landing-primary-dark: var(--color-primary-hover, #c93662);--landing-ink: #191919;--landing-text: #1f2937;--landing-muted: #64748b;--landing-border: var(--color-border, rgba(255, 95, 147, .18));--landing-shadow: var(--shadow-card, 0 22px 60px rgba(255, 95, 147, .17));--landing-shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);--landing-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .28));--landing-radius-sm: 16px;--landing-radius-md: 22px;--landing-radius-lg: 32px;--landing-radius-xl: 40px;--landing-radius-pill: 999px;min-height:100vh;overflow-x:hidden;color:var(--landing-text);background:radial-gradient(circle at 8% 14%,rgba(var(--color-primary-rgb, 255, 95, 147),.18),transparent 30%),radial-gradient(circle at 92% 8%,rgba(255,255,255,.92),transparent 26%),var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd 0%, #ffd6e8 45%, #fff1f7 100%))}.landing-container h1,.landing-container h2,.landing-container h3,.landing-logo-text strong{font-family:Jost,Inter,system-ui,sans-serif}.landing-header{position:fixed;inset:0 0 auto 0;z-index:1000;border-bottom:1px solid var(--landing-border);background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-header-content{width:min(1220px,calc(100% - 32px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.landing-logo{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;flex-shrink:0}.landing-logo-image{width:54px;height:54px;object-fit:cover;border-radius:18px;border:1px solid var(--landing-border);box-shadow:var(--landing-shadow-soft)}.landing-logo-text strong,.landing-logo-text span{display:block}.landing-logo-text strong{color:var(--landing-primary-dark);font-size:1.25rem;font-weight:900;line-height:1;letter-spacing:.02em}.landing-logo-text span{margin-top:.25rem;color:var(--landing-primary);font-size:.72rem;font-weight:900;letter-spacing:.18em}.landing-nav-links{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem;border:1px solid var(--landing-border);border-radius:var(--landing-radius-pill);background:#ffffffd6;box-shadow:0 8px 24px #0000000f}.landing-nav-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 1rem;border-radius:var(--landing-radius-pill);color:var(--landing-text);font-size:.92rem;font-weight:800;text-decoration:none;transition:.22s ease}.landing-nav-links a:hover{color:#fff;background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));box-shadow:var(--landing-shadow-primary)}.landing-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.landing-header-attendance,.landing-header-login,.landing-header-register{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--landing-radius-pill);padding:0 1.1rem;font-size:.9rem;font-weight:900;text-decoration:none;transition:.22s ease}.landing-header-attendance,.landing-header-login{color:var(--landing-text);background:#ffffffbf;border:1px solid var(--landing-border)}.landing-header-register{color:#fff;background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));box-shadow:var(--landing-shadow-primary)}.landing-header-attendance:hover,.landing-header-login:hover,.landing-header-register:hover{transform:translateY(-2px)}.landing-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:34px;padding:0 .9rem;border-radius:var(--landing-radius-pill);color:var(--landing-primary-dark);background:#ffffffb8;border:1px solid var(--landing-border);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.landing-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--landing-radius-pill);padding:0 1.35rem;font-size:.95rem;font-weight:900;text-decoration:none;transition:.22s ease;white-space:nowrap}.landing-btn:hover{transform:translateY(-3px)}.landing-btn-primary{color:#fff;background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));box-shadow:var(--landing-shadow-primary);position:relative}.landing-hero-buttons .landing-btn-primary{font-size:1.08rem;padding:.65rem 2rem;min-height:56px;animation:btn-pulse 2s infinite}@keyframes btn-pulse{0%,to{box-shadow:0 0 #ff5f9373}50%{box-shadow:0 0 0 14px #ff5f9300}}.landing-hero-buttons .landing-btn-primary:hover{animation:none;transform:translateY(-3px) scale(1.04)}.landing-btn-secondary{color:var(--landing-text);background:#fff;border:1px solid var(--landing-border);box-shadow:var(--landing-shadow-soft)}.landing-btn-light{color:var(--landing-primary-dark);background:#fff;border:1px solid rgba(255,255,255,.75);box-shadow:0 16px 34px #00000024}.landing-btn-outline-light{color:#fff;border:1px solid rgba(255,255,255,.55);background:#ffffff1f}.landing-hero{position:relative;min-height:100vh;padding:9rem 2rem 4.25rem}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.landing-hero:before{content:"";position:absolute;width:500px;height:500px;right:-120px;top:18%;border-radius:999px;background:radial-gradient(circle,rgba(0,0,0,.06),transparent 68%);pointer-events:none}.landing-hero-content{position:relative;z-index:1;width:min(1220px,100%);min-height:calc(100vh - 13rem);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:clamp(2rem,5vw,5rem);align-items:center}.landing-hero-copy{animation:landingFadeIn .65s ease-out both}.landing-hero-copy h1{max-width:680px;margin:1rem 0 0;color:var(--landing-ink);font-size:clamp(2.75rem,4.3vw,4.25rem);font-weight:900;line-height:1.03;letter-spacing:-.055em}.landing-hero-copy p{max-width:690px;margin:1.15rem 0 0;color:var(--landing-muted);font-size:clamp(1rem,1.24vw,1.14rem);font-weight:650;line-height:1.75}.landing-hero-buttons{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.8rem}.landing-hero-note{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.landing-hero-note span{min-height:36px;display:inline-flex;align-items:center;padding:0 .85rem;border-radius:var(--landing-radius-pill);color:var(--landing-text);background:#fff;border:1px solid var(--landing-border);font-size:.85rem;font-weight:850;box-shadow:var(--landing-shadow-soft)}.landing-hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.landing-showcase-card{width:min(445px,100%);overflow:hidden;border:1px solid var(--landing-border);border-radius:36px;background:#ffffffe6;box-shadow:var(--landing-shadow);animation:landingFloat 5s ease-in-out infinite}@keyframes landingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-showcase-image{padding:1.15rem 1.15rem 0}.landing-showcase-image img{width:100%;height:270px;display:block;object-fit:contain;border-radius:28px;border:1px solid var(--landing-border);background:#fff}.landing-showcase-body{padding:1.35rem}.landing-showcase-body>span{color:var(--landing-primary-dark);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.landing-showcase-body h2{margin:.45rem 0 0;color:var(--landing-primary-dark);font-size:1.65rem;font-weight:900;letter-spacing:-.035em}.landing-showcase-body p{margin:.45rem 0 0;color:var(--landing-muted);font-weight:750;line-height:1.5}.landing-showcase-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.15rem}.landing-showcase-stats div{padding:1rem .8rem;border-radius:20px;text-align:center;background:#0000000a;border:1px solid var(--landing-border)}.landing-showcase-stats strong,.landing-showcase-stats span{display:block}.landing-showcase-stats strong{color:var(--landing-primary-dark);font-size:1.22rem;font-weight:900}.landing-showcase-stats span{margin-top:.25rem;color:var(--landing-muted);font-size:.76rem;font-weight:850}.landing-trust-strip{width:min(1220px,calc(100% - 32px));margin:-2.5rem auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--landing-border);border-radius:32px;background:#fffffff5;box-shadow:0 24px 64px #ff5f932e,0 4px 16px #00000012;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;border-right:1px solid var(--landing-border);gap:.3rem}.landing-stat-item:last-child{border-right:none}.landing-stat-icon{font-size:1.75rem;line-height:1;margin-bottom:.35rem;display:block}.landing-trust-strip strong{display:block;font-size:clamp(2.2rem,3.5vw,2.8rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--landing-primary-dark),var(--landing-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em}.landing-trust-strip span{display:block;margin-top:.2rem;color:var(--landing-muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.4}.landing-section{padding:5rem 2rem}.landing-section.landing-featured-services{background:linear-gradient(180deg,#fff0f5,#fff);border-top:1px solid #ffe6ee;border-bottom:1px solid #ffe6ee;position:relative}.landing-section-header{width:min(760px,100%);margin:0 auto 2rem;text-align:center}.landing-section-header .landing-eyebrow{margin:0 auto}.landing-section-header h2{margin:1rem 0 0;color:var(--landing-ink);font-size:clamp(2rem,3.4vw,3rem);font-weight:900;line-height:1.12;letter-spacing:-.045em}.landing-section-header p{margin:1rem 0 0;color:var(--landing-muted);font-size:1.03rem;font-weight:700;line-height:1.7}.landing-featured-services{padding:4rem 2rem;background:linear-gradient(180deg,#ffffff59,#ffffffb8),transparent}.landing-featured-grid{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}@keyframes landingCardEnter{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-featured-card{animation:landingCardEnter .55s cubic-bezier(.2,.75,.3,1) both;min-height:280px;display:grid;align-content:start;gap:.65rem;padding:1.85rem;border:2px solid var(--landing-border);border-radius:30px;background:#fff;box-shadow:var(--landing-shadow-soft);transition:.25s ease;position:relative;overflow:hidden}.landing-featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--landing-primary),var(--landing-primary-light));opacity:1;border-radius:30px 30px 0 0}.landing-featured-card:hover{transform:translateY(-8px) rotate(-.6deg);border-color:var(--landing-primary);background:#fff5f9;box-shadow:0 28px 64px #ff5f9333,0 6px 20px #0000000f}.landing-featured-card .landing-btn{margin-top:.5rem;align-self:start;min-height:48px;padding:0 1.5rem}.featured-card-icon{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;display:grid;place-items:center;font-size:1.75rem;margin-bottom:.85rem;box-shadow:0 8px 24px #ff5f9352;transition:transform .28s ease,box-shadow .28s ease}.landing-featured-card:hover .featured-card-icon{transform:scale(1.1);box-shadow:0 14px 36px #ff5f9375}.landing-featured-card .landing-btn-primary{overflow:hidden}.landing-featured-card .landing-btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-100%);transition:transform .55s ease}.landing-featured-card:hover .landing-btn-primary:after{transform:translate(100%)}.featured-card-image{width:100%;height:140px;border-radius:14px;overflow:hidden;margin-bottom:.75rem}.featured-card-image img{width:100%;height:100%;object-fit:cover}.landing-featured-card h3{margin:0;color:var(--landing-primary-dark);font-size:1.28rem;font-weight:900;letter-spacing:-.025em}.landing-featured-card p{margin:0;color:var(--landing-muted);font-size:.96rem;font-weight:700;line-height:1.7}.landing-featured-card .landing-btn{margin-top:.5rem;align-self:start}.landing-account-notice{width:min(760px,100%);margin:2.5rem auto 0;padding:1.25rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--landing-border);border-radius:22px;background:#ffffffdb;box-shadow:var(--landing-shadow-soft)}.landing-account-notice p{max-width:520px;margin:0;color:var(--landing-muted);font-size:.92rem;font-weight:750;line-height:1.65}.landing-account-actions{display:flex;flex-wrap:wrap;gap:.65rem;flex-shrink:0}.landing-account-actions .landing-btn{min-height:44px;padding:0 1.15rem;font-size:.88rem}.landing-services{background:linear-gradient(180deg,#ffffff38,#ffffff9e),transparent}.landing-services-grid{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-service-card{min-height:240px;padding:1.45rem;border:1px solid var(--landing-border);border-radius:28px;background:#ffffffe6;box-shadow:var(--landing-shadow-soft);transition:.25s ease}.landing-service-card:hover{transform:translateY(-7px);border-color:var(--landing-primary);box-shadow:var(--landing-shadow)}.landing-service-number{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));font-weight:900;box-shadow:var(--landing-shadow-primary)}.landing-service-card h3{margin:1.2rem 0 0;color:var(--landing-primary-dark);font-size:1.18rem;font-weight:900;letter-spacing:-.02em}.landing-service-card p{margin:.65rem 0 0;color:var(--landing-muted);font-size:.98rem;font-weight:700;line-height:1.65}.landing-about{padding:5rem 2rem}.landing-about-card{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:1rem;align-items:stretch}.landing-about-image{grid-column:1 / -1;width:100%;height:420px;border-radius:28px;overflow:hidden;border:1px solid var(--landing-border);box-shadow:0 18px 52px #ff5f9324,0 4px 12px #0000000f;margin-bottom:.25rem;position:relative}.landing-about-image img{width:100%;height:100%;object-fit:cover;display:block}.landing-about-est-badge{position:absolute;bottom:1.25rem;left:1.25rem;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,95,147,.22);color:var(--landing-primary-dark);font-size:.82rem;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 24px #00000024}.landing-about-copy,.landing-about-panel{border:1px solid var(--landing-border);border-radius:34px;background:#ffffffe6;box-shadow:var(--landing-shadow-soft)}.landing-about-copy{padding:clamp(1.5rem,4vw,3rem)}.landing-about-copy h2{margin:1rem 0 0;color:var(--landing-ink);font-size:clamp(2rem,3.4vw,3rem);font-weight:900;line-height:1.12;letter-spacing:-.045em}.landing-about-copy>p{margin:1.1rem 0 0;color:var(--landing-muted);font-size:1.02rem;font-weight:700;line-height:1.85}.landing-about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.5rem}.landing-about-points div{padding:1.1rem 1.25rem;border-radius:18px;background:#fff;border:1px solid var(--landing-border);border-left:4px solid var(--landing-primary);box-shadow:0 4px 16px #0f172a0f}.landing-about-points strong,.landing-about-points span{display:block}.landing-about-points strong{color:var(--landing-ink);font-weight:900}.landing-about-points span{margin-top:.3rem;color:var(--landing-muted);font-size:.88rem;font-weight:700;line-height:1.5}.landing-about-panel{padding:1.75rem;background:radial-gradient(ellipse at top right,rgba(255,255,255,.22),transparent 44%),radial-gradient(ellipse at bottom left,rgba(180,30,70,.35),transparent 50%),linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));color:#fff}.landing-about-panel h3{margin:0;color:#fff;font-size:1.45rem;font-weight:900;letter-spacing:-.03em;line-height:1.25}.landing-about-panel ul{display:grid;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none}.landing-about-panel li{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffffff2;font-weight:750;line-height:1.45;font-size:.93rem}.landing-about-check{color:#fff;font-weight:900;font-size:1rem;line-height:1.45;flex-shrink:0;opacity:.9}.landing-process-wrapper{position:relative;width:min(1220px,100%);margin:0 auto}.landing-process-wrapper:before{content:"";position:absolute;top:30px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:2px;background:linear-gradient(90deg,var(--landing-primary-soft),var(--landing-primary-light),var(--landing-primary-soft));z-index:0;border-radius:999px;pointer-events:none}.landing-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;position:relative;z-index:1}.landing-step-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));color:#fff;font-size:1.35rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 8px 24px #ff5f9361;position:relative;z-index:2;letter-spacing:-.02em;flex-shrink:0}.landing-process-card{padding:2rem 1.75rem;border-radius:28px;background:#fff;box-shadow:0 8px 32px #0f172a12,0 1px 4px #0000000a;text-align:center;transition:.25s ease;border:1px solid transparent}.landing-process-card:hover{transform:translateY(-6px);border-color:var(--landing-border);box-shadow:0 18px 48px #ff5f9329,0 4px 12px #0000000d}.landing-process-card:hover .landing-step-circle{box-shadow:0 12px 32px #ff5f9380;transform:scale(1.06)}.landing-step-circle{transition:transform .28s ease,box-shadow .28s ease}.landing-process-card h3{margin:0;color:var(--landing-ink);font-size:1.2rem;font-weight:900;letter-spacing:-.03em}.landing-process-card p{margin:.65rem 0 0;color:var(--landing-muted);font-size:.96rem;font-weight:700;line-height:1.7}.landing-cta{width:min(1220px,calc(100% - 32px));margin:0 auto 5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(2rem,4.5vw,3.5rem);border-radius:36px;background:radial-gradient(ellipse at top right,rgba(255,255,255,.26),transparent 44%),radial-gradient(ellipse at bottom left,rgba(180,30,70,.3),transparent 48%),linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));color:#fff;box-shadow:0 24px 60px #ff5f9361,0 6px 20px #0000001a;position:relative;overflow:hidden}.landing-cta-paw{position:absolute;font-size:9rem;line-height:1;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.landing-cta-paw-left{bottom:-2rem;left:-1.5rem;transform:rotate(20deg)}.landing-cta-paw-right{top:-2rem;right:-1rem;transform:rotate(-18deg)}.landing-cta>div{position:relative;z-index:1}.landing-cta .landing-eyebrow{color:#fff;background:#ffffff29;border-color:#ffffff47}.landing-cta h2{max-width:720px;margin:1rem 0 0;color:#fff;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.045em}.landing-cta p{max-width:680px;margin:1rem 0 0;color:#ffffffeb;font-weight:700;line-height:1.7}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start;margin-top:1.75rem}.landing-cta .landing-btn-light{color:var(--landing-primary-dark);background:#fff;text-shadow:none}.landing-cta .landing-btn-light:hover{color:#fff;background:linear-gradient(135deg,var(--landing-primary-dark),var(--landing-primary))}.landing-cta .landing-btn-outline-light{color:#fff;border:1px solid rgba(255,255,255,.7);background:#ffffff21;text-shadow:none}.landing-cta .landing-btn-outline-light:hover{color:var(--landing-primary-dark);background:#fff}.landing-footer{background:linear-gradient(180deg,#120a0e,#1c0e14);color:#fff;border-top:1px solid rgba(255,95,147,.16)}.landing-footer-content{width:min(1220px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.35fr .55fr .9fr;gap:2rem;padding:3rem 0}.landing-footer-logo{display:flex;align-items:center;gap:.85rem}.landing-footer-logo img{width:54px;height:54px;object-fit:cover;border-radius:18px}.landing-footer-logo strong,.landing-footer-logo span{display:block}.landing-footer-logo strong{color:#fff;font-size:1.05rem;font-weight:900}.landing-footer-logo span{margin-top:.25rem;color:#ffffffb8;font-size:.84rem;font-weight:750}.landing-footer-brand p{max-width:460px;margin:1rem 0 0;color:#ffffffb8;font-weight:700;line-height:1.7}.landing-footer-section{display:grid;align-content:start;gap:.6rem}.landing-footer-section h3{margin:0 0 .5rem;color:#fff;font-size:1rem;font-weight:900;position:relative;padding-bottom:.6rem}.landing-footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--landing-primary),var(--landing-primary-light))}.landing-footer-section a{width:max-content;color:#ffffffad;text-decoration:none;font-weight:750;transition:color .2s ease}.landing-footer-section a:hover{color:var(--landing-primary)}.landing-footer-section p{margin:0;color:#ffffffb8;font-weight:700;line-height:1.6}.landing-footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.landing-footer-bottom p{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:1.1rem 0;color:#ffffff94;font-size:.9rem;font-weight:700}.landing-footer-bottom p:before{content:"🐾 ";color:var(--landing-primary);opacity:.8}@media(min-width:1441px){.landing-header-content,.landing-hero-content,.landing-services-grid,.landing-about-card,.landing-process-grid,.landing-footer-content{max-width:1320px}.landing-hero-copy h1{font-size:4.55rem}}@media(max-width:1200px){.landing-header-content{width:min(1120px,calc(100% - 28px))}.landing-hero-content{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:2.5rem}.landing-hero-copy h1{font-size:clamp(2.6rem,4.5vw,3.85rem)}}@media(max-width:1024px){.landing-nav-links{display:none}.landing-hero{min-height:auto;padding-top:8rem}.landing-hero-content,.landing-about-card{grid-template-columns:minmax(0,1fr)}.landing-hero-content{min-height:auto}.landing-hero-copy{text-align:left;min-width:0}.landing-hero-visual{min-height:500px}.landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-account-notice{flex-direction:column;align-items:flex-start}.landing-services-grid,.landing-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-about-points{grid-template-columns:1fr}.landing-cta{flex-direction:column;align-items:flex-start}.landing-cta-actions{justify-content:flex-start}.landing-footer-content{grid-template-columns:1fr 1fr}.landing-footer-brand{grid-column:1 / -1}}@media(max-width:768px){.landing-header-content{width:calc(100% - 24px);min-height:72px}.landing-logo-text strong{font-size:1rem}.landing-logo-text span{font-size:.62rem}.landing-logo-image{width:46px;height:46px}.landing-header-actions .landing-header-login{display:none}.landing-header-register{min-height:40px;padding:0 .95rem}.landing-hero{padding:7rem 1rem 3.25rem}.landing-hero-copy{text-align:center}.landing-hero-copy .landing-eyebrow{margin:0 auto}.landing-hero-copy h1{max-width:560px;margin-left:auto;margin-right:auto;font-size:clamp(2.25rem,10vw,3.35rem);line-height:1.06;letter-spacing:-.045em}.landing-hero-copy p{font-size:1rem;line-height:1.75;margin-left:auto;margin-right:auto}.landing-hero-buttons{width:100%;justify-content:center}.landing-hero-buttons .landing-btn,.landing-cta-actions,.landing-cta-actions .landing-btn{width:100%}.landing-hero-note{justify-content:center}.landing-hero-visual{min-height:auto}.landing-showcase-card{width:100%;animation:none}.landing-showcase-image img{height:230px}.landing-featured-grid,.landing-showcase-stats,.landing-trust-strip,.landing-services-grid,.landing-process-grid,.landing-footer-content{grid-template-columns:1fr}.landing-featured-services{padding:3rem 1rem}.landing-featured-card{min-height:auto;padding:1.25rem}.landing-featured-card .landing-btn{width:100%;margin-top:.75rem}.landing-account-notice{width:calc(100% - 24px);margin-top:1.75rem;padding:1rem}.landing-account-actions{width:100%}.landing-account-actions .landing-btn{flex:1;justify-content:center}.landing-trust-strip{width:calc(100% - 32px);margin-top:0;grid-template-columns:1fr}.landing-stat-item{border-right:none;border-bottom:1px solid var(--landing-border);padding:1.5rem 1rem}.landing-stat-item:last-child{border-bottom:none}.landing-trust-strip strong{font-size:2.2rem}.landing-process-wrapper:before{display:none}.landing-process-card{padding:1.5rem;text-align:center}.landing-about-image{height:280px}.landing-about-points{grid-template-columns:1fr}.landing-cta{flex-direction:column;align-items:flex-start}.landing-cta-actions{width:100%}.landing-cta-actions .landing-btn{flex:1;justify-content:center}.landing-cta-paw{font-size:6rem;opacity:.05}.landing-section,.landing-about{padding:3.5rem 1rem}.landing-section-header h2,.landing-about-copy h2,.landing-cta h2{font-size:clamp(1.9rem,7.5vw,2.65rem)}.landing-cta{width:calc(100% - 32px);margin-bottom:3.5rem;border-radius:28px}}@media(max-width:560px){.landing-header-content{width:calc(100% - 20px);gap:.7rem}.landing-logo{gap:.6rem}.landing-logo-image{width:42px;height:42px;border-radius:14px}.landing-logo-text strong{font-size:.92rem}.landing-logo-text span{display:none}.landing-header-register{min-height:38px;padding:0 .8rem;font-size:.8rem}.landing-hero{padding-left:.85rem;padding-right:.85rem}.landing-hero-copy h1{font-size:clamp(2.05rem,10.5vw,2.9rem)}.landing-hero-note span{width:100%;justify-content:center}.landing-showcase-card,.landing-about-copy,.landing-about-panel,.landing-service-card,.landing-process-card{border-radius:24px}.landing-showcase-body{padding:1.1rem}.landing-showcase-image{padding:1rem 1rem 0}.landing-showcase-image img{height:210px;border-radius:22px}.landing-service-card,.landing-process-card{min-height:auto;padding:1.25rem 1rem}.landing-about-image{height:220px}.landing-about-est-badge{font-size:.74rem;padding:.4rem .75rem}.landing-step-circle{width:52px;height:52px;font-size:1.15rem}.landing-stat-icon{font-size:1.45rem}.landing-about-copy,.landing-about-panel{padding:1.25rem}.landing-footer-content{width:calc(100% - 24px)}.landing-footer-logo{align-items:flex-start}}@media(max-width:380px){.landing-header-register{padding:0 .65rem;font-size:.75rem}.landing-logo-image{width:38px;height:38px}.landing-logo-text strong{font-size:.82rem}.landing-hero-copy h1{font-size:1.95rem}.landing-btn{font-size:.88rem;padding:0 1rem}}.landing-header-scrolled{background:#fffffff2!important;box-shadow:0 4px 24px #ff5f931f;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.landing-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;min-width:44px;border:1px solid var(--landing-border);border-radius:14px;background:#ffffffd1;cursor:pointer;padding:0;flex-shrink:0;transition:.22s ease}.landing-hamburger:hover{background:#ffc8dd5c;border-color:var(--landing-primary-light)}.landing-hamburger span{display:block;width:20px;height:2px;border-radius:999px;background:var(--landing-primary-dark);transition:.3s ease;transform-origin:center}.landing-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.landing-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.landing-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-mobile-nav{position:fixed;top:0;right:0;bottom:0;z-index:1200;width:min(340px,88vw);display:flex;flex-direction:column;gap:0;background:#fff;box-shadow:-8px 0 40px #00000024;transform:translate(110%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;overflow-y:auto;overflow-x:hidden}.landing-mobile-nav.open{transform:translate(0);visibility:visible;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s}.landing-mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid var(--landing-border);flex-shrink:0}.landing-mobile-nav-close{width:42px;height:42px;border:1px solid var(--landing-border);border-radius:14px;background:#ffc8dd2e;color:var(--landing-primary-dark);font-size:1.55rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease;flex-shrink:0}.landing-mobile-nav-close:hover{background:#ffc8dd73}.landing-mobile-nav-links{display:flex;flex-direction:column;padding:1rem 0;flex:1}.landing-mobile-nav-links a{display:block;padding:1rem 1.5rem;color:var(--landing-text);font-size:1.08rem;font-weight:850;text-decoration:none;border-bottom:1px solid rgba(255,95,147,.08);transition:.18s ease}.landing-mobile-nav-links a:last-child{border-bottom:none}.landing-mobile-nav-links a:hover{color:var(--landing-primary-dark);background:#ffc8dd29;padding-left:2rem}.landing-mobile-nav-actions{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.25rem 2rem;border-top:1px solid var(--landing-border);flex-shrink:0}.landing-mobile-nav-group{display:grid;gap:.65rem}.landing-mobile-nav-group-title{color:var(--landing-muted);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.landing-mobile-nav-staff{padding-top:.85rem;border-top:1px solid var(--landing-border)}.landing-mobile-nav-actions .landing-header-attendance,.landing-mobile-nav-actions .landing-header-login,.landing-mobile-nav-actions .landing-header-register{width:100%;justify-content:center;min-height:50px;font-size:1rem}@media(max-width:1024px){.landing-hamburger{display:flex}.landing-mobile-overlay{display:block}.landing-header-actions{display:none}}.landing-blob{position:absolute;border-radius:999px;pointer-events:none;filter:blur(70px);z-index:0}.landing-blob-1{width:560px;height:560px;top:-120px;right:-160px;background:radial-gradient(circle,rgba(255,141,181,.28),transparent 68%);animation:blobDrift1 12s ease-in-out infinite}.landing-blob-2{width:420px;height:420px;bottom:-80px;left:-100px;background:radial-gradient(circle,rgba(255,200,221,.32),transparent 68%);animation:blobDrift2 15s ease-in-out infinite}.landing-blob-3{width:300px;height:300px;top:40%;left:38%;background:radial-gradient(circle,rgba(255,95,147,.12),transparent 68%);animation:blobDrift3 18s ease-in-out infinite}@keyframes blobDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.05)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes blobDrift2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(30px,-25px) scale(1.08)}70%{transform:translate(-15px,15px) scale(.96)}}@keyframes blobDrift3{0%,to{transform:translate(0)}50%{transform:translate(25px,-30px)}}.landing-hero-collage{position:relative;width:min(480px,100%);aspect-ratio:1 / 1.08;animation:landingFloat 5.5s ease-in-out infinite}@keyframes landingPhotoSwap{0%{opacity:.45;transform:translate(18px) rotate(1deg) scale(.985)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.landing-collage-main{animation:landingPhotoSwap .52s ease-out both;position:absolute;top:0;right:10%;bottom:12%;left:0;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #ff5f9338}.landing-collage-card{position:absolute;left:-2%;bottom:0;width:46%;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;border:6px solid #ffffff;box-shadow:0 16px 40px #0000002e;transform:rotate(-4deg);transition:transform .4s ease}.landing-collage-card:hover{transform:rotate(-2deg) scale(1.03)}.landing-collage-dot{position:absolute;top:-2%;right:0;width:32%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid #ffffff;box-shadow:0 14px 34px #00000029}.landing-collage-main img,.landing-collage-card img,.landing-collage-dot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.landing-collage-main:hover img,.landing-collage-card:hover img,.landing-collage-dot:hover img{transform:scale(1.05)}.landing-collage-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:1.1rem;background:linear-gradient(to top,rgba(180,20,60,.7),transparent 55%);pointer-events:none}.landing-collage-label span{color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.landing-carousel-controls{position:absolute;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:.55rem;padding:.4rem;border:1px solid var(--landing-border);border-radius:var(--landing-radius-pill);background:#fffffff0;box-shadow:var(--landing-shadow-soft)}.landing-carousel-controls span{padding-left:.45rem;color:var(--landing-muted);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.landing-carousel-controls button{min-height:34px;padding:0 .75rem;border:0;border-radius:var(--landing-radius-pill);background:var(--landing-primary-soft);color:var(--landing-primary-dark);font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}.landing-carousel-controls button:focus-visible{outline:3px solid var(--landing-primary-dark);outline-offset:2px}@media(max-width:1024px){.landing-hero-collage{width:min(420px,92%);margin:2rem auto}}@media(max-width:768px){.landing-hero-visual{min-height:auto}.landing-hero-collage{width:min(340px,92%);margin:1.5rem auto;animation:none}.landing-collage-card{left:0;bottom:2%;width:40%;border-width:3px;border-radius:16px;transform:none}.landing-collage-card:hover{transform:none}.landing-collage-dot{width:28%;border-width:3px}.landing-collage-label,.landing-blob{display:none}}@media(max-width:480px){.landing-hero-collage{width:100%}}.landing-hero-copy h1{font-size:clamp(3rem,5vw,5rem)!important;letter-spacing:-.06em!important;line-height:1!important}.landing-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--landing-muted);font-size:.75rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;animation:scrollFade 2.4s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-scroll-indicator svg{animation:scrollBounce 1.6s ease-in-out infinite}@keyframes scrollFade{0%,to{opacity:.55}50%{opacity:1}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-width:768px){.landing-scroll-indicator{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-container *,.landing-container *:before,.landing-container *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing-container{background:radial-gradient(circle at 8% 14%,rgba(var(--color-primary-rgb, 255, 95, 147),.18),transparent 30%),radial-gradient(circle at 92% 8%,rgba(255,255,255,.92),transparent 26%),var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd 0%, #ffd6e8 45%, #fff1f7 100%));color:var(--landing-text)}.landing-container a{color:inherit}.landing-header{background:#ffffffd1;border-bottom-color:var(--landing-border);box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-header-scrolled{background:#fffffff2;box-shadow:0 4px 24px #ff5f931f;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.landing-header-content{width:min(1200px,calc(100% - 48px));min-height:76px;gap:clamp(.6rem,1.6vw,1.5rem)}.landing-logo{gap:.65rem}.landing-logo-image{width:44px;height:44px;border:1px solid var(--landing-border);border-radius:13px;object-fit:contain;background:#fff;box-shadow:var(--landing-shadow-soft)}.landing-logo-text strong{font-size:1.08rem}.landing-logo-text span{font-size:.62rem;letter-spacing:.13em}.landing-nav-links{border:1px solid var(--landing-border);border-radius:var(--landing-radius-pill);background:#ffffffd6;box-shadow:0 8px 24px #0000000f;gap:.15rem;padding:.35rem}.landing-nav-links a{min-height:40px;padding:0 .8rem;border-radius:var(--landing-radius-pill);color:var(--landing-text);font-size:.88rem;font-weight:800}.landing-nav-links a:hover{background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));box-shadow:var(--landing-shadow-primary);color:#fff}.landing-header-actions{gap:.5rem}.landing-header-attendance,.landing-header-login,.landing-header-register{min-height:42px;padding:0 .85rem;border-radius:var(--landing-radius-pill);font-size:.82rem;font-weight:850;box-shadow:none}.landing-header-attendance,.landing-header-login{background:#ffffffbf;border:1px solid var(--landing-border)}.landing-header-attendance{color:var(--landing-primary);border-color:var(--landing-primary-light)}.landing-header-login{color:var(--landing-text)}.landing-header-register{background:linear-gradient(135deg,var(--landing-primary),var(--landing-primary-light));color:#fff;box-shadow:var(--landing-shadow-primary)}.landing-hamburger,.landing-mobile-nav,.landing-mobile-overlay{display:none}.landing-hero{min-height:0;padding:8.75rem 1.5rem 5rem;background:transparent}.landing-hero:before{display:none}.landing-hero-content{width:min(1160px,100%);min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(2rem,6vw,5rem)}.landing-hero-copy h1{max-width:640px;margin-top:1.1rem;color:var(--landing-ink);font-size:clamp(2.8rem,5vw,4.4rem)!important;line-height:1.06!important;letter-spacing:-.055em!important}.landing-hero-copy p{max-width:560px;margin-top:1.25rem;color:var(--landing-muted);font-size:1.05rem;font-weight:450;line-height:1.75}.landing-eyebrow{min-height:32px;padding:0 .85rem;border:1px solid var(--landing-border);border-radius:var(--landing-radius-pill);background:#fffc;color:var(--landing-primary-dark);font-size:.72rem;letter-spacing:.11em}.landing-hero-buttons{margin-top:1.5rem}.landing-btn{min-height:48px;border-radius:10px;padding:0 1.2rem;font-size:.92rem;font-weight:750;box-shadow:none}.landing-hero-buttons .landing-btn-primary{min-height:50px;padding:0 1.4rem;font-size:.95rem;animation:none}.landing-hero-buttons .landing-btn-primary:hover{transform:translateY(-1px)}.landing-hero-visual{min-height:0;display:block}.landing-hero-image{display:block;width:100%;aspect-ratio:4 / 3;border:0;border-radius:24px;object-fit:contain;background:#fff;box-shadow:var(--landing-shadow)}.landing-featured-services{padding:5rem 1.5rem;background:linear-gradient(180deg,#fff0f5,#fff);border-top:1px solid #ffe6ee;border-bottom:1px solid #ffe6ee}.landing-section-header{margin-bottom:2.5rem}.landing-section-header h2,.landing-about-copy h2{color:var(--landing-ink);font-size:clamp(2rem,3.4vw,2.8rem);font-weight:750;letter-spacing:-.04em;line-height:1.12}.landing-section-header p,.landing-about-copy>p{color:var(--landing-muted);font-size:1rem;font-weight:450;line-height:1.75}.landing-featured-grid{width:min(1160px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.landing-featured-card{min-height:0;gap:.85rem;padding:1.35rem;border:1px solid var(--landing-border);border-radius:18px;background:#fff;box-shadow:none;animation:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.landing-featured-card:before{display:none}.landing-featured-card:hover{transform:translateY(-3px);border-color:#e8b7c5;background:#fff;box-shadow:var(--landing-shadow-soft)}.featured-card-icon{width:48px;height:48px;margin:0 0 .25rem;border-radius:14px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;box-shadow:0 8px 22px #ff5f9340;font-size:1.15rem}.landing-featured-card:hover .featured-card-icon{transform:none;box-shadow:none}.featured-card-image{height:150px;margin:0 0 .25rem;border-radius:12px;background:#fff}.featured-card-image img{width:100%;height:100%;object-fit:contain}.landing-featured-card h3{color:var(--landing-ink);font-size:1.15rem;font-weight:750}.landing-featured-card p{flex:1;color:var(--landing-muted);font-size:.93rem;font-weight:450;line-height:1.65}.landing-featured-card .landing-btn{min-height:44px;margin-top:.35rem;border-radius:9px;align-self:flex-start}.landing-featured-card .landing-btn-primary:after{display:none}.landing-about{padding:5rem 1.5rem;background:transparent}.landing-about-card{width:min(1160px,100%);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4rem);align-items:center}.landing-about-image{grid-column:auto;height:auto;min-height:300px;aspect-ratio:4 / 3;margin:0;border:0;border-radius:22px;background:#fff;box-shadow:var(--landing-shadow)}.landing-about-image img{object-fit:contain;background:#fff}.landing-about-copy,.landing-about-panel{border:0;border-radius:0;background:transparent;box-shadow:none}.landing-about-copy{padding:0}.landing-about-copy h2{margin-top:.8rem}.landing-about-points{grid-template-columns:1fr;gap:.7rem;margin:1.3rem 0 0;padding:0;list-style:none}.landing-about-points li{display:grid;gap:.2rem;padding:.85rem 1rem;border:1px solid var(--landing-border);border-radius:12px;background:#ffffffdb}.landing-about-points strong{color:var(--landing-ink);font-weight:750}.landing-about-points span{color:var(--landing-muted);font-size:.9rem;font-weight:450}.landing-footer{padding:3.5rem 1.5rem 1rem;background:linear-gradient(180deg,#120a0e,#1c0e14);color:#fff;border-top:1px solid rgba(255,95,147,.16)}.landing-footer-content{width:min(1160px,100%);grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:2rem}.landing-footer-logo img{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff}.landing-footer-brand p,.landing-footer-section p{color:#ffffffb8;font-size:.9rem;font-weight:600;line-height:1.65}.landing-footer-section h3{color:#fff;font-size:.95rem;font-weight:800}.landing-footer-staff-link{display:inline-block;margin-top:.35rem;color:#ffffffad!important;font-size:.78rem;text-decoration:underline;text-underline-offset:3px}.landing-footer-staff-link:hover{color:var(--landing-primary-light)!important}.landing-footer-bottom{border-top-color:#ffffff1a}.landing-footer-bottom p{color:#ffffff94}.landing-footer-logo strong{color:#fff}.landing-footer-logo span{color:#ffffffb8}#featured-services-anchor,#about,#contact{scroll-margin-top:92px}@media(min-width:769px){.landing-header-content{flex-wrap:nowrap}.landing-nav-links,.landing-header-actions{display:flex!important}.landing-hamburger,.landing-mobile-nav,.landing-mobile-overlay{display:none!important}}@media(max-width:1024px)and (min-width:769px){.landing-header-content{width:calc(100% - 32px);gap:.55rem}.landing-logo{gap:.45rem}.landing-logo-image{width:38px;height:38px}.landing-logo-text strong{font-size:.98rem}.landing-logo-text span{font-size:.55rem}.landing-nav-links a{padding-inline:.55rem;font-size:.82rem}.landing-header-actions{gap:.2rem}.landing-header-login,.landing-header-register{padding-inline:.7rem;font-size:.78rem}}@media(max-width:900px)and (min-width:769px){.landing-header-content{gap:.3rem}.landing-logo-text span{display:none}.landing-nav-links a{padding-inline:.42rem}.landing-header-login,.landing-header-register{padding-inline:.55rem}}@media(max-width:900px){.landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.landing-header-content{width:calc(100% - 28px);min-height:68px}.landing-logo-image{width:40px;height:40px}.landing-nav-links,.landing-header-actions{display:none!important}.landing-hamburger{display:flex!important;border-radius:10px;background:#fff;box-shadow:none}.landing-mobile-overlay{display:block}.landing-mobile-nav{display:none}.landing-mobile-nav.open{display:flex}.landing-mobile-nav-header{padding:1rem}.landing-mobile-nav-links a{padding:.9rem 1.2rem;font-size:1rem}.landing-mobile-nav-actions{padding:1rem}.landing-hero{padding:7.5rem 1.1rem 3.5rem}.landing-hero-content{grid-template-columns:1fr;gap:2rem}.landing-hero-copy{text-align:left}.landing-hero-copy .landing-eyebrow{margin-inline:0}.landing-hero-copy h1{margin-left:0;margin-right:0;font-size:clamp(2.35rem,8vw,3.4rem)!important}.landing-hero-copy p{margin-left:0;margin-right:0}.landing-hero-buttons{justify-content:flex-start}.landing-hero-buttons .landing-btn{width:auto}.landing-hero-image{aspect-ratio:16 / 11;border-radius:18px}.landing-featured-services,.landing-about{padding:3.5rem 1.1rem}.landing-about-card{grid-template-columns:1fr;gap:1.5rem}.landing-about-image{min-height:0}.landing-footer{padding-inline:1.1rem}.landing-footer-content{grid-template-columns:1fr;gap:1rem}}@media(max-width:600px){.landing-header-content{width:calc(100% - 24px)}.landing-logo-text strong{font-size:.96rem}.landing-logo-text span{font-size:.54rem}.landing-hero{padding:7rem 1rem 3rem}.landing-hero-copy h1{font-size:clamp(2.15rem,9vw,2.9rem)!important}.landing-hero-buttons .landing-btn{width:100%}.landing-featured-grid{grid-template-columns:1fr}.landing-featured-card{padding:1.2rem}.landing-section-header{margin-bottom:1.7rem}.landing-footer-bottom p{font-size:.75rem}}@media(max-width:360px){.landing-logo-text span{display:none}.landing-logo-text strong{font-size:.88rem}.landing-hero-copy h1{font-size:2rem!important}}.lc-toggle{position:fixed;bottom:1.8rem;right:1.8rem;z-index:9999;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;border-radius:999px;padding:10px 18px 10px 10px;cursor:pointer;box-shadow:0 14px 36px #ff5f9361;transition:transform .2s ease,box-shadow .2s ease;color:#fff}.lc-toggle:hover{transform:translateY(-3px);box-shadow:0 20px 44px #ff5f9373}.lc-toggle-img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#ffffffe6;padding:2px;box-shadow:0 3px 10px #0000001f}.lc-toggle-text{font-size:.88rem;font-weight:700;white-space:nowrap}.lc-panel{position:fixed;bottom:6.5rem;right:1.8rem;z-index:9999;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));background:#fffffff7;border:1px solid rgba(255,95,147,.2);border-radius:24px;box-shadow:0 24px 72px #0f172a2e;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:lc-slide-in .22s ease}@keyframes lc-slide-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;gap:10px}.lc-header-left{display:flex;align-items:center;gap:10px}.lc-header-avatar{position:relative;flex-shrink:0}.lc-header-img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#ffffffe6;padding:2px;box-shadow:0 2px 8px #0000001f}.lc-online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid #ff5f93}.lc-header-left strong{display:block;font-size:.95rem;font-weight:700}.lc-header-left span{font-size:.73rem;opacity:.85}.lc-header-actions{display:flex;gap:6px}.lc-icon-btn{width:32px;height:32px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lc-icon-btn:hover{background:#ffffff4d}.lc-body{flex:1;overflow-y:auto;padding:14px 12px 8px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#fff8fb,#fff1f7);scroll-behavior:smooth}.lc-body::-webkit-scrollbar{width:5px}.lc-body::-webkit-scrollbar-thumb{background:#ff5f9340;border-radius:999px}.lc-msg{display:flex;align-items:flex-end;gap:7px;max-width:88%}.lc-msg-user{align-self:flex-end;flex-direction:row-reverse}.lc-msg-bot{align-self:flex-start}.lc-msg-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0;box-shadow:0 2px 6px #ff5f932e}.lc-msg-content{display:flex;flex-direction:column}.lc-bubble{padding:9px 13px;border-radius:18px;font-size:.875rem;line-height:1.5;word-break:break-word;max-width:260px}.lc-msg-user .lc-bubble{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border-bottom-right-radius:6px}.lc-msg-bot .lc-bubble{background:#ffffffeb;border:1px solid rgba(255,95,147,.14);color:#1f2937;border-bottom-left-radius:6px;box-shadow:0 4px 12px #1f293712}.lc-bubble p{margin:0 0 4px}.lc-bubble p:last-child{margin-bottom:0}.lc-cta-btn{display:inline-block;margin-top:8px;padding:7px 14px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border-radius:10px;font-size:.82rem;font-weight:700;text-decoration:none;transition:opacity .15s}.lc-cta-btn:hover{opacity:.88}.lc-msg-user .lc-cta-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.5)}.lc-msg-time{font-size:.65rem;color:#c0a0b0;margin-top:3px;padding:0 2px}.lc-msg-user .lc-msg-time{text-align:right}.lc-typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#ffffffeb;border:1px solid rgba(255,95,147,.14);border-radius:18px 18px 18px 6px}.lc-typing-indicator span{width:7px;height:7px;background:#ff5f93;border-radius:50%;animation:lc-bounce 1.4s infinite ease-in-out both}.lc-typing-indicator span:nth-child(1){animation-delay:-.32s}.lc-typing-indicator span:nth-child(2){animation-delay:-.16s}.lc-typing-indicator span:nth-child(3){animation-delay:0s}@keyframes lc-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.lc-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 6px}.lc-suggestion-chip{padding:6px 12px;background:#ff5f9314;border:1px solid rgba(255,95,147,.18);border-radius:999px;color:#ff5f93;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.lc-suggestion-chip:hover{background:#ff5f9324;transform:translateY(-1px)}.lc-input-bar{display:flex;gap:8px;padding:10px 12px;background:#fffffff5;border-top:1px solid rgba(255,95,147,.12);align-items:center}.lc-input-bar input{flex:1;border:1px solid rgba(255,95,147,.2);border-radius:999px;padding:9px 14px;font-size:.875rem;outline:none;background:#fff8fb;color:#1f2937;transition:border-color .15s;min-width:0}.lc-input-bar input:focus{border-color:#ff5f93;background:#fff}.lc-input-bar input:disabled{opacity:.7}.lc-send-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ff5f934d;transition:opacity .15s,transform .1s}.lc-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.lc-send-btn:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}@media(max-width:480px){.lc-toggle{bottom:1.2rem;right:1.2rem;padding:8px}.lc-toggle-text{display:none}.lc-panel{bottom:5.5rem;right:1rem;width:calc(100vw - 24px);height:calc(100vh - 100px)}}.hbk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hbk-modal{display:flex;flex-direction:column;width:min(680px,100%);max-width:100%;max-height:calc(100vh - 40px);background:var(--hotel-surface, #ffffff);color:var(--hotel-text, #334155);border:1px solid var(--hotel-border, #e2e8f0);border-radius:20px;box-shadow:0 24px 70px #0f172a40;overflow:hidden}.hbk-modal.hbk-modal-lg{width:min(860px,100%)}.hbk-head{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;background:linear-gradient(135deg,var(--hotel-primary-soft, rgba(255, 95, 147, .1)) 0%,transparent 65%);border-bottom:1px solid var(--hotel-border, #e2e8f0)}.hbk-head>div,.hbk-head-left{display:flex;flex-direction:column;gap:6px;min-width:0}.hbk-head h2{margin:0;color:var(--hotel-heading, #0f172a);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.hbk-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hbk-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--hotel-primary, #ff5f93);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hbk-modal .close-btn{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--hotel-border, #e2e8f0);border-radius:10px;background:var(--hotel-surface, #ffffff);color:var(--hotel-muted, #64748b);cursor:pointer;transition:all .15s ease}.hbk-modal .close-btn:hover{background:var(--hotel-danger-bg, rgba(239, 68, 68, .08));color:var(--hotel-danger, #dc2626);border-color:var(--hotel-danger, #dc2626)}.hbk-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 24px}.hbk-pill{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hbk-pill.is-pending{background:#f59e0b1f;color:#b45309}.hbk-pill.is-approved{background:#3b82f61f;color:#2563eb}.hbk-pill.is-scheduled{background:#8b5cf61f;color:#7c3aed}.hbk-pill.is-checked_in,.hbk-pill.is-in_care{background:#10b9811f;color:#059669}.hbk-pill.is-ready_for_pickup{background:#14b8a61f;color:#0d9488}.hbk-pill.is-completed{background:#10b9811f;color:#059669}.hbk-pill.is-rejected,.hbk-pill.is-cancelled{background:#ef44441f;color:#dc2626}.hbk-pay{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hbk-pay.is-paid{background:#10b9811f;color:#059669}.hbk-pay.is-pending{background:#f59e0b1f;color:#b45309}.hbk-pay.is-partial{background:#3b82f61f;color:#2563eb}.hbk-pay.is-unpaid,.hbk-pay.is-rejected{background:#ef44441f;color:#dc2626}.hbk-guest{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--hotel-surface-alt, #f8fafc);border:1px solid var(--hotel-border, #e2e8f0)}.hbk-guest-avatar{flex-shrink:0;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--hotel-primary-soft, rgba(255, 95, 147, .1));overflow:hidden}.hbk-guest-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.hbk-guest-meta strong{color:var(--hotel-heading, #0f172a);font-size:1.05rem;font-weight:700}.hbk-guest-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--hotel-muted, #64748b);font-size:.85rem}.hbk-guest-phone{font-variant-numeric:tabular-nums}.hbk-guest-billing{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.hbk-guest-billing label{color:var(--hotel-muted, #64748b);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hbk-guest-billing strong{color:var(--hotel-heading, #0f172a);font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.hbk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hbk-cell{padding:12px 14px;border-radius:12px;background:var(--hotel-surface-alt, #f8fafc);border:1px solid var(--hotel-border, #e2e8f0)}.hbk-cell.full{grid-column:1 / -1}.hbk-cell label{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:var(--hotel-muted, #64748b);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hbk-cell span{color:var(--hotel-heading, #0f172a);font-weight:600;font-size:.92rem;word-break:break-word}.hbk-vax{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px dashed var(--hotel-border, #e2e8f0);background:var(--hotel-surface-alt, #f8fafc)}.hbk-vax-info{display:flex;align-items:center;gap:12px;min-width:0}.hbk-vax-icon{color:#059669;font-size:1.4rem}.hbk-vax-info div{display:flex;flex-direction:column;gap:2px}.hbk-vax-info strong{color:var(--hotel-heading, #0f172a);font-size:.92rem}.hbk-vax-info span{color:var(--hotel-muted, #64748b);font-size:.8rem}.hbk-panel{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:14px;border:1px solid var(--hotel-border, #e2e8f0);background:var(--hotel-surface-alt, #f8fafc)}.hbk-panel-head h3,.hbk-panel h3{margin:0;color:var(--hotel-heading, #0f172a);font-size:1rem;font-weight:700}.hbk-panel-head p,.hbk-panel p{margin:4px 0 0;color:var(--hotel-muted, #64748b);font-size:.85rem}.hbk-hint{color:var(--hotel-muted, #64748b);font-size:.75rem}.hbk-error{display:flex;align-items:center;gap:10px;margin:12px 24px 0;padding:10px 14px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#dc2626;font-size:.85rem}.hbk-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.hbk-btn.secondary{background:var(--color-surface-muted, #f3f4f6);color:var(--color-text, #4b5563)}.hbk-btn.approve{background:#10b981;color:#fff}.hbk-btn.reject{background:#ef4444;color:#fff}.hbk-btn.checkin{background:#f97316;color:#fff}.hbk-btn.checkout{background:#ef4444;color:#fff}.hbk-btn.start{background:var(--color-primary);color:#fff}.hbk-btn.complete{background:#10b981;color:#fff}.hbk-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.hbk-btn:disabled{opacity:.6;cursor:not-allowed}.hbk-foot{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--hotel-border, #e2e8f0);background:var(--hotel-surface-alt, #f8fafc)}.hbk-foot button{min-height:40px;padding:0 16px;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;white-space:nowrap}.hbk-foot button:disabled{opacity:.6;cursor:not-allowed}.hbk-body .hbk-foot{position:sticky;bottom:0;z-index:5;margin:4px -24px -20px;padding:14px 24px;background:var(--hotel-surface, #ffffff);border-top:1px solid var(--hotel-border, #e2e8f0)}.hbk-modal .secondary-btn{background:var(--hotel-surface, #ffffff);color:var(--hotel-heading, #0f172a);border:1px solid var(--hotel-border, #e2e8f0)}.hbk-modal .secondary-btn:hover:not(:disabled){border-color:var(--hotel-primary, #ff5f93);color:var(--hotel-primary, #ff5f93)}.hbk-modal .primary-btn,.hbk-modal .submit-btn{background:var(--hotel-primary, #ff5f93);color:#fff}.hbk-modal .primary-btn:hover:not(:disabled),.hbk-modal .submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}@media(max-width:768px){.hbk-overlay{padding:0;align-items:stretch}.hbk-modal{width:100%;max-height:100vh;border-radius:0}.hbk-grid{grid-template-columns:1fr}.hbk-foot{flex-direction:column}.hbk-foot button{width:100%}.hbk-guest{flex-wrap:wrap}.hbk-guest-billing{align-items:flex-start;text-align:left}}.svc-subtitle{margin:0;color:var(--landing-muted, #64748b);font-size:.85rem;font-weight:700}.svc-form{gap:1rem}.svc-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.svc-form-group{display:grid;gap:.35rem}.svc-form-group.full{grid-column:1 / -1}.svc-form-group span:first-child{display:inline-flex;align-items:center;gap:.4rem;color:var(--landing-text, #1f2937);font-size:.82rem;font-weight:800}.svc-form-group span:first-child svg{color:var(--landing-primary, #ff5f93);font-size:.85rem}.svc-form-group input,.svc-form-group select,.svc-form-group textarea{width:100%;min-height:44px;padding:.55rem .85rem;border:1px solid var(--landing-border, rgba(255, 95, 147, .18));border-radius:14px;background:#fff;color:var(--landing-text, #1f2937);font-size:.92rem;font-weight:700;font-family:inherit;outline:none;transition:.2s ease}.svc-form-group input:focus,.svc-form-group select:focus,.svc-form-group textarea:focus{border-color:var(--landing-primary, #ff5f93);box-shadow:0 0 0 3px #ff5f931f}.svc-form-group input.has-error,.svc-form-group select.has-error,.svc-form-group textarea.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.svc-form-group input:read-only{background:#ff5f930a}.svc-form-group textarea{min-height:80px;resize:vertical}.svc-field-error{color:#ef4444;font-size:.78rem;font-weight:750}.svc-field-hint{color:var(--landing-muted, #64748b);font-size:.78rem;font-weight:600}.svc-availability-status{color:var(--landing-muted, #64748b);font-size:.78rem;font-weight:700}.svc-availability-status[role=alert]{color:#b91c1c}.svc-submit-btn{min-height:50px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.5rem;border:none;border-radius:var(--landing-radius-pill, 999px);color:#fff;background:linear-gradient(135deg,var(--landing-primary, #ff5f93),var(--landing-primary-light, #ff8db5));font-family:inherit;font-size:.95rem;font-weight:900;cursor:pointer;transition:.22s ease;box-shadow:var(--landing-shadow-primary, 0 14px 34px rgba(255, 95, 147, .28))}.svc-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.svc-submit-btn:disabled{opacity:.65;cursor:not-allowed}.svc-add-health-btn{min-height:40px;display:inline-flex;align-items:center;gap:.45rem;padding:0 1rem;border:1px dashed var(--landing-primary, #ff5f93);border-radius:12px;background:#ff5f930a;color:var(--landing-primary-dark, #c93662);font-family:inherit;font-size:.85rem;font-weight:800;cursor:pointer;transition:.2s ease}.svc-add-health-btn:hover{background:#ff5f931a}.svc-health-section{padding:1.1rem;border:1px solid var(--landing-border, rgba(255, 95, 147, .18));border-radius:18px;background:#ff5f9308}.svc-health-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.svc-health-header h4{margin:0;display:inline-flex;align-items:center;gap:.4rem;color:var(--landing-primary-dark, #c93662);font-size:.92rem;font-weight:900}.svc-health-cancel{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border:1px solid var(--landing-border, rgba(255, 95, 147, .18));border-radius:10px;background:#fff;color:#64748b;font-family:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transition:.2s ease}.svc-health-cancel:hover{color:#ef4444;border-color:#ef444459;background:#ef44440a}@media(max-width:640px){.svc-form-row{grid-template-columns:1fr;gap:.85rem}}@media(max-width:380px){.hbk-modal .hbk-head h2{font-size:1.15rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.paws-datepicker-wrap{position:relative;width:100%}.paws-datepicker-wrap input{width:100%;min-height:44px;padding:.55rem 1rem;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#f9fafb;color:#1f2937;font-size:.92rem;outline:none;transition:.18s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer}.paws-datepicker-wrap input::placeholder{color:#9ca3af}.paws-datepicker-wrap input:focus{border-color:#ec489966;box-shadow:0 0 0 3px #ec489914;background:#fff}.paws-datepicker-calendar{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 12px 32px #0000001a;overflow:hidden}.react-datepicker__header{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-bottom:1px solid rgba(0,0,0,.05);padding:.9rem 0}.react-datepicker__current-month{font-weight:700;font-size:.95rem;color:#1f2937;letter-spacing:-.01em}.react-datepicker__day-names{margin-top:.4rem}.react-datepicker__day-name{color:#6b7280;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;width:2.2rem;line-height:2.2rem}.react-datepicker__day{width:2.2rem;line-height:2.2rem;border-radius:8px;font-size:.85rem;color:#374151;transition:.12s ease}.react-datepicker__day:hover{background:#ec48991a;color:#be185d}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:#ec4899;color:#fff;font-weight:600}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background:#db2777}.react-datepicker__day--today{border:1px solid rgba(236,72,153,.35);color:#be185d;font-weight:700}.react-datepicker__day--disabled{color:#d1d5db}.react-datepicker__day--outside-month{color:#9ca3af}.react-datepicker__navigation{top:.75rem;width:1.8rem;height:1.8rem;border-radius:8px;transition:.18s ease}.react-datepicker__navigation:hover{background:#ec489914}.react-datepicker__navigation-icon:before{border-color:#ec4899;border-width:2px 2px 0 0;width:6px;height:6px}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{margin:0 .25rem}.react-datepicker__month-read-view,.react-datepicker__year-read-view{font-weight:600;color:#1f2937}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{border:1px solid rgba(0,0,0,.06);border-radius:10px;box-shadow:0 8px 24px #00000014;background:#fff}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background:#ec489914}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background:#ec4899;color:#fff}.react-datepicker__time-container{border-left:1px solid rgba(0,0,0,.05)}.react-datepicker__time-list-item{font-size:.82rem;color:#374151;padding:.35rem .6rem;border-radius:6px}.react-datepicker__time-list-item:hover{background:#ec489914;color:#be185d}.react-datepicker__time-list-item--selected{background:#ec4899;color:#fff;font-weight:600}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-bottom-color:#fdf2f8}.paws-datepicker-popper{z-index:13001}.react-datepicker__portal{z-index:13000;background-color:#0f172a40}.react-datepicker__portal .react-datepicker{margin:12vh auto;box-shadow:0 12px 32px #0000001a}@media(max-width:480px){.react-datepicker__day,.react-datepicker__day-name{width:1.9rem;line-height:1.9rem}}.paws-datepicker-hint{display:block;margin-top:.35rem;color:var(--color-muted, #64748b);font-size:.78rem}.pw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 12000);display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:pwModalFadeIn .18s ease}@keyframes pwModalFadeIn{0%{opacity:0}to{opacity:1}}.pw-modal{width:min(560px,96vw);max-height:90vh;display:flex;flex-direction:column;background:var(--color-surface-solid, #fff);border-radius:var(--radius-lg, 22px);box-shadow:0 24px 64px #0f172a47;overflow:hidden;animation:pwModalPop .28s cubic-bezier(.34,1.4,.64,1) both}@keyframes pwModalPop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.pw-modal--sm{width:min(420px,96vw)}.pw-modal--md{width:min(560px,96vw)}.pw-modal--lg{width:min(760px,96vw)}.pw-modal--xl{width:min(960px,96vw)}.pw-modal-header{display:flex;align-items:center;gap:.8rem;padding:1.05rem 1.4rem;background:linear-gradient(135deg,var(--color-primary, #ff5f93),#ec4899);color:#fff;flex-shrink:0}.pw-modal-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.05rem}.pw-modal-titles{min-width:0;flex:1}.pw-modal-title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:#fff!important}.pw-modal-subtitle{margin:0;font-size:.76rem;font-weight:500;color:#fff!important;opacity:.85}.pw-modal-close{margin-left:auto;width:34px;height:34px;flex:0 0 34px;border:none;border-radius:999px;background:#fff3;color:#fff;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.pw-modal-close:hover{background:#ffffff57}.pw-modal-body{padding:1.3rem 1.4rem;background:#f8fafc;overflow-y:auto;color:var(--color-text, #1f2937)}.pw-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.4rem;background:var(--color-surface-solid, #fff);border-top:1px solid #eef2f7;flex-shrink:0}.brm-modal{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0f172a38;overflow:hidden}.brm-body{padding:18px 22px;overflow-y:auto}.brm-section+.brm-section{margin-top:18px}.brm-section-title{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748b;display:flex;align-items:center;gap:7px}.brm-pet{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.brm-pet-name{font-size:15px;font-weight:700;color:#0f172a}.brm-pet-meta{font-size:13px;color:#64748b}.brm-rows,.brm-pricing{display:flex;flex-direction:column}.brm-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:14px;border-bottom:1px dashed #eef2f7}.brm-row:last-child{border-bottom:none}.brm-label{color:#64748b}.brm-value{color:#0f172a;font-weight:600;text-align:right;white-space:pre-line}.brm-pricing{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:4px 14px}.brm-total{margin-top:4px;padding-top:10px;border-top:1px solid #e2e8f0;border-bottom:none;font-size:16px;font-weight:700;color:#0f172a}.brm-total span:last-child{color:var(--color-primary)}.brm-attachment-img{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.brm-attachment-file{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:12px 14px;font-size:14px;color:#334155}.brm-attachment-file svg{color:var(--color-primary);font-size:18px}.brm-notes{margin:0;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;font-size:14px;color:#78350f;white-space:pre-line}.brm-pay-now{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #fbcfe8;border-radius:10px;background:#fff5f8;color:#334155;cursor:pointer}.brm-pay-now input{width:18px;height:18px;margin:2px 0 0;accent-color:#db2777;flex:0 0 auto}.brm-pay-now span{display:grid;gap:4px}.brm-pay-now strong{color:#831843;font-size:.9rem}.brm-pay-now small{color:#64748b;font-size:.78rem;line-height:1.4}.brm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;border-top:1px solid #f1f5f9}.brm-btn{border:none;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.brm-btn:disabled{opacity:.6;cursor:not-allowed}.brm-ghost{background:#f1f5f9;color:#334155}.brm-ghost:hover:not(:disabled){background:#e2e8f0}.brm-primary{background:var(--color-primary);color:#fff}.brm-primary:hover:not(:disabled){background:#be185d}@media(max-width:480px){.brm-footer{flex-direction:column-reverse}.brm-btn{width:100%;justify-content:center}}.pum-modal{max-width:480px}.pum-body{display:flex;flex-direction:column;gap:1.25rem}.pum-amount{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.85rem 1rem;border:1px solid #fbcfe8;border-radius:10px;background:#fff5f8;color:#831843}.pum-amount span{font-size:.84rem;font-weight:600}.pum-amount strong{font-size:1rem;white-space:nowrap}.pum-booking-pending-note{margin:-.5rem 0 0;color:#475569;font-size:.82rem;line-height:1.45}.pum-qr-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.pum-qr-img{width:160px;height:160px;object-fit:contain;border:2px solid #e5e7eb;border-radius:12px;padding:6px;background:#f9fafb}.pum-gcash-number{font-weight:700;color:#06c;font-size:1rem;margin:0}.pum-instruction{font-size:.82rem;color:#6b7280;margin:0;max-width:320px}.pum-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.pum-method-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .5rem;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.pum-method-btn:hover{border-color:#cbd5e1;background:#f1f5f9}.pum-method-btn.active{border-color:#ff5f93;background:#fff5f8;box-shadow:0 0 0 3px #ff5f931f}.pum-method-label{font-size:.92rem;font-weight:700;color:#1e293b}.pum-method-hint{font-size:.7rem;color:#64748b;text-align:center}.pum-maya-badge{display:inline-flex;align-items:center;justify-content:center;width:160px;height:80px;border:2px solid #00a94f;border-radius:12px;background:#f0fdf4;color:#00a94f;font-size:1.4rem;font-weight:800;letter-spacing:.05em}.pum-step{display:flex;flex-direction:column;gap:.6rem}.pum-step-label{font-size:.9rem;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:.5rem}.pum-step-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ff5f93;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.pum-required{font-weight:400;color:#9ca3af;font-size:.8rem}.pum-file-input{display:none}.pum-file-label{display:inline-block;padding:.55rem 1.1rem;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:8px;font-size:.88rem;font-weight:500;color:#475569;cursor:pointer;transition:background .15s,border-color .15s;width:fit-content}.pum-file-label:hover{background:#e2e8f0;border-color:#94a3b8}.pum-preview{border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;max-height:220px;display:flex;align-items:center;justify-content:center;background:#f8fafc}.pum-preview-img{max-width:100%;max-height:220px;object-fit:contain}.pum-preview-pdf{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:#475569}.pum-preview-pdf span:first-child{font-size:2rem}.pum-preview-pdf span:last-child{font-size:.85rem;font-weight:500}.pum-rejection-note{padding:.85rem 1rem;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#7f1d1d;font-size:.82rem;line-height:1.45}.pum-rejection-note strong{display:block;margin-bottom:.25rem}.pum-rejection-note p{margin:.25rem 0 0}.pum-rejection-note span{font-weight:700;overflow-wrap:anywhere}.pum-ref-input{width:100%;padding:.6rem .9rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#1e293b;outline:none;transition:border-color .15s;box-sizing:border-box}.pum-ref-input:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.pum-error{color:#dc2626;font-size:.85rem;margin:0;padding:.5rem .75rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.pum-modal .pw-modal-footer{display:flex;gap:.75rem}.pum-cancel-btn{flex:1;padding:.65rem;background:#f1f5f9;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;transition:background .15s}.pum-cancel-btn:hover{background:#e2e8f0}.pum-confirm-btn{flex:2;padding:.65rem;background:#ff5f93;border:none;border-radius:8px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;transition:background .15s,opacity .15s}.pum-confirm-btn:hover:not(:disabled){background:#e84f7f}.pum-confirm-btn:disabled{opacity:.45;cursor:not-allowed}*{box-sizing:border-box}.login-page{min-height:100vh;padding:1.5rem 1.25rem;background:radial-gradient(ellipse at 15% 20%,rgba(255,95,147,.22),transparent 40%),radial-gradient(ellipse at 85% 80%,rgba(255,141,181,.18),transparent 38%),linear-gradient(145deg,#ffc8dd,#ffd6e8 40%,#fff0f6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:hidden;font-family:Inter,Jost,system-ui,-apple-system,sans-serif}.login-blob{position:absolute;border-radius:999px;pointer-events:none;filter:blur(72px);z-index:0}.login-blob-1{width:520px;height:520px;top:-160px;right:-160px;background:radial-gradient(circle,rgba(255,141,181,.3),transparent 68%);animation:loginBlobDrift1 14s ease-in-out infinite}.login-blob-2{width:400px;height:400px;bottom:-120px;left:-100px;background:radial-gradient(circle,rgba(255,200,221,.35),transparent 68%);animation:loginBlobDrift2 17s ease-in-out infinite}.login-blob-3{width:260px;height:260px;top:40%;left:8%;background:radial-gradient(circle,rgba(255,95,147,.12),transparent 68%);animation:loginBlobDrift3 20s ease-in-out infinite}@keyframes loginBlobDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,25px) scale(1.06)}}@keyframes loginBlobDrift2{0%,to{transform:translate(0)}45%{transform:translate(28px,-20px) scale(1.05)}}@keyframes loginBlobDrift3{0%,to{transform:translate(0)}55%{transform:translate(18px,-25px)}}.login-page-paw{position:absolute;color:#ff5f9314;pointer-events:none;z-index:0;font-size:14rem;line-height:1}.login-page-paw-tl{top:-3rem;left:-3rem;transform:rotate(-20deg)}.login-page-paw-br{bottom:-3rem;right:-3rem;transform:rotate(15deg)}.login-back-link{position:fixed;top:1.4rem;left:1.4rem;z-index:100;display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1rem;border-radius:999px;color:#c93662;background:#ffffffd9;border:1px solid rgba(255,95,147,.22);text-decoration:none;font-size:.85rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #ff5f9329;transition:.2s ease}.login-back-link:hover{background:#fff;transform:translate(-2px);box-shadow:0 6px 22px #ff5f933d}@keyframes loginCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card{position:relative;z-index:1;width:min(460px,100%);border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 40px 100px #ff5f9333,0 10px 32px #0000001a;animation:loginCardIn .6s cubic-bezier(.34,1.3,.64,1) both}.login-card-header{position:relative;text-align:center;padding:1.5rem 2rem 2.25rem;background:linear-gradient(155deg,#a8003d,#ff5f93 55%,#ff9bbf);overflow:hidden}.login-card-header:after{content:"";position:absolute;bottom:-2px;left:-6%;width:112%;height:38px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.login-header-paw{position:absolute;font-size:6rem;opacity:.08;pointer-events:none;line-height:1}.login-header-paw-1{top:-1rem;right:-1.5rem;transform:rotate(18deg)}.login-header-paw-2{bottom:.5rem;left:-1rem;transform:rotate(-12deg)}.login-logo-img{width:72px;height:72px;object-fit:cover;border-radius:22px;border:3px solid rgba(255,255,255,.45);box-shadow:0 0 0 6px #ffffff26,0 18px 48px #64002852;display:block;margin:0 auto .6rem;position:relative;z-index:1;animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-brand-name{margin:0;color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:.18em;position:relative;z-index:1}.login-brand-tagline{margin:.3rem 0 0;color:#fffc;font-size:.8rem;font-weight:700;letter-spacing:.05em;position:relative;z-index:1}.login-card-body{padding:1.25rem 2rem 1.5rem}.login-heading{text-align:center;margin-bottom:1rem}.login-heading h2{margin:0 0 .35rem;color:#191919;font-size:1.5rem;font-weight:900;letter-spacing:-.03em;font-family:Jost,Inter,system-ui,sans-serif}.login-heading p{margin:0;color:#64748b;font-size:.92rem;font-weight:600}.login-form{display:flex;flex-direction:column;gap:0}.login-field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.8rem}.login-field label{color:#374151;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.login-input{width:100%;height:48px;padding:0 1rem;border-radius:14px;border:1.5px solid rgba(255,95,147,.22);background:#f8f9fc;color:#1f2937;font-size:.95rem;font-weight:700;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;display:block;box-sizing:border-box}.login-input:focus{background:#fff;border-color:#ff5f93;box-shadow:0 0 0 4px #ff5f9324}.login-input.login-input-error{border-color:#dc2626;background:#fff5f5;box-shadow:0 0 0 3px #dc26261a}.login-input::placeholder{color:#94a3b8;font-weight:500}.login-password-wrap{position:relative}.login-password-wrap .login-input{padding-right:3rem}.show-password-btn{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:.25rem;color:#94a3b8;display:flex;align-items:center;transition:color .18s ease}.show-password-btn:hover{color:#ff5f93}.login-error{margin-bottom:1rem;padding:.7rem 1rem;border-radius:12px;background:#fff5f5;border:1px solid #fecaca;color:#dc2626;font-size:.85rem;font-weight:700}.login-options{display:flex;justify-content:flex-end;margin:-.1rem 0 .9rem}.login-options a{color:#ff5f93;font-size:.85rem;font-weight:800;text-decoration:none;transition:color .18s ease}.login-options a:hover{color:#c93662}.login-btn{width:100%;height:50px;border:none;border-radius:16px;background:linear-gradient(135deg,#c93662,#ff5f93,#ff8db5);background-size:200% 100%;background-position:0% 50%;color:#fff;font-size:1rem;font-weight:900;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:0 12px 32px #ff5f9361;transition:transform .22s ease,box-shadow .22s ease,background-position .4s ease;position:relative;overflow:hidden}.login-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .55s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 44px #ff5f9380;background-position:100% 50%}.login-btn:hover:after{transform:translate(100%)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn-arrow{font-size:1.2rem;transition:transform .22s ease}.login-btn:hover .login-btn-arrow{transform:translate(3px)}.login-register{margin:.9rem 0 0;text-align:center;color:#64748b;font-size:.9rem;font-weight:600}.login-register a{color:#ff5f93;font-weight:900;text-decoration:none;transition:color .18s ease}.login-register a:hover{color:#c93662}.login-register .login-inline-link{border:0;padding:0;background:transparent;color:#ff5f93;font:inherit;font-weight:900;cursor:pointer}.login-register .login-inline-link:hover{color:#c93662}.login-trust-foot{position:relative;z-index:1;display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border-radius:999px;background:#ffffffc7;border:1px solid rgba(255,95,147,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #ff5f931a;font-size:.82rem;font-weight:700;color:#374151;white-space:nowrap}.login-trust-stars{color:#f59e0b;letter-spacing:.05em}@media(max-width:520px){.login-page{padding:1.25rem .85rem;gap:.85rem}.login-card{border-radius:28px}.login-card-header{padding:1.25rem 1.5rem 2rem}.login-logo-img{width:64px;height:64px;border-radius:20px}.login-brand-name{font-size:.95rem}.login-card-body{padding:1.1rem 1.5rem 1.35rem}.login-heading h2{font-size:1.4rem}.login-back-link span{display:none}.login-back-link{padding:.6rem .75rem}.login-trust-foot{font-size:.76rem;padding:.5rem 1rem;flex-wrap:wrap;justify-content:center;text-align:center}}@media(max-width:380px){.login-page-paw{display:none}.login-card{border-radius:22px}.login-heading h2{font-size:1.4rem}}@media(max-height:700px){.login-page{padding:1rem;gap:.75rem}.login-trust-foot,.login-page-paw{display:none}.login-card-header{padding:1rem 2rem 1.75rem}.login-logo-img{width:56px;height:56px;border-radius:18px;margin-bottom:.45rem}.login-card-body{padding:1rem 2rem 1.25rem}.login-heading{margin-bottom:.75rem}.login-heading h2{font-size:1.35rem}}.register-page,.register-page *{box-sizing:border-box}.register-page{--reg-primary: #ff5f93;--reg-primary-dark: #c93662;--reg-primary-light: #ff8db5;--reg-primary-soft: #ffc8dd;--reg-border: rgba(255, 95, 147, .18);--reg-surface: rgba(255, 255, 255, .92);--reg-surface-solid: #ffffff;--reg-heading: #191919;--reg-text: #1f2937;--reg-muted: #64748b;--reg-danger: #dc2626;--reg-success: #059669;--reg-shadow-primary: 0 12px 32px rgba(255, 95, 147, .36);--reg-radius-pill: 999px;min-height:100vh;padding:1.25rem;background:radial-gradient(ellipse at 12% 18%,rgba(255,95,147,.2),transparent 38%),radial-gradient(ellipse at 88% 82%,rgba(255,141,181,.16),transparent 36%),linear-gradient(145deg,#ffc8dd,#ffd6e8 40%,#fff0f6);display:grid;place-items:center;position:relative;overflow-x:hidden;font-family:Inter,Jost,system-ui,-apple-system,sans-serif;color:var(--reg-text)}.reg-blob{position:fixed;border-radius:999px;pointer-events:none;filter:blur(80px);z-index:0}.reg-blob-1{width:560px;height:560px;top:-180px;right:-180px;background:radial-gradient(circle,rgba(255,141,181,.28),transparent 68%);animation:regBlob1 15s ease-in-out infinite}.reg-blob-2{width:420px;height:420px;bottom:-140px;left:-100px;background:radial-gradient(circle,rgba(255,200,221,.32),transparent 68%);animation:regBlob2 18s ease-in-out infinite}.reg-blob-3{width:280px;height:280px;top:45%;left:5%;background:radial-gradient(circle,rgba(255,95,147,.1),transparent 68%);animation:regBlob3 22s ease-in-out infinite}@keyframes regBlob1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-28px,22px) scale(1.06)}}@keyframes regBlob2{0%,to{transform:translate(0)}45%{transform:translate(24px,-18px) scale(1.05)}}@keyframes regBlob3{0%,to{transform:translate(0)}55%{transform:translate(16px,-22px)}}.register-shell{position:relative;z-index:2;width:min(720px,100%)}.register-card{border-radius:32px;overflow:hidden;box-shadow:0 32px 80px #4b22322e,0 8px 24px #00000014}.register-back-link{position:fixed;top:1.4rem;left:1.4rem;z-index:100;display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1rem;border-radius:var(--reg-radius-pill);color:var(--reg-primary-dark);background:#ffffffd9;border:1px solid rgba(255,95,147,.22);text-decoration:none;font-size:.85rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #ff5f9329;transition:.2s ease}.register-back-link:hover{background:#fff;transform:translate(-2px);box-shadow:0 6px 22px #ff5f933d}.register-card{background:#fff;display:flex;flex-direction:column;animation:registerCardIn .65s cubic-bezier(.34,1.2,.64,1) both}@keyframes registerCardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.register-card-header{position:relative;text-align:center;padding:1.25rem 2rem 2.25rem;background:linear-gradient(155deg,#a8003d,#ff5f93 55%,#ff9bbf);overflow:hidden;flex-shrink:0}.register-card-header:after{content:"";position:absolute;bottom:-2px;left:-6%;width:112%;height:36px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.reg-header-paw{position:absolute;font-size:5rem;opacity:.1;pointer-events:none;line-height:1}.reg-header-paw-1{top:-1rem;right:-1rem;transform:rotate(18deg)}.reg-header-paw-2{bottom:.5rem;left:-1rem;transform:rotate(-12deg)}.register-card-logo{width:60px;height:60px;object-fit:cover;border-radius:18px;border:3px solid rgba(255,255,255,.45);box-shadow:0 0 0 5px #ffffff24,0 16px 40px #6400284d;display:block;margin:0 auto .5rem;position:relative;z-index:1}.register-card-brand{margin:0;color:#fff;font-size:1rem;font-weight:900;letter-spacing:.18em;position:relative;z-index:1}.register-card-sub{margin:.28rem 0 0;color:#ffffffd1;font-size:.8rem;font-weight:700;letter-spacing:.04em;position:relative;z-index:1}.register-card-body{flex:1;padding:1rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.register-progress{position:relative;display:flex;align-items:flex-start;justify-content:space-between}.register-progress:before{content:"";position:absolute;top:17px;left:calc(16.66% + 10px);right:calc(16.66% + 10px);height:2px;border-radius:999px;background:#ff5f932e;z-index:0}.register-step{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.register-step-circle{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid rgba(100,116,139,.2);background:#f1f5f9;color:#94a3b8;font-size:.88rem;transition:.25s ease}.register-step-circle svg{width:14px;height:14px;display:block;flex-shrink:0}.register-step.active .register-step-circle{background:linear-gradient(135deg,var(--reg-primary-dark),var(--reg-primary));border-color:transparent;color:#fff;box-shadow:0 4px 16px #ff5f9366;animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%,to{box-shadow:0 4px 16px #ff5f9366}50%{box-shadow:0 4px 24px #ff5f9399}}.register-step strong{display:block;color:var(--reg-heading);font-size:.83rem;font-weight:900}.register-step small{display:block;margin-top:.1rem;color:var(--reg-muted);font-size:.71rem;font-weight:700}.register-step.current strong{color:var(--reg-primary)}.register-alert{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;border-radius:16px;font-size:.88rem;font-weight:700;line-height:1.45}.register-alert.error{color:#b91c1c;background:#ef444414;border:1px solid rgba(239,68,68,.2)}.register-alert.success{color:#047857;background:#10b98114;border:1px solid rgba(16,185,129,.2)}.register-form{display:flex;flex-direction:column;gap:1rem}.register-form-section{padding:.9rem;border:1.5px solid var(--reg-border);border-radius:24px;background:#fafafa;animation:registerFadeUp .35s ease both}@keyframes registerFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-heading{display:flex;align-items:center;gap:.75rem;padding-bottom:.7rem;margin-bottom:.7rem;border-bottom:1px solid var(--reg-border)}.section-heading>span{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--reg-primary-dark),var(--reg-primary));box-shadow:var(--reg-shadow-primary);flex-shrink:0}.section-heading h3{margin:0;color:var(--reg-heading);font-size:1.1rem;font-weight:900}.section-heading p{margin:.2rem 0 0;color:var(--reg-muted);font-size:.86rem;font-weight:600;line-height:1.45}.register-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.register-form-grid.single{grid-template-columns:1fr}.register-form-group{min-width:0;display:grid;gap:.4rem}.register-form-group.full{grid-column:1 / -1}.register-form-group label{color:var(--reg-text);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.register-form-group input,.register-form-group select{width:100%;min-height:44px;border:1.5px solid rgba(255,95,147,.2);border-radius:14px;background:#fff;color:var(--reg-text);padding:0 .9rem;font:inherit;font-size:.93rem;font-weight:700;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.register-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--reg-primary) 50%),linear-gradient(135deg,var(--reg-primary) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.4rem}.register-form-group input::placeholder{color:#94a3b8;font-weight:500}.register-form-group input:hover,.register-form-group select:hover{border-color:var(--reg-primary-light)}.register-form-group input:focus,.register-form-group select:focus{border-color:var(--reg-primary);box-shadow:0 0 0 4px #ff5f9324;background:#fff}.register-form-group input.has-error{border-color:#dc2626;background:#fff5f5;box-shadow:0 0 0 3px #dc26261a}.register-phone-input{display:flex;align-items:center;min-height:44px;border:1.5px solid rgba(255,95,147,.2);border-radius:14px;background:#fff;overflow:hidden}.register-phone-input:focus-within{border-color:var(--reg-primary);box-shadow:0 0 0 4px #ff5f9324}.register-phone-input.has-error{border-color:#dc2626;background:#fff5f5;box-shadow:0 0 0 3px #dc26261a}.register-phone-input>span{padding:0 .85rem;color:var(--reg-primary-dark);font-weight:900;border-right:1px solid var(--reg-border)}.register-form-group .register-phone-input input,.register-form-group .register-phone-input input:focus,.register-form-group .register-phone-input input:hover{flex:1;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.register-field-error{color:#b91c1c;font-size:.78rem;font-weight:700}.register-password-group{position:relative;display:flex;align-items:center}.register-password-group input{padding-right:3rem}.register-password-toggle{position:absolute;right:.5rem;width:38px;height:38px;border:none;border-radius:12px;background:#ff5f9314;color:var(--reg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.register-password-toggle:hover{background:#ff5f9329;transform:translateY(-1px)}.password-strength{display:grid;gap:.35rem;margin-top:.35rem}.password-strength>div{display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem}.password-strength span{height:6px;border-radius:999px;background:#64748b26;transition:background .3s ease}.password-strength small{color:var(--reg-muted);font-size:.78rem;font-weight:700}.strength-1 span:nth-child(-n+1),.strength-2 span:nth-child(-n+2){background:#ef4444}.strength-3 span:nth-child(-n+3),.strength-4 span:nth-child(-n+4){background:#f59e0b}.strength-5 span:nth-child(-n+5){background:#10b981}.security-note{display:flex;align-items:center;gap:.65rem;margin-top:.75rem;padding:.7rem 1rem;border-radius:14px;background:#ff5f930f;border:1px solid rgba(255,95,147,.14);color:var(--reg-muted);font-size:.84rem;font-weight:700;line-height:1.45}.security-note svg{color:var(--reg-primary)}.register-review-card{margin-top:1rem;padding:1rem;border-radius:18px;background:#ff5f930a;border:1px solid var(--reg-border)}.register-review-card h4{margin:0 0 .8rem;color:var(--reg-heading);font-size:.95rem;font-weight:900}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.review-grid div{min-width:0;padding:.8rem;border-radius:14px;background:#fff;border:1px solid var(--reg-border)}.review-grid small{display:block;margin-bottom:.2rem;color:var(--reg-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.review-grid strong{color:var(--reg-heading);font-weight:900;font-size:.88rem;word-break:break-word}.register-terms-row{display:grid;gap:.3rem;margin-bottom:.5rem}.register-terms-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.9rem 1rem;border-radius:16px;border:1.5px solid var(--reg-border);background:#fff;transition:.2s ease}.register-terms-label:hover{border-color:var(--reg-primary-light);background:#ffc8dd14}.register-terms-label.has-error{border-color:#ef444499;background:#fef2f29e}.register-terms-label input[type=checkbox]{width:20px;height:20px;min-width:20px;accent-color:var(--reg-primary);margin-top:.1rem;cursor:pointer}.register-terms-label>span{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;color:var(--reg-text);font-size:.88rem;font-weight:700;line-height:1.5}.register-terms-label>span svg{color:var(--reg-primary);flex-shrink:0}.register-terms-label a{color:var(--reg-primary);font-weight:900;text-decoration:none}.register-terms-label a:hover{text-decoration:underline}.terms-required{color:var(--reg-danger);font-weight:900}.register-form-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.action-left,.action-right{display:flex;gap:.65rem}.register-primary-btn,.register-secondary-btn{min-height:46px;border:none;border-radius:var(--reg-radius-pill);padding:0 1.5rem;font-size:.95rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:transform .22s ease,box-shadow .22s ease;white-space:nowrap;position:relative;overflow:hidden}.register-primary-btn{color:#fff;background:linear-gradient(135deg,var(--reg-primary-dark),var(--reg-primary),var(--reg-primary-light));background-size:200% 100%;background-position:0% 50%;box-shadow:var(--reg-shadow-primary)}.register-primary-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .55s ease}.register-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 44px #ff5f9380;background-position:100% 50%}.register-primary-btn:hover:after{transform:translate(100%)}.register-secondary-btn{color:var(--reg-primary);background:#fff;border:1.5px solid var(--reg-border);box-shadow:0 4px 16px #0000000f}.register-secondary-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--reg-primary-light);box-shadow:0 8px 24px #ff5f9329}.register-primary-btn:disabled,.register-secondary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.register-login-link{text-align:center;color:var(--reg-muted);font-size:.9rem;font-weight:600;margin-top:-.25rem}.register-login-link a{color:var(--reg-primary);font-weight:900;text-decoration:none}.register-login-link a:hover{text-decoration:underline}@media(max-width:768px){.register-page{padding:.85rem}.register-card{border-radius:24px}.register-card-header{padding:1.1rem 1.5rem 1.9rem}.register-card-logo{width:56px;height:56px;border-radius:16px}.register-card-body{padding:.9rem 1.25rem 1.1rem}.register-progress:before{display:none}.register-step small{display:none}.register-step-circle{width:34px;height:34px;font-size:.82rem}.register-step-circle svg{width:13px;height:13px}.register-form-grid,.review-grid{grid-template-columns:1fr}.register-form-group.full{grid-column:auto}.section-heading{align-items:flex-start}.register-form-actions{flex-direction:column}.action-left,.action-right,.register-primary-btn,.register-secondary-btn{width:100%}}@media(max-width:480px){.register-page{padding:.65rem}.register-card{border-radius:20px}.register-card-header{padding:1rem 1.25rem 1.75rem}.register-card-body{padding:.85rem 1rem 1rem}.register-form-section{padding:.8rem;border-radius:18px}.register-step strong{font-size:.72rem}.register-back-link span{display:none}.register-back-link{padding:.6rem .75rem}}@media(max-height:800px)and (min-width:1081px){.register-page{padding:.5rem 1.25rem}.register-card-header{padding:.6rem 2rem 1.3rem}.register-card-header:after{height:28px}.register-card-logo{width:48px;height:48px;border-radius:14px}.register-card-body{padding:.6rem 1.5rem .8rem;gap:.55rem}.register-progress:before{top:15px}.register-step-circle{width:32px;height:32px;font-size:.8rem}.register-step small{display:none}.register-form{gap:.75rem}.register-form-grid{gap:.5rem}.register-form-group input,.register-form-group select{min-height:40px}.register-form-section{padding:.7rem}.section-heading{padding-bottom:.5rem;margin-bottom:.5rem;gap:.6rem}.section-heading>span{width:32px;height:32px;min-width:32px}.section-heading p{display:none}.register-primary-btn,.register-secondary-btn{min-height:42px}.register-login-link{margin-top:-.35rem}}.verify-message{margin:0;padding:.85rem 1rem;border-radius:14px;font-size:.95rem;line-height:1.55;text-align:center}.verify-message--info{background:#ff5f9314;color:var(--reg-text)}.verify-message--success{background:#0596691a;color:var(--reg-success)}.verify-message--error{background:#dc262614;color:var(--reg-danger)}.logout-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7));font-family:Inter,sans-serif}.logout-card{width:min(90%,420px);padding:3rem 2rem;text-align:center;border-radius:28px;background:#ffffffb8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 80px #4b22323d}.logout-card h1{margin:0 0 1.5rem;font-size:2.2rem;font-weight:950;background:linear-gradient(135deg,#ff5f93,#ff8db5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logout-card h2{margin:0 0 .7rem;color:#191919}.logout-card p{margin:0;color:#666}.qr-scanner{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.qrs-warning{width:100%;padding:.6rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:.82rem;font-weight:700;color:#92400e;text-align:center}.qrs-warning code{background:#00000014;padding:.1rem .3rem;border-radius:4px;font-family:monospace}.qrs-camera-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:320px}.qrs-camera-label{font-size:.8rem;font-weight:700;color:#64748b;white-space:nowrap}.qrs-camera-select{flex:1;padding:.4rem .6rem;border:1.5px solid rgba(255,95,147,.25);border-radius:8px;background:#f8fafc;color:#1f2937;font-size:.82rem;font-weight:600;cursor:pointer;outline:none;transition:border-color .18s}.qrs-camera-select:focus{border-color:#ff5f93}.qrs-camera-select:disabled{opacity:.55;cursor:not-allowed}.qrs-viewfinder{width:100%;max-width:320px;min-height:200px;border-radius:14px;overflow:hidden;background:#0f172a;border:2px solid rgba(255,95,147,.2);box-shadow:0 8px 24px #0f172a2e,0 0 0 1px #ff5f9314;position:relative}.qrs-viewfinder video{width:100%!important;height:auto!important;display:block}.qrs-viewfinder button{display:none!important}.qrs-viewfinder #qr-shaded-region{border-color:#ff5f9399!important}.qrs-error{width:100%;max-width:320px;padding:.65rem 1rem;background:#fee2e2;border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:.82rem;font-weight:700;color:#991b1b;text-align:center}.qrs-controls{display:flex;justify-content:center}.qrs-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.5rem;border:none;border-radius:999px;font-size:.88rem;font-weight:800;cursor:pointer;transition:.2s ease;outline:none}.qrs-btn-icon{font-size:1rem}.qrs-btn--start{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;box-shadow:0 8px 20px #ff5f9359}.qrs-btn--start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #ff5f9373}.qrs-btn--start:active:not(:disabled){transform:translateY(0)}.qrs-btn--start:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.qrs-btn--stop{background:#f1f5f9;color:#ef4444;border:1.5px solid #fecaca}.qrs-btn--stop:hover{background:#fee2e2;transform:translateY(-1px)}.qrs-hint{font-size:.78rem;font-weight:600;color:#64748b;text-align:center;margin:0;animation:qrsHintPulse 2s ease-in-out infinite}@keyframes qrsHintPulse{0%,to{opacity:1}50%{opacity:.5}}.barcode-kiosk{--bk-primary: var(--color-primary, #ff5f93);--bk-primary-light: var(--color-primary-light, #ff8db5);--bk-surface: var(--color-surface, rgba(255, 255, 255, .9));--bk-border: var(--color-border, rgba(255, 95, 147, .18));--bk-heading: var(--color-heading, #191919);--bk-text: var(--color-text, #1f2937);--bk-muted: var(--color-muted, #64748b);--bk-success: #10b981;--bk-success-soft: #d1fae5;--bk-danger: #ef4444;--bk-danger-soft: #fee2e2;--bk-warning: #f59e0b;--bk-warning-soft: #fef3c7;--bk-info: #3b82f6;--bk-info-soft: #dbeafe;--bk-orange: #f97316;--bk-orange-soft: #ffedd5;--bk-radius: 24px;--bk-radius-md: 16px;--bk-radius-sm: 10px;width:100%;min-height:100vh;padding:1.5rem;color:var(--bk-text);font-family:Inter,Jost,system-ui,sans-serif;display:flex;flex-direction:column;gap:1.25rem;cursor:text}.barcode-kiosk,.barcode-kiosk *{box-sizing:border-box}.bk-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,3vw,2rem);border:1px solid var(--bk-border);border-radius:var(--bk-radius);background:radial-gradient(circle at top right,rgba(255,95,147,.16),transparent 40%),var(--bk-surface);box-shadow:0 20px 50px #ff5f931f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-wrap:wrap}.bk-hero-left{display:flex;flex-direction:column;gap:.35rem}.bk-eyebrow{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;background:#ff5f931a;color:var(--bk-primary);border:1px solid rgba(255,95,147,.14);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;width:fit-content}.bk-hero h1{display:flex;align-items:center;gap:.6rem;margin:0;color:var(--bk-heading);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:950;line-height:1.05;letter-spacing:-.04em}.bk-hero h1 svg{color:var(--bk-primary)}.bk-hero p{margin:0;color:var(--bk-muted);font-size:.95rem;font-weight:650;max-width:420px}.bk-clock{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.bk-time{font-size:clamp(1.8rem,4vw,3rem);font-weight:950;color:var(--bk-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.bk-date{font-size:.8rem;font-weight:750;color:var(--bk-muted);text-align:right}.bk-stats{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border:1px solid var(--bk-border);border-radius:var(--bk-radius-md);background:var(--bk-surface);box-shadow:0 8px 24px #0f172a0d;flex-wrap:wrap}.bk-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--bk-radius-sm);background:#64748b0f;flex:1;min-width:110px}.bk-stat svg{color:var(--bk-muted);font-size:1rem}.bk-stat.in svg{color:var(--bk-success)}.bk-stat.out svg{color:var(--bk-info)}.bk-stat strong{font-size:1.25rem;font-weight:950;color:var(--bk-heading);line-height:1}.bk-stat small{font-size:.72rem;font-weight:800;color:var(--bk-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1}.bk-refresh-btn{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--bk-border);background:transparent;color:var(--bk-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;font-size:.85rem;flex-shrink:0}.bk-refresh-btn:hover:not(:disabled){background:#ff5f9314;color:var(--bk-primary);border-color:var(--bk-primary)}.bk-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.bk-scan-panel{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:clamp(1.75rem,4vw,2.5rem);border:1px solid var(--bk-border);border-radius:var(--bk-radius);background:var(--bk-surface);box-shadow:0 20px 50px #0f172a12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bk-scan-icon-wrap{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:#ff5f931a;border:2px solid rgba(255,95,147,.2);position:relative}.bk-scan-icon-wrap:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(255,95,147,.15);animation:bkPulse 2.2s ease infinite}@keyframes bkPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.14);opacity:0}}.bk-scan-icon{font-size:2.25rem;color:var(--bk-primary);transition:transform .3s ease,opacity .3s ease}.bk-scan-panel.is-loading{border-color:#ff5f9373;box-shadow:0 20px 50px #0f172a12,0 0 0 4px #ff5f9314,0 0 32px #ff5f932e}.bk-scan-panel.is-loading .bk-scan-icon{animation:bkScanBob 1.1s ease-in-out infinite}@keyframes bkScanBob{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-4px);opacity:.75}}.bk-scan-line{position:absolute;left:10%;right:10%;top:18%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--bk-primary) 35%,#ff8fb0 50%,var(--bk-primary) 65%,transparent);box-shadow:0 0 12px #ff5f93e6,0 0 4px #ff5f93;animation:bkLaserSweep 1s ease-in-out infinite;pointer-events:none}@keyframes bkLaserSweep{0%{top:16%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:80%;opacity:0}}.bk-processing:after{content:"";display:inline-block;width:1.4em;text-align:left;animation:bkDots 1.2s steps(4) infinite}@keyframes bkDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.bk-processing{color:var(--bk-primary)}.bk-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:bkSpin .7s linear infinite;flex-shrink:0}@keyframes bkSpin{to{transform:rotate(360deg)}}.bk-scan-panel.is-loading .bk-input-wrap{position:relative;overflow:hidden;border-radius:12px}.bk-scan-panel.is-loading .bk-input-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,95,147,.12) 50%,transparent 80%);animation:bkShimmer 1.1s linear infinite;pointer-events:none}@keyframes bkShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bk-scan-panel.is-loading .bk-input{border-color:#ff5f9380;background:#ff5f9308}.bk-scan-label{margin:0;color:var(--bk-muted);font-size:.95rem;font-weight:700;text-align:center}.bk-input-wrap{position:relative;width:100%;max-width:540px;display:flex;align-items:center;gap:0}.bk-input-icon{position:absolute;left:1rem;color:var(--bk-muted);font-size:.95rem;pointer-events:none;z-index:1}.bk-input{width:100%;padding:.875rem 3rem .875rem 2.75rem;border:2px solid var(--bk-border);border-radius:var(--bk-radius-sm);background:#f8fafc;color:var(--bk-text);font:inherit;font-size:1rem;font-weight:600;letter-spacing:.02em;transition:border-color .18s ease,box-shadow .18s ease;outline:none;text-align:center}.bk-input:focus{border-color:var(--bk-primary);box-shadow:0 0 0 3px #ff5f9324;background:#fff}.bk-input::placeholder{color:#94a3b8;font-weight:500;font-size:.875rem}.bk-input:disabled{opacity:.6;cursor:not-allowed}.bk-input-clear{position:absolute;right:.75rem;border:none;background:none;color:var(--bk-muted);font-size:1rem;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;transition:color .15s}.bk-input-clear:hover{color:var(--bk-danger)}.bk-submit-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 2rem;border:none;border-radius:var(--bk-radius-sm);background:var(--bk-primary);color:#fff;font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;transition:.2s ease;box-shadow:0 8px 20px #ff5f934d}.bk-submit-btn:hover:not(:disabled){background:var(--bk-primary-light);box-shadow:0 10px 28px #ff5f9366;transform:translateY(-1px)}.bk-submit-btn:active:not(:disabled){transform:translateY(0)}.bk-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.bk-alert{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-radius:var(--bk-radius-sm);font-size:.9rem;font-weight:700;cursor:pointer}.bk-alert.error{background:var(--bk-danger-soft);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.bk-alert span{flex:1}.bk-alert-close{border:none;background:none;color:inherit;opacity:.7;cursor:pointer;font-size:1rem;padding:0;line-height:1}.bk-result{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;border-radius:var(--bk-radius);cursor:pointer;animation:bkSlideIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes bkSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bk-result.in{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;color:#064e3b}.bk-result.out{background:linear-gradient(135deg,var(--bk-orange-soft) 0%,#fed7aa 100%);border:2px solid #fdba74;color:#7c2d12}.bk-result-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.bk-result.in .bk-result-icon{background:#10b98133;color:#059669}.bk-result.out .bk-result-icon{background:#f9731633;color:#ea580c}.bk-result-body{flex:1;display:flex;flex-direction:column;gap:.2rem}.bk-result-action{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.bk-result-name{font-size:1.4rem;font-weight:950;line-height:1.1;letter-spacing:-.02em}.bk-result-role{font-size:.82rem;font-weight:700;opacity:.7;text-transform:capitalize}.bk-result-times{display:flex;gap:.5rem;margin-top:.35rem;flex-wrap:wrap}.bk-result-dismiss{margin-top:.4rem;font-size:.73rem;opacity:.6;font-style:italic}.bk-result-check{font-size:2rem;opacity:.35;flex-shrink:0}.bk-late-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;background:var(--bk-warning-soft);color:#92400e;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(245,158,11,.25)}.bk-late-badge.small{font-size:.6rem;padding:.1rem .4rem;margin-left:.3rem}.bk-time-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:6px;font-size:.8rem;font-weight:800}.bk-time-tag.in{background:#d1fae5;color:#047857}.bk-time-tag.out{background:var(--bk-info-soft);color:#1e40af}.bk-time-tag.sm{font-size:.73rem;padding:.15rem .45rem}.bk-role-tag{display:inline-flex;padding:.15rem .5rem;border-radius:6px;background:#64748b1a;color:var(--bk-muted);font-size:.72rem;font-weight:800;text-transform:capitalize}.bk-status-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:capitalize;white-space:nowrap}.bk-status-badge.present{background:#d1fae5;color:#047857}.bk-status-badge.late{background:var(--bk-warning-soft);color:#92400e}.bk-status-badge.absent{background:var(--bk-danger-soft);color:#991b1b}.bk-status-badge.on_leave,.bk-status-badge.early_leave{background:var(--bk-info-soft);color:#1e40af}.bk-source-tag{display:inline-flex;padding:.15rem .5rem;border-radius:6px;background:#ff5f9314;color:var(--bk-primary);font-size:.7rem;font-weight:800}.bk-log{border:1px solid var(--bk-border);border-radius:var(--bk-radius);background:var(--bk-surface);box-shadow:0 12px 32px #0f172a0f;overflow:hidden}.bk-log-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--bk-border)}.bk-log-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:900;color:var(--bk-heading)}.bk-log-header h2 svg{color:var(--bk-primary)}.bk-log-count{padding:.2rem .65rem;border-radius:999px;background:#ff5f931a;color:var(--bk-primary);font-size:.72rem;font-weight:900;border:1px solid rgba(255,95,147,.15)}.bk-log-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 2rem;color:var(--bk-muted);text-align:center}.bk-log-empty svg{font-size:2.5rem;opacity:.3}.bk-log-empty p{margin:0;font-weight:700}.bk-log-empty small{font-size:.8rem;opacity:.7}.bk-log-table-wrap{overflow-x:auto}.bk-log-table{width:100%;border-collapse:collapse;font-size:.875rem}.bk-log-table th{padding:.65rem 1rem;text-align:left;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--bk-muted);background:#64748b0a;border-bottom:1px solid var(--bk-border);white-space:nowrap}.bk-log-table td{padding:.65rem 1rem;border-bottom:1px solid rgba(255,95,147,.06);vertical-align:middle;color:var(--bk-text)}.bk-log-table tr:last-child td{border-bottom:none}.bk-log-table tr:hover td{background:#ff5f9308}.bk-log-table td strong{font-weight:800;color:var(--bk-heading)}.bk-mode-toggle{display:flex;gap:.5rem;padding:.3rem;background:#64748b12;border-radius:var(--bk-radius-sm);border:1px solid var(--bk-border)}.bk-mode-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:none;border-radius:8px;font:inherit;font-size:.82rem;font-weight:800;color:var(--bk-muted);background:transparent;cursor:pointer;transition:.18s ease;white-space:nowrap}.bk-mode-btn:hover:not(:disabled):not(.active){background:#ff5f9312;color:var(--bk-primary)}.bk-mode-btn.active{background:var(--bk-primary);color:#fff;box-shadow:0 4px 12px #ff5f9347}.bk-mode-btn:disabled{opacity:.45;cursor:not-allowed}.bk-webcam-wrap{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center}.bk-qr-scanner{width:100%}.bk-webcam-processing{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:#ff5f930d;border:1px solid rgba(255,95,147,.18);border-radius:var(--bk-radius-sm);font-size:.95rem;font-weight:700;color:var(--bk-primary)}.bk-webcam-processing .bk-btn-spinner{width:18px;height:18px;border-width:2px;border-color:#ff5f934d;border-top-color:var(--bk-primary);border-radius:50%;animation:bkSpin .7s linear infinite;flex-shrink:0}@media(max-width:768px){.bk-hero{flex-direction:column;align-items:flex-start}.bk-clock{align-items:flex-start}.bk-date{text-align:left}.bk-stats{flex-direction:row;flex-wrap:wrap}.bk-stat{min-width:100px;flex:1}.bk-result{flex-direction:column;align-items:flex-start}.bk-result-check{display:none}.bk-log-table th:nth-child(6),.bk-log-table td:nth-child(6){display:none}}@media(max-width:480px){.barcode-kiosk{padding:1rem;gap:1rem}.bk-log-table th:nth-child(2),.bk-log-table td:nth-child(2),.bk-log-table th:nth-child(5),.bk-log-table td:nth-child(5){display:none}}.kiosk-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(160deg,#fff1f7,#ffe3ef 55%,#ffcfe3)}.kiosk-gate-card{width:100%;max-width:420px;background:#fff;border:1px solid #ffd6e7;border-radius:24px;box-shadow:0 24px 60px #ff5f932e;padding:2.5rem 2.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem}.kiosk-gate-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,#ff5f93,#ff8db5);box-shadow:0 12px 28px #ff5f9359}.kiosk-gate-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ff5f93}.kiosk-gate-card h1{margin:0;font-size:1.5rem;font-weight:900;color:#1f2937}.kiosk-gate-card p{margin:0;font-size:.9rem;color:#64748b;line-height:1.55}.kiosk-gate-error{width:100%;display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:.7rem .9rem;font-size:.85rem;font-weight:600;text-align:left}.kiosk-gate-field{width:100%;display:flex;align-items:center;gap:.65rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:0 1rem;color:#94a3b8;transition:border-color .2s ease,box-shadow .2s ease}.kiosk-gate-field:focus-within{border-color:#ff5f93;box-shadow:0 0 0 4px #ff5f931f}.kiosk-gate-field input{flex:1;border:none;outline:none;background:transparent;padding:.95rem 0;font-size:1.05rem;font-weight:700;letter-spacing:.2em;color:#1f2937}.kiosk-gate-submit{width:100%;min-height:50px;border:none;border-radius:14px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;font-size:1rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 28px #ff5f934d}.kiosk-gate-submit:hover:not(:disabled){transform:translateY(-2px)}.kiosk-gate-submit:disabled{opacity:.6;cursor:not-allowed}.kiosk-lock-btn{position:fixed;top:14px;right:14px;z-index:90;width:40px;height:40px;border-radius:999px;border:1px solid #ffd6e7;background:#ffffffe6;color:#94a3b8;font-size:.95rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px #00000014;transition:color .15s ease,border-color .15s ease}.kiosk-lock-btn:hover{color:#ff5f93;border-color:#ff5f93}.report-skeleton{box-sizing:border-box;min-width:0;padding:1.5rem;position:relative;overflow:hidden;background:transparent}.skeleton-section,.skeleton-header{margin-bottom:1.5rem}.skeleton-title-main{height:2rem;width:40%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:8px;margin-bottom:.75rem;animation:skeleton-loading 1.5s infinite}.skeleton-subtitle{height:1rem;width:60%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s infinite;animation-delay:.1s}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem}.skeleton-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.8);border-radius:16px}.skeleton-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{flex:1}.skeleton-title{height:.875rem;width:50%;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:.5rem;animation:skeleton-loading 1.5s infinite;animation-delay:.1s}.skeleton-value{height:1.75rem;width:70%;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;border-radius:6px;animation:skeleton-loading 1.5s infinite;animation-delay:.2s}.skeleton-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:1.5rem}.skeleton-chart{background:#f1f5f9cc;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:1.25rem;height:350px;display:flex;flex-direction:column}.skeleton-chart-header{margin-bottom:1rem}.skeleton-text{height:1rem;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s infinite}.skeleton-text.short{width:30%}.skeleton-chart-body{flex:1;display:flex;align-items:flex-end;justify-content:center}.skeleton-bars{display:flex;align-items:flex-end;gap:1rem;width:100%;height:100%;padding:0 1rem}.skeleton-bar{flex:1;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-radius:8px 8px 0 0;animation:skeleton-bar-pulse 1.5s infinite;min-height:20%}.skeleton-bar:nth-child(odd){animation-delay:.1s}.skeleton-bar:nth-child(2n){animation-delay:.2s}.skeleton-table{background:#f1f5f9cc;border:1px solid rgba(226,232,240,.8);border-radius:16px;overflow:hidden}.skeleton-table-header{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem;background:#e2e8f080;border-bottom:1px solid rgba(226,232,240,.8)}.skeleton-table-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem;border-bottom:1px solid rgba(226,232,240,.5)}.skeleton-cell{height:1rem;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s infinite}.skeleton-cell:nth-child(1){animation-delay:0s}.skeleton-cell:nth-child(2){animation-delay:.1s}.skeleton-cell:nth-child(3){animation-delay:.2s}.skeleton-cell:nth-child(4){animation-delay:.3s}.skeleton-cell:nth-child(5){animation-delay:.4s}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,200,221,.3) 50%,transparent 100%);animation:shimmer 2s infinite;pointer-events:none}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-bar-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){.report-skeleton{padding:1rem}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.skeleton-charts-grid{grid-template-columns:1fr}.skeleton-chart{height:250px}.skeleton-bars{gap:.5rem}}@media(max-width:480px){.skeleton-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.report-skeleton *,.report-skeleton:before,.report-skeleton:after{animation-duration:.01ms;animation-iteration-count:1}}.customer-sidebar{--sidebar-accent: var(--color-primary, #ff5f93);--sidebar-accent-light: var(--color-primary-light, #ff8db5);--sidebar-text: #ffffff;--sidebar-muted: rgba(255, 255, 255, .75);--sidebar-active-bg: rgba(255, 255, 255, .96);--sidebar-hover-bg: rgba(255, 255, 255, .18)}.customer-sidebar .sidebar-logo{display:flex;align-items:center;gap:.75rem}.customer-sidebar .sidebar-logo-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--sidebar-accent),var(--sidebar-accent-light));color:#fff;font-size:1.1rem;box-shadow:0 8px 20px #ff5f9347;flex-shrink:0}.customer-sidebar .sidebar-logo-text{display:flex;flex-direction:column;line-height:1.15;overflow:hidden}.customer-sidebar .sidebar-logo-name{color:#fff;font-size:1rem;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.customer-sidebar .sidebar-logo-role{color:#ffffffbf;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.customer-sidebar .nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.customer-sidebar .nav-item{margin:0;padding:0}.customer-sidebar .nav-link{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:14px;text-decoration:none;color:#ffffffe6;font-size:.88rem;font-weight:600;transition:background .22s cubic-bezier(.4,0,.2,1),color .22s ease,transform .22s ease;position:relative}.customer-sidebar .nav-link:hover{background:#ffffff2e;color:#fff;transform:translate(3px)}.customer-sidebar .nav-link.active{background:#fffffff5;color:var(--sidebar-accent);font-weight:700;box-shadow:0 14px 30px #4b22322e}.customer-sidebar .nav-link.active:before{content:"";position:absolute;left:-.45rem;top:50%;transform:translateY(-50%);width:4px;height:28px;border-radius:999px;background:var(--sidebar-accent)}.customer-sidebar .nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;font-size:.9rem;flex-shrink:0;transition:background .18s ease}.customer-sidebar .nav-link:hover .nav-icon{color:#fff}.customer-sidebar .nav-link.active .nav-icon{color:var(--sidebar-accent)}.customer-sidebar .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-sidebar .logout-btn{display:flex;align-items:center;gap:.65rem;width:100%;padding:.7rem .9rem;border:none;border-radius:14px;background:#ffffff26;color:#ffffffe6;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .22s ease,color .22s ease}.customer-sidebar .logout-btn svg{font-size:.9rem}.customer-sidebar .logout-btn:hover{background:#ffffff40;color:#fff}.app-sidebar.collapsed .customer-sidebar .sidebar-logo-text,.app-sidebar.collapsed .customer-sidebar .nav-label,.app-sidebar.collapsed .customer-sidebar .logout-btn span{display:none}.app-sidebar.collapsed .customer-sidebar .nav-icon{width:36px;height:36px;font-size:1rem}.dashboard-profile-card{position:relative;display:inline-flex;align-items:center}.dashboard-profile-btn{min-width:170px;height:48px;padding:0 14px;border:1px solid var(--color-border, #e0e0e0);border-radius:999px;background:var(--color-surface, #ffffff);color:var(--color-text, #333333);display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:var(--shadow-soft, 0 2px 8px rgba(0, 0, 0, .1))}.dashboard-profile-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;overflow:hidden;flex-shrink:0}.dashboard-profile-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-profile-info{display:flex;flex-direction:column;text-align:left;line-height:1.1}.dashboard-profile-info strong{font-size:.9rem;font-weight:900;color:var(--color-heading, #1a1a1a)}.dashboard-profile-info small{font-size:.75rem;font-weight:700;color:var(--color-muted, #666666)}@media(max-width:767px){.dashboard-profile-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0!important}.dashboard-profile-info{display:none!important}}.pawesome-notification-dropdown{position:relative;display:inline-flex;align-items:center}.pawesome-notification-btn{position:relative;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--color-border, rgba(255, 95, 147, .16));border-radius:50%;cursor:pointer;background:var(--color-surface-solid, #ffffff);box-shadow:0 2px 8px #0f172a14;color:var(--color-primary, #ff5f93);display:grid;place-items:center;flex-shrink:0;transition:.22s ease}.pawesome-notification-btn:hover{background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;transform:translateY(-2px)}.pawesome-notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:900;display:grid;place-items:center}.pawesome-notification-badge.pulse{animation:pawesomeNotificationPulse 1.8s infinite}@keyframes pawesomeNotificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pawesome-notifications-panel{position:fixed;top:88px;right:24px;width:min(380px,calc(100vw - 32px));padding:0;background:#fffffffa;border:1px solid rgba(255,95,147,.18);border-radius:16px;box-shadow:0 24px 60px #1f0f193d;overflow:hidden;z-index:2147483000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:top right;animation:pawesomeNotificationDropdownIn .18s ease}@keyframes pawesomeNotificationDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pawesome-notifications-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:12px 14px;border-bottom:1px solid rgba(255,95,147,.1)}.pawesome-notifications-header h3{margin:0;font-size:.95rem;font-weight:900;color:#191919}.pawesome-notifications-clear{border:none;background:transparent;color:#ff5f93;font-weight:900;cursor:pointer;white-space:nowrap}.pawesome-notifications-list{max-height:min(440px,calc(100vh - 150px));overflow-y:auto}.pawesome-notification-item{width:100%;border:none;background:transparent;display:flex;gap:.8rem;padding:1rem;text-align:left;cursor:pointer;border-bottom:1px solid rgba(255,95,147,.08)}.pawesome-notification-item:hover{background:#ff5f9314}.pawesome-notification-item.unread{background:#ff5f931f}.pawesome-notification-icon{width:38px;height:38px;min-width:38px;border-radius:14px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8}.pawesome-notification-item.success .pawesome-notification-icon{background:#dcfce7;color:#15803d}.pawesome-notification-item.warning .pawesome-notification-icon{background:#fef3c7;color:#b45309}.pawesome-notification-item.danger .pawesome-notification-icon,.pawesome-notification-item.error .pawesome-notification-icon{background:#fee2e2;color:#dc2626}.pawesome-notification-content{min-width:0;display:flex;flex-direction:column;gap:.25rem}.pawesome-notification-content strong{color:#191919;font-size:.9rem}.pawesome-notification-content p{margin:0;color:#64748b;font-size:.82rem;line-height:1.35}.pawesome-notification-time{color:#94a3b8;font-size:.72rem}.pawesome-notification-empty{padding:18px;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b;text-align:center;font-size:.85rem}.pawesome-notification-empty svg{color:#ff5f9366;font-size:1.3rem}@media(max-width:768px){.pawesome-notifications-panel{top:96px;right:12px;width:min(340px,calc(100vw - 24px))}.pawesome-notification-btn{width:44px;height:44px;min-width:44px}}@media(max-width:480px){.pawesome-notifications-panel{top:112px;right:8px;width:calc(100vw - 16px);border-radius:18px;max-height:70vh}}.rbac-chatbot{z-index:2200}.rbac-chatbot.widget{bottom:5.5rem;position:fixed;right:1.5rem}.rbac-chatbot.embedded{position:relative;width:100%}.rbac-chatbot-toggle{align-items:center;background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;border-radius:999px;box-shadow:0 18px 40px #ff5f9352;color:#fff;cursor:pointer;display:flex;gap:.7rem;padding:.8rem 1.1rem;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.rbac-chatbot-toggle:hover{transform:translateY(-3px);box-shadow:0 24px 50px #ff5f9361}.rbac-chatbot-toggle-icon{align-items:center;background:#fff3;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:950;height:38px;justify-content:center;width:38px}.rbac-chatbot-toggle-text{font-weight:950}.rbac-chatbot-panel{background:#fffffff5;border:1px solid rgba(255,95,147,.22);border-radius:28px;box-shadow:0 30px 80px #0f172a38;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rbac-chatbot.widget .rbac-chatbot-panel{height:min(680px,calc(100vh - 80px));width:min(420px,calc(100vw - 32px))}.rbac-chatbot.embedded .rbac-chatbot-panel{min-height:640px;width:100%;max-width:920px;margin:1.5rem auto;border-radius:28px;background:#ffffffdb;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;overflow:hidden}.rbac-chatbot-header{align-items:center;background:radial-gradient(circle at top right,rgba(255,255,255,.28),transparent 35%),linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem}.rbac-chatbot-header h3{font-size:1.08rem;font-weight:950;margin:0 0 .25rem;letter-spacing:-.025em}.rbac-chatbot-header p{margin:0;opacity:.88;font-size:.88rem;line-height:1.4}.rbac-chatbot-close{background:#ffffff29;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;cursor:pointer;padding:.55rem .8rem;font-weight:900;transition:background .2s ease,transform .2s ease}.rbac-chatbot-close:hover{background:#ffffff40;transform:translateY(-2px)}.rbac-chatbot-body{background:radial-gradient(circle at top right,rgba(255,95,147,.12),transparent 32%),linear-gradient(180deg,#fff8fb,#fff1f7);display:flex;flex:1;flex-direction:column;gap:.85rem;overflow-y:auto;overscroll-behavior:contain;padding:1rem}.rbac-chatbot-body::-webkit-scrollbar,.rbac-workflow-modal::-webkit-scrollbar{width:8px}.rbac-chatbot-body::-webkit-scrollbar-track,.rbac-workflow-modal::-webkit-scrollbar-track{background:#ffc8dd59}.rbac-chatbot-body::-webkit-scrollbar-thumb,.rbac-workflow-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff5f93,#ff8db5);border-radius:999px}.rbac-chat-message{display:flex;animation:rbac-msg-in .25s ease both}@keyframes rbac-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.rbac-chat-message{animation:none}}.rbac-typing-bubble{padding:.9rem 1.1rem}.rbac-chat-message.user{justify-content:flex-end}.rbac-chat-bubble{border-radius:20px;max-width:86%;padding:.85rem 1rem;box-shadow:0 10px 24px #1f293714;overflow-wrap:anywhere}.rbac-chat-message.bot .rbac-chat-bubble{background:#ffffffe6;border:1px solid rgba(255,95,147,.14);color:#1f2937}.rbac-chat-message.user .rbac-chat-bubble{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff}.rbac-chat-bubble p{line-height:1.5;margin:0 0 .5rem;font-size:.92rem}.rbac-chat-bubble p:last-child{margin-bottom:0}.rbac-chat-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.rbac-chip,.rbac-link-action{border-radius:999px;cursor:pointer;padding:.5rem .75rem;font-size:.78rem;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.rbac-chip{background:#ff5f931a;border:1px solid rgba(255,95,147,.16);color:#ff5f93}.rbac-link-action{background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;color:#fff;box-shadow:0 10px 22px #ff5f932e}.rbac-chip:hover,.rbac-link-action:hover{transform:translateY(-2px)}.rbac-chatbot-form{background:#fffffff0;border-top:1px solid rgba(255,95,147,.14);display:flex;gap:.65rem;padding:.9rem}.rbac-chatbot-form input{background:#ffffffe0;border:1px solid rgba(255,95,147,.18);border-radius:16px;flex:1;padding:.78rem .9rem;color:#1f2937;outline:none;min-width:0}.rbac-chatbot-form input:focus{border-color:#ff5f9394;box-shadow:0 0 0 4px #ff5f931f}.rbac-chatbot-form button{background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;border-radius:16px;color:#fff;cursor:pointer;padding:.78rem 1rem;font-weight:950;box-shadow:0 12px 24px #ff5f9333}.rbac-chatbot-form button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.rbac-chatbot-form input:focus-visible,.rbac-chatbot-form button:focus-visible,.rbac-quick-action:focus-visible,.rbac-chatbot-icon-btn:focus-visible,.rbac-chatbot-toggle:focus-visible,.rbac-chip:focus-visible,.rbac-link-action:focus-visible{outline:2px solid rgba(255,95,147,.6);outline-offset:2px}.rbac-chatbot-state,.rbac-chatbot-error{background:#ff5f9314;border:1px solid rgba(255,95,147,.12);border-radius:16px;color:#64748b;padding:.8rem .9rem;font-weight:800}.rbac-chatbot-error{background:#ef444414;border-color:#ef444429;color:#dc2626}.rbac-workflow-modal{background:#fffffff5;border:1px solid rgba(255,95,147,.2);border-radius:28px;box-shadow:0 30px 80px #0f172a42;max-height:85vh;overflow-y:auto;padding:1.2rem;width:min(560px,calc(100vw - 32px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rbac-workflow-form{display:flex;flex-direction:column;gap:.9rem}.rbac-workflow-form label{color:#64748b;display:flex;flex-direction:column;font-size:.86rem;font-weight:900;gap:.45rem}.rbac-workflow-form input,.rbac-workflow-form select,.rbac-workflow-form textarea{background:#ffffffe0;border:1px solid rgba(255,95,147,.18);border-radius:16px;padding:.8rem .9rem;color:#1f2937;outline:none}.rbac-workflow-form input:focus,.rbac-workflow-form select:focus,.rbac-workflow-form textarea:focus{border-color:#ff5f9394;box-shadow:0 0 0 4px #ff5f931f}.rbac-workflow-form button{align-self:flex-start;background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;border-radius:999px;color:#fff;cursor:pointer;padding:.8rem 1rem;font-weight:950;box-shadow:0 12px 24px #ff5f9333}.rbac-workflow-form button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.rbac-workflow-results{display:grid;gap:.75rem;margin-top:1rem}.rbac-result-card{background:#ff5f930f;border:1px solid rgba(255,95,147,.13);border-radius:18px;display:flex;flex-direction:column;gap:.3rem;padding:.9rem}.rbac-result-card strong{color:#191919}.rbac-result-card span{color:#64748b;font-size:.88rem}.rbac-ai-indicator{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:#ff5f93;background:#ff5f931a;border:1px solid rgba(255,95,147,.14);padding:.25rem .55rem;border-radius:999px;margin-top:.5rem;font-weight:900;cursor:help}.rbac-ai-indicator:before{content:"AI";font-size:.65rem;font-weight:950}.rbac-typing-indicator{align-items:center;display:flex;gap:3px;justify-content:center}.rbac-typing-indicator span{animation:typing-bounce 1.4s infinite ease-in-out both;background:#ff5f93;border-radius:50%;display:inline-block;height:6px;width:6px}.rbac-typing-indicator span:nth-child(1){animation-delay:-.32s}.rbac-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:768px){.rbac-chatbot.widget{bottom:16px;left:auto;right:16px}.rbac-chatbot.widget .rbac-chatbot-panel{height:min(640px,calc(100vh - 32px));width:min(420px,calc(100vw - 32px))}.rbac-chatbot-toggle{justify-content:center;min-width:0;width:auto;max-width:calc(100vw - 120px);padding-inline:.9rem}}@media(max-width:480px){.rbac-chatbot.widget{bottom:14px;right:12px}.rbac-chatbot.widget .rbac-chatbot-panel{width:calc(100vw - 24px)}.rbac-chatbot-toggle-text{display:none}.rbac-chatbot-header{align-items:flex-start;flex-direction:column}.rbac-chatbot-close{width:100%}}.rbac-chatbot-title-wrap{display:flex;align-items:center;gap:.8rem}.rbac-chatbot-header-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;background:#fff3;color:#fff;font-size:1rem}.rbac-chatbot-header-actions{display:flex;align-items:center;gap:.5rem}.rbac-chatbot-icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff29;color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease}.rbac-chatbot-icon-btn:hover{transform:translateY(-2px);background:#ffffff40}.rbac-quick-actions-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.75rem;border-radius:20px;background:#ffffffb3;border:1px solid rgba(255,95,147,.14);box-shadow:0 10px 24px #ff5f9314}.rbac-quick-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;border:1px solid rgba(255,95,147,.16);border-radius:16px;background:#ff5f9314;color:#ff5f93;font-size:.78rem;font-weight:950;cursor:pointer;transition:transform .2s ease,background .2s ease}.rbac-quick-action:hover{transform:translateY(-2px);background:#ff5f9324}.rbac-chatbot-form button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.rbac-ai-indicator{gap:.35rem}@media(max-width:480px){.rbac-quick-actions-bar{grid-template-columns:1fr}.rbac-chatbot-title-wrap{align-items:flex-start}.rbac-chatbot-header-actions{width:100%}.rbac-chatbot-icon-btn{flex:1}}.rbac-customer-flow-notice{display:grid;gap:.25rem;padding:.85rem .95rem;border:1px solid rgba(245,158,11,.25);border-radius:18px;background:#fff7ede0;color:#92400e;box-shadow:0 10px 22px #f59e0b14}.rbac-customer-flow-notice strong{font-size:.86rem;font-weight:950}.rbac-customer-flow-notice span{font-size:.8rem;font-weight:750;line-height:1.45}.rbac-chatbot.embedded .rbac-quick-actions-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.rbac-chatbot.embedded .rbac-chatbot-body{padding:1.1rem}@media(max-width:768px){.rbac-chatbot.embedded .rbac-quick-actions-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.rbac-chatbot.embedded .rbac-quick-actions-bar{grid-template-columns:1fr}}.chatbot-avatar-img{width:42px;height:42px;object-fit:cover;border-radius:50%;background:#fff;padding:4px;box-shadow:0 8px 22px #ff5f9352}.rbac-chatbot.widget .rbac-chatbot-panel{height:min(720px,calc(100vh - 80px));width:min(480px,calc(100vw - 32px))}.rbac-toggle-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.rbac-toggle-bot-img{width:46px;height:46px;object-fit:cover;border-radius:50%;background:#fff;padding:3px;box-shadow:0 4px 14px #ff5f9359}.rbac-toggle-pulse{position:absolute;top:0;right:0;width:12px;height:12px;background:#f59e0b;border-radius:50%;border:2px solid #fff;animation:toggle-pulse 1.6s ease-in-out infinite}@keyframes toggle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.rbac-toggle-badge{color:#f59e0b;font-size:1.2rem;line-height:1;margin-left:-4px}.rbac-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.rbac-avatar-img{width:46px;height:46px;object-fit:cover;border-radius:50%;background:#ffffffe6;padding:3px;box-shadow:0 4px 14px #ff5f9359}.rbac-avatar-status{position:absolute;bottom:2px;right:2px;width:11px;height:11px;background:#10b981;border-radius:50%;border:2px solid #ff5f93}.rbac-avatar-status.waiting{background:#f59e0b;animation:toggle-pulse 1.6s ease-in-out infinite}.rbac-msg-avatar-wrap{flex-shrink:0;margin-right:6px;margin-top:4px}.rbac-msg-bot-img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff}.rbac-staff-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.rbac-chat-message.bot{display:flex;align-items:flex-start}.rbac-msg-timestamp{display:block;font-size:.67rem;color:#c0a0b0;margin-top:4px;text-align:right}.rbac-chat-message.user .rbac-msg-timestamp{color:#ffffffa6}.rbac-livechat-sender-label{display:block;font-size:.72rem;font-weight:700;color:#059669;margin-bottom:2px}.rbac-livechat-system-indicator{display:block;font-size:.7rem;font-weight:600;color:#997388;font-style:italic;margin-bottom:2px}.rbac-chat-message.livechat.user .rbac-chat-bubble{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.rbac-chat-message.livechat.bot .rbac-chat-bubble{background:#10b98114;border-color:#10b98133}.rbac-chat-message.livechat.bot .rbac-chat-bubble p{color:#6b7280;font-style:italic}.rbac-livechat-end-btn{width:auto!important;padding:.3rem .7rem!important;font-size:.78rem!important;gap:.3rem!important;border-color:#ff646466!important;background:#ff3c3c26!important}.rbac-livechat-waiting-anim{display:flex;align-items:center;gap:6px;color:#997388;font-size:.82rem;font-style:italic;padding:4px 10px}.rbac-livechat-waiting-anim span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;animation:typing-bounce 1.4s infinite ease-in-out both}.rbac-livechat-waiting-anim span:nth-child(1){animation-delay:-.32s}.rbac-livechat-waiting-anim span:nth-child(2){animation-delay:-.16s}.rbac-livechat-waiting-anim span:nth-child(3){animation-delay:0s}.rbac-booking-step{padding:.5rem 0;display:flex;flex-direction:column;gap:10px}.rbac-booking-error{background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:12px;color:#dc2626;font-size:.82rem;padding:8px 12px}.rbac-booking-chips{display:flex;flex-wrap:wrap;gap:8px}.rbac-booking-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;background:#fff;border:1px solid rgba(255,95,147,.22);border-radius:14px;cursor:pointer;font-size:.88rem;font-weight:600;color:#3d1a2a;transition:all .15s;text-align:left;min-width:110px}.rbac-booking-chip:hover{background:#ff5f9314;border-color:#ff5f93;transform:translateY(-2px);box-shadow:0 4px 14px #ff5f9326}.rbac-chip-sub{font-size:.72rem;color:#ff5f93;font-weight:500}.rbac-chip-auto{border-color:#10b9814d}.rbac-chip-auto:hover{background:#10b98114;border-color:#10b981}.rbac-booking-datepicker{padding:4px 0}.rbac-booking-datepicker input,.rbac-booking-datepicker .react-datepicker-wrapper input{border:1px solid rgba(255,95,147,.22);border-radius:12px;padding:10px 14px;font-size:.9rem;outline:none;width:100%;color:#3d1a2a;background:#fff}.rbac-booking-datepicker input:focus,.rbac-booking-datepicker .react-datepicker-wrapper input:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.rbac-booking-notes-area{display:flex;flex-direction:column;gap:8px}.rbac-booking-notes-area textarea{border:1px solid rgba(255,95,147,.22);border-radius:12px;padding:10px 12px;font-size:.88rem;outline:none;resize:vertical;min-height:70px;color:#3d1a2a;background:#fff;font-family:inherit}.rbac-booking-notes-area textarea:focus{border-color:#ff5f93}.rbac-booking-notes-actions{display:flex;align-items:center;gap:8px}.rbac-booking-skip{background:none;border:none;color:#997388;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:4px}.rbac-booking-confirm-card{background:#fff;border:1px solid rgba(255,95,147,.2);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #ff5f931a}.rbac-booking-confirm-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:.86rem;padding-bottom:8px;border-bottom:1px solid rgba(255,95,147,.08)}.rbac-booking-confirm-row:last-of-type{border-bottom:none;padding-bottom:0}.rbac-booking-confirm-row span{color:#997388;font-size:.8rem;flex-shrink:0}.rbac-booking-confirm-row strong{color:#3d1a2a;text-align:right}.rbac-booking-confirm-actions{display:flex;gap:8px;padding-top:6px}.rbac-booking-confirm-btn{flex:1;background:linear-gradient(135deg,#ff5f93,#ff8db5);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;font-size:.86rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}.rbac-booking-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.rbac-booking-cancel-btn{background:#fff0f4;border:1px solid #fbc8d4;border-radius:10px;color:#e05a6a;cursor:pointer;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex;align-items:center;gap:5px}.rbac-booking-cancel-link{background:none;border:none;color:#c0a0b0;font-size:.78rem;cursor:pointer;text-decoration:underline;align-self:flex-start;padding:2px 0}.rbac-chat-message.booking-success .rbac-chat-bubble{background:#10b98114;border-color:#10b98140}.rbac-chat-message.booking-success .rbac-chat-bubble p:first-child{color:#065f46;font-weight:700}@media(max-width:480px){.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-panel{border-radius:24px 24px 0 0;bottom:0;box-sizing:border-box;height:min(78dvh,720px);left:0;max-height:calc(100dvh - 16px);position:fixed;right:0;width:100%}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-header{align-items:center;flex-direction:row;gap:.6rem;padding:.85rem 1rem}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-title-wrap{flex:1;gap:.55rem;min-width:0}.customer-dashboard .rbac-chatbot.widget .rbac-avatar-img{height:38px;width:38px}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-header h3{font-size:.95rem}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-header p{font-size:.72rem}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-header-actions{flex:0 0 auto;gap:.35rem;width:auto}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-icon-btn{flex:0 0 36px;height:36px;padding:0;width:36px}.customer-dashboard .rbac-chatbot.widget .rbac-livechat-end-btn{flex:0 0 auto;padding:.4rem .55rem!important;width:auto!important}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-body{min-height:0;padding:.7rem}.customer-dashboard .rbac-chatbot.widget .rbac-quick-actions-bar{gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.55rem}.customer-dashboard .rbac-chatbot.widget .rbac-quick-action{font-size:.72rem;line-height:1.2;min-height:46px;min-width:0;overflow-wrap:anywhere;padding:.45rem;text-align:center}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-form{align-items:center;flex-direction:row;gap:.5rem;padding:.65rem}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-form input{flex:1;font-size:.84rem;min-width:0;padding:.68rem .78rem}.customer-dashboard .rbac-chatbot.widget .rbac-chatbot-form button{flex:0 0 42px;height:42px;padding:0;width:42px}.customer-dashboard .rbac-chatbot.widget .rbac-chat-message{min-width:0}.customer-dashboard .rbac-chatbot.widget .rbac-chat-message.bot .rbac-chat-bubble{max-width:calc(100% - 34px);overflow-wrap:anywhere}}.bt-widget{position:fixed;right:1.5rem;bottom:10.5rem;z-index:2050;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.bt-toggle{align-items:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));border:none;border-radius:999px;box-shadow:0 16px 38px #ff5f9359;color:#fff;cursor:pointer;display:flex;gap:.7rem;padding:.7rem 1.05rem;font:inherit;font-weight:900;position:relative;transition:transform .2s ease,box-shadow .2s ease;max-width:calc(100vw - 3rem)}.bt-toggle:hover{transform:translateY(-3px);box-shadow:0 22px 48px #ff5f936b}.bt-toggle-icon{align-items:center;background:#ffffff38;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:.8rem;height:36px;justify-content:center;width:36px}.bt-toggle-text{font-weight:900;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.bt-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:999px;background:#22c55e;border:2.5px solid #fff;box-shadow:0 0 #22c55e8c;animation:bt-badge-pulse 1.6s ease-out infinite}@keyframes bt-badge-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.bt-toggle.bt-urgent{animation:bt-urgent-glow 2s ease-in-out infinite}@keyframes bt-urgent-glow{0%,to{box-shadow:0 16px 38px #ff5f9359}50%{box-shadow:0 16px 46px #22c55e8c}}.bt-panel{background:#fffffff7;border:1px solid rgba(255,95,147,.2);border-radius:24px;box-shadow:0 30px 80px #0f172a3d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;overflow:hidden;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 220px));animation:bt-panel-in .22s ease}@keyframes bt-panel-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bt-grabber{display:none}.bt-header{align-items:center;background:radial-gradient(circle at top right,rgba(255,255,255,.28),transparent 40%),linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));color:#fff;display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem}.bt-header-title{align-items:center;display:flex;gap:.75rem}.bt-header-icon{align-items:center;background:#fff3;border-radius:14px;display:inline-flex;font-size:.95rem;height:40px;justify-content:center;width:40px}.bt-header h3{font-size:1.02rem;font-weight:950;letter-spacing:-.02em;margin:0}.bt-header p{font-size:.78rem;margin:0;opacity:.85}.bt-header-actions{display:flex;gap:.4rem}.bt-icon-btn{align-items:center;background:#ffffff29;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;height:34px;justify-content:center;transition:background .15s ease;width:34px}.bt-icon-btn:hover{background:#ffffff4d}.bt-tabs{display:grid;gap:.4rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:.65rem .75rem .55rem}.bt-tab{align-items:center;background:#f8f6fc;border:1px solid transparent;border-radius:999px;color:#6b6478;cursor:pointer;display:inline-flex;font:inherit;font-size:.7rem;font-weight:800;gap:.35rem;justify-content:center;min-height:34px;min-width:0;padding:.4rem .45rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.bt-tab:nth-child(4){grid-column:span 2}.bt-tab-label{min-width:0;text-align:center}.bt-tab:hover:not(.active){background:#ff5f9314;color:var(--color-primary)}.bt-tab.active{background:#fdf2f8;border-color:#fbcfe8;color:var(--color-primary);box-shadow:0 3px 10px #ff5f9324}.bt-tab:focus-visible{outline:3px solid rgba(255,95,147,.35);outline-offset:2px}.bt-tab-count{align-items:center;background:#ff5f9324;border-radius:999px;display:inline-flex;font-size:.62rem;justify-content:center;min-width:18px;padding:.12rem .3rem}.bt-tab.active .bt-tab-count{background:#fff}.bt-list{display:flex;min-height:0;flex-direction:column;gap:.85rem;overflow-y:auto;padding:1rem}.bt-empty{align-items:center;background:linear-gradient(135deg,#faf7ff,#fff);border:1px dashed #d8ccf0;border-radius:16px;color:#766b8b;display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-height:140px;padding:1.25rem;text-align:center}.bt-empty strong{color:var(--color-primary);font-size:.9rem}.bt-empty span{font-size:.75rem;line-height:1.45}.bt-card{background:#fff;border:1px solid #ece7fb;border-radius:18px;box-shadow:0 8px 24px #4c1d9512;padding:.95rem 1rem}.bt-card-top{align-items:center;display:flex;gap:.7rem}.bt-card-icon{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:.85rem;height:38px;justify-content:center;width:38px}.bt-tone-hotel .bt-card-icon,.bt-tone-grooming .bt-card-icon,.bt-tone-vet .bt-card-icon{background:var(--color-primary-soft);color:var(--color-primary)}.bt-card-heading{display:flex;flex-direction:column;flex:1;min-width:0}.bt-card-heading strong{color:#1e1b2e;font-size:.92rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-card-heading span{color:#7c7291;font-size:.76rem;font-weight:600}.bt-status{border-radius:999px;flex-shrink:0;font-size:.66rem;font-weight:800;letter-spacing:.04em;padding:.28rem .6rem;text-transform:uppercase;white-space:nowrap}.bt-status-pending,.bt-status-awaiting_payment{background:#fef3c7;color:#92400e}.bt-status-approved,.bt-status-scheduled,.bt-status-confirmed,.bt-status-rescheduled,.bt-status-checked_in,.bt-status-in_progress,.bt-status-in_consultation,.bt-status-needs_confinement{background:#dbeafe;color:#1d4ed8}.bt-status-in_care{background:#e0e7ff;color:#4338ca}.bt-status-treated{background:#ccfbf1;color:#0f766e}.bt-status-ready_for_pickup{background:#dcfce7;color:#15803d;animation:bt-badge-pulse 1.6s ease-out infinite}.bt-status-checked_out,.bt-status-completed{background:#dcfce7;color:#15803d}.bt-status-cancelled,.bt-status-rejected{background:#fee2e2;color:#b91c1c}.bt-status-no_show{background:#e2e8f0;color:#475569}.bt-terminal{border-radius:.6rem;font-size:.72rem;font-weight:800;letter-spacing:.02em;margin-top:.65rem;padding:.45rem .75rem;text-transform:uppercase}.bt-terminal-cancelled,.bt-terminal-rejected{background:#fef2f2;color:#b91c1c}.bt-terminal-no_show{background:#f1f5f9;color:#475569}.bt-card-meta{align-items:center;color:#6b6478;display:flex;flex-wrap:wrap;font-size:.76rem;font-weight:650;gap:.35rem .75rem;margin-top:.6rem}.bt-pay{border-radius:999px;font-size:.66rem;font-weight:800;padding:.15rem .5rem;text-transform:uppercase}.bt-pay-paid{background:#dcfce7;color:#15803d}.bt-pay-unpaid,.bt-pay-balance_due,.bt-pay-partial{background:#fef3c7;color:#92400e}.bt-pay-pending{background:#e2e8f0;color:#475569}.bt-countdown{background:linear-gradient(135deg,#fdf2f8,#ffe3ee);border:1px solid #fbcfe8;border-radius:10px;color:var(--color-primary);font-size:.72rem;font-weight:800;margin-top:.65rem;padding:.4rem .65rem;width:fit-content}.bt-steps{display:flex;gap:0;margin-top:.9rem;padding-top:.75rem;border-top:1px dashed #ece7fb}.bt-step{align-items:center;display:flex;flex:1;flex-direction:column;gap:.3rem;min-width:0;position:relative}.bt-step:before{background:#e9e4f5;content:"";height:2px;left:-50%;position:absolute;top:5px;width:100%}.bt-step:first-child:before{display:none}.bt-step-dot{background:#e9e4f5;border-radius:999px;height:11px;position:relative;width:11px;z-index:1}.bt-step-label{color:#a49ab8;font-size:.58rem;font-weight:700;letter-spacing:.02em;line-height:1.15;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:100%}.bt-step.done:before{background:var(--color-primary)}.bt-step.done .bt-step-dot{background:var(--color-primary)}.bt-step.done .bt-step-label{color:var(--color-primary)}.bt-step.current:before{background:var(--color-primary)}.bt-step.current .bt-step-dot{background:var(--color-primary);box-shadow:0 0 0 4px #ff5f9338}.bt-step.current .bt-step-label{color:var(--color-primary);font-weight:900}.bt-footer{border-top:1px solid #f1ecf9;padding:.75rem 1rem}.bt-view-all{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit;font-size:.8rem;font-weight:850;padding:.25rem 0;transition:color .15s ease}.bt-view-all:hover{color:var(--color-primary);text-decoration:underline}@media(max-width:768px){.bt-widget{bottom:5.5rem;right:1rem}.bt-toggle-text{max-width:160px}.bt-panel{width:calc(100vw - 32px);max-height:min(560px,calc(100vh - 160px))}}@media(max-width:360px){.bt-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-tab:nth-child(4){grid-column:auto}}@media(max-width:480px){.bt-widget{bottom:5rem;right:.75rem}.bt-toggle{padding:.55rem .85rem;gap:.55rem}.bt-toggle-icon{height:32px;width:32px}.bt-toggle-text{display:none}.bt-panel{animation:bt-sheet-in .25s ease;border-radius:22px 22px 0 0;bottom:0;left:0;max-height:72vh;position:fixed;right:0;width:100%}@keyframes bt-sheet-in{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}.bt-grabber{background:#e2d9f3;border-radius:999px;display:block;height:4px;margin:.55rem auto 0;width:42px}.bt-step-label{font-size:.52rem}}.customer-dashboard{--color-surface: rgba(255, 255, 255, .86);--color-surface-strong: rgba(255, 255, 255, .96);--color-text: #1f2937;--color-heading: #191919;--color-muted: #64748b;--shadow-soft: 0 10px 24px rgba(15, 23, 42, .08);display:flex;min-height:100vh;background:var(--color-bg-gradient);color:var(--color-text)}.panel,.pet-card,.booking-card{animation:fadeUp .45s ease both}.customer-dashboard .navbar-left{min-width:0}.customer-dashboard .eyebrow{display:inline-flex;align-items:center;margin-bottom:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.customer-dashboard .navbar-left h1{margin:0;color:var(--color-heading);font-size:clamp(1.35rem,2vw,1.85rem);font-weight:850;letter-spacing:-.04em}.customer-dashboard .navbar-left p{margin:.25rem 0 0;color:var(--color-muted);font-size:.92rem;line-height:1.45}.customer-dashboard .navbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;overflow:visible}.customer-dashboard .icon-btn{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:16px;background:#ffffffc2;color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-soft);transition:.22s ease}.customer-dashboard .icon-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff}.panel{overflow:hidden;border:1px solid var(--color-border);border-radius:26px;background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-header{padding:1.35rem;border-bottom:1px solid var(--color-border)}.panel-header h2{margin:0;color:var(--color-heading);font-size:1.25rem;font-weight:900;letter-spacing:-.035em}.panel-header p{margin:.35rem 0 0;color:var(--color-muted);font-size:.9rem;line-height:1.5}.space-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .85rem;border-radius:999px;background:#ff5f931f;color:var(--color-primary);font-size:.8rem;font-weight:900}.pets-list{display:grid;gap:.85rem;padding:1.35rem}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 .7rem;border-radius:999px;background:#ffc10724;color:#92400e;font-size:.74rem;font-weight:900;text-transform:capitalize}.status-badge.confirmed,.status-badge.scheduled{background:#3b82f621;color:#1d4ed8}.status-badge.completed{background:#22c55e21;color:#15803d}.status-badge.cancelled,.status-badge.canceled{background:#ef444421;color:#b91c1c}.secondary-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 1rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;text-decoration:none;font-size:.84rem;font-weight:900;cursor:pointer;box-shadow:0 12px 24px #ff5f9338;transition:.22s ease}.secondary-btn:hover,.primary-btn:hover{transform:translateY(-2px)}.loading-container,.error-state,.empty-state{display:grid;place-items:center;text-align:center;padding:3rem 1.5rem;border:1px solid var(--color-border);border-radius:26px;background:var(--color-surface);box-shadow:var(--shadow-card)}.loading-spinner{margin-bottom:.85rem;color:var(--color-primary);font-size:2rem}.error-state svg,.empty-icon{margin-bottom:.85rem;color:var(--color-primary);font-size:2rem}.error-state h3,.empty-state h3{margin:0 0 .45rem;color:var(--color-heading);font-size:1.2rem;font-weight:900}.error-state p,.empty-state p{max-width:480px;margin:0 0 1rem;color:var(--color-muted);line-height:1.55}.empty-state .primary-btn{margin-top:.5rem}.empty-state.compact{padding:1.4rem;box-shadow:none;background:#ff5f930d}.empty-state.compact p{margin:0}.empty-state.compact svg{font-size:1.5rem;margin-bottom:.5rem}.dashboard-content{flex:1;padding:1.5rem;overflow-y:auto}@media(max-width:1180px){.customer-dashboard .navbar-actions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:768px){.space-between{align-items:flex-start;flex-direction:column}.secondary-btn,.primary-btn{width:100%}}.app-dashboard.customer-dashboard{--customer-canvas: var(--color-bg);--customer-surface: var(--color-surface-solid);--customer-surface-muted: var(--color-surface-muted);--customer-border: var(--color-border);--customer-ink: var(--color-text);--customer-muted: var(--color-muted);--customer-shadow: var(--shadow-soft);--customer-shadow-raised: var(--shadow-card);--customer-radius: var(--radius-card);min-height:100vh;color:var(--color-text);background:var(--color-bg-gradient)!important}.app-dashboard.customer-dashboard .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px;overflow-x:clip;background:transparent!important}.app-dashboard.customer-dashboard .app-topbar{position:sticky;top:0;z-index:1100;min-height:82px;padding:14px clamp(18px,2.5vw,36px);border-bottom:1px solid var(--customer-border)!important;background:#fff!important;box-shadow:var(--shadow-soft)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-dashboard.customer-dashboard .navbar-left{min-width:0;display:block}.app-dashboard.customer-dashboard .navbar-left h1{margin:0;color:var(--customer-ink)!important;-webkit-text-fill-color:var(--customer-ink)!important;background:none!important;font-size:clamp(1.12rem,1.6vw,1.5rem);font-weight:750;letter-spacing:-.035em}.app-dashboard.customer-dashboard .navbar-left p{margin:4px 0 0;color:var(--customer-muted)!important;font-size:.84rem;font-weight:450}.app-dashboard.customer-dashboard .navbar-actions{gap:10px}.app-dashboard.customer-dashboard .app-content{width:100%;max-width:1680px;margin:0 auto;padding:clamp(18px,2.4vw,34px)}.app-dashboard.customer-dashboard .dashboard-content{min-height:0;padding:0;color:var(--customer-ink)}.app-dashboard.customer-dashboard .panel,.app-dashboard.customer-dashboard .customer-payment-summary-card,.app-dashboard.customer-dashboard .customer-payments-panel,.app-dashboard.customer-dashboard .cs-panel,.app-dashboard.customer-dashboard .cs-card,.app-dashboard.customer-dashboard .customer-status-table-wrap,.app-dashboard.customer-dashboard .customer-notifications .notifications-panel,.app-dashboard.customer-dashboard .medical-panel,.app-dashboard.customer-dashboard .confinement-card,.app-dashboard.customer-dashboard .hotel-header,.app-dashboard.customer-dashboard .booking-form-section,.app-dashboard.customer-dashboard .room-card,.app-dashboard.customer-dashboard .my-bookings-tab,.app-dashboard.customer-dashboard .customer-status-header,.app-dashboard.customer-dashboard .customer-status-card,.app-dashboard.customer-dashboard .grooming-header,.app-dashboard.customer-dashboard .grooming-card,.app-dashboard.customer-dashboard .vet-header,.app-dashboard.customer-dashboard .vet-card,.app-dashboard.customer-dashboard .ht-header,.app-dashboard.customer-dashboard .ht-content,.app-dashboard.customer-dashboard .ht-stat-card,.app-dashboard.customer-dashboard .cr-insight-bar,.app-dashboard.customer-dashboard .cr-summary-card,.app-dashboard.customer-dashboard .cr-chart-card,.app-dashboard.customer-dashboard .cr-service-card,.app-dashboard.customer-dashboard .cr-table-card,.app-dashboard.customer-dashboard .customer-profile-settings>div>div>div{border:1px solid var(--customer-border);border-radius:var(--customer-radius);background:var(--customer-surface);box-shadow:var(--customer-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.customer-dashboard .customer-profile-settings>div{min-height:0!important;padding:0 0 1rem!important;background:transparent!important}.app-dashboard.customer-dashboard .customer-profile-settings>div>div{max-width:900px!important}.app-dashboard.customer-dashboard .customer-profile-settings>div>div>div:first-child{padding:1.25rem 1.5rem;border-bottom:none;align-items:center}@media(max-width:640px){.app-dashboard.customer-dashboard .customer-profile-settings>div>div>div:first-child{padding:1rem;gap:.75rem}}.app-dashboard.customer-dashboard .customer-services-page,.app-dashboard.customer-dashboard .customer-pets,.app-dashboard.customer-dashboard .customer-payments-page,.app-dashboard.customer-dashboard .customer-reports-content,.app-dashboard.customer-dashboard .customer-notifications,.app-dashboard.customer-dashboard .customer-medical-confinements,.app-dashboard.customer-dashboard .customer-status-page,.app-dashboard.customer-dashboard .customer-hotel-reservation,.app-dashboard.customer-dashboard .grooming-container,.app-dashboard.customer-dashboard .vet-container,.app-dashboard.customer-dashboard .customer-history,.app-dashboard.customer-dashboard .ht-root,.app-dashboard.customer-dashboard .reports-container,.app-dashboard.customer-dashboard .standard-report-layout,.app-dashboard.customer-dashboard .customer-profile-settings{min-width:0;color:var(--customer-ink);background:transparent!important}.app-dashboard.customer-dashboard .customer-services-page,.app-dashboard.customer-dashboard .customer-pets,.app-dashboard.customer-dashboard .customer-payments-page,.app-dashboard.customer-dashboard .customer-notifications,.app-dashboard.customer-dashboard .customer-medical-confinements,.app-dashboard.customer-dashboard .customer-status-page,.app-dashboard.customer-dashboard .customer-hotel-reservation,.app-dashboard.customer-dashboard .grooming-container,.app-dashboard.customer-dashboard .vet-container,.app-dashboard.customer-dashboard .ht-root,.app-dashboard.customer-dashboard .customer-history,.app-dashboard.customer-dashboard .customer-reports-content,.app-dashboard.customer-dashboard .reports-container{padding:0}.app-dashboard.customer-dashboard .customer-payments-header h3,.app-dashboard.customer-dashboard .cs-header h3,.app-dashboard.customer-dashboard .hotel-header h2,.app-dashboard.customer-dashboard .grooming-header h2,.app-dashboard.customer-dashboard .vet-header h2,.app-dashboard.customer-dashboard .notifications-page-header h2,.app-dashboard.customer-dashboard .medical-page-header h2,.app-dashboard.customer-dashboard .customer-status-hero h2{color:var(--customer-ink);letter-spacing:-.035em}.app-dashboard.customer-dashboard .customer-payments-header p,.app-dashboard.customer-dashboard .cs-header p,.app-dashboard.customer-dashboard .notifications-page-header p,.app-dashboard.customer-dashboard .customer-status-hero p{color:var(--customer-muted);font-weight:450}.app-dashboard.customer-dashboard .customer-payment-summary-card,.app-dashboard.customer-dashboard .pets-stat-card,.app-dashboard.customer-dashboard .customer-reports-content .cr-summary-card{min-width:0;border:1px solid var(--customer-border);border-radius:var(--customer-radius);background:var(--customer-surface);box-shadow:var(--customer-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.customer-dashboard .customer-payment-summary-card h4,.app-dashboard.customer-dashboard .pets-stat-card strong,.app-dashboard.customer-dashboard .ht-stat-value,.app-dashboard.customer-dashboard .cr-summary-value{color:var(--customer-ink)}.app-dashboard.customer-dashboard .pets-stat-card p,.app-dashboard.customer-dashboard .cr-summary-label{color:var(--customer-muted)}.app-dashboard.customer-dashboard .panel-header h2,.app-dashboard.customer-dashboard .cs-panel-header h4,.app-dashboard.customer-dashboard .medical-panel-header h3,.app-dashboard.customer-dashboard .customer-payments-panel-header h4,.app-dashboard.customer-dashboard .cr-section-head h3{color:var(--customer-ink);letter-spacing:-.025em}.app-dashboard.customer-dashboard .panel{min-width:0;overflow:hidden;border:1px solid var(--customer-border);border-radius:var(--customer-radius);background:var(--customer-surface);box-shadow:var(--customer-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.customer-dashboard .panel-header,.app-dashboard.customer-dashboard .customer-payments-panel-header,.app-dashboard.customer-dashboard .cs-panel-header,.app-dashboard.customer-dashboard .medical-panel-header{border-color:var(--customer-border)}.app-dashboard.customer-dashboard .pets-list,.app-dashboard.customer-dashboard .customer-payments-panel-body{gap:10px;padding:16px}.app-dashboard.customer-dashboard .pet-card,.app-dashboard.customer-dashboard .confinement-card,.app-dashboard.customer-dashboard .care-log-item,.app-dashboard.customer-dashboard .cr-service-item,.app-dashboard.customer-dashboard .ht-entry,.app-dashboard.customer-dashboard .notification-item,.app-dashboard.customer-dashboard .room-card,.app-dashboard.customer-dashboard .grooming-item,.app-dashboard.customer-dashboard .vet-item{border:1px solid var(--customer-border);border-radius:14px;background:var(--customer-surface-muted);box-shadow:none}.app-dashboard.customer-dashboard .customer-status-toolbar,.app-dashboard.customer-dashboard .customer-payments-summary-grid,.app-dashboard.customer-dashboard .pets-toolbar,.app-dashboard.customer-dashboard .customer-notifications .notifications-toolbar,.app-dashboard.customer-dashboard .history-toolbar,.app-dashboard.customer-dashboard .cr-insight-bar,.app-dashboard.customer-dashboard .booking-form-section,.app-dashboard.customer-dashboard .hotel-availability,.app-dashboard.customer-dashboard .grooming-availability,.app-dashboard.customer-dashboard .vet-price-summary{gap:12px}.app-dashboard.customer-dashboard .customer-payments-bg-orb,.app-dashboard.customer-dashboard .ht-header-text{display:none}.app-dashboard.customer-dashboard .ht-header{justify-content:flex-end}.app-dashboard.customer-dashboard .customer-payments-table-wrapper,.app-dashboard.customer-dashboard .customer-status-table-wrap,.app-dashboard.customer-dashboard .pets-list,.app-dashboard.customer-dashboard .history-table-wrap,.app-dashboard.customer-dashboard .cr-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.app-dashboard.customer-dashboard .customer-payments-table,.app-dashboard.customer-dashboard .customer-status-table,.app-dashboard.customer-dashboard .cr-table{min-width:620px}.app-dashboard.customer-dashboard .app-main input:not([type=checkbox]),.app-dashboard.customer-dashboard .app-main select,.app-dashboard.customer-dashboard .app-main textarea{min-height:42px;border:1px solid var(--customer-border)!important;border-radius:10px!important;background:#fff!important;color:var(--customer-ink)!important;box-shadow:none}.app-dashboard.customer-dashboard .app-main textarea{min-height:96px}.app-dashboard.customer-dashboard .app-main input:focus,.app-dashboard.customer-dashboard .app-main select:focus,.app-dashboard.customer-dashboard .app-main textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)!important;outline:none}@media(max-width:991px){.app-dashboard.customer-dashboard .app-content{max-width:none;padding:14px}.app-dashboard.customer-dashboard .customer-history{max-width:none;margin:0}}@media(max-width:767px){.app-dashboard.customer-dashboard .app-content,.app-dashboard.customer-dashboard .dashboard-content{padding:0}.app-dashboard.customer-dashboard .customer-services-page,.app-dashboard.customer-dashboard .customer-pets,.app-dashboard.customer-dashboard .customer-payments-page,.app-dashboard.customer-dashboard .customer-notifications,.app-dashboard.customer-dashboard .customer-medical-confinements,.app-dashboard.customer-dashboard .customer-status-page,.app-dashboard.customer-dashboard .customer-hotel-reservation,.app-dashboard.customer-dashboard .grooming-container,.app-dashboard.customer-dashboard .vet-container,.app-dashboard.customer-dashboard .customer-history,.app-dashboard.customer-dashboard .customer-reports-content,.app-dashboard.customer-dashboard .reports-container,.app-dashboard.customer-dashboard .standard-report-layout,.app-dashboard.customer-dashboard .customer-profile-settings{padding:0!important;min-height:0!important;margin:0!important;max-width:none!important}.app-dashboard.customer-dashboard .panel,.app-dashboard.customer-dashboard .cs-panel,.app-dashboard.customer-dashboard .customer-payments-panel,.app-dashboard.customer-dashboard .notifications-panel,.app-dashboard.customer-dashboard .medical-panel,.app-dashboard.customer-dashboard .customer-status-table-wrap,.app-dashboard.customer-dashboard .customer-status-toolbar,.app-dashboard.customer-dashboard .hotel-header,.app-dashboard.customer-dashboard .grooming-header,.app-dashboard.customer-dashboard .vet-header,.app-dashboard.customer-dashboard .booking-form-section,.app-dashboard.customer-dashboard .pets-stat-card,.app-dashboard.customer-dashboard .customer-payment-summary-card,.app-dashboard.customer-dashboard .pets-toolbar,.app-dashboard.customer-dashboard .notifications-toolbar,.app-dashboard.customer-dashboard .history-toolbar,.app-dashboard.customer-dashboard .ht-header,.app-dashboard.customer-dashboard .ht-content,.app-dashboard.customer-dashboard .ht-stat-card,.app-dashboard.customer-dashboard .cr-insight-bar,.app-dashboard.customer-dashboard .cr-summary-card,.app-dashboard.customer-dashboard .cr-chart-card,.app-dashboard.customer-dashboard .cr-service-card,.app-dashboard.customer-dashboard .cr-table-card,.app-dashboard.customer-dashboard .customer-profile-settings>div>div>div{border-radius:0!important;border-left:none!important;border-right:none!important}.app-dashboard.customer-dashboard .dashboard-content>*{margin-top:0}.app-dashboard.customer-dashboard .cs-cards{grid-template-columns:1fr!important}.app-dashboard.customer-dashboard .pets-stats-grid,.app-dashboard.customer-dashboard .customer-payments-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.standard-report-header{background:#fffffff7;color:#111827;padding:1.6rem 1.75rem;margin-bottom:1.5rem;border-radius:18px;box-shadow:0 4px 20px #ff5f931a,0 1px 3px #0000000d;border:1px solid rgba(255,95,147,.18);position:relative;overflow:hidden}.standard-report-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ff5f93,#ff8db5);border-radius:0 4px 4px 0}.standard-report-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem}.standard-report-header .header-title-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:220px}.standard-report-header .header-icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff5f9326,#ff8db514);color:var(--color-primary, #ff5f93);flex-shrink:0;border:1px solid rgba(255,95,147,.2)}.standard-report-header .header-icon{font-size:1.5rem}.standard-report-header .header-text{flex:1}.standard-report-header .page-title{font-size:1.5rem;font-weight:800;margin:0;line-height:1.2;letter-spacing:-.025em;color:#111827;background:linear-gradient(135deg,#111827 30%,#374151);-webkit-background-clip:text;background-clip:text}.standard-report-header .page-subtitle{font-size:.85rem;margin:.3rem 0 0;color:#64748b;line-height:1.5;font-weight:500}.standard-report-header .header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;min-width:180px}.standard-report-header .last-updated{font-size:.75rem;color:#94a3b8;font-weight:500}.standard-report-header .action-buttons{display:flex;gap:.5rem}.standard-report-header .action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#f8fafc;color:#475569;white-space:nowrap}.standard-report-header .action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f;color:#334155}.standard-report-header .action-btn:disabled{opacity:.5;cursor:not-allowed}.standard-report-header .refresh-btn .spinning{animation:spin 1s linear infinite}.standard-report-header .export-btn{background:#f8fafc;border-color:#e2e8f0}.standard-report-header .export-btn:hover:not(:disabled){background:#f1f5f9}.standard-report-header .btn-text{font-size:.82rem}@media(max-width:768px){.standard-report-header{padding:1.25rem;border-radius:10px}.standard-report-header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}.standard-report-header .header-title-section{width:100%}.standard-report-header .header-icon-wrap{width:40px;height:40px}.standard-report-header .header-icon{font-size:1.2rem}.standard-report-header .header-actions{width:100%;align-items:flex-start}.standard-report-header .action-buttons{width:100%;justify-content:flex-start}.standard-report-header .page-title{font-size:1.2rem}.standard-report-header .page-subtitle{font-size:.8rem}}.standard-report-layout{min-height:100vh;--report-primary: var(--color-primary, #ff5f93);--report-primary-light: var(--color-primary-light, #ff8db5);--report-surface: #ffffff;--report-border: #e2e8f0;--report-heading: #111827;--report-text: #334155;--report-muted: #64748b;--report-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);background:#f1f5f9;padding:1.5rem;color:var(--report-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.standard-report-layout .report-content{background:var(--report-surface);border:1px solid var(--report-border);border-radius:12px;box-shadow:var(--report-shadow);overflow:hidden;min-height:400px}.standard-report-layout .standard-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.standard-report-layout .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid var(--report-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.25rem}.standard-report-layout .loading-text{font-size:1.05rem;font-weight:700;color:var(--report-heading);margin-bottom:.35rem}.standard-report-layout .loading-subtext{font-size:.875rem;color:var(--report-muted)}.standard-report-layout .standard-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.standard-report-layout .error-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef44441a;color:#ef4444;font-size:1.75rem;margin-bottom:1.5rem}.standard-report-layout .error-message{font-size:1rem;font-weight:600;color:#334155;margin-bottom:1.5rem;max-width:400px;line-height:1.5}.standard-report-layout .retry-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #ff5f934d}.standard-report-layout .retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff5f9366}.standard-report-layout .standard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.standard-report-layout .empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff5f9314;color:#ff5f93;font-size:1.85rem;margin-bottom:1.5rem;opacity:.75}.standard-report-layout .empty-message{font-size:1rem;font-weight:600;color:#475569;margin-bottom:1.5rem;max-width:400px}.standard-report-layout .refresh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #ff5f934d}.standard-report-layout .refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff5f9366}.standard-report-layout .data-table-section,.standard-report-layout .charts-section,.standard-report-layout .chart-section{padding:1.25rem}.standard-report-layout .section-title{color:var(--report-heading);font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.04em}.standard-report-layout .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.standard-report-layout .modal-content{width:min(860px,100%);max-height:min(86vh,760px);overflow:hidden;display:flex;flex-direction:column;background:var(--report-surface);border:1px solid var(--report-border);border-radius:12px;box-shadow:0 22px 70px #0f172a2e}.standard-report-layout .modal-header,.standard-report-layout .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.8)}.standard-report-layout .modal-footer{justify-content:flex-end;border-top:1px solid rgba(226,232,240,.8);border-bottom:0}.standard-report-layout .modal-header h2{color:var(--report-heading);font-size:1.05rem;font-weight:700;margin:0}.standard-report-layout .modal-close{width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:#e2e8f080;color:var(--report-heading);cursor:pointer;font-size:1.1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.standard-report-layout .modal-close:hover{background:#e2e8f0cc;transform:translateY(-1px)}.standard-report-layout .modal-body{overflow-y:auto;padding:1.25rem}.standard-report-layout .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem}.standard-report-layout .info-item{display:flex;flex-direction:column;gap:.3rem;padding:.9rem;background:#fffc;border:1px solid rgba(226,232,240,.6);border-radius:10px;transition:all .2s ease}.standard-report-layout .info-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.standard-report-layout .info-item label{color:var(--report-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.standard-report-layout .info-item span{color:var(--report-heading);font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}@media(max-width:768px){.standard-report-layout{padding:.75rem}.standard-report-layout .report-content{border-radius:10px}.standard-report-layout .data-table-section,.standard-report-layout .charts-section,.standard-report-layout .chart-section{padding:.75rem}.standard-report-layout .standard-loading-state,.standard-report-layout .standard-error-state,.standard-report-layout .standard-empty-state{padding:3.5rem 1.25rem}.standard-report-layout .loading-text,.standard-report-layout .error-message,.standard-report-layout .empty-message{font-size:.95rem}.standard-report-layout .loading-subtext{font-size:.8rem}.standard-report-layout .retry-btn,.standard-report-layout .refresh-btn{padding:.6rem 1.1rem;font-size:.82rem}.standard-report-layout .modal-content{max-height:92vh;border-radius:10px}}.row-action-popover{display:inline-flex;align-items:center}.row-action-popover-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,95,147,.22);border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.row-action-popover-trigger:hover,.row-action-popover-trigger[aria-expanded=true]{border-color:#ff5f9380;background:#fff1f7;color:#ff5f93}.row-action-popover-trigger:focus-visible,.row-action-popover-item:focus-visible,.row-action-popover-control select:focus-visible,.row-action-popover-checkbox input:focus-visible{outline:3px solid rgba(255,95,147,.35);outline-offset:2px}.row-action-popover-panel{position:fixed;z-index:12000;display:flex;flex-direction:column;gap:4px;width:min(248px,calc(100vw - 16px));max-height:min(72vh,520px);padding:6px;overflow:auto;border:1px solid rgba(255,95,147,.2);border-radius:14px;background:#fff;box-shadow:0 14px 38px #1f293733;overscroll-behavior:contain}.row-action-popover-panel .row-action-popover-item{display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;width:100%!important;min-width:0;min-height:40px;padding:8px 10px!important;border:0!important;border-radius:9px;background:transparent!important;box-shadow:none!important;color:#334155;font-size:.86rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;cursor:pointer;transform:none!important}.row-action-popover-panel .row-action-popover-item:hover:not(:disabled){background:#ff5f931a!important;color:#e83e7d}.row-action-popover-panel .row-action-popover-item:disabled{opacity:.48;cursor:not-allowed}.row-action-popover-panel .row-action-popover-item[class*=reject],.row-action-popover-panel .row-action-popover-item[class*=delete],.row-action-popover-panel .row-action-popover-item[class*=danger],.row-action-popover-panel .row-action-popover-item[class*=void],.row-action-popover-panel .row-action-popover-item[class*=cancel]{color:#b42318}.row-action-popover-panel .row-action-popover-item[class*=reject]:hover:not(:disabled),.row-action-popover-panel .row-action-popover-item[class*=delete]:hover:not(:disabled),.row-action-popover-panel .row-action-popover-item[class*=danger]:hover:not(:disabled),.row-action-popover-panel .row-action-popover-item[class*=void]:hover:not(:disabled),.row-action-popover-panel .row-action-popover-item[class*=cancel]:hover:not(:disabled){background:#fff1f0!important;color:#9f1c13}.row-action-popover-icon{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;color:currentColor}.row-action-popover-control{display:flex;flex-direction:column;gap:5px;padding:7px 9px;color:#475569;font-size:.78rem;font-weight:700}.row-action-popover-control select{width:100%;min-height:36px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font:inherit;font-weight:500}.row-action-popover-checkbox{display:flex;align-items:center;gap:9px;min-height:38px;padding:6px 9px;border-radius:9px;color:#334155;font-size:.84rem;font-weight:600;cursor:pointer}.row-action-popover-checkbox:hover{background:#ff5f931a}.row-action-popover-checkbox input{accent-color:#ff5f93}@media(max-width:480px){.row-action-popover-trigger{width:34px;height:34px}}.standard-table-container{overflow-x:auto;background:#fff;border:1px solid rgba(255,95,147,.15);border-radius:16px;box-shadow:0 4px 20px #ff5f9314,0 1px 3px #0000000a}.standard-table-container .standard-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:.875rem}.standard-table-container .standard-table thead{position:sticky;top:0;z-index:10}.standard-table-container .standard-table th{background:linear-gradient(180deg,#fdf2f7,#f9f3f6);padding:1rem 1.25rem;text-align:left;font-weight:800;color:#374151;border-bottom:2px solid rgba(255,95,147,.18);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.standard-table-container .standard-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.standard-table-container .standard-table th.sortable:hover{background:linear-gradient(180deg,#fce7f0,#fad6e7)}.standard-table-container .header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.standard-table-container .sort-icon{font-size:.75rem;color:#94a3b8;opacity:.55;transition:all .2s ease}.standard-table-container .standard-table th.sortable:hover .sort-icon{opacity:.9;color:#ff5f93}.standard-table-container .sort-icon.active{opacity:1;color:var(--report-primary, #ff5f93)}.standard-table-container .standard-table td{padding:.875rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.55);color:#334155;vertical-align:middle;line-height:1.45;transition:background .15s ease}.standard-table-container .standard-table tbody tr:last-child td{border-bottom:none}.standard-table-container .standard-table.striped tbody tr:nth-child(2n){background:#fff1f766}.standard-table-container .standard-table.hoverable tbody tr{transition:background .15s ease,box-shadow .15s ease}.standard-table-container .standard-table.hoverable tbody tr:hover{background:#ffc8dd1f}.standard-table-container .standard-table.hoverable tbody tr:hover td{color:#111827}.standard-table-container .table-row{transition:background .2s ease,transform .15s ease}.standard-table-container .table-loading-state,.standard-table-container .table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--report-muted, #64748b)}.standard-table-container .table-loading-state .loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#475569;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.25rem}.standard-table-container .table-empty-state .empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.standard-table-container .table-empty-state .empty-message{font-size:1rem;font-weight:600;color:#475569}.standard-table-container .standard-table-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;color:#475569;font-size:.85rem;border-top:1px solid rgba(226,232,240,.75);background:#f8fafc99}.standard-table-container .pagination-actions{display:flex;align-items:center;gap:.5rem}.standard-table-container .pagination-actions button{border:1px solid rgba(226,232,240,.9);background:#fff;color:#334155;border-radius:8px;padding:.5rem .85rem;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.standard-table-container .pagination-actions button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.standard-table-container .pagination-actions button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.standard-table-container .pagination-actions strong{color:#111827;font-weight:700;padding:0 .5rem;min-width:3.5rem;text-align:center}.standard-table-container .status-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.standard-table-container .status-badge.success{background:#10b9811f;color:#047857}.standard-table-container .status-badge.warning{background:#f59e0b1f;color:#b45309}.standard-table-container .status-badge.info{background:#3b82f61f;color:#1d4ed8}.standard-table-container .status-badge.danger{background:#ef44441f;color:#b91c1c}.standard-table-container .status-badge.secondary{background:#94a3b826;color:#475569}@media print{.standard-table-container{box-shadow:none;border:1px solid #ddd;border-radius:6px}.standard-table-container .standard-table th{background:#f9fafb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.standard-table-container .standard-table-pagination{display:none!important}}@media(max-width:768px){.standard-table-container{border-radius:8px}.standard-table-container .standard-table{font-size:.8rem}.standard-table-container .standard-table th,.standard-table-container .standard-table td{padding:.7rem}.standard-table-container .standard-table-pagination{align-items:stretch;flex-direction:column}.standard-table-container .pagination-actions{justify-content:space-between}}@media(max-width:640px){.standard-table-container .standard-table.standard-table-cards{min-width:0}.standard-table-container .standard-table.standard-table-cards thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.standard-table-container .standard-table.standard-table-cards tbody{display:grid;gap:.75rem;padding:.75rem}.standard-table-container .standard-table.standard-table-cards tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;padding:.65rem .85rem;border:1px solid rgba(255,95,147,.15);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000d}.standard-table-container .standard-table.standard-table-cards tbody tr td{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.45rem .1rem;border-bottom:0;white-space:normal;font-size:.84rem}.standard-table-container .standard-table.standard-table-cards tbody tr td:before{content:attr(data-label);color:#64748b;font-size:.68rem;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.standard-table-container .standard-table.standard-table-cards tbody td.st-card-full{grid-column:1 / -1}}.standard-table-container.standard-table-nested{border:none;box-shadow:none;border-radius:0;background:transparent}.customer-reports-content{--cr-primary: var(--color-primary, #ff5f93);--cr-primary-light: var(--color-primary-light, #ff8db5);--cr-primary-soft: var(--color-primary-soft, #ffc8dd);--cr-bg-gradient: var( --color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7) );--cr-surface: var(--color-surface, rgba(255, 255, 255, .88));--cr-surface-solid: var(--color-surface-solid, rgba(255, 255, 255, .96));--cr-border: var(--color-border, rgba(255, 95, 147, .18));--cr-heading: var(--color-heading, #191919);--cr-text: var(--color-text, #1f2937);--cr-muted: var(--color-muted, #64748b);--cr-success: #059669;--cr-danger: #dc2626;--cr-warning: #d97706;--cr-info: #2563eb;--cr-shadow-soft: var(--shadow-soft, 0 10px 24px rgba(15, 23, 42, .08));--cr-shadow-card: var(--shadow-card, 0 18px 45px rgba(255, 95, 147, .14));--cr-shadow-primary: var(--shadow-primary, 0 14px 28px rgba(255, 95, 147, .24));--cr-radius-md: var(--radius-md, 16px);--cr-radius-lg: var(--radius-lg, 22px);--cr-radius-card: var(--radius-card, 28px);--cr-radius-pill: var(--radius-pill, 999px);display:grid;gap:1.35rem;color:var(--cr-text)}.customer-reports-content,.customer-reports-content *{box-sizing:border-box}.reports-container:has(.customer-reports-content){min-height:100vh;padding:1.5rem;background:var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7));color:var(--color-text, #1f2937);font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.reports-container:has(.customer-reports-content) .reports-header{position:relative;overflow:hidden;padding:2rem;margin-bottom:1.5rem;border-radius:var(--radius-card, 28px);background:radial-gradient(circle at top right,rgba(255,95,147,.2),transparent 38%),var(--color-surface, rgba(255, 255, 255, .88));border:1px solid var(--color-border, rgba(255, 95, 147, .18));box-shadow:var(--shadow-card, 0 18px 45px rgba(255, 95, 147, .14));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reports-container:has(.customer-reports-content) .reports-header:before{content:"";position:absolute;top:-120px;right:-110px;width:330px;height:330px;border-radius:999px;background:radial-gradient(circle,rgba(255,95,147,.24),transparent 68%);pointer-events:none}.reports-container:has(.customer-reports-content) .header-content{position:relative;z-index:1}.reports-container:has(.customer-reports-content) .header-title h1{margin:0;color:var(--color-heading, #191919);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;letter-spacing:-.055em}.reports-container:has(.customer-reports-content) .header-title p{max-width:820px;margin:.65rem 0 0;color:var(--color-muted, #64748b);font-weight:750;line-height:1.6}.cr-insight-bar{display:flex;justify-content:space-between;gap:1rem;padding:1.35rem;border:1px solid var(--cr-border);border-radius:var(--cr-radius-card);background:var(--cr-surface);box-shadow:var(--cr-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cr-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.55rem;color:var(--cr-primary);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.cr-insight-bar h2,.cr-section-head h3{margin:0;color:var(--cr-heading);font-weight:950;letter-spacing:-.04em}.cr-insight-bar h2{font-size:1.45rem}.cr-insight-bar p,.cr-section-head p{margin:.35rem 0 0;color:var(--cr-muted);font-weight:750;line-height:1.55}.cr-insight-meta{display:flex;flex-wrap:wrap;gap:.65rem;align-content:flex-start;justify-content:flex-end}.cr-insight-meta span{min-height:42px;display:inline-flex;align-items:center;gap:.45rem;padding:0 .85rem;border-radius:var(--cr-radius-pill);background:#ff5f931a;color:var(--cr-primary);font-weight:950}.cr-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:1rem}.cr-summary-card{min-height:132px;display:flex;align-items:center;gap:.9rem;padding:1.15rem;border:1px solid var(--cr-border);border-radius:24px;background:var(--cr-surface);box-shadow:var(--cr-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.22s ease}.cr-summary-card:hover{transform:translateY(-4px);box-shadow:var(--cr-shadow-primary);border-color:#ff5f935c}.cr-summary-card>span{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--cr-primary),var(--cr-primary-light));box-shadow:var(--cr-shadow-primary)}.cr-summary-card.success>span{background:linear-gradient(135deg,#10b981,#34d399)}.cr-summary-card.secondary>span{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.cr-summary-card.warning>span{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.cr-summary-card.info>span{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.cr-summary-card.money>span{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.cr-summary-card strong{display:block;color:var(--cr-heading);font-size:1.2rem;font-weight:950;line-height:1.15;word-break:break-word}.cr-summary-card p{margin:.3rem 0 0;color:var(--cr-muted);font-size:.86rem;font-weight:850}.cr-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cr-chart-card,.cr-service-card,.cr-table-card{overflow:hidden;border:1px solid var(--cr-border);border-radius:var(--cr-radius-card);background:var(--cr-surface);box-shadow:var(--cr-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cr-chart-card,.cr-service-card{padding:1.25rem}.cr-section-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cr-empty-chart,.cr-empty-service{min-height:230px;display:grid;place-items:center;align-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--cr-muted)}.cr-empty-chart svg,.cr-empty-service svg{color:var(--cr-primary);font-size:2.4rem}.cr-empty-chart p,.cr-empty-service p{margin:0;color:var(--cr-muted);font-weight:750}.cr-service-list{display:grid;gap:.75rem}.cr-service-item{display:flex;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:var(--cr-radius-lg);background:#ff5f930e;border:1px solid rgba(255,95,147,.1)}.cr-service-item strong{display:block;color:var(--cr-heading);font-weight:950}.cr-service-item small{display:block;margin-top:.25rem;color:var(--cr-muted);font-weight:800}.cr-service-item span{color:var(--cr-primary);font-weight:950;white-space:nowrap}.cr-id-badge,.cr-status-badge{display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:0 .75rem;border-radius:var(--cr-radius-pill);font-size:.76rem;font-weight:950;text-transform:capitalize}.cr-id-badge{background:#ff5f931a;color:var(--cr-primary)}.cr-customer-name,.cr-amount{color:var(--cr-heading);font-weight:950}.cr-date-cell{display:grid;gap:.25rem}.cr-date-cell small{color:var(--cr-muted);font-weight:850}.cr-status-badge.success{background:#10b98124;color:#047857}.cr-status-badge.warning{background:#f59e0b29;color:#92400e}.cr-status-badge.danger{background:#ef444424;color:#b91c1c}.cr-status-badge.info{background:#3b82f624;color:#1d4ed8}.cr-status-badge.muted{background:#64748b1f;color:#475569}.cr-view-btn,.cr-secondary-btn{min-height:42px;border:none;border-radius:var(--cr-radius-pill);padding:0 1rem;font-size:.88rem;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:.22s ease}.cr-view-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:14px;color:var(--cr-primary);background:var(--cr-surface-solid);border:1px solid var(--cr-border)}.cr-view-btn:hover,.cr-secondary-btn:hover{transform:translateY(-2px)}.cr-view-btn:hover{color:#fff;background:linear-gradient(135deg,var(--cr-primary),var(--cr-primary-light));box-shadow:var(--cr-shadow-primary)}.cr-modal{width:min(860px,100%);max-height:92vh;overflow-y:auto;border:1px solid var(--cr-border);border-radius:var(--cr-radius-card);background:var(--cr-surface-solid);box-shadow:0 30px 90px #0f172a42}.cr-modal-body{display:grid;gap:1rem;padding:1.35rem}.cr-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.cr-detail-item{min-width:0;padding:.95rem;border-radius:var(--cr-radius-md);background:#fff1f794;border:1px solid rgba(255,95,147,.08)}.cr-detail-item.wide{grid-column:1 / -1}.cr-detail-item small{display:block;margin-bottom:.35rem;color:var(--cr-muted);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.cr-detail-item strong{color:var(--cr-heading);font-weight:900;word-break:break-word}.cr-raw-record{border:1px solid var(--cr-border);border-radius:var(--cr-radius-lg);background:#ff5f930d;overflow:hidden}.cr-raw-record summary{padding:1rem;color:var(--cr-primary);cursor:pointer;font-weight:950}.cr-raw-record pre{max-height:320px;overflow:auto;margin:0;padding:1rem;border-top:1px solid var(--cr-border);color:var(--cr-text);font-size:.82rem;line-height:1.45}.cr-secondary-btn{color:var(--cr-primary);background:var(--cr-surface-solid);border:1px solid var(--cr-border);box-shadow:var(--cr-shadow-soft)}@media print{.filters-section,.cr-view-btn,.cr-insight-bar{display:none!important}.reports-container:has(.customer-reports-content){background:#fff!important;padding:0!important}.reports-container:has(.customer-reports-content) .reports-header,.cr-summary-card,.cr-chart-card,.cr-service-card,.cr-table-card{box-shadow:none!important;border:1px solid #ddd!important}}@media(max-width:1280px){.cr-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-charts-grid{grid-template-columns:1fr}.cr-insight-bar{flex-direction:column}.cr-insight-meta{justify-content:flex-start}}@media(max-width:900px){.reports-container:has(.customer-reports-content){padding:1rem}.reports-container:has(.customer-reports-content) .reports-header{padding:1.35rem}.cr-summary-grid,.cr-detail-grid{grid-template-columns:1fr}.cr-table-card .cr-section-head,.cr-modal-body{padding:1.15rem}.cr-summary-card{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.cr-modal{border-radius:20px}.cr-service-item{flex-direction:column}}@media print{.cr-reports{background:#fff;padding:0}.cr-filter-card,.cr-export-btn,.cr-section-actions{display:none!important}.cr-table-card,.cr-summary-card{box-shadow:none;break-inside:avoid;border:1px solid #ddd}}.pets-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.tab-button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.archived-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ef4444;color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;margin-left:.5rem}.pet-detail-grid span:has(.fa-calendar-alt){color:var(--color-muted);font-size:.875rem}.customer-pets{--color-surface: rgba(255, 255, 255, .86);--color-surface-solid: rgba(255, 255, 255, .96);--color-text: #1f2937;--color-heading: #191919;--color-muted: #64748b;--shadow-soft: 0 10px 24px rgba(15, 23, 42, .08);--radius-md: 16px;--radius-lg: 20px;--radius-card: 28px;--radius-pill: 999px;width:100%;max-width:100%;min-height:calc(100vh - 90px);display:grid;gap:1.35rem;padding:1.5rem;overflow-x:clip;color:var(--color-text)}.customer-pets,.customer-pets *{box-sizing:border-box}.pets-toast{position:fixed;top:22px;right:22px;z-index:10000;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;border-radius:18px;color:#fff;font-weight:850;box-shadow:0 18px 40px #0f172a38;animation:petsToastIn .28s ease both}.pets-toast.success{background:linear-gradient(135deg,#10b981,#059669)}.pets-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes petsToastIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.pets-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.6rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:radial-gradient(circle at top left,rgba(255,95,147,.18),transparent 32%),var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.pets-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(255,95,147,.22),transparent 68%);pointer-events:none}.pets-hero>div,.pets-refresh-btn{position:relative;z-index:1}.pets-hero h1{margin:0;color:var(--color-heading);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:950;letter-spacing:-.055em}.pets-hero p{max-width:760px;margin:.45rem 0 0;color:var(--color-muted);font-size:.96rem;font-weight:700;line-height:1.55}.pets-add-trigger{min-height:44px;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-primary);transition:.22s ease;white-space:nowrap}.pets-add-trigger:hover,.pets-add-empty-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff5f9347}.pets-add-trigger:focus-visible,.pets-add-empty-btn:focus-visible{outline:3px solid rgba(255,95,147,.34);outline-offset:3px}.pets-add-trigger:disabled{opacity:.6;cursor:not-allowed;transform:none}.pets-refresh-btn{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.75rem 1rem;background:var(--color-surface-solid);color:var(--color-primary);font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-soft);transition:.22s ease;white-space:nowrap}.pets-refresh-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.pets-refresh-btn.refreshing svg,.spin{animation:petsSpin .9s linear infinite}@keyframes petsSpin{to{transform:rotate(360deg)}}.pets-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:1rem}.pets-stat-card{min-width:0;display:flex;align-items:center;gap:.9rem;padding:1.15rem;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .25s ease;cursor:default}.pets-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary)}.pets-stat-card>span{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-primary)}.pets-stat-card strong{display:block;color:var(--color-primary);font-size:1.6rem;font-weight:950;line-height:1}.pets-stat-card p{margin:.25rem 0 0;color:var(--color-muted);font-size:.86rem;font-weight:800}.pets-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.pets-card{min-width:0;padding:1.35rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pets-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.pets-card-header h2{margin:0;color:var(--color-heading);font-size:1.2rem;font-weight:950;letter-spacing:-.04em}.pets-card-header p{margin:.3rem 0 0}.pet-actions-row{margin-top:1rem}.pet-history-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ec48994d}.pet-history-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.pet-history-btn:active{transform:translateY(0)}.pet-history-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pet-history-body{padding:1.5rem;overflow-y:auto;flex:1}.pet-history-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}.pet-history-state svg{width:48px;height:48px;margin:0 auto 1rem;color:#ec4899}.pet-history-state.warning svg{color:#f59e0b}.pet-history-state h3{margin:0 0 .5rem;color:#111827;font-size:1.125rem;font-weight:600}.pet-history-state p{margin:0;font-size:.875rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-history-timeline{display:flex;flex-direction:column;gap:1.5rem}.pet-history-item{background:#f9fafb;border-radius:12px;padding:1.25rem;border-left:4px solid #ec4899}.pet-history-date{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#ec4899;margin-bottom:.75rem}.pet-history-content{display:flex;flex-direction:column;gap:1rem}.pet-history-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pet-history-title-row h3{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.pet-history-title-row p{margin:.25rem 0 0;color:#6b7280;font-size:.875rem}.pet-history-status{display:inline-block;padding:.25rem .75rem;background:#d1fae5;color:#065f46;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pet-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.pet-history-grid small{display:block;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.pet-history-grid strong{display:block;color:#111827;font-size:.875rem;font-weight:500}.pet-history-notes{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#fff;border-radius:8px;font-size:.875rem;color:#374151}.pet-history-notes svg{flex-shrink:0;width:16px;height:16px;color:#ec4899;margin-top:2px}.pet-image-upload-label{cursor:pointer}.pet-image-preview-wrapper{position:relative;width:140px;height:140px;border-radius:24px;overflow:hidden;border:2px dashed var(--color-border);background:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .25s ease;cursor:pointer}.pet-image-preview-wrapper:after{content:"Change Photo";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ff5f93bf;color:#fff;font-size:.82rem;font-weight:800;opacity:0;transition:opacity .25s ease;pointer-events:none}.pet-image-preview-wrapper:hover{border-color:var(--color-primary);transform:scale(1.03)}.pet-image-preview-wrapper:hover:after{opacity:1}.pet-image-preview{width:100%;height:100%;object-fit:cover;display:block}.pet-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-primary);font-size:1.8rem}.pet-image-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.pet-avatar-img{display:block;border-radius:20px;object-fit:cover}.pet-edit-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:0 .9rem;background:#3b82f61a;color:#2563eb;border:none;border-radius:var(--radius-pill);font-size:.82rem;font-weight:800;cursor:pointer;transition:all .22s ease}.pet-edit-btn:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}@media(max-width:640px){.pet-history-modal{max-height:95vh;margin:.5rem}.pet-history-header,.pet-history-body,.pet-history-footer{padding:1rem}.pet-history-grid{grid-template-columns:1fr}.pet-history-title-row{flex-direction:column}}.pets-form{display:grid;gap:.95rem}.pets-form .pet-image-upload-label{justify-self:center;text-align:center}.pets-form label{display:grid;gap:.45rem;color:var(--color-heading);font-size:.9rem;font-weight:900}.pets-form label small{color:var(--color-primary);font-weight:950}.pets-form input,.pets-form select,.pets-form textarea,.pets-search-box input,.pets-filter-select{width:100%;min-height:48px;padding:.78rem .9rem;border:1px solid var(--color-border);border-radius:16px;outline:none;background:#ffffffe6;color:var(--color-text);font-family:inherit;font-size:.92rem;font-weight:700;transition:.22s ease}.pets-form textarea{min-height:110px;resize:vertical;line-height:1.5}.pets-form input:focus,.pets-form select:focus,.pets-form textarea:focus,.pets-search-box input:focus,.pets-filter-select:focus{border-color:#ff5f938c;box-shadow:0 0 0 4px #ff5f931f}.pets-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.pets-form-actions{display:flex;justify-content:flex-end;gap:.75rem}.pets-reset-btn,.pets-submit-btn,.pet-delete-btn,.pet-history-btn{min-height:44px;padding:0 1rem;border-radius:var(--radius-pill);border:none;font-weight:950;cursor:pointer;transition:.22s ease;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.pets-reset-btn{border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-muted)}.pets-submit-btn,.pet-history-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-primary)}.pets-reset-btn:hover,.pets-submit-btn:hover,.pet-delete-btn:hover,.pet-history-btn:hover{transform:translateY(-2px)}.pets-submit-btn:disabled,.pet-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pets-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px;gap:.85rem;margin-bottom:1rem}.pets-top-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;grid-template-columns:none}.pets-search-box{position:relative;min-width:0}.pets-search-box input{padding-right:2.8rem;border-radius:var(--radius-pill)}.pets-filter-select{border-radius:var(--radius-pill)}.pets-search-box button{position:absolute;right:9px;top:50%;width:32px;height:32px;border:none;border-radius:999px;background:#ff5f931a;color:var(--color-primary);cursor:pointer;transform:translateY(-50%)}.pets-list{display:grid;gap:.9rem}.pet-item{min-width:0;display:flex;align-items:flex-start;gap:1.15rem;padding:1.15rem;border:1px solid var(--color-border);border-radius:24px;background:#ffffff9e;transition:all .25s ease;animation:petFadeIn .4s ease both}.pet-item:hover{transform:translateY(-3px);box-shadow:0 18px 40px #ff5f9324;border-color:#ff5f9359;background:#ffffffd9}@keyframes petFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pet-avatar{width:72px;height:72px;min-width:72px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:1.4rem;box-shadow:var(--shadow-primary);transition:transform .25s ease}.pet-item:hover .pet-avatar{transform:scale(1.06) rotate(-3deg)}.pet-info{min-width:0}.pet-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.pet-item h3{margin:0 0 .25rem;color:var(--color-heading);font-size:1.05rem;font-weight:950}.pet-item p{margin:0;color:var(--color-muted);font-weight:800}.pet-species-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 .75rem;border-radius:var(--radius-pill);background:#ff5f931a;color:var(--color-primary);font-size:.75rem;font-weight:950;white-space:nowrap;border:1px solid rgba(255,95,147,.15)}.pet-species-badge .archived-badge{margin-left:.4rem;background:#ef4444;color:#fff;font-size:.65rem;padding:.15rem .45rem;border-radius:var(--radius-pill)}.pet-detail-grid{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.pet-detail-grid span{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-pill);background:#ff5f9314;color:var(--color-primary);font-size:.78rem;font-weight:800}.pet-detail-grid svg{color:var(--color-primary);font-size:.75rem}.pet-item small{display:block;margin-top:.65rem;color:var(--color-muted);font-size:.86rem;font-weight:700;line-height:1.45}.pet-actions-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.pet-delete-btn,.pet-archive-btn{background:#64748b1a;color:#475569;border:none;border-radius:var(--radius-pill);min-height:38px;padding:0 .9rem;font-weight:800;font-size:.82rem;cursor:pointer;transition:all .22s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.pet-delete-btn:hover,.pet-archive-btn:hover{background:#64748b;color:#fff;transform:translateY(-1px)}.pet-delete-btn:disabled,.pet-archive-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pets-empty-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:.85rem;text-align:center;border:2px dashed var(--color-border);border-radius:28px;background:radial-gradient(circle at 50% 30%,rgba(255,95,147,.06),transparent 60%),#ffffff6b;padding:2rem}.pets-add-empty-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.25rem;padding:0 1.15rem;border:0;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-weight:900;cursor:pointer;box-shadow:var(--shadow-primary);transition:.22s ease}.pets-empty-state svg{width:64px;height:64px;padding:14px;border-radius:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:2rem;box-shadow:var(--shadow-primary)}.pets-loading-state,.pet-history-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:.75rem;text-align:center;border:2px dashed var(--color-border);border-radius:24px;background:#ffffff6b}.pets-loading-state{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card)}.pets-empty-state svg,.pets-loading-state svg,.pet-history-state svg{color:var(--color-primary);font-size:2.7rem}.pets-empty-state h3,.pets-loading-state h3,.pet-history-state h3{margin:0;color:var(--color-heading);font-weight:950}.pets-empty-state p,.pets-loading-state p,.pet-history-state p{margin:0;color:var(--color-muted);font-weight:750}.pet-history-state.warning{background:#f59e0b1f;border-color:#f59e0b47}.pet-history-state.warning svg,.pet-history-state.warning h3{color:#92400e}.pets-add-modal{--color-surface: rgba(255, 255, 255, .9);--color-surface-solid: #ffffff;--color-text: #1f2937;--color-heading: #191919;--color-muted: #64748b;--color-border: rgba(255, 95, 147, .18);--shadow-soft: 0 10px 24px rgba(15, 23, 42, .08);--shadow-card: 0 16px 40px rgba(15, 23, 42, .13);--shadow-primary: 0 8px 20px rgba(255, 95, 147, .2);--radius-md: 16px;--radius-card: 28px;--radius-pill: 999px;width:min(740px,100%);height:min(92vh,860px);height:min(92dvh,860px);max-height:min(92vh,860px);max-height:min(92dvh,860px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-solid);color:var(--color-text);box-shadow:0 30px 90px #0f172a4d;animation:petsModalIn .24s cubic-bezier(.2,.8,.2,1) both}.pets-add-modal:focus{outline:none}.pets-add-modal-form{min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:0;overflow:hidden}.pets-add-modal-body{width:100%!important;max-height:none!important;min-height:0;display:grid;align-content:start;gap:1rem;margin:0!important;padding:1.25rem 1.5rem;border-radius:0!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pets-add-modal .pets-form-row{grid-template-columns:minmax(0,1fr)}.pets-add-modal-error{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border:1px solid rgba(220,38,38,.2);border-radius:14px;background:#fef2f2f2;color:#b91c1c;font-size:.88rem;font-weight:800;line-height:1.45}.pets-add-modal-error svg{flex:none;margin-top:.1rem}@keyframes petsModalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes petsModalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.pets-top-toolbar{flex-direction:column;align-items:stretch}.pets-add-trigger,.pets-refresh-btn{width:100%}}@media(max-width:640px){.pets-add-modal{width:100%;max-width:none;height:min(94vh,900px);height:min(94dvh,900px);max-height:min(94vh,900px);max-height:min(94dvh,900px);border-radius:24px 24px 0 0;animation-name:petsModalSheetIn}.pets-add-modal-body{padding:1rem}}@media(max-height:640px)and (min-width:641px){.pets-add-modal{max-height:calc(100dvh - 2rem)}}@keyframes petsModalSheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pets-add-modal{animation:none}.pets-add-trigger,.pets-add-empty-btn{transition:none}}.pet-history-modal{width:min(920px,100%);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-solid);box-shadow:0 30px 90px #0f172a42}.pet-history-body{padding:1.25rem;overflow-y:auto}.pet-history-timeline{display:grid;gap:1rem}.pet-history-item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:22px;background:#ffffffa8;box-shadow:var(--shadow-soft)}.pet-history-date{display:flex;align-items:flex-start;gap:.5rem;color:var(--color-primary);font-weight:950}.pet-history-content{min-width:0}.pet-history-title-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.pet-history-title-row h3{margin:0;color:var(--color-heading);font-size:1.08rem;font-weight:950}.pet-history-title-row p{margin:.25rem 0 0;color:var(--color-muted);font-weight:750}.pet-history-status{display:inline-flex;align-items:center;min-height:30px;padding:0 .75rem;border-radius:var(--radius-pill);background:#10b9811f;color:#047857;font-size:.75rem;font-weight:950;text-transform:capitalize;white-space:nowrap}.pet-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.pet-history-grid div{min-width:0;padding:.85rem;border-radius:var(--radius-md);background:#fff1f7a3;border:1px solid rgba(255,95,147,.08)}.pet-history-grid small{display:block;margin-bottom:.3rem;color:var(--color-muted);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.pet-history-grid strong{color:var(--color-heading);font-weight:900;word-break:break-word}.pet-history-notes{display:flex;align-items:flex-start;gap:.65rem;margin-top:.85rem;padding:.85rem;border-radius:var(--radius-md);background:#ff5f9312;color:var(--color-muted);font-weight:750;line-height:1.5}.pet-history-notes svg{margin-top:.2rem;color:var(--color-primary)}@media(max-width:1200px){.pets-layout{grid-template-columns:1fr}.pets-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991px){.pets-layout{grid-template-columns:1fr!important;gap:16px}.pets-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}}@media(max-width:768px){.customer-pets{padding:1rem}.pets-hero{flex-direction:column;align-items:flex-start;padding:1.25rem;border-radius:22px}.pets-refresh-btn{width:100%}.pets-stats-grid,.pets-toolbar{grid-template-columns:1fr}.pet-item{grid-template-columns:1fr;align-items:flex-start}.pet-avatar{width:80px;height:80px}.pet-title-row,.pet-history-title-row{flex-direction:column}.pet-delete-btn,.pet-history-btn{width:100%}.pets-form-actions{flex-direction:column}.pets-reset-btn,.pets-submit-btn{width:100%}.pet-history-item,.pet-history-grid{grid-template-columns:1fr}.pet-history-modal{max-height:94vh}}@media(max-width:480px){.pets-form-row{grid-template-columns:1fr}.pets-card{padding:1rem;border-radius:22px}.pet-history-header,.pet-history-body,.pet-history-footer{padding:1rem}}.input-error,.datepicker-error-wrap .paws-datepicker-wrap input{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.field-error{display:block;color:#ef4444;font-size:.75rem;font-weight:500;margin-top:.25rem}.dark-mode .input-error,.dark-mode .datepicker-error-wrap .paws-datepicker-wrap input{border-color:#f87171!important;box-shadow:0 0 0 2px #f8717133!important}.dark-mode .field-error{color:#f87171}@media(max-width:767px){.pets-hero:after{width:clamp(120px,30vw,200px)!important;height:clamp(120px,30vw,200px)!important}}.customer-payments-page{position:relative;min-height:100vh;padding:2rem;overflow:visible;background:var( --color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7) );color:var(--color-text, #1f2937);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customer-payments-bg-orb{position:fixed;border-radius:999px;pointer-events:none;filter:blur(12px);z-index:0}.customer-payments-bg-orb.orb-one{width:330px;height:330px;top:80px;right:-120px;background:radial-gradient(circle,rgba(255,95,147,.28),transparent 68%)}.customer-payments-bg-orb.orb-two{width:280px;height:280px;bottom:-120px;left:18%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 65%)}.customer-payments-header,.customer-payments-summary-grid,.customer-payments-panel{position:relative;z-index:1}.customer-payments-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.customer-payments-actions{justify-content:flex-end;margin-bottom:1rem}.customer-payments-kicker{display:inline-flex;margin-bottom:.45rem;color:var(--color-primary, #ff5f93);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.customer-payments-header h3{margin:0;color:var(--color-heading, #191919);font-size:clamp(1.65rem,3vw,2.25rem);font-weight:950;letter-spacing:-.045em}.customer-payments-header p{max-width:620px;margin:.55rem 0 0;color:var(--color-muted, #64748b);font-size:.98rem;line-height:1.55}.customer-payments-main-btn{border:none;border-radius:999px;padding:.85rem 1.15rem;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 28px #ff5f933d;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.customer-payments-main-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ff5f934d}.customer-payments-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.customer-payment-summary-card{display:flex;align-items:center;gap:1rem;min-width:0;padding:1.25rem;border-radius:24px;background:var(--color-surface, rgba(255, 255, 255, .86));border:1px solid var(--color-border, rgba(255, 95, 147, .18));box-shadow:var(--shadow-card, 0 18px 45px rgba(255, 95, 147, .16));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s ease,box-shadow .22s ease}.customer-payment-summary-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #ff5f9333}.summary-icon{width:52px;height:52px;min-width:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:1.25rem;font-weight:950;box-shadow:0 12px 24px #ff5f933d}.customer-payment-summary-card h4{margin:0;color:var(--color-heading, #191919);font-size:clamp(1.35rem,2vw,1.8rem);font-weight:950;line-height:1.1;letter-spacing:-.04em}.customer-payment-summary-card p{margin:.3rem 0 0;color:var(--color-muted, #64748b);font-size:.9rem;font-weight:800}.customer-payments-panel{border-radius:26px;background:var(--color-surface, rgba(255, 255, 255, .86));border:1px solid var(--color-border, rgba(255, 95, 147, .18));box-shadow:var(--shadow-card, 0 18px 45px rgba(255, 95, 147, .16));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.customer-payments-panel-header{padding:1.35rem 1.5rem;border-bottom:1px solid rgba(255,95,147,.14)}.customer-payments-panel-header h4{margin:0;color:var(--color-heading, #191919);font-size:1.3rem;font-weight:950;letter-spacing:-.035em}.customer-payments-panel-header p{margin:.35rem 0 0;color:var(--color-muted, #64748b);font-size:.92rem;line-height:1.45}.customer-payments-table-wrapper{width:100%;overflow-x:auto}.customer-payments-table{width:100%;min-width:760px;border-collapse:collapse}.customer-payments-table th{padding:1rem 1.25rem;text-align:left;color:var(--color-muted, #64748b);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;background:#ff5f930f;border-bottom:1px solid rgba(255,95,147,.12);white-space:nowrap}.customer-payments-table td{padding:1rem 1.25rem;color:var(--color-text, #1f2937);font-size:.92rem;font-weight:750;border-bottom:1px solid rgba(255,95,147,.1);vertical-align:middle}.customer-payments-table tbody tr{transition:background .2s ease}.customer-payments-table tbody tr:hover{background:#ff5f930b}.payment-method-badge{display:inline-flex;padding:.42rem .72rem;border-radius:999px;background:#ff5f9314;color:var(--color-primary, #ff5f93);font-size:.78rem;font-weight:900}.payment-amount{color:var(--color-heading, #191919)!important;font-weight:950!important;white-space:nowrap}.payment-status{display:inline-flex;padding:.42rem .75rem;border-radius:999px;font-size:.78rem;font-weight:950;white-space:nowrap}.payment-status.paid{background:#22c55e1f;color:#16a34a}.payment-status.pending{background:#f59e0b24;color:#d97706}.customer-receipt-actions{display:flex;flex-wrap:wrap;gap:.4rem}.receipt-btn{border:1px solid rgba(255,95,147,.22);border-radius:999px;padding:.55rem .8rem;background:#ff5f9314;color:var(--color-primary, #ff5f93);font-size:.82rem;font-weight:900;cursor:pointer;transition:transform .2s ease,background .2s ease;white-space:nowrap}.receipt-btn:hover{transform:translateY(-2px);background:#ff5f9324}@media(max-width:992px){.customer-payments-page{padding:1.25rem}.customer-payments-header{align-items:flex-start;flex-direction:column}.customer-payments-main-btn{width:fit-content}.customer-payments-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.customer-payments-error{position:relative;z-index:1;margin:0 0 1rem;padding:.9rem 1rem;border-radius:16px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-weight:800}@media(max-width:640px){.customer-payments-page{padding:1rem}.customer-payments-summary-grid{grid-template-columns:1fr}.customer-payment-summary-card{padding:1rem}.customer-payments-panel-header{padding:1.1rem}.customer-payments-table th,.customer-payments-table td{padding:.9rem 1rem}}.payment-row-highlight{background:#3b82f61a!important;outline:2px solid #3b82f6;outline-offset:-2px}.receipt-btn{display:inline-block;padding:.35rem .75rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;color:#0f172a;text-decoration:none;transition:background .15s}.receipt-btn:hover{background:#e2e8f0}@media(max-width:767px){.customer-payments-bg-orb.orb-one{width:clamp(140px,40vw,200px)!important;height:clamp(140px,40vw,200px)!important}.customer-payments-bg-orb.orb-two{width:clamp(120px,35vw,180px)!important;height:clamp(120px,35vw,180px)!important}}.customer-billing-line{display:flex;justify-content:space-between;gap:.75rem;margin-top:.25rem;color:#475569;font-size:.78rem;font-weight:600}.customer-billing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.customer-billing-actions .receipt-btn{white-space:nowrap}.customer-notifications{padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.notifications-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem;flex-wrap:wrap}.notifications-page-header-left{min-width:0}.notifications-eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.35rem;padding:.3rem .75rem;border-radius:var(--radius-pill, 999px);background:#ff5f931a;color:var(--color-primary, #ff5f93);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.notifications-page-header h2{margin:0;color:var(--color-heading, #191919);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;letter-spacing:-.04em}.notifications-page-header p{margin:.35rem 0 0;color:var(--color-muted, #64748b);font-size:.92rem;line-height:1.5}.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.35rem;border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));flex-wrap:wrap}.notifications-filter select{min-height:40px;padding:0 1rem!important;border:1px solid var(--color-border, rgba(255,95,147,.18))!important;border-radius:var(--radius-md, 16px)!important;background:var(--color-surface, rgba(255,255,255,.86));color:var(--color-text, #1f2937);font-size:.88rem;font-weight:700;min-width:180px;cursor:pointer}.notifications-filter select:focus{border-color:var(--color-primary, #ff5f93)!important;box-shadow:0 0 0 3px #ff5f931f!important;outline:none}.mark-all-read-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1.1rem;border:none;border-radius:var(--radius-pill, 999px);background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:.84rem;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #ff5f9338;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.mark-all-read-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff5f934d}.mark-all-read-btn:disabled{background:var(--color-muted, #64748b);box-shadow:none;cursor:not-allowed;opacity:.6}.notifications-panel{border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:var(--radius-card, 26px);background:var(--color-surface, rgba(255,255,255,.86));box-shadow:var(--shadow-card, 0 18px 45px rgba(255,95,147,.14));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;margin-bottom:1.35rem}.notifications-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));background:#ff5f930a}.notifications-panel-header h3{margin:0;color:var(--color-heading, #191919);font-size:1.1rem;font-weight:900;letter-spacing:-.03em}.notifications-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0 .6rem;border-radius:var(--radius-pill, 999px);background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:.74rem;font-weight:900;box-shadow:0 6px 14px #ff5f9347}.notifications-section-label{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.35rem;color:var(--color-muted, #64748b);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#ff5f9308;border-bottom:1px solid var(--color-border, rgba(255,95,147,.1))}.notifications-section-label:after{content:"";flex:1;height:1px;background:var(--color-border, rgba(255,95,147,.15))}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1.15rem 1.35rem;border-bottom:1px solid var(--color-border, rgba(255,95,147,.1));cursor:pointer;transition:background .2s ease;position:relative;animation:fadeUp .35s ease both}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ff5f930a}.notification-item.unread{background:#ff5f9308}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5))}.notification-icon-wrap{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;flex-shrink:0;font-size:1rem;background:#ff5f931a;color:var(--color-primary, #ff5f93)}.notification-icon-wrap.info{background:#3b82f61a;color:#3b82f6}.notification-icon-wrap.success{background:#22c55e1a;color:#22c55e}.notification-icon-wrap.error,.notification-icon-wrap.danger{background:#ef44441a;color:#ef4444}.notification-icon-wrap.warning{background:#f59e0b1a;color:#f59e0b}.notification-icon{font-size:1rem}.notification-icon.info{color:var(--color-info, #3b82f6)}.notification-icon.success{color:var(--color-success, #22c55e)}.notification-icon.error,.notification-icon.danger{color:var(--color-danger, #ef4444)}.notification-icon.warning{color:var(--color-warning, #f59e0b)}.notification-body{flex:1;min-width:0}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.notification-meta{flex:1;min-width:0}.notification-meta h3{margin:0;color:var(--color-heading, #191919);font-size:.92rem;font-weight:900;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{color:var(--color-muted, #64748b);font-size:.76rem;font-weight:700;white-space:nowrap;flex-shrink:0}.unread-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .45rem;border-radius:var(--radius-pill, 999px);background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.notification-content{line-height:1.5}.notification-content p{margin:0;color:var(--color-muted, #64748b);font-size:.86rem;font-weight:600;line-height:1.5}.notification-reference{margin-top:.35rem;color:var(--color-muted, #64748b);font-size:.76rem;font-weight:700;opacity:.8}.notification-actions{display:flex;align-items:center;gap:.5rem;margin-top:.65rem}.mark-read-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:0 .85rem;border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:var(--radius-pill, 999px);background:transparent;color:var(--color-primary, #ff5f93);font-size:.76rem;font-weight:900;cursor:pointer;transition:background .2s ease,border-color .2s ease}.mark-read-btn:hover{background:#ff5f9314;border-color:var(--color-primary, #ff5f93)}.notifications-loading,.notifications-empty{display:grid;place-items:center;text-align:center;padding:3.5rem 2rem}.loading-spinner{color:var(--color-primary, #ff5f93);font-size:2rem;margin-bottom:.85rem}.notifications-error{margin:1rem 1.35rem;padding:1rem 1.25rem;border-radius:var(--radius-md, 16px);background:#ef44440f;border:1px solid rgba(239,68,68,.18);color:var(--color-danger-text, #991b1b);font-size:.88rem;font-weight:700}.notifications-error h3{margin:0 0 .3rem;font-size:1rem;font-weight:900}.notifications-empty h3{margin:0 0 .5rem;color:var(--color-heading, #191919);font-size:1.1rem;font-weight:900}.notifications-empty p{margin:0 0 1rem;color:var(--color-muted, #64748b);max-width:360px;line-height:1.55}.retry-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1.25rem;border:none;border-radius:var(--radius-pill, 999px);background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:.88rem;font-weight:900;cursor:pointer;box-shadow:0 10px 22px #ff5f9338;transition:transform .2s ease;margin-top:.5rem}.retry-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.customer-notifications{padding:1rem}.notifications-page-header{flex-direction:column;align-items:flex-start}.notifications-toolbar{flex-direction:column;align-items:flex-start;padding:.85rem 1rem}.mark-all-read-btn{width:100%;justify-content:center}.notification-item{padding:1rem}.notification-header{flex-wrap:wrap}}@media(max-width:480px){.customer-notifications{padding:.75rem}.notifications-panel-header{padding:1rem}.notifications-panel-header h3{font-size:1rem}.notification-item{padding:.85rem;gap:.75rem}.notification-icon-wrap{width:36px;height:36px;font-size:.9rem}.notification-meta h3{font-size:.85rem;white-space:normal}.notification-header{flex-direction:column;gap:.2rem}.notification-time{font-size:.72rem}.notifications-empty{padding:2.5rem 1.25rem}}.customer-pet-details{background:linear-gradient(135deg,var(--color-surface-solid, #fff),rgba(255,255,255,.78));border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:var(--radius-lg, 22px);box-shadow:var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));margin-bottom:1rem;padding:1rem}.customer-pet-details-header{align-items:baseline;border-bottom:1px solid var(--color-border, rgba(255, 95, 147, .18));display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin-bottom:.8rem;padding-bottom:.65rem}.customer-pet-details-header strong{color:var(--color-heading, #191919);font-size:1rem;font-weight:800}.customer-pet-details-header span{color:var(--color-muted, #64748b);font-size:.76rem;font-weight:600}.customer-pet-details-grid{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-pet-detail{background:#ffffffa8;border:1px solid rgba(255,95,147,.1);border-radius:var(--radius-md, 16px);display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.65rem .75rem}.customer-pet-detail span{color:var(--color-muted, #64748b);font-size:.7rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.customer-pet-detail strong{color:var(--color-heading, #191919);font-size:.9rem;font-weight:750;overflow-wrap:anywhere}.customer-pet-detail-notes{grid-column:1 / -1}.customer-hotel-reservation{--hf-primary: var(--color-primary);--hf-primary-hover: var(--color-primary-light);--hf-surface: var(--color-surface);--hf-border: var(--color-border);--hf-heading: var(--color-heading);--hf-text: var(--color-text);--hf-muted: var(--color-muted);--hf-success: #059669;--hf-danger: #dc2626;--hf-info: #3b82f6;--hf-shadow: var(--shadow-card);--hf-shadow-hover: var(--shadow-primary);--hf-radius: var(--radius-lg, 22px);--hf-radius-sm: var(--radius-md, 16px);--hf-radius-pill: var(--radius-pill, 999px);width:100%;display:grid;gap:1.25rem;align-content:start;color:var(--hf-text);font-family:inherit;padding-bottom:2rem}.customer-hotel-reservation,.customer-hotel-reservation *{box-sizing:border-box}.hotel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--hf-border);border-radius:var(--radius-card);background:radial-gradient(circle at top left,var(--color-primary-soft),transparent 40%),var(--hf-surface);box-shadow:var(--hf-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hotel-kicker{display:inline-flex;margin-bottom:.45rem;color:var(--hf-primary);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hotel-header h3{margin:0;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:var(--hf-heading);letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem}.hotel-header h3 svg{color:var(--hf-primary)}.hotel-header p{max-width:620px;margin:.55rem 0 0;color:var(--hf-muted);font-size:.98rem;line-height:1.55}.hotel-error,.alert-success{padding:.85rem 1.1rem;border-radius:var(--hf-radius-sm);font-size:.9rem;font-weight:500}.hotel-error{display:flex;align-items:center;gap:.5rem;background:#ef444414;color:var(--color-danger-text, #991b1b);border:1px solid rgba(239,68,68,.2)}.hotel-error span{font-size:1rem;font-weight:700;cursor:pointer;line-height:1}.alert-success{background:#22c55e1a;color:var(--color-success-text, #065f46);border:1px solid rgba(34,197,94,.22)}.hotel-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.35rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-surface)}.hotel-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:none;border-radius:10px;background:transparent;color:var(--hf-muted);font-size:.88rem;font-weight:700;cursor:pointer;transition:.18s ease;font-family:inherit}.hotel-tab:hover:not(.active){background:var(--color-primary-soft);color:var(--hf-primary)}.hotel-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-primary)}.book-tab{display:grid;gap:1.25rem}.booking-form-section{padding:1.5rem;border:1px solid var(--hf-border);border-radius:var(--radius-card);background:var(--hf-surface);box-shadow:var(--hf-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.booking-form-section h3{margin:0 0 .85rem;font-size:1rem;font-weight:700;color:var(--hf-heading);display:flex;align-items:center;gap:.5rem}.booking-form-section h3 svg{color:var(--hf-primary)}.form-group{margin-bottom:.65rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.82rem;font-weight:600;color:var(--hf-heading)}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:38px;padding:.5rem .8rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius-sm);background:var(--color-surface-solid);color:var(--hf-text);font-size:.9rem;font-family:inherit;outline:none;transition:.18s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background:var(--hf-surface)}.form-group textarea{min-height:60px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.hotel-availability{padding:1.25rem;margin-bottom:1rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-surface);box-shadow:var(--hf-shadow)}.hotel-availability h4{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--hf-heading)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.room-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius-sm);background:var(--hf-surface);cursor:pointer;text-align:left;transition:.18s ease}.room-card:hover:not(.unavailable){border-color:var(--color-primary);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.room-card.selected{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-primary)}.room-card.unavailable{opacity:.5;cursor:not-allowed;background:var(--color-surface-solid)}.room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.room-name{font-weight:700;font-size:.92rem;color:var(--hf-heading)}.room-type{font-size:.72rem;color:var(--hf-muted);background:#f3f4f6;padding:.15rem .45rem;border-radius:var(--hf-radius-pill);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.room-details{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.room-capacity,.room-rate,.room-size{font-size:.8rem;color:var(--hf-muted)}.room-rate{font-weight:600;color:var(--hf-success)}.room-status{font-size:.78rem;font-weight:600;color:var(--hf-muted)}.room-card.unavailable .room-status{color:var(--hf-danger)}.no-availability,.availability-loading,.availability-prompt{padding:1.25rem;border-radius:var(--hf-radius-sm);text-align:center;font-size:.9rem}.no-availability{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.availability-loading,.availability-prompt{background:var(--color-surface-solid);color:var(--hf-muted);border:1px dashed var(--hf-border)}.pricing-summary{padding:1.25rem;margin-bottom:1rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius);background:var(--hf-surface);box-shadow:var(--hf-shadow)}.pricing-summary h4{margin:0 0 .85rem;font-size:1rem;font-weight:700;color:var(--hf-heading);display:flex;align-items:center;gap:.4rem}.pricing-summary h4 svg{color:var(--hf-primary)}.pricing-details{display:grid;gap:.5rem}.pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--hf-text)}.pricing-row.total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--hf-border);font-weight:700;color:var(--hf-heading);font-size:1rem}.booking-form-section form>button[type=submit]{width:100%;min-height:42px;border:none;border-radius:var(--hf-radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-primary);transition:.18s ease;margin-top:.5rem;font-family:inherit}.booking-form-section form>button[type=submit]:hover{transform:translateY(-1px);opacity:.92}.booking-form-section form>button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.my-bookings-tab{display:grid;gap:1rem;padding:1rem;border:1px solid var(--hf-border);border-radius:var(--radius-card);background:var(--hf-surface);box-shadow:var(--hf-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.no-bookings{min-height:260px;display:grid;place-items:center;align-content:center;gap:.75rem;padding:3rem 2rem;text-align:center;color:var(--hf-muted);border:1px solid var(--hf-border);border-radius:var(--radius-card);background:var(--hf-surface);box-shadow:var(--hf-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.no-bookings svg{font-size:2rem;color:var(--hf-primary)}.no-bookings p{margin:0;font-size:.95rem;font-weight:700}.no-bookings button{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;border:none;border-radius:var(--hf-radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:.85rem;font-weight:900;cursor:pointer;box-shadow:0 14px 28px #ff5f933d;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit}.no-bookings button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ff5f934d}.bookings-list{display:grid;gap:1rem}.booking-card{padding:0;border:1px solid var(--hf-border);border-radius:24px;background:var(--hf-surface);box-shadow:var(--hf-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}.booking-card:hover{transform:translateY(-4px);border-color:#ff5f9366;box-shadow:0 24px 55px #ff5f9333}.booking-card-top{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.35rem}.booking-card-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:grid;place-items:center;font-size:1.15rem;flex-shrink:0;box-shadow:0 12px 24px #ff5f933d}.booking-card-meta{flex:1;min-width:0}.booking-card-meta h4{margin:0;font-size:1.05rem;font-weight:950;letter-spacing:-.02em;color:var(--hf-heading)}.booking-card-meta p{margin:.15rem 0 0;font-size:.82rem;color:var(--hf-muted);font-weight:700}.booking-card-top .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .8rem;border-radius:999px;font-size:.76rem;font-weight:900;text-transform:capitalize;letter-spacing:.02em;flex-shrink:0}.booking-card-body{padding:0 1.35rem 1.15rem}.booking-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem 1.2rem}.booking-card-grid>div{display:flex;flex-direction:column;gap:.25rem}.bcg-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;color:var(--hf-muted);text-transform:uppercase;letter-spacing:.05em}.bcg-label svg{font-size:.78rem;color:var(--hf-primary)}.bcg-value{font-size:.9rem;font-weight:800;color:var(--hf-heading)}.bcg-payment{display:inline-flex;align-self:flex-start;padding:.35rem .75rem;border-radius:999px;font-size:.78rem;font-weight:900;text-transform:capitalize}.bcg-payment.paid{background:#22c55e1f;color:#16a34a}.bcg-payment.pending{background:#f59e0b24;color:#d97706}.bcg-payment.rejected{background:#ef44441f;color:#dc2626}.bcg-payment.unpaid{background:#64748b1f;color:#475569}.booking-rejection{margin-top:.8rem;padding:.7rem .9rem;border-radius:12px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-size:.82rem;font-weight:700}.booking-card-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;padding:.9rem 1.35rem;border-top:1px solid var(--hf-border)}.bc-action{padding:.55rem 1.1rem;border:none;border-radius:999px;font-size:.82rem;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:.4rem;font-family:inherit}.bc-action.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 10px 22px #ff5f9342}.bc-action.primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ff5f9352}.bc-action.cancel{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.22)}.bc-action.cancel:hover{background:#ef444429;transform:translateY(-2px)}.bc-payment-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;flex:1}.bc-payment-row input[type=file]{font-size:.8rem;color:var(--hf-text);flex:1;min-width:140px}.care-log-list{margin:0 1.35rem 1.2rem;padding-top:1rem;border-top:1px solid var(--hf-border);display:grid;gap:.6rem}.care-log-item{padding:.8rem 1rem;border-radius:14px;background:#ff5f930d;border:1px solid var(--hf-border)}.care-log-item strong{display:block;margin-bottom:.25rem;font-size:.88rem;color:var(--hf-heading)}.vaccination-preview{margin-top:.5rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius-sm);padding:.5rem;background:var(--color-surface-solid);max-width:100%;overflow:hidden}.vaccination-preview img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--hf-radius-sm)}.vaccination-required-note{display:block;margin:-.1rem 0 .45rem;color:var(--hf-muted);font-size:.78rem;line-height:1.4}.vaccination-preview-file{margin-top:.5rem;padding:.65rem .8rem;border:1px dashed var(--hf-border);border-radius:var(--hf-radius-sm);color:var(--hf-text);font-size:.84rem;overflow-wrap:anywhere}.booking-vaccination-status{display:grid;gap:.35rem;margin-top:.85rem;padding:.8rem .9rem;border:1px solid rgba(245,158,11,.25);border-radius:var(--hf-radius-sm);background:#fffbeb;color:#92400e;font-size:.82rem}.booking-vaccination-status.verified{border-color:#05966940;background:#ecfdf5;color:#065f46}.booking-vaccination-status strong{font-size:.86rem}.booking-vaccination-status label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:.25rem;font-weight:800}.booking-vaccination-status input[type=file]{max-width:100%;font:inherit}.care-log-item p{margin:0;font-size:.85rem;color:var(--hf-muted)}@media(max-width:768px){.customer-hotel-reservation{gap:1rem}.hotel-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem 1rem}.hotel-tabs{flex-wrap:wrap;gap:.4rem}.hotel-tab{flex:1;min-width:120px;justify-content:center}.booking-form-section{padding:1.25rem}.form-row,.rooms-grid{grid-template-columns:1fr}.booking-header{flex-direction:column;align-items:flex-start}.booking-actions{flex-direction:column;align-items:stretch}.booking-actions button,.payment-upload-inline{width:100%}.payment-upload-inline button{flex:1}}.hotel-availability{margin:1rem 0}.hotel-availability h4{font-size:.95rem;font-weight:700;color:var(--hf-heading);margin-bottom:.75rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem}.room-card{display:flex;flex-direction:column;border:2px solid var(--hf-border);border-radius:14px;overflow:hidden;background:var(--hf-surface);cursor:pointer;text-align:left;padding:0;transition:border-color .18s,box-shadow .18s,transform .15s;box-shadow:0 2px 8px #0000000f}.room-card:hover:not(:disabled){border-color:var(--hf-primary);box-shadow:0 6px 20px #00000021;transform:translateY(-2px)}.room-card.selected{border-color:var(--hf-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 236,72,153),.18)}.room-card.unavailable{opacity:.55;cursor:not-allowed}.room-card-img-wrap{position:relative;height:120px;overflow:hidden;background:#f1f5f9}.room-card-img{width:100%;height:100%;object-fit:cover;display:block}.room-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#94a3b8}.room-card-badge{position:absolute;top:8px;left:8px;font-size:.68rem;font-weight:700;color:#fff;padding:3px 9px;border-radius:20px;letter-spacing:.03em;box-shadow:0 2px 6px #00000038}.room-card-unavailable-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.04em}.room-card-body{padding:.65rem .8rem .75rem;display:flex;flex-direction:column;gap:.3rem}.room-header{display:flex;flex-direction:column;gap:.1rem}.room-name{font-size:.88rem;font-weight:700;color:var(--hf-heading)}.room-type{font-size:.72rem;color:var(--hf-muted);text-transform:capitalize}.room-details{display:flex;flex-wrap:wrap;gap:.3rem .6rem;font-size:.75rem;color:var(--hf-muted)}.room-rate{font-weight:700;color:var(--hf-primary);font-size:.82rem}.room-slots{font-weight:600;color:#059669}.room-status{font-size:.75rem;font-weight:600;margin-top:.1rem}.room-status.avail{color:#059669}.room-status.unavail{color:#dc2626}.no-availability{padding:1.25rem;text-align:center;color:var(--hf-muted);font-size:.88rem;background:#f8fafc;border-radius:10px;border:1.5px dashed #e2e8f0}.availability-loading,.availability-prompt{text-align:center;font-size:.85rem;color:var(--hf-muted);padding:.75rem}@media(max-width:480px){.customer-hotel-reservation{gap:.85rem}.hotel-header{padding:1rem .85rem}.hotel-tabs{flex-direction:column}.hotel-tab{width:100%;min-width:0}.rooms-grid{grid-template-columns:1fr 1fr}}.cbb-board{display:flex;flex-direction:column;gap:1rem;min-width:0}.cbb-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cbb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.cbb-search-wrap{position:relative;display:block;flex:1 1 260px;min-width:0}.cbb-search-wrap>svg{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--color-muted, #64748b);pointer-events:none}.cbb-search{width:100%;height:44px;box-sizing:border-box;padding:0 1rem 0 2.5rem;border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:14px;background:var(--color-surface, #ffffff);color:var(--color-text, #1f2937);font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease}.cbb-search:focus{outline:none;border-color:var(--color-primary, #ff5f93);box-shadow:0 0 0 4px #ff5f931f}.cbb-refresh{display:flex;align-items:center;gap:.6rem;margin-left:auto}.cbb-updated{margin:0;color:var(--color-muted, #64748b);font-size:.76rem;white-space:nowrap}.cbb-stage-bar{display:flex;flex-direction:column;min-width:0}.cbb-stage-bar>*{max-width:100%}.cbb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:32px;padding:.3rem .8rem;border-radius:999px;border:1px solid transparent;font-size:.78rem;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;transition:filter .15s ease,background .15s ease}.cbb-btn:hover:not(:disabled){filter:brightness(1.06)}.cbb-btn:disabled{opacity:.6;cursor:wait}.cbb-btn:focus-visible{outline:2px solid var(--color-primary, #ff5f93);outline-offset:2px}.cbb-btn--primary{background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff}.cbb-btn--danger{background:#ef4444;color:#fff}.cbb-btn--ghost{background:var(--color-surface, #ffffff);border-color:var(--color-border, rgba(255, 95, 147, .18));color:var(--color-muted, #64748b)}.cbb-btn--ghost:hover:not(:disabled){color:var(--color-primary, #ff5f93);border-color:var(--color-primary, #ff5f93)}.cbb-table-wrap{width:100%;border:1px solid var(--color-border, rgba(255, 95, 147, .14));border-radius:18px;background:var(--color-surface, #ffffff);box-shadow:0 10px 26px #0f172a0f;overflow-x:auto}.cbb-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem}.cbb-table thead th{position:sticky;top:0;z-index:1;padding:.6rem .85rem;text-align:left;background:#ff5f930d;color:var(--color-muted, #64748b);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--color-border, rgba(255, 95, 147, .14))}.cbb-table tbody td{padding:.6rem .85rem;vertical-align:middle;color:var(--color-text, #1f2937);border-bottom:1px solid var(--color-border, rgba(255, 95, 147, .1));transition:background .15s ease}.cbb-table tbody tr:last-child td{border-bottom:0}.cbb-row:hover td{background:#ff5f9309}.cbb-row td:first-child{box-shadow:inset 4px 0 0 var(--cbb-accent, #cbd5e1)}.cbb-row--to_approve{--cbb-accent: #f59e0b}.cbb-row--to_pay{--cbb-accent: #3b82f6}.cbb-row--on_going{--cbb-accent: #10b981}.cbb-row--ready_to_pickup{--cbb-accent: #8b5cf6}.cbb-row--complete{--cbb-accent: #059669}.cbb-row--canceled{--cbb-accent: #ef4444}.cbb-row--canceled td{color:var(--color-muted, #64748b)}.cbb-booking-line{display:flex;align-items:center;gap:.75rem;min-width:0}.cbb-booking-line>div{min-width:0}.cbb-booking-line strong{display:block;color:var(--color-heading, #191919);font-weight:800;line-height:1.25;overflow-wrap:anywhere}.cbb-booking-line>div>span{display:block;margin-top:.15rem;color:var(--color-muted, #64748b);font-size:.78rem}.cbb-vet-inline{display:none;margin-top:.15rem;color:var(--color-muted, #64748b);font-size:.78rem}.cbb-kind{flex:0 0 auto;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#ff5f931a;color:var(--color-primary, #ff5f93);font-size:.95rem}.cbb-kind--hotel{background:#0ea5e91f;color:#0284c7}.cbb-kind--grooming{background:#a855f71f;color:#7e22ce}.cbb-kind--vet{background:#10b9811f;color:#047857}.cbb-cell-amount{font-weight:800;color:var(--color-heading, #191919)!important;white-space:nowrap}.cbb-cell-actions{white-space:normal}.cbb-cell-actions .cbb-btn{margin:.1rem .3rem .1rem 0}.cbb-stage{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#64748b1f;color:#475569;font-size:.7rem;font-weight:800;white-space:nowrap}.cbb-stage--to_approve{background:#f59e0b24;color:#b45309}.cbb-stage--to_pay{background:#3b82f61f;color:#1d4ed8}.cbb-stage--on_going,.cbb-stage--ready_to_pickup{background:#22c55e1f;color:#15803d}.cbb-stage--complete{background:#10b9811f;color:#047857}.cbb-stage--canceled{background:#ef44441a;color:#b91c1c}.cbb-pay{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#64748b1a;color:#475569;font-size:.75rem;font-weight:700;white-space:nowrap}.cbb-pay--inline{display:none}.cbb-amt-inline{display:none;font-size:.72rem;font-weight:700;color:var(--color-warning-text, #b45309)}.cbb-pay--paid{background:#22c55e1f;color:#15803d}.cbb-pay--pending{background:#3b82f61f;color:#1d4ed8}.cbb-pay--rejected{background:#ef44441f;color:#b91c1c}.cbb-note{display:block;margin-top:.4rem;color:#991b1b;font-size:.78rem;line-height:1.4}.cbb-extra-row td{padding:.7rem 1rem 1rem;background:#ff5f9308}.cbb-extra-row:last-child td{border-bottom:0}.cbb-board.is-embedded .cbb-table-wrap{border:0;background:transparent;box-shadow:none;border-radius:0}.cbb-cards{display:none}.cbb-skeletons{display:grid;gap:.75rem}.cbb-skeleton{height:64px;border-radius:14px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:cbb-shimmer 1.4s ease infinite}@keyframes cbb-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.cbb-empty-state{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2.6rem 1rem;text-align:center;color:var(--color-muted, #64748b);font-size:.92rem;border:1px dashed var(--color-border, rgba(255, 95, 147, .25));border-radius:18px;background:#fff9}.cbb-empty-state p{margin:0}.cbb-empty-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ff5f931a;color:var(--color-primary, #ff5f93);font-size:1.3rem}.cbb-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.75rem .95rem;border-radius:14px;background:#ef444414;color:#b91c1c;font-size:.85rem}@media(min-width:641px)and (max-width:1099px){.cbb-table{min-width:0}.cbb-table th,.cbb-table td{white-space:normal}.cbb-table thead th,.cbb-table tbody td{padding:.5rem .6rem}.cbb-col-vet,.cbb-cell-pay,.cbb-cell-amount{display:none}.cbb-vet-inline{display:block}.cbb-pay--inline{display:inline-block;margin-top:.35rem}.cbb-amt-inline{display:block}}@media(min-width:641px)and (max-width:760px){.cbb-cell-date{display:none}.cbb-date-inline{display:block}}@media(max-width:640px){.cbb-search-wrap{flex:0 0 auto}.cbb-refresh{width:100%;margin-left:0;justify-content:space-between}.cbb-table-wrap{display:none}.cbb-cards{display:grid;gap:.6rem}.cbb-card{padding:.85rem;border:1px solid var(--color-border, rgba(255, 95, 147, .14));border-radius:18px;background:var(--color-surface, #ffffff);box-shadow:inset 4px 0 0 var(--cbb-accent, #cbd5e1),0 10px 26px #0f172a0f}.cbb-card-head .cbb-vet-inline,.cbb-card-head .cbb-amt-inline,.cbb-card-head .cbb-date-inline{display:none}.cbb-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .75rem;margin:.7rem 0 0}.cbb-card-facts dt{color:var(--color-muted, #64748b);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.cbb-card-facts dd{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.15rem 0 0;font-size:.86rem}.cbb-card-facts-full{grid-column:1 / -1}.cbb-card-amount{font-weight:800;color:var(--color-heading, #191919)}.cbb-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cbb-card-actions .cbb-btn{flex:1 1 calc(50% - .5rem);min-height:36px;margin:0;white-space:normal}.cbb-card-actions .cbb-btn:only-child{flex:1 1 100%}.cbb-card-extra{margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--color-border, rgba(255, 95, 147, .1))}}@media(prefers-reduced-motion:reduce){.cbb-btn,.cbb-skeleton{transition:none;animation:none}}.bst-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.25rem;margin-bottom:.75rem;scrollbar-width:thin}.bst-tab{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:1 1 0;min-width:0;overflow:hidden;padding:.5rem .85rem;border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:999px;background:var(--color-surface, #ffffff);color:var(--color-muted, #64748b);font-size:.78rem;font-weight:700;line-height:1.2;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.bst-tab:hover{border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.bst-tab:focus-visible{outline:2px solid var(--color-primary, #ff5f93);outline-offset:2px}.bst-tab.is-active{background:var(--color-primary, #ff5f93);border-color:var(--color-primary, #ff5f93);color:#fff}.bst-count{min-width:1.4rem;padding:.1rem .4rem;border-radius:999px;background:#ff5f931a;color:inherit;font-size:.72rem;text-align:center}.bst-tab.is-active .bst-count{background:#ffffff40}.bst-tab>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.bst-stage-bar{margin-bottom:.25rem}.bst-stage-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.75rem}.bst-stage-meta>.bdf-wrap{margin-bottom:0}.bst-older-pending{padding:.4rem .8rem;border:1px dashed var(--color-warning, #d97706);border-radius:999px;background:#f59e0b1a;color:#b45309;font-size:.75rem;font-weight:700;cursor:pointer}.bst-older-pending:hover{background:#f59e0b2e}.bst-bill-open{display:block;margin-top:.25rem;color:#b45309;font-size:.72rem;font-weight:700}.bst-later{padding:.4rem .8rem;border:1px solid var(--color-primary, #ff5f93);border-radius:999px;background:#ff5f9314;color:var(--color-primary, #ff5f93);font-size:.75rem;font-weight:700;cursor:pointer}@media(max-width:640px){.bst-tabs{gap:.25rem;padding:.15rem;flex-wrap:wrap;overflow-x:visible}.bst-tab{flex:1 1 calc(33.333% - .25rem);padding:.35rem .5rem;font-size:.7rem;gap:.3rem;min-height:0}.bst-count{min-width:1.15rem;padding:.05rem .3rem;font-size:.65rem}}.bdf-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;margin-bottom:.75rem}.bdf-segment{display:inline-flex;padding:.2rem;border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:999px;background:var(--color-surface, #ffffff);max-width:100%;overflow-x:auto}.bdf-option{padding:.4rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--color-muted, #64748b);font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.03em;cursor:pointer;white-space:nowrap}.bdf-option:focus-visible{outline:2px solid var(--color-primary, #ff5f93);outline-offset:2px}.bdf-option.is-active{background:var(--color-primary, #ff5f93);color:#fff}.bdf-range{color:var(--color-muted, #64748b);font-size:.78rem;font-weight:600}@media(max-width:640px){.bdf-segment{flex-wrap:wrap;overflow-x:visible;border-radius:14px;row-gap:.2rem}.bdf-option{padding:.35rem .65rem}}.bts-back{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .85rem;padding:.45rem .95rem;border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:999px;background:var(--color-surface, #ffffff);color:var(--color-primary, #ff5f93);font-size:.82rem;font-weight:700;text-decoration:none}.bts-back:hover{background:#ff5f9314}.bts-back:focus-visible{outline:2px solid var(--color-primary, #ff5f93);outline-offset:2px}.grooming-container{width:100%;display:grid;gap:1.25rem;padding-bottom:2rem;color:var(--color-text);font-family:inherit}.grooming-container,.grooming-container *{box-sizing:border-box}.grooming-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:radial-gradient(circle at top left,var(--color-primary-soft),transparent 40%),var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grooming-header h1{margin:0 0 .2rem;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:var(--color-heading);letter-spacing:-.02em}.grooming-header p{margin:0;color:var(--color-muted);font-size:.88rem}.grooming-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-lg, 22px);background:var(--color-surface)}.grooming-tabs button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:none;border-radius:10px;background:transparent;color:var(--color-muted);font-size:.88rem;font-weight:700;cursor:pointer;transition:.18s ease;font-family:inherit}.grooming-tabs button:hover:not(.active){background:var(--color-primary-soft);color:var(--color-primary)}.grooming-tabs button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-primary)}.grooming-card{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grooming-card h2{margin:0 0 .85rem;font-size:1rem;font-weight:800;color:var(--color-heading);display:flex;align-items:center;gap:.5rem}.grooming-form{display:grid;gap:.65rem}.grooming-form label{display:block;margin-bottom:.25rem;font-size:.82rem;font-weight:700;color:var(--color-heading)}.grooming-form input,.grooming-form select,.grooming-form textarea{width:100%;min-height:38px;padding:.5rem .8rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-solid);color:var(--color-text);font-size:.9rem;font-family:inherit;outline:none;transition:.18s ease}.grooming-form input:focus,.grooming-form select:focus,.grooming-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.grooming-form input[readOnly]{opacity:.7;cursor:default}.grooming-form textarea{min-height:60px;resize:vertical}.grooming-form button[type=submit]{width:100%;min-height:42px;margin-top:.25rem;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-primary);transition:.18s ease;font-family:inherit}.grooming-form button[type=submit]:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary);opacity:.92}.grooming-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.grooming-availability{border-radius:10px;overflow:hidden}.availability-success{display:flex;align-items:center;gap:.65rem;padding:.65rem .9rem;background:#05966914;border:1px solid rgba(5,150,105,.25);border-radius:10px;color:#065f46;font-size:.85rem;font-weight:700}.availability-success span:first-child{font-size:1rem;color:#059669}.no-availability{display:flex;flex-direction:column;gap:.4rem;padding:.65rem .9rem;background:#dc262612;border:1px solid rgba(220,38,38,.2);border-radius:10px;color:#991b1b;font-size:.85rem;font-weight:700}.no-availability span:first-child{font-size:1rem}.existing-booking{margin-top:.35rem;padding-top:.35rem;border-top:1px solid rgba(220,38,38,.2)}.existing-booking small{color:#991b1b;font-size:.78rem}.availability-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .9rem;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:10px;color:var(--color-muted);font-size:.85rem}.availability-loading:after{content:"";width:12px;height:12px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:groom-spin .9s linear infinite}@keyframes groom-spin{to{transform:rotate(360deg)}}.grooming-items-list{display:grid;gap:.5rem}.grooming-item{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.65rem 1rem;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:14px;background:var(--color-surface);transition:.18s ease}.grooming-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.grooming-item-body{min-width:0;flex:1}.grooming-item h3{margin:0;font-size:.92rem;font-weight:800;color:var(--color-heading)}.grooming-item p{margin:.15rem 0 0;font-size:.78rem;color:var(--color-muted)}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 .65rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;text-transform:capitalize;white-space:nowrap}.status.pending{background:#f59e0b1f;color:#92400e}.status.approved{background:#10b9811f;color:#065f46}.status.rejected{background:#ef44441a;color:#991b1b}.status.completed{background:#3b82f61a;color:#1e40af}.status.cancelled{background:#6b72801a;color:#374151}@media(max-width:768px){.grooming-header{flex-direction:column;align-items:flex-start;padding:1.25rem 1rem;gap:.5rem}.grooming-tabs{flex-wrap:wrap;gap:.4rem}.grooming-tabs button{flex:1;min-width:120px;justify-content:center}.grooming-card{padding:1rem}.grooming-item{flex-wrap:wrap;gap:.5rem;padding:.6rem .85rem}.grooming-item-body{flex:1 1 100%}}@media(max-width:480px){.grooming-container{gap:.85rem}.grooming-header{padding:1rem .85rem}.grooming-header h1{font-size:1.2rem}.grooming-tabs{flex-direction:column}.grooming-tabs button{width:100%;min-width:0}.grooming-card{padding:.85rem}.grooming-form button[type=submit]{font-size:.9rem}}.vet-container{width:100%;display:grid;gap:1.25rem;padding-bottom:2rem;color:var(--color-text);font-family:inherit}.vet-container,.vet-container *{box-sizing:border-box}.vet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:radial-gradient(circle at top left,var(--color-primary-soft),transparent 40%),var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vet-header h1{margin:0 0 .2rem;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:var(--color-heading);letter-spacing:-.02em}.vet-header p{margin:0;color:var(--color-muted);font-size:.88rem}.vet-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-lg, 22px);background:var(--color-surface)}.vet-tabs button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:none;border-radius:10px;background:transparent;color:var(--color-muted);font-size:.88rem;font-weight:700;cursor:pointer;transition:.18s ease;font-family:inherit}.vet-tabs button:hover:not(.active){background:var(--color-primary-soft);color:var(--color-primary)}.vet-tabs button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-primary)}.vet-card{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vet-card h2{margin:0 0 .85rem;font-size:1rem;font-weight:800;color:var(--color-heading)}.vet-form{display:grid;gap:.65rem}.vet-form label{display:block;margin-bottom:.25rem;font-size:.82rem;font-weight:700;color:var(--color-heading)}.vet-form input,.vet-form select,.vet-form textarea{width:100%;min-height:38px;padding:.5rem .8rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-solid);color:var(--color-text);font-size:.9rem;font-family:inherit;outline:none;transition:.18s ease}.vet-form input:focus,.vet-form select:focus,.vet-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.vet-form textarea{min-height:60px;resize:vertical}.vet-form button[type=submit]{width:100%;min-height:42px;margin-top:.25rem;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-primary);transition:.18s ease;font-family:inherit}.vet-form button[type=submit]:hover{transform:translateY(-1px);opacity:.92}.vet-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.vet-service-note{padding:.6rem .85rem;border-radius:10px;font-size:.85rem;font-weight:700;background:#3b82f614;border:1px solid rgba(59,130,246,.22);color:#1d4ed8}.vet-service-note.error{background:#dc262612;border-color:#dc262633;color:#991b1b}.vet-items-list{display:grid;gap:.5rem}.vet-item{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.65rem 1rem;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:14px;background:var(--color-surface);transition:.18s ease}.vet-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.vet-item-body{min-width:0;flex:1}.vet-item h3{margin:0;font-size:.92rem;font-weight:800;color:var(--color-heading)}.vet-item p{margin:.15rem 0 0;font-size:.78rem;color:var(--color-muted)}.vet-status{display:inline-flex;align-items:center;min-height:24px;padding:0 .65rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;text-transform:capitalize;white-space:nowrap}.vet-status.pending{background:#f59e0b1f;color:#92400e}.vet-status.approved{background:#10b9811f;color:#065f46}.vet-status.rejected{background:#ef44441a;color:#991b1b}.vet-status.completed{background:#3b82f61a;color:#1e40af}.vet-status.cancelled{background:#6b72801a;color:#374151}@media(max-width:768px){.vet-container{gap:1rem}.vet-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem 1rem}.vet-tabs{flex-wrap:wrap;gap:.4rem}.vet-tabs button{flex:1;min-width:120px;justify-content:center}.vet-item{flex-wrap:wrap;gap:.5rem;padding:.6rem .85rem}}@media(max-width:480px){.vet-container{gap:.85rem}.vet-header{padding:1rem .85rem}.vet-header h1{font-size:1.2rem}.vet-tabs{flex-direction:column}.vet-tabs button{width:100%;min-width:0}.vet-form button[type=submit]{font-size:.9rem}}.customer-medical-confinements{padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.medical-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem;flex-wrap:wrap}.medical-eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.35rem;padding:.3rem .75rem;border-radius:var(--radius-pill, 999px);background:#ff5f931a;color:var(--color-primary, #ff5f93);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.medical-page-header h2{margin:0;color:var(--color-heading, #191919);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;letter-spacing:-.04em}.medical-page-header p{margin:.35rem 0 0;color:var(--color-muted, #64748b);font-size:.92rem;line-height:1.5}.medical-feedback{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.1rem;border-radius:var(--radius-md, 16px);font-size:.88rem;font-weight:700;margin-bottom:1rem;animation:fadeUp .3s ease both}.medical-feedback.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:var(--color-success-text, #065f46)}.medical-feedback.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--color-danger-text, #991b1b)}.medical-panel{border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:var(--radius-card, 26px);background:var(--color-surface, rgba(255,255,255,.86));box-shadow:var(--shadow-card, 0 18px 45px rgba(255,95,147,.14));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;margin-bottom:1.35rem}.medical-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));background:#ff5f930a}.medical-panel-header h3{margin:0;color:var(--color-heading, #191919);font-size:1.1rem;font-weight:900;letter-spacing:-.03em}.medical-count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 .75rem;border-radius:var(--radius-pill, 999px);background:#ff5f931a;color:var(--color-primary, #ff5f93);font-size:.78rem;font-weight:900}.confinement-list{display:flex;flex-direction:column;gap:0}.confinement-card{border-bottom:1px solid var(--color-border, rgba(255,95,147,.12));padding:1.25rem 1.5rem;transition:background .2s ease;animation:fadeUp .35s ease both}.confinement-card:last-child{border-bottom:none}.confinement-card:hover{background:#ff5f9306}.confinement-card-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem;margin-bottom:1rem}.confinement-id{display:flex;align-items:center;gap:.5rem;color:var(--color-primary, #ff5f93);font-size:.92rem;font-weight:900;letter-spacing:-.01em}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .8rem;border-radius:var(--radius-pill, 999px);font-size:.74rem;font-weight:900;text-transform:capitalize;white-space:nowrap}.status-badge.active,.status-badge.ongoing,.status-badge.admitted{background:#3b82f61f;color:#1d4ed8}.status-badge.discharged,.status-badge.completed{background:#22c55e1f;color:#15803d}.status-badge.pending{background:#f59e0b1f;color:#b45309}.status-badge.cancelled{background:#ef44441f;color:#b91c1c}.confinement-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.detail-row{display:flex;flex-direction:column;gap:.2rem}.detail-row .label{color:var(--color-muted, #64748b);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.detail-row .value{color:var(--color-heading, #191919);font-size:.9rem;font-weight:800}.confinement-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, rgba(255,95,147,.1))}.confinement-file-label{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:0 1rem;border:1px solid var(--color-border, rgba(255,95,147,.22));border-radius:var(--radius-pill, 999px);background:var(--color-surface, rgba(255,255,255,.86));color:var(--color-muted, #64748b);font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,color .2s ease}.confinement-file-label:hover{border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.confinement-file-input{position:absolute;opacity:0;width:0;height:0}.confinement-action-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:0 1.1rem;border:none;border-radius:var(--radius-pill, 999px);font-size:.82rem;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.confinement-action-btn.primary{background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;box-shadow:0 8px 20px #ff5f9338}.confinement-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff5f934d}.confinement-action-btn.secondary{background:#ff5f9314;border:1px solid var(--color-border, rgba(255,95,147,.22));color:var(--color-primary, #ff5f93)}.confinement-action-btn.secondary:hover{background:#ff5f9324;transform:translateY(-2px)}.care-logs-section{margin-top:1rem;border-radius:var(--radius-md, 16px);border:1px solid var(--color-border, rgba(255,95,147,.15));overflow:hidden}.care-logs-title{padding:.75rem 1rem;background:#ff5f930d;color:var(--color-muted, #64748b);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--color-border, rgba(255,95,147,.12))}.care-log-item{padding:.85rem 1rem;border-bottom:1px solid var(--color-border, rgba(255,95,147,.08));animation:fadeUp .3s ease both}.care-log-item:last-child{border-bottom:none}.care-log-item strong{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:8px;background:#ff5f9314;color:var(--color-primary, #ff5f93);font-size:.74rem;font-weight:900;text-transform:capitalize;margin-bottom:.4rem}.care-log-item p{margin:0;color:var(--color-text, #1f2937);font-size:.86rem;font-weight:600;line-height:1.5}.medical-empty{display:grid;place-items:center;text-align:center;padding:3.5rem 2rem;color:var(--color-muted, #64748b)}.medical-empty h3{margin:.75rem 0 .5rem;color:var(--color-heading, #191919);font-size:1.1rem;font-weight:900}.medical-empty p{margin:0;font-size:.9rem;max-width:360px;line-height:1.55}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.customer-medical-confinements{padding:1rem}.medical-page-header{flex-direction:column;align-items:flex-start}.confinement-details{grid-template-columns:1fr 1fr}.confinement-actions{flex-direction:column;align-items:stretch}.confinement-action-btn,.confinement-file-label{width:100%;justify-content:center}}@media(max-width:480px){.confinement-details{grid-template-columns:1fr}}.ht-root{--ht-accent: #6366f1;--ht-radius: 12px;--ht-radius-sm: 8px;--ht-gap: 20px;display:flex;flex-direction:column;gap:var(--ht-gap);padding:24px;min-height:100vh;background:var(--color-bg-gradient, #f8f9fc);color:var(--color-text, #1e293b);font-family:inherit}.ht-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--ht-radius);box-shadow:0 2px 8px #0000000f;flex-wrap:wrap}.ht-header-text{display:flex;flex-direction:column;gap:4px}.ht-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ht-accent);background:color-mix(in srgb,var(--ht-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--ht-accent) 28%,transparent);width:fit-content;margin-bottom:4px}.ht-title{margin:0;font-size:clamp(20px,2.5vw,28px);font-weight:800;color:var(--color-heading, #0f172a);line-height:1.2}.ht-subtitle{margin:0;font-size:13px;color:var(--color-text-muted, #64748b)}.ht-header-actions{display:flex;gap:10px;flex-wrap:wrap}.ht-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--ht-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;border:1px solid transparent;white-space:nowrap}.ht-btn-primary{background:var(--ht-accent);color:#fff;border-color:var(--ht-accent)}.ht-btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--ht-accent) 35%,transparent)}.ht-export-wrapper{position:relative}.ht-export-arrow{font-size:9px;margin-left:4px}.ht-export-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.ht-export-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:999;min-width:160px;overflow:hidden}.ht-export-dropdown button{display:block;width:100%;padding:10px 16px;border:none;background:#fff;color:#374151;font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.ht-export-dropdown button:hover{background:#f3f4f6}.ht-btn-secondary{background:var(--color-surface, #fff);color:var(--color-text, #374151);border-color:var(--color-border, #e2e8f0)}.ht-btn-secondary:hover{background:var(--color-surface-hover, #f1f5f9);border-color:var(--ht-accent);color:var(--ht-accent)}.ht-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.ht-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .18s ease,transform .18s ease}.ht-stat-card:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--ht-accent) 18%,transparent);transform:translateY(-2px)}.ht-stat-icon{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ht-accent),color-mix(in srgb,var(--ht-accent) 55%,#fff));box-shadow:0 6px 16px color-mix(in srgb,var(--ht-accent) 32%,transparent)}.ht-stat-card div{display:flex;flex-direction:column;gap:2px}.ht-stat-card strong{font-size:22px;font-weight:800;color:var(--color-heading, #0f172a);line-height:1}.ht-stat-card span{font-size:12px;color:var(--color-text-muted, #64748b);font-weight:500}.ht-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ht-search{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;padding:10px 14px;background:var(--color-surface, #fff);border:1.5px solid var(--color-border, #e2e8f0);border-radius:var(--ht-radius-sm);transition:border-color .18s}.ht-search:focus-within{border-color:var(--ht-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ht-accent) 15%,transparent)}.ht-search svg{color:var(--color-text-muted, #94a3b8);flex-shrink:0}.ht-search input{border:none;outline:none;background:transparent;font-size:13.5px;color:var(--color-text, #374151);width:100%}.ht-search input::placeholder{color:var(--color-text-muted, #94a3b8)}.ht-select{padding:10px 14px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:var(--ht-radius-sm);background:var(--color-surface, #fff);color:var(--color-text, #374151);font-size:13.5px;font-weight:500;cursor:pointer;outline:none;transition:border-color .18s;min-width:140px}.ht-select:focus{border-color:var(--ht-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ht-accent) 15%,transparent)}.ht-content{display:flex;flex-direction:column;gap:10px}.ht-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 24px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--ht-radius);color:var(--color-text-muted, #64748b);font-size:14px}.ht-spinner{width:36px;height:36px;border:3px solid var(--color-border, #e2e8f0);border-top-color:var(--ht-accent);border-radius:50%;animation:ht-spin .8s linear infinite}@keyframes ht-spin{to{transform:rotate(360deg)}}.ht-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--ht-radius);text-align:center;color:var(--color-text-muted, #64748b)}.ht-empty svg{opacity:.35;color:var(--ht-accent)}.ht-empty h3{margin:0;font-size:17px;font-weight:700;color:var(--color-heading, #0f172a)}.ht-empty p{margin:0;font-size:14px;max-width:360px}.ht-error svg{color:#ef4444;opacity:.7}.ht-timeline{display:flex;flex-direction:column;gap:8px}.ht-entry{display:flex;align-items:stretch;gap:0;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;overflow:hidden;cursor:pointer;transition:box-shadow .18s ease,transform .15s ease,border-color .18s;position:relative}.ht-entry:hover{box-shadow:0 4px 18px #00000017;transform:translateY(-1px);border-color:color-mix(in srgb,var(--ht-accent) 40%,var(--color-border, #e2e8f0))}.ht-entry-accent{width:5px;flex-shrink:0;background:linear-gradient(180deg,var(--ht-accent),color-mix(in srgb,var(--ht-accent) 50%,#fff));opacity:.8;transition:opacity .18s}.ht-entry:hover .ht-entry-accent{opacity:1}.ht-entry-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px;flex:1;min-width:0}.ht-entry-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.ht-entry-left{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.ht-entry-ref{display:inline-flex;align-items:center;width:fit-content;font-size:10.5px;font-weight:800;color:var(--ht-accent);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--ht-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--ht-accent) 22%,transparent)}.ht-entry-action{font-size:14px;font-weight:700;color:var(--color-heading, #0f172a);line-height:1.3}.ht-entry-desc{font-size:13px;color:var(--color-text-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.ht-entry-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.ht-entry-amount{font-size:15px;font-weight:800;color:var(--color-heading, #0f172a)}.ht-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:capitalize;white-space:nowrap}.ht-status-completed{background:#dcfce7;color:#15803d}.ht-status-approved{background:#d1fae5;color:#065f46}.ht-status-pending{background:#fef9c3;color:#92400e}.ht-status-cancelled{background:#fee2e2;color:#b91c1c}.ht-status-noshow{background:#f1f5f9;color:#475569}.ht-status-default{background:var(--color-border, #e2e8f0);color:var(--color-text-muted, #64748b)}.ht-entry-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ht-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--color-text-muted, #64748b);background:var(--color-bg, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:6px;padding:3px 8px;font-weight:500}.ht-meta-chip svg{opacity:.7}.ht-meta-chip em{font-style:normal;font-size:10px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--ht-accent) 12%,transparent);color:var(--ht-accent);font-weight:700;text-transform:capitalize;margin-left:2px}.ht-meta-cat{background:color-mix(in srgb,var(--ht-accent) 10%,transparent);color:var(--ht-accent);border-color:color-mix(in srgb,var(--ht-accent) 25%,transparent);font-weight:700;text-transform:capitalize}.ht-meta-date{margin-left:auto}.ht-entry-view{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0;background:transparent;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:color .18s,background .18s}.ht-entry:hover .ht-entry-view{color:var(--ht-accent);background:color-mix(in srgb,var(--ht-accent) 7%,transparent)}.ht-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:20px 0 8px}.ht-page-btn{padding:8px 16px;border-radius:var(--ht-radius-sm);border:1.5px solid var(--color-border, #e2e8f0);background:var(--color-surface, #fff);color:var(--color-text, #374151);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}.ht-page-btn:hover:not(:disabled){border-color:var(--ht-accent);color:var(--ht-accent)}.ht-page-btn:disabled{opacity:.4;cursor:not-allowed}.ht-page-numbers{display:flex;gap:4px;flex-wrap:wrap}.ht-page-num{width:36px;height:36px;border-radius:var(--ht-radius-sm);border:1.5px solid var(--color-border, #e2e8f0);background:var(--color-surface, #fff);color:var(--color-text, #374151);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.ht-page-num:hover:not(.ht-page-active){border-color:var(--ht-accent);color:var(--ht-accent)}.ht-page-active{background:var(--ht-accent);border-color:var(--ht-accent);color:#fff!important}.ht-page-info{font-size:12.5px;color:var(--color-text-muted, #64748b);margin-left:8px;font-weight:500}@keyframes ht-fade-in{0%{opacity:0}to{opacity:1}}.ht-modal{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--ht-radius);box-shadow:0 20px 60px #0003;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;animation:ht-slide-in .22s ease;overflow:hidden}@keyframes ht-slide-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ht-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ht-detail-grid{display:flex;flex-direction:column;gap:10px}.ht-detail-row{display:grid;grid-template-columns:140px 1fr;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid var(--color-border, #f0f4f8)}.ht-detail-row label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #94a3b8);padding-top:1px}.ht-detail-row span{font-size:13.5px;font-weight:500;color:var(--color-text, #374151);word-break:break-word}.ht-detail-divider{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ht-accent);padding:8px 0 4px;margin-top:4px;border-top:2px solid color-mix(in srgb,var(--ht-accent) 20%,transparent)}@media(max-width:640px){.ht-root{padding:16px;gap:14px}.ht-header{flex-direction:column;align-items:flex-start;padding:18px 20px}.ht-entry-top{flex-direction:column}.ht-entry-right{align-items:flex-start;flex-direction:row;gap:8px}.ht-meta-date{margin-left:0}.ht-detail-row{grid-template-columns:1fr}.ht-pagination{gap:4px}.ht-page-info{width:100%;text-align:center}}.customer-services-page{position:relative;min-height:100vh;padding:2rem;overflow:visible;background:var( --color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7) );color:var(--color-text, #1f2937);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customer-services-page *,.customer-services-page *:before,.customer-services-page *:after{box-sizing:border-box}.cs-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.cs-kicker{display:inline-flex;margin-bottom:.45rem;color:var(--color-primary, #ff5f93);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.cs-header h3{margin:0;color:var(--color-heading, #191919);font-size:clamp(1.65rem,3vw,2.25rem);font-weight:950;letter-spacing:-.045em}.cs-header p{max-width:620px;margin:.55rem 0 0;color:var(--color-muted, #64748b);font-size:.98rem;line-height:1.55}.cs-panel{position:relative;z-index:1;border-radius:16px;background:var(--color-surface, rgba(255, 255, 255, .86));border:1px solid var(--color-border, rgba(255, 95, 147, .18));box-shadow:var(--shadow-soft, 0 10px 24px rgba(15, 23, 42, .08));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.cs-panel-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid rgba(255,95,147,.14)}.cs-panel-header h4{margin:0;color:var(--color-heading, #191919);font-size:1.3rem;font-weight:950;letter-spacing:-.035em}.cs-panel-header p{margin:.35rem 0 0;color:var(--color-muted, #64748b);font-size:.92rem;line-height:1.45}.cs-panel-body{padding:1.5rem}.cs-tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:999px;background:#ff5f930d;white-space:nowrap}.cs-tab{display:inline-flex;align-items:center;gap:.45rem;min-width:0;padding:.55rem 1.05rem;border:none;border-radius:999px;background:transparent;color:var(--color-muted, #64748b);font-family:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:.2s ease}.cs-tab:hover:not(.active){color:var(--color-heading, #191919);background:#ffffffb3}.cs-tab.active{background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;box-shadow:0 10px 22px #ff5f9347}.cs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.cs-card{align-items:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-surface, rgba(255, 255, 255, .86));border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:24px;box-shadow:var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));color:inherit;display:flex;flex-direction:column;font:inherit;padding:1.5rem;text-align:left}.cs-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;margin-bottom:1rem;color:#fff;font-size:1.25rem}.cs-card h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:950;letter-spacing:-.02em;color:var(--color-heading, #191919)}.cs-card p{margin:0 0 1.15rem;color:var(--color-muted, #64748b);font-size:.88rem;line-height:1.5}.cs-card-action{align-items:center;align-self:flex-start;background:none;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:900;gap:.45rem;margin-top:auto;padding:.55rem 1.1rem;transition:transform .2s ease,filter .2s ease}.cs-card-action:hover{filter:brightness(.94);transform:translate(2px)}.cs-card-action:focus-visible{outline:3px solid rgba(79,70,229,.45);outline-offset:3px}@media(max-width:992px){.customer-services-page{padding:1.25rem}.cs-header,.cs-panel-header{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.customer-services-page{padding:1rem}.cs-panel-header{padding:1.1rem}.cs-panel-body{padding:1rem}.cs-tabs{width:100%}.cs-tab{flex:1;justify-content:center;padding:.5rem .6rem;font-size:.8rem;gap:.3rem}.cs-cards{grid-template-columns:1fr;gap:.75rem}.cs-card{padding:1.25rem 1rem}}.customer-status-page{--cr-primary: var(--color-primary, #ff5f93);--cr-primary-hover: var(--color-primary-hover, #ff4f85);--cr-surface: var(--color-surface, rgba(255,255,255,.86));--cr-border: var(--color-border, rgba(255,95,147,.18));--cr-heading: var(--color-heading, #191919);--cr-text: var(--color-text, #1f2937);--cr-muted: var(--color-muted, #64748b);--cr-shadow: var(--shadow-soft, 0 12px 28px rgba(15,23,42,.08));--cr-shadow-hover: var(--shadow-card, 0 18px 45px rgba(255,95,147,.14));--cr-radius: var(--radius-lg, 22px);--cr-radius-sm: var(--radius-md, 16px);--cr-radius-pill: var(--radius-pill, 999px);width:100%;max-width:100%;display:grid;gap:1.25rem;color:var(--cr-text);font-family:inherit;box-sizing:border-box}.customer-status-page *,.customer-status-page *:before,.customer-status-page *:after{box-sizing:border-box}.customer-status-page.embedded{padding:0;min-height:0}.customer-status-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--cr-border);border-radius:var(--radius-card, 26px);background:radial-gradient(circle at top left,var(--color-primary-soft),transparent 40%),var(--cr-surface);box-shadow:var(--cr-shadow-hover);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.customer-status-header h1{margin:0 0 .2rem;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:var(--cr-heading);letter-spacing:-.02em}.customer-status-header p{margin:0;color:var(--cr-muted);font-size:.88rem}.customer-status-hero,.customer-status-toolbar,.customer-status-card,.customer-status-empty{background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:var(--cr-radius);box-shadow:var(--cr-shadow-hover);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.customer-status-card{padding:1rem;border-radius:var(--radius-card, 26px)}.customer-status-hero{padding:2rem 1.5rem;margin-bottom:1.5rem;text-align:center;background:var(--cr-surface)}.customer-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--cr-radius-pill);background:#ec48991a;color:var(--cr-primary);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.customer-status-hero h1{margin:0 0 .5rem;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:900;color:var(--cr-heading);letter-spacing:-.04em}.customer-status-hero p{margin:0 auto;max-width:600px;color:var(--cr-muted);font-size:.95rem;line-height:1.55}.customer-status-toolbar{padding:1rem 1.25rem;margin-bottom:1.5rem}.customer-status-search{position:relative}.customer-status-search input{width:100%;min-height:44px;padding:0 1rem;border-radius:var(--cr-radius-pill)!important;border:1px solid var(--cr-border)!important;background:var(--cr-surface);color:var(--cr-text);font-size:.9rem;outline:none;transition:.18s ease}.customer-status-search input:focus{border-color:var(--cr-primary)!important;box-shadow:0 0 0 3px #ff5f931f!important}.customer-status-table-wrap{border:1px solid var(--cr-border);border-radius:var(--cr-radius);background:var(--cr-surface);box-shadow:var(--cr-shadow-hover);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;overflow-x:auto}.customer-status-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:700px}.customer-status-table thead{background:#ff5f930a}.customer-status-table th{padding:.85rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cr-muted);border-bottom:1px solid var(--cr-border);white-space:nowrap}.customer-status-table td{padding:.85rem 1rem;border-bottom:1px solid var(--cr-border);color:var(--cr-text);vertical-align:middle}.customer-status-table tbody tr:hover{background:#ec489908}.customer-status-table tbody tr:last-child td{border-bottom:none}.col-id{font-weight:700;color:var(--cr-muted);font-size:.85rem;white-space:nowrap}.col-service{font-weight:600;color:var(--cr-heading);max-width:220px}.col-pet{white-space:nowrap}.col-date{white-space:nowrap;color:var(--cr-muted)}.col-date .col-date-time{display:block;margin-top:.15rem;font-size:.75rem;color:var(--cr-muted)}.col-status,.col-payment,.col-action{white-space:nowrap}.col-action-buttons{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.customer-cancel-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:var(--cr-radius-pill);font-size:.78rem;font-weight:700;border:0;cursor:pointer;color:#fff;background:#ef4444;transition:background .18s ease,transform .18s ease}.customer-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.no-action{color:var(--cr-muted);font-size:.9rem}.customer-status-pill,.customer-payment-pill,.customer-pay-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:var(--cr-radius-pill);font-size:.78rem;font-weight:600;text-transform:capitalize}.customer-payment-rejection{display:block;max-width:260px;margin-top:.35rem;color:#991b1b;font-size:.72rem;line-height:1.4;white-space:normal}.customer-pay-btn{border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--cr-primary),var(--color-primary-light, #ff8db5));box-shadow:0 6px 16px #ff5f9338;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.customer-pay-btn:hover{background:linear-gradient(135deg,var(--cr-primary-hover),var(--cr-primary));box-shadow:0 10px 24px #ff5f934d;transform:translateY(-2px)}.customer-status-pill.pending{background:#f59e0b1f;color:#b45309}.customer-status-pill.approved,.customer-status-pill.completed,.customer-status-pill.scheduled{background:#22c55e1f;color:#15803d}.customer-status-pill.checked_in,.customer-status-pill.in_care,.customer-status-pill.ready_for_pickup{background:#3b82f61f;color:#1d4ed8}.customer-status-pill.rejected,.customer-status-pill.cancelled{background:#ef44441f;color:#b91c1c}.customer-payment-pill.unpaid{background:#64748b1a;color:#475569}.customer-payment-pill.pending{background:#3b82f61f;color:#1d4ed8}.customer-payment-pill.paid,.customer-payment-pill.verified{background:#22c55e1f;color:#15803d}.customer-payment-pill.rejected{background:#ef44441f;color:#b91c1c}.customer-status-empty{padding:3.5rem 2rem;text-align:center;color:var(--cr-muted)}.customer-status-empty svg{font-size:2rem;color:var(--cr-primary);margin-bottom:.75rem}.customer-status-empty h3{margin:0 0 .35rem;color:var(--cr-heading);font-size:1.1rem;font-weight:700}.customer-status-empty p{margin:0;font-size:.9rem}.pay-modal{width:100%;max-width:380px;background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:var(--radius-card, 26px);box-shadow:var(--cr-shadow-hover);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;animation:pay-modal-in .22s ease}@keyframes pay-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pay-modal-body{padding:1.25rem;text-align:center}.pay-modal-instruction{margin:0 0 1rem;color:var(--cr-muted);font-size:.9rem;line-height:1.5}.pay-modal-qr{display:flex;justify-content:center;margin-bottom:1rem}.pay-modal-qr img{width:220px;height:220px;object-fit:contain;border-radius:var(--cr-radius-sm);border:1px solid var(--cr-border)}.pay-modal-number{margin:0;font-weight:700;font-size:1rem;color:var(--cr-heading);letter-spacing:.02em}.pay-modal-upload{width:100%;justify-content:center;padding:.6rem 1rem;font-size:.9rem;border-radius:var(--cr-radius-sm)}@media(max-width:768px){.customer-status-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem 1rem}.customer-status-hero{padding:1.5rem 1rem}.customer-status-table-wrap{border-radius:var(--cr-radius-sm)}.customer-status-table th,.customer-status-table td{padding:.65rem .75rem}}@media(max-width:480px){.customer-status-page{gap:.85rem}.customer-status-header{padding:1rem .85rem}.customer-status-header h1{font-size:1.2rem}.customer-status-hero{padding:1.25rem .85rem}.customer-status-table th,.customer-status-table td{padding:.55rem .6rem;font-size:.82rem}}@media(max-width:640px){.customer-status-page.embedded{width:100%;min-width:0}.customer-status-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.customer-status-page .customer-status-table,.app-dashboard.customer-dashboard .customer-status-table{display:block;width:100%;min-width:0;border-collapse:separate}.customer-status-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.customer-status-table tbody{display:grid;gap:.75rem}.customer-status-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;padding:.65rem .85rem;border:1px solid var(--cr-border);border-radius:var(--cr-radius-sm);background:var(--cr-surface);box-shadow:var(--cr-shadow)}.customer-status-table tbody tr:hover{background:var(--cr-surface)}.customer-status-table tbody tr td{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.45rem .1rem;border-bottom:0;white-space:normal;font-size:.84rem}.customer-status-table tbody tr td:before{content:attr(data-label);color:var(--cr-muted);font-size:.68rem;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.customer-status-table .col-id,.customer-status-table .col-service,.customer-status-table .col-action{grid-column:1 / -1}.customer-status-table tbody tr td.col-id{flex-direction:row;align-items:center;gap:.35rem;padding-top:.2rem}.customer-status-table .col-service small{display:block;color:var(--cr-muted);font-size:.75rem}.customer-status-table .col-status,.customer-status-table .col-payment{align-items:flex-start}.customer-status-table .col-action-buttons{width:100%;gap:.5rem}.customer-status-table .col-action-buttons>*{min-height:42px;flex:1 1 120px;justify-content:center}}.receptionist-sidebar{--sidebar-accent: var(--color-primary, #ff5f93)}.receptionist-sidebar .sidebar-header{border-bottom:1px solid rgba(255,255,255,.2)}.receptionist-sidebar .sidebar-logo{color:#fff;font-weight:700}.receptionist-sidebar .dropdown-toggle{width:100%;min-height:44px;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:8px;color:#ffffffe6;background:transparent;border:none;border-left:3px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .22s ease}.receptionist-sidebar .dropdown-toggle:hover{background:#ffffff24;color:#fff;border-left-color:#fff6}.receptionist-sidebar .dropdown-icon{margin-left:auto;font-size:.75rem;opacity:.7;transition:transform .2s ease}.receptionist-sidebar .dropdown-toggle[aria-expanded=true] .dropdown-icon{transform:rotate(180deg)}.receptionist-sidebar .dropdown-menu{list-style:none;padding:.5rem .5rem .5rem 1.5rem;margin:0;margin-left:1rem;border:1px solid rgba(255,255,255,.32)!important;border-radius:16px;background:linear-gradient(145deg,var(--sidebar-accent),#ff78a5)!important;color:#fff!important;box-shadow:0 12px 26px #76224233}.receptionist-sidebar .dropdown-menu .nav-item{margin:.125rem 0}.receptionist-sidebar .dropdown-menu .nav-item a{min-height:38px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:10px;color:#fffffff5;text-decoration:none;display:flex;align-items:center;gap:.625rem;transition:all .15s ease}.receptionist-sidebar .dropdown-menu .nav-item a:hover{background:#ffffff2e;color:#fff}.receptionist-sidebar .dropdown-menu .nav-item a.active{background:#fffffff7;color:var(--sidebar-accent);font-weight:700;box-shadow:0 4px 12px #76224229}.receptionist-sidebar .dropdown-menu .nav-item a.active .nav-icon,.receptionist-sidebar .dropdown-menu .nav-icon{color:var(--sidebar-accent)}.receptionist-sidebar .nav-icon{font-size:.95rem;width:18px;text-align:center;flex-shrink:0;color:#fffc}.receptionist-sidebar .dropdown-menu .nav-item a.active .nav-icon,.receptionist-sidebar .nav-item>a.active .nav-icon{color:var(--sidebar-accent)}.receptionist-sidebar .nav-item>a{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.625rem 1rem;border-radius:8px;border-left:3px solid transparent;color:#ffffffe6;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .22s ease}.receptionist-sidebar .nav-item>a:hover{background:#ffffff24;color:#fff;border-left-color:#ffffff80}.receptionist-sidebar .nav-item>a:hover .nav-icon{color:#fff}.receptionist-sidebar .nav-item>a.active{background:#fffffff2;color:var(--sidebar-accent);border-left-color:var(--sidebar-accent);font-weight:700;box-shadow:0 4px 14px #0000001a}.receptionist-sidebar .dropdown-toggle.has-active-child{border-left:3px solid rgba(255,255,255,.6)}.receptionist-sidebar .nav-item.dropdown>.dropdown-toggle.active{background:#fffffff2;color:var(--sidebar-accent)}.receptionist-sidebar .logout-btn{width:calc(100% - 1.4rem);margin:0 .7rem;min-height:42px;padding:.5rem 1rem;border-radius:8px;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.22);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .22s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.receptionist-sidebar .logout-btn:hover{background:#ef444440;color:#fff;border-color:#ef444480;box-shadow:0 4px 14px #ef44442e}.receptionist-layout{min-height:100vh;background:var(--color-bg-gradient)}.app-dashboard.receptionist-layout .receptionist-main{min-height:100vh}.app-dashboard.receptionist-layout .receptionist-topbar{min-height:120px;padding:1.7rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,95,147,.1)}.app-dashboard.receptionist-layout .receptionist-topbar .topbar-title h1{margin:0;font-size:2rem;font-weight:950;color:var(--color-primary);letter-spacing:-.04em}.app-dashboard.receptionist-layout .receptionist-topbar .topbar-title p{margin:.3rem 0 0;color:var(--color-muted);font-weight:700}.app-dashboard.receptionist-layout .topbar-actions{display:flex;align-items:center;gap:.8rem}.app-dashboard.receptionist-layout .topbar-user{border:none;min-height:58px;padding:.55rem 1rem;border-radius:999px;background:#ffffffad;display:flex;align-items:center;gap:.7rem;font-weight:900;box-shadow:var(--shadow-soft)}.app-dashboard.receptionist-layout .topbar-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:grid;place-items:center}.app-dashboard.receptionist-layout .topbar-user strong,.app-dashboard.receptionist-layout .topbar-user small{display:block;text-align:left}.app-dashboard.receptionist-layout .topbar-user small{color:var(--color-muted)}.app-dashboard.receptionist-layout .topbar-icon{width:54px;height:54px;border-radius:18px;border:1px solid var(--color-border);background:#ffffffb8;font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .2s ease}.app-dashboard.receptionist-layout .receptionist-content{padding:28px}.app-dashboard.receptionist-layout .topbar-icon,.app-dashboard.receptionist-layout .topbar-user{outline:none!important}.app-dashboard.receptionist-layout .topbar-icon:hover{background:#ff5f931a;border-color:#ff5f934d;box-shadow:0 4px 14px #ff5f9324}.app-dashboard.receptionist-layout .topbar-user:hover{box-shadow:0 8px 24px #ff5f9329;transform:translateY(-1px)}.app-dashboard.receptionist-layout .topbar-icon:focus,.app-dashboard.receptionist-layout .topbar-icon:focus-visible,.app-dashboard.receptionist-layout .topbar-user:focus,.app-dashboard.receptionist-layout .topbar-user:focus-visible{outline:none!important;box-shadow:0 12px 28px #ff5f931f!important}.app-dashboard.receptionist-layout .topbar-icon{color:#191919!important;font-size:1rem!important}.app-dashboard.receptionist-layout .topbar-icon svg{color:#191919!important}.app-dashboard.receptionist-layout .topbar-avatar svg{color:#fff!important}.app-dashboard.receptionist-layout .notification-wrapper{position:relative}.app-dashboard.receptionist-layout .notif-dot{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:950;display:grid;place-items:center;border:2px solid #ffffff}.app-dashboard.receptionist-layout .notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:330px;z-index:9999;padding:.85rem;border-radius:22px;background:#fffffff5;border:1px solid rgba(255,95,147,.18);box-shadow:0 24px 60px #ff5f933d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-dashboard.receptionist-layout .notif-header{padding:.55rem .65rem .8rem;border-bottom:1px solid rgba(255,95,147,.14);margin-bottom:.5rem}.app-dashboard.receptionist-layout .notif-header strong{display:block;color:#191919;font-weight:950}.app-dashboard.receptionist-layout .notif-header small{color:#64748b;font-weight:700}.app-dashboard.receptionist-layout .notification-dropdown button{width:100%;border:none;background:transparent;padding:.75rem;border-radius:16px;display:flex;align-items:center;gap:.75rem;text-align:left;cursor:pointer;transition:.2s ease}.app-dashboard.receptionist-layout .notification-dropdown button:hover{background:#ff5f931a}.app-dashboard.receptionist-layout .notification-dropdown button>span{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;font-weight:950;display:grid;place-items:center;flex-shrink:0}.app-dashboard.receptionist-layout .notification-dropdown strong{display:block;color:#191919;font-weight:900}.app-dashboard.receptionist-layout .notification-dropdown small{display:block;margin-top:.15rem;color:#64748b;font-weight:700}.app-dashboard.receptionist-layout .receptionist-topbar{position:relative!important;height:110px!important;min-height:110px!important;overflow:visible!important}.app-dashboard.receptionist-layout .topbar-actions{position:relative!important;display:flex!important;align-items:center!important;gap:.8rem!important}.app-dashboard.receptionist-layout .notification-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important}.app-dashboard.receptionist-layout .notification-wrapper .topbar-icon{position:relative!important}.app-dashboard.receptionist-layout .notif-dot{position:absolute!important;top:-6px!important;right:-6px!important;z-index:3!important}.app-dashboard.receptionist-layout .notification-dropdown{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;width:340px!important;z-index:99999!important;padding:.85rem!important;border-radius:22px!important;background:#fffffffa!important;border:1px solid rgba(255,95,147,.18)!important;box-shadow:0 24px 60px #ff5f933d!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.app-dashboard.receptionist-layout .receptionist-topbar .notification-dropdown{transform:translateY(0)!important}.app-dashboard.receptionist-layout{--receptionist-canvas: var(--color-bg, #f7f5ee);--receptionist-surface: #ffffff;--receptionist-surface-muted: #fbfaf7;--receptionist-border: var(--color-border, #e9e6de);--receptionist-ink: #282c2a;--receptionist-muted: #68716d;--receptionist-shadow: 0 8px 26px rgba(39, 43, 37, .07);--receptionist-shadow-raised: 0 16px 36px rgba(39, 43, 37, .11);--color-bg-gradient: var(--receptionist-canvas);--color-surface: var(--receptionist-surface);--color-surface-solid: var(--receptionist-surface);--color-text: var(--receptionist-ink);--color-heading: #252a27;--color-muted: var(--receptionist-muted);--shadow-card: var(--receptionist-shadow);--shadow-soft: 0 4px 14px rgba(39, 43, 37, .06);min-height:100vh;color:var(--receptionist-ink);background:var(--receptionist-canvas)!important}.app-dashboard.receptionist-layout .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px;overflow-x:clip;background:transparent!important}.app-dashboard.receptionist-layout .app-topbar{position:sticky;top:0;z-index:1100;min-height:80px;padding:12px clamp(18px,2.5vw,36px);border-bottom:1px solid var(--receptionist-border);background:#fff;box-shadow:0 4px 16px #272b250b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-dashboard.receptionist-layout .navbar-left h1{margin:0;color:var(--receptionist-ink);font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:750;letter-spacing:-.035em}.app-dashboard.receptionist-layout .navbar-left p{margin:4px 0 0;color:var(--receptionist-muted);font-size:.84rem;font-weight:450}.app-dashboard.receptionist-layout .navbar-actions{gap:10px;flex-wrap:wrap}.app-dashboard.receptionist-layout .app-content{width:100%;max-width:1680px;margin:0 auto;padding:clamp(18px,2.4vw,34px);color:var(--receptionist-ink)}.app-dashboard.receptionist-layout .receptionist-bookings,.app-dashboard.receptionist-layout .hotel-bookings,.app-dashboard.receptionist-layout .vet-bookings,.app-dashboard.receptionist-layout .grooming-bookings,.app-dashboard.receptionist-layout .walkins-page,.app-dashboard.receptionist-layout .manage-services-page,.app-dashboard.receptionist-layout .customer-management,.app-dashboard.receptionist-layout .customer-orders,.app-dashboard.receptionist-layout .customers-profile,.app-dashboard.receptionist-layout .receptionist-chatbot-page,.app-dashboard.receptionist-layout .ht-root,.app-dashboard.receptionist-layout .reports-container,.app-dashboard.receptionist-layout .standard-report-layout,.app-dashboard.receptionist-layout .lci-root{width:100%;min-width:0;min-height:0;padding:0;color:var(--receptionist-ink);background:transparent!important}.app-dashboard.receptionist-layout .hotel-bookings{--hotel-surface: var(--receptionist-surface);--hotel-surface-alt: var(--receptionist-surface-muted);--hotel-border: var(--receptionist-border);--hotel-heading: var(--receptionist-ink);--hotel-text: var(--receptionist-ink);--hotel-muted: var(--receptionist-muted)}.app-dashboard.receptionist-layout .booking-hero,.app-dashboard.receptionist-layout .hotel-hero,.app-dashboard.receptionist-layout .vet-hero,.app-dashboard.receptionist-layout .grooming-header,.app-dashboard.receptionist-layout .walkins-hero,.app-dashboard.receptionist-layout .customers-header,.app-dashboard.receptionist-layout .orders-hero,.app-dashboard.receptionist-layout .customer-profile-hero,.app-dashboard.receptionist-layout .services-header,.app-dashboard.receptionist-layout .ht-header,.app-dashboard.receptionist-layout .receptionist-chatbot-hero,.app-dashboard.receptionist-layout .lci-pane-header{min-width:0;padding:clamp(18px,2.3vw,28px);border:1px solid var(--receptionist-border);border-radius:18px;background:var(--receptionist-surface)!important;box-shadow:var(--receptionist-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.receptionist-layout .hotel-table-card,.app-dashboard.receptionist-layout .vet-table-card,.app-dashboard.receptionist-layout .grooming-table-container,.app-dashboard.receptionist-layout .orders-table-card,.app-dashboard.receptionist-layout .customers-table-card,.app-dashboard.receptionist-layout .customers-table-container,.app-dashboard.receptionist-layout .services-table-container,.app-dashboard.receptionist-layout .hotel-summary-card,.app-dashboard.receptionist-layout .vet-summary-card,.app-dashboard.receptionist-layout .grooming-stats .stat-card,.app-dashboard.receptionist-layout .customer-management .summary-card,.app-dashboard.receptionist-layout .walkins-notes-card,.app-dashboard.receptionist-layout .walkins-recent,.app-dashboard.receptionist-layout .room-card,.app-dashboard.receptionist-layout .ht-content,.app-dashboard.receptionist-layout .ht-stat-card,.app-dashboard.receptionist-layout .lci-sidebar,.app-dashboard.receptionist-layout .lci-pane,.app-dashboard.receptionist-layout .chatbot-guide-panel,.app-dashboard.receptionist-layout .chatbot-scope-panel,.app-dashboard.receptionist-layout .services-stats .stat-card{min-width:0;border:1px solid var(--receptionist-border);border-radius:16px;background:var(--receptionist-surface);box-shadow:var(--receptionist-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.receptionist-layout .hotel-summary-card,.app-dashboard.receptionist-layout .vet-summary-card,.app-dashboard.receptionist-layout .grooming-stats .stat-card,.app-dashboard.receptionist-layout .customer-management .summary-card,.app-dashboard.receptionist-layout .services-stats .stat-card{padding:16px}.app-dashboard.receptionist-layout .booking-hero h1,.app-dashboard.receptionist-layout .hotel-hero h1,.app-dashboard.receptionist-layout .vet-hero h1,.app-dashboard.receptionist-layout .grooming-header h1,.app-dashboard.receptionist-layout .walkins-hero-title,.app-dashboard.receptionist-layout .customers-header h1,.app-dashboard.receptionist-layout .orders-hero h1,.app-dashboard.receptionist-layout .customer-profile-hero h1,.app-dashboard.receptionist-layout .services-header h1,.app-dashboard.receptionist-layout .ht-title{color:var(--receptionist-ink);letter-spacing:-.035em}.app-dashboard.receptionist-layout .booking-hero p,.app-dashboard.receptionist-layout .hotel-hero p,.app-dashboard.receptionist-layout .vet-hero p,.app-dashboard.receptionist-layout .grooming-header p,.app-dashboard.receptionist-layout .walkins-hero-sub,.app-dashboard.receptionist-layout .customers-header p,.app-dashboard.receptionist-layout .orders-hero p,.app-dashboard.receptionist-layout .customer-profile-hero p,.app-dashboard.receptionist-layout .ht-subtitle{color:var(--receptionist-muted);font-weight:450}.app-dashboard.receptionist-layout .hotel-table-scroll,.app-dashboard.receptionist-layout .vet-table-scroll,.app-dashboard.receptionist-layout .grooming-table-container,.app-dashboard.receptionist-layout .orders-table-scroll,.app-dashboard.receptionist-layout .customers-table-scroll,.app-dashboard.receptionist-layout .services-table-container,.app-dashboard.receptionist-layout .ht-content{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.app-dashboard.receptionist-layout .app-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-dashboard.receptionist-layout .app-main select,.app-dashboard.receptionist-layout .app-main textarea{min-height:42px;border-color:var(--receptionist-border);border-radius:10px;background:#fff;color:var(--receptionist-ink);box-shadow:none}.app-dashboard.receptionist-layout .app-main textarea{min-height:96px}.app-dashboard.receptionist-layout .app-main input:focus,.app-dashboard.receptionist-layout .app-main select:focus,.app-dashboard.receptionist-layout .app-main textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);outline:none}.app-dashboard.receptionist-layout .primary-btn,.app-dashboard.receptionist-layout .secondary-btn,.app-dashboard.receptionist-layout .clear-btn,.app-dashboard.receptionist-layout .submit-btn,.app-dashboard.receptionist-layout .action-btn,.app-dashboard.receptionist-layout .ht-btn,.app-dashboard.receptionist-layout .lci-btn{min-height:42px;border-radius:10px}.app-dashboard.receptionist-layout .hotel-state,.app-dashboard.receptionist-layout .vet-error-banner,.app-dashboard.receptionist-layout .loading-state,.app-dashboard.receptionist-layout .empty-state,.app-dashboard.receptionist-layout .hotel-empty-state,.app-dashboard.receptionist-layout .orders-state,.app-dashboard.receptionist-layout .customer-empty-state,.app-dashboard.receptionist-layout .ht-empty{border:1px solid var(--receptionist-border);border-radius:16px;background:var(--receptionist-surface);box-shadow:var(--receptionist-shadow)}.app-dashboard.receptionist-layout .hotel-table-card th,.app-dashboard.receptionist-layout .vet-table th,.app-dashboard.receptionist-layout .grooming-table th,.app-dashboard.receptionist-layout .orders-table th,.app-dashboard.receptionist-layout .customers-table th,.app-dashboard.receptionist-layout .services-table th{background:#f4f2ec;color:#606b65;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.app-dashboard.receptionist-layout .hotel-table-card tbody tr:hover,.app-dashboard.receptionist-layout .vet-table tbody tr:hover,.app-dashboard.receptionist-layout .grooming-table tbody tr:hover,.app-dashboard.receptionist-layout .orders-table tbody tr:hover,.app-dashboard.receptionist-layout .customers-table tbody tr:hover,.app-dashboard.receptionist-layout .services-table tbody tr:hover{background:#faf9f5}.app-dashboard.receptionist-layout .app-main :focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 60%,white);outline-offset:2px}@media(max-width:1024px){.app-dashboard.receptionist-layout .app-sidebar.receptionist-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .25s ease;z-index:1400}.app-dashboard.receptionist-layout .app-sidebar.receptionist-sidebar.mobile-open{transform:translate(0)}.app-dashboard.receptionist-layout .mobile-menu-toggle{display:grid!important;place-items:center}.app-dashboard.receptionist-layout .app-main{width:100%;margin-left:0}.app-dashboard.receptionist-layout .mobile-backdrop{display:none}.app-dashboard.receptionist-layout .mobile-backdrop.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#1719176b}}@media(max-width:767px){.app-dashboard.receptionist-layout .app-topbar{min-height:64px;height:auto;padding:8px 12px;gap:8px}.app-dashboard.receptionist-layout .app-topbar h1{font-size:clamp(.95rem,4vw,1.15rem)}.app-dashboard.receptionist-layout .app-topbar p{display:none}.app-dashboard.receptionist-layout .app-content{padding:14px}.app-dashboard.receptionist-layout .booking-hero,.app-dashboard.receptionist-layout .hotel-hero,.app-dashboard.receptionist-layout .vet-hero,.app-dashboard.receptionist-layout .grooming-header,.app-dashboard.receptionist-layout .walkins-hero,.app-dashboard.receptionist-layout .customers-header,.app-dashboard.receptionist-layout .orders-hero,.app-dashboard.receptionist-layout .customer-profile-hero,.app-dashboard.receptionist-layout .services-header,.app-dashboard.receptionist-layout .ht-header{align-items:flex-start;flex-direction:column;padding:16px}.app-dashboard.receptionist-layout .hotel-hero-actions,.app-dashboard.receptionist-layout .booking-hero-actions,.app-dashboard.receptionist-layout .header-actions{width:100%;min-width:0;flex-wrap:wrap}.app-dashboard.receptionist-layout .hotel-summary-grid,.app-dashboard.receptionist-layout .vet-summary-grid,.app-dashboard.receptionist-layout .grooming-stats,.app-dashboard.receptionist-layout .orders-summary-grid,.app-dashboard.receptionist-layout .summary-cards,.app-dashboard.receptionist-layout .services-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-dashboard.receptionist-layout .hotel-controls,.app-dashboard.receptionist-layout .vet-controls,.app-dashboard.receptionist-layout .grooming-filters,.app-dashboard.receptionist-layout .orders-controls,.app-dashboard.receptionist-layout .customers-controls,.app-dashboard.receptionist-layout .services-toolbar{align-items:stretch;flex-wrap:wrap}.app-dashboard.receptionist-layout .hotel-search-box,.app-dashboard.receptionist-layout .vet-search-box,.app-dashboard.receptionist-layout .grooming-search-box,.app-dashboard.receptionist-layout .orders-search-box,.app-dashboard.receptionist-layout .cm-search-box,.app-dashboard.receptionist-layout .services-search-box{width:100%;max-width:none}}@media(max-width:420px){.app-dashboard.receptionist-layout .app-content{padding:10px}.app-dashboard.receptionist-layout .hotel-summary-grid,.app-dashboard.receptionist-layout .vet-summary-grid,.app-dashboard.receptionist-layout .grooming-stats,.app-dashboard.receptionist-layout .orders-summary-grid,.app-dashboard.receptionist-layout .summary-cards,.app-dashboard.receptionist-layout .services-stats{grid-template-columns:minmax(0,1fr)}.app-dashboard.receptionist-layout .primary-btn,.app-dashboard.receptionist-layout .secondary-btn,.app-dashboard.receptionist-layout .clear-btn,.app-dashboard.receptionist-layout .submit-btn{min-height:44px}}.status-dot-wrapper{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;white-space:nowrap}.status-dot{display:inline-block;border-radius:50%;flex-shrink:0}.status-dot-label{color:var(--color-text-primary, #1e293b)}.inventory-sidebar .nav-section{padding:0 .75rem;margin-bottom:.2rem}.inventory-sidebar .nav-section-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff8c;padding:.75rem .6rem .3rem}.inventory-sidebar .nav-icon{width:16px;text-align:center;font-size:.88rem;flex-shrink:0;opacity:.85;transition:opacity .18s}.inventory-sidebar .nav-item a:hover .nav-icon,.inventory-sidebar .nav-item a.active .nav-icon{opacity:1}.inventory-sidebar .nav-item a.active .nav-icon{color:var(--color-primary, #ff5f93)}.inventory-sidebar .sidebar-logo-icon{width:36px;height:36px;border-radius:10px;background:#ffffff40;color:#fff;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.inventory-dashboard{display:flex;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7));color:#1e293b}.dashboard-content{flex:1;overflow-y:auto;padding:1.5rem;min-width:0}.inventory-dashboard .overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.inventory-dashboard .overview-card{position:relative;background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 1px 4px #0f172a0d;padding:1.4rem;display:flex;align-items:center;gap:1rem;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.inventory-dashboard .overview-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e2e8f0}.inventory-dashboard .overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a17}.inventory-dashboard .overview-card--primary:before{background:linear-gradient(180deg,#ff5f93,#ff8db5)}.inventory-dashboard .overview-card--warning:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.inventory-dashboard .overview-card--danger:before{background:linear-gradient(180deg,#ef4444,#f87171)}.inventory-dashboard .overview-card--success:before{background:linear-gradient(180deg,#10b981,#34d399)}.inventory-dashboard .overview-card-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.inventory-dashboard .overview-card--primary .overview-card-icon{background:#ff5f931a;color:#ff5f93}.inventory-dashboard .overview-card--warning .overview-card-icon{background:#f59e0b1a;color:#f59e0b}.inventory-dashboard .overview-card--danger .overview-card-icon{background:#ef44441a;color:#ef4444}.inventory-dashboard .overview-card--success .overview-card-icon{background:#10b9811a;color:#10b981}.inventory-dashboard .overview-card-body{display:flex;align-items:center;gap:1rem;width:100%}.inventory-dashboard .overview-card-text{flex:1;min-width:0}.inventory-dashboard .overview-card-text h3{margin:0 0 .2rem;font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;line-height:1}.inventory-dashboard .overview-card-text p{margin:0 0 .1rem;font-size:.8rem;font-weight:600;color:#64748b}.inventory-dashboard .overview-card-text small{font-size:.72rem;color:#a8b3c2}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.panel{background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 1px 4px #0f172a0d;padding:1.4rem;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;border-bottom:1px solid #f4f6fa;padding-bottom:.9rem}.panel h2,.panel-header h2{margin:0 0 .15rem;font-size:.98rem;font-weight:700;letter-spacing:-.01em;color:#0f172a}.panel-header p{margin:0;font-size:.78rem;color:#94a3b8}.space-between{display:flex;justify-content:space-between;align-items:center}.badge{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669;font-size:.66rem;padding:.22rem .65rem;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:inline-block}.see-all-link{color:#ff5f93;text-decoration:none;font-size:.8rem;font-weight:600;transition:color .15s}.see-all-link:hover{color:#e84d7e;text-decoration:underline}.inventory-dashboard .overview-panel{min-height:320px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:.9rem;padding:.7rem .5rem;border-bottom:1px solid #f6f8fb;border-radius:8px;transition:background .15s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#ff5f930a}.activity-type-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.activity-type-icon--add{background:#dcfce7;color:#16a34a}.activity-type-icon--remove{background:#fee2e2;color:#dc2626}.activity-type-icon--adjust{background:#fef3c7;color:#d97706}.activity-type-icon--expiring{background:#fce7f3;color:#be185d}.activity-info{flex:1;min-width:0}.activity-info h3{margin:0 0 .1rem;font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-info p{margin:0;font-size:.75rem;color:#64748b;text-transform:capitalize}.activity-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0;text-align:right}.activity-meta strong{font-size:.875rem;font-weight:700;color:#1e293b}.activity-meta span{font-size:.72rem;color:#94a3b8;display:flex;align-items:center;gap:.3rem}.quick-stat-panel{display:flex;flex-direction:column;gap:.75rem}.metric-card{background:#fafbfc;border-radius:14px;padding:1.2rem;text-align:center;border:1px solid #eef1f6;transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-1px)}.metric-card--warning{border-color:#fde68a;background:#fffbeb}.metric-card--alert{border-color:#fecaca;background:#fef2f2}.metric-card--info{border-color:#bfdbfe;background:#eff6ff}.metric-card-icon{font-size:1.25rem;margin-bottom:.5rem;display:block}.metric-card--warning .metric-card-icon{color:#d97706}.metric-card--alert .metric-card-icon{color:#dc2626}.metric-card--info .metric-card-icon{color:#2563eb}.metric-card h3{margin:0 0 .2rem;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;line-height:1}.metric-card p{margin:0 0 .15rem;font-size:.85rem;font-weight:600;color:#475569}.metric-card small{font-size:.73rem;color:#94a3b8}.stock-categories{display:flex;flex-direction:column}.stock-category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;background:#fafbfc;border:1px solid #f1f4f8;border-radius:12px;margin-bottom:.5rem;transition:border-color .18s ease,background .18s ease}.stock-category-item:last-child{margin-bottom:0}.stock-category-item:hover{background:#fff;border-color:#ffd0df}.category-icon{width:38px;height:38px;background:#ff5f9317;color:#ff5f93;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.category-info{flex:1;min-width:0}.category-info h4{margin:0 0 .15rem;font-size:.875rem;font-weight:600;color:#1e293b}.category-info p{margin:0;font-size:.78rem;color:#64748b}.category-status{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#94a3b8;flex-shrink:0}.inventory-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.analytics-chart-card{background:#fafbfc;border:1px solid #eef1f6;border-radius:14px;padding:1.1rem}.analytics-chart-card h4{margin:0 0 .75rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.chart-box{width:100%;height:210px;min-height:180px;overflow:hidden}.recharts-wrapper{min-height:160px;overflow:hidden}.chart-empty{height:210px;display:grid;place-items:center;border-radius:10px;background:#f8fafce6;color:#94a3b8;font-weight:600;font-size:.875rem}.no-data{padding:1rem 1.25rem;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1;color:#94a3b8;font-size:.875rem;font-weight:500;text-align:center}@media(max-width:1024px){.dashboard-grid,.dashboard-bottom,.inventory-analytics-grid{grid-template-columns:1fr}}@media(max-width:640px){.inventory-dashboard .overview-cards{grid-template-columns:1fr 1fr}.dashboard-content{padding:1rem}}@media(max-width:400px){.inventory-dashboard .overview-cards{grid-template-columns:1fr}}@media print{.panel{box-shadow:none;break-inside:avoid;border:1px solid #e2e8f0}.inventory-dashboard .overview-card{box-shadow:none;break-inside:avoid}.inventory-dashboard{background:#fff}}@media(max-width:991px){.inventory-dashboard .overview-cards{grid-template-columns:repeat(2,1fr)!important;gap:14px}.dashboard-grid,.dashboard-bottom,.inventory-analytics-grid{grid-template-columns:1fr!important;gap:14px}}@media(max-width:767px){.activity-info h3{white-space:normal;word-break:break-word}}.app-dashboard.inventory-dashboard{--inventory-canvas: var(--color-bg, #f7f5ee);--inventory-surface: #ffffff;--inventory-surface-muted: #fbfaf7;--inventory-border: var(--color-border, #e9e6de);--inventory-ink: #282c2a;--inventory-muted: #68716d;--inventory-shadow: 0 8px 26px rgba(39, 43, 37, .07);--inventory-shadow-raised: 0 16px 36px rgba(39, 43, 37, .11);--color-bg-gradient: var(--inventory-canvas);--color-surface: var(--inventory-surface);--color-surface-solid: var(--inventory-surface);--color-heading: var(--inventory-ink);--color-text: var(--inventory-ink);--color-muted: var(--inventory-muted);--shadow-card: var(--inventory-shadow);--shadow-soft: 0 4px 14px rgba(39, 43, 37, .06);min-height:100vh;color:var(--inventory-ink);background:var(--inventory-canvas)!important}.app-dashboard.inventory-dashboard .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px;overflow-x:clip;background:transparent!important}.app-dashboard.inventory-dashboard .app-topbar{position:sticky;top:0;z-index:1100;min-height:80px;height:auto;margin:0;padding:12px clamp(18px,2.5vw,36px);border-bottom:1px solid var(--inventory-border);border-radius:0;background:#fff!important;box-shadow:0 4px 16px #272b250b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-dashboard.inventory-dashboard .app-topbar .navbar-left{min-width:0}.app-dashboard.inventory-dashboard .app-topbar .navbar-left h1{margin:0;color:var(--inventory-ink)!important;-webkit-text-fill-color:var(--inventory-ink)!important;background:none!important;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:750;letter-spacing:-.035em}.app-dashboard.inventory-dashboard .app-topbar .navbar-left p{margin:4px 0 0;color:var(--inventory-muted)!important;font-size:.84rem;font-weight:450}.app-dashboard.inventory-dashboard .app-main>.app-content.dashboard-content{width:100%;max-width:1680px;min-height:0;margin:0 auto;padding:clamp(18px,2.4vw,34px);overflow:visible;background:transparent!important}.app-dashboard.inventory-dashboard .app-main>.app-content.dashboard-content>.dashboard-content{width:100%;max-width:none;min-width:0;min-height:0;margin:0;padding:0;color:var(--inventory-ink);background:transparent!important}.app-dashboard.inventory-dashboard .overview-cards,.app-dashboard.inventory-dashboard .dashboard-grid,.app-dashboard.inventory-dashboard .dashboard-bottom,.app-dashboard.inventory-dashboard .inventory-analytics-grid,.app-dashboard.inventory-dashboard .ui-stats-grid,.app-dashboard.inventory-dashboard .charts-section,.app-dashboard.inventory-dashboard .chart-row,.app-dashboard.inventory-dashboard .audit-stats-grid,.app-dashboard.inventory-dashboard .audit-analytics-stats,.app-dashboard.inventory-dashboard .audit-analytics-charts,.app-dashboard.inventory-dashboard .suppliers-stats,.app-dashboard.inventory-dashboard .reports-summary-grid{min-width:0}.app-dashboard.inventory-dashboard .overview-card,.app-dashboard.inventory-dashboard .panel,.app-dashboard.inventory-dashboard .metric-card,.app-dashboard.inventory-dashboard .ui-stat-card,.app-dashboard.inventory-dashboard .ui-reorder-panel,.app-dashboard.inventory-dashboard .ui-table-wrapper,.app-dashboard.inventory-dashboard .chart-container,.app-dashboard.inventory-dashboard .data-table-section,.app-dashboard.inventory-dashboard .audit-table-card,.app-dashboard.inventory-dashboard .audit-stat-card,.app-dashboard.inventory-dashboard .analytics-stat-card,.app-dashboard.inventory-dashboard .analytics-chart-card,.app-dashboard.inventory-dashboard .sup-stat,.app-dashboard.inventory-dashboard .suppliers-table-card,.app-dashboard.inventory-dashboard .reports-summary-card,.app-dashboard.inventory-dashboard .ht-root,.app-dashboard.inventory-dashboard .ht-content{min-width:0;border:1px solid var(--inventory-border);border-radius:18px;background:var(--inventory-surface);box-shadow:var(--inventory-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.inventory-dashboard .overview-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.app-dashboard.inventory-dashboard .overview-card{min-height:120px;padding:16px}.app-dashboard.inventory-dashboard .overview-card-text h3,.app-dashboard.inventory-dashboard .panel h2,.app-dashboard.inventory-dashboard .panel-header h2,.app-dashboard.inventory-dashboard .ui-header-left h1,.app-dashboard.inventory-dashboard .reports-hero h1,.app-dashboard.inventory-dashboard .monthly-audit-hero h2,.app-dashboard.inventory-dashboard .suppliers-hero h1,.app-dashboard.inventory-dashboard .bg-hero-left h1{color:var(--inventory-ink);letter-spacing:-.03em}.app-dashboard.inventory-dashboard .overview-card-text p,.app-dashboard.inventory-dashboard .overview-card-text small,.app-dashboard.inventory-dashboard .panel-header p,.app-dashboard.inventory-dashboard .reports-hero p,.app-dashboard.inventory-dashboard .monthly-audit-hero p,.app-dashboard.inventory-dashboard .suppliers-hero p,.app-dashboard.inventory-dashboard .bg-hero-left p{color:var(--inventory-muted)}.app-dashboard.inventory-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px}.app-dashboard.inventory-dashboard .dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:0}.app-dashboard.inventory-dashboard .panel{padding:18px;border-radius:18px}.app-dashboard.inventory-dashboard .overview-panel{min-height:0}.app-dashboard.inventory-dashboard .panel-header{margin-bottom:14px;border-bottom-color:var(--inventory-border)}.app-dashboard.inventory-dashboard .activity-item,.app-dashboard.inventory-dashboard .stock-category-item{min-width:0;border-color:var(--inventory-border)}.app-dashboard.inventory-dashboard .activity-info,.app-dashboard.inventory-dashboard .category-info{min-width:0}.app-dashboard.inventory-dashboard .inventory-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-dashboard.inventory-dashboard .analytics-chart-card{min-width:0;padding:14px;border:1px solid var(--inventory-border);border-radius:14px;background:var(--inventory-surface-muted)}.app-dashboard.inventory-dashboard .chart-box,.app-dashboard.inventory-dashboard .analytics-chart-container{min-width:0;width:100%;overflow:hidden}.app-dashboard.inventory-dashboard .unified-inventory,.app-dashboard.inventory-dashboard .inventory-reports-page,.app-dashboard.inventory-dashboard .reports-content,.app-dashboard.inventory-dashboard .inventory-reports-content,.app-dashboard.inventory-dashboard .monthly-audit-page,.app-dashboard.inventory-dashboard .audit-analytics-page,.app-dashboard.inventory-dashboard .suppliers-page,.app-dashboard.inventory-dashboard .bg-page{width:100%;max-width:100%;min-width:0;margin:0;color:var(--inventory-ink);background:transparent!important}.app-dashboard.inventory-dashboard .unified-inventory,.app-dashboard.inventory-dashboard .inventory-reports-page,.app-dashboard.inventory-dashboard .monthly-audit-page,.app-dashboard.inventory-dashboard .audit-analytics-page,.app-dashboard.inventory-dashboard .suppliers-page,.app-dashboard.inventory-dashboard .bg-page{padding:0}.app-dashboard.inventory-dashboard .ui-stats-grid,.app-dashboard.inventory-dashboard .audit-stats-grid,.app-dashboard.inventory-dashboard .audit-analytics-stats,.app-dashboard.inventory-dashboard .reports-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app-dashboard.inventory-dashboard .ui-stat-card,.app-dashboard.inventory-dashboard .reports-summary-card,.app-dashboard.inventory-dashboard .audit-stat-card,.app-dashboard.inventory-dashboard .analytics-stat-card{border-radius:16px;box-shadow:var(--inventory-shadow)}.app-dashboard.inventory-dashboard .ui-reorder-panel,.app-dashboard.inventory-dashboard .ui-table-wrapper,.app-dashboard.inventory-dashboard .audit-table-card,.app-dashboard.inventory-dashboard .data-table-section,.app-dashboard.inventory-dashboard .chart-container,.app-dashboard.inventory-dashboard .suppliers-table-card,.app-dashboard.inventory-dashboard .analytics-chart-card{overflow:hidden}.app-dashboard.inventory-dashboard .ui-table-wrapper,.app-dashboard.inventory-dashboard .audit-table-scroll,.app-dashboard.inventory-dashboard .analytics-data-table-scroll,.app-dashboard.inventory-dashboard .transactions-table-container,.app-dashboard.inventory-dashboard .standard-table-container,.app-dashboard.inventory-dashboard .suppliers-table-card,.app-dashboard.inventory-dashboard .data-table-section{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.app-dashboard.inventory-dashboard .ui-table,.app-dashboard.inventory-dashboard .audit-table,.app-dashboard.inventory-dashboard .analytics-data-table,.app-dashboard.inventory-dashboard .suppliers-table,.app-dashboard.inventory-dashboard .standard-table{min-width:680px}.app-dashboard.inventory-dashboard .ui-table thead tr,.app-dashboard.inventory-dashboard .audit-table thead,.app-dashboard.inventory-dashboard .analytics-data-table thead,.app-dashboard.inventory-dashboard .suppliers-table thead,.app-dashboard.inventory-dashboard .standard-table thead{background:#f4f2ec}.app-dashboard.inventory-dashboard .ui-table th,.app-dashboard.inventory-dashboard .audit-table th,.app-dashboard.inventory-dashboard .analytics-data-table th,.app-dashboard.inventory-dashboard .suppliers-table th,.app-dashboard.inventory-dashboard .standard-table th{color:#606b65;font-size:.73rem;letter-spacing:.04em;text-transform:uppercase}.app-dashboard.inventory-dashboard .ui-table tbody tr:hover td,.app-dashboard.inventory-dashboard .audit-table tbody tr:hover td,.app-dashboard.inventory-dashboard .analytics-data-table tbody tr:hover td,.app-dashboard.inventory-dashboard .suppliers-table tbody tr:hover td,.app-dashboard.inventory-dashboard .standard-table tbody tr:hover td{background:#faf9f5}.app-dashboard.inventory-dashboard .ui-header,.app-dashboard.inventory-dashboard .reports-hero,.app-dashboard.inventory-dashboard .monthly-audit-hero,.app-dashboard.inventory-dashboard .suppliers-hero,.app-dashboard.inventory-dashboard .bg-hero{min-width:0;border:1px solid var(--inventory-border);border-radius:18px;background:var(--inventory-surface);box-shadow:var(--inventory-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.inventory-dashboard .ui-filters-bar,.app-dashboard.inventory-dashboard .ui-filters-panel,.app-dashboard.inventory-dashboard .audit-toolbar,.app-dashboard.inventory-dashboard .audit-filters,.app-dashboard.inventory-dashboard .suppliers-toolbar,.app-dashboard.inventory-dashboard .bg-controls,.app-dashboard.inventory-dashboard .reports-filters,.app-dashboard.inventory-dashboard .ui-search-box,.app-dashboard.inventory-dashboard .ui-filter-actions,.app-dashboard.inventory-dashboard .audit-header-actions,.app-dashboard.inventory-dashboard .audit-bulk-actions,.app-dashboard.inventory-dashboard .suppliers-hero-actions,.app-dashboard.inventory-dashboard .bg-hero-actions{min-width:0;flex-wrap:wrap}.app-dashboard.inventory-dashboard .app-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-dashboard.inventory-dashboard .app-main select,.app-dashboard.inventory-dashboard .app-main textarea{min-height:42px;border-color:var(--inventory-border);border-radius:10px;background:#fff;color:var(--inventory-ink);box-shadow:none}.app-dashboard.inventory-dashboard .app-main textarea{min-height:96px}.app-dashboard.inventory-dashboard .app-main input:focus,.app-dashboard.inventory-dashboard .app-main select:focus,.app-dashboard.inventory-dashboard .app-main textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);outline:none}.app-dashboard.inventory-dashboard .btn,.app-dashboard.inventory-dashboard .sup-btn,.app-dashboard.inventory-dashboard .bg-btn,.app-dashboard.inventory-dashboard .audit-header-actions button,.app-dashboard.inventory-dashboard .audit-pagination button{min-height:42px;border-radius:10px}.app-dashboard.inventory-dashboard .sup-modal,.app-dashboard.inventory-dashboard .audit-modal,.app-dashboard.inventory-dashboard .inventory-modal,.app-dashboard.inventory-dashboard .bg-modal{max-width:min(720px,calc(100vw - 28px));max-height:min(88vh,900px);overflow-y:auto;border:1px solid var(--inventory-border);border-radius:18px;background:var(--inventory-surface);box-shadow:var(--inventory-shadow-raised)}.app-dashboard.inventory-dashboard .app-main :focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 60%,white);outline-offset:2px}@media(max-width:1200px){.app-dashboard.inventory-dashboard .overview-cards,.app-dashboard.inventory-dashboard .ui-stats-grid,.app-dashboard.inventory-dashboard .reports-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-dashboard.inventory-dashboard .dashboard-grid,.app-dashboard.inventory-dashboard .dashboard-bottom,.app-dashboard.inventory-dashboard .inventory-analytics-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:1024px){.app-dashboard.inventory-dashboard .app-sidebar.inventory-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .25s ease;z-index:1400}.app-dashboard.inventory-dashboard .app-sidebar.inventory-sidebar.mobile-open{transform:translate(0)}.app-dashboard.inventory-dashboard .mobile-menu-toggle{display:grid!important;place-items:center}.app-dashboard.inventory-dashboard .app-main{width:100%;margin-left:0}.app-dashboard.inventory-dashboard .mobile-backdrop{display:none}.app-dashboard.inventory-dashboard .mobile-backdrop.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#1719176b}}@media(max-width:767px){.app-dashboard.inventory-dashboard .app-topbar{min-height:64px;height:auto;padding:8px 12px;gap:8px}.app-dashboard.inventory-dashboard .app-topbar .navbar-left p{display:none}.app-dashboard.inventory-dashboard .app-main>.app-content.dashboard-content{padding:14px}.app-dashboard.inventory-dashboard .overview-cards,.app-dashboard.inventory-dashboard .ui-stats-grid,.app-dashboard.inventory-dashboard .audit-stats-grid,.app-dashboard.inventory-dashboard .audit-analytics-stats,.app-dashboard.inventory-dashboard .reports-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-dashboard.inventory-dashboard .panel-header,.app-dashboard.inventory-dashboard .ui-header,.app-dashboard.inventory-dashboard .reports-hero,.app-dashboard.inventory-dashboard .monthly-audit-hero,.app-dashboard.inventory-dashboard .suppliers-hero{align-items:flex-start;flex-wrap:wrap}.app-dashboard.inventory-dashboard .ui-filters-panel{grid-template-columns:minmax(0,1fr)}.app-dashboard.inventory-dashboard .audit-header-actions,.app-dashboard.inventory-dashboard .suppliers-hero-actions,.app-dashboard.inventory-dashboard .bg-hero-actions{width:100%}.app-dashboard.inventory-dashboard .audit-header-actions>button,.app-dashboard.inventory-dashboard .suppliers-hero-actions>button,.app-dashboard.inventory-dashboard .bg-hero-actions>button{flex:1 1 auto}}@media(max-width:420px){.app-dashboard.inventory-dashboard .app-main>.app-content.dashboard-content{padding:10px}.app-dashboard.inventory-dashboard .overview-cards,.app-dashboard.inventory-dashboard .ui-stats-grid,.app-dashboard.inventory-dashboard .audit-stats-grid,.app-dashboard.inventory-dashboard .audit-analytics-stats,.app-dashboard.inventory-dashboard .reports-summary-grid{grid-template-columns:minmax(0,1fr)}.app-dashboard.inventory-dashboard .overview-card,.app-dashboard.inventory-dashboard .panel,.app-dashboard.inventory-dashboard .ui-stat-card,.app-dashboard.inventory-dashboard .analytics-stat-card,.app-dashboard.inventory-dashboard .sup-stat{padding:14px}}.barcode-input-row{display:flex;gap:8px;align-items:stretch}.barcode-input-row input{flex:1;min-width:0}.btn-scan-barcode-inline{padding:0 14px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;transition:background .2s,opacity .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-scan-barcode-inline:hover:not(:disabled){background:var(--color-primary-hover)}.btn-scan-barcode-inline.active{background:var(--color-primary-hover)}.btn-scan-barcode-inline:disabled{opacity:.5;cursor:not-allowed}.apm-scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center}.apm-scan-panel{background:#fff;border-radius:14px;padding:20px;width:min(480px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;gap:12px}.apm-scan-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;color:#111827}.apm-scan-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#6b7280;padding:0 4px}.apm-scan-close:hover{color:#111827}.apm-scan-hint{font-size:13px;color:#6b7280;margin:0}.product-modal{max-width:720px}.apm-modal-body{padding:1.4rem 1.6rem;overflow-y:auto;flex:1;min-height:0}.apm-modal-body::-webkit-scrollbar{width:8px}.apm-modal-body::-webkit-scrollbar-track{background:transparent}.apm-modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:8px}.apm-modal-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.error-banner{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:10px;padding:.8rem 1.1rem;margin-bottom:1.1rem;font-size:.85rem;font-weight:500}.form-section{margin-bottom:1.6rem}.form-section:last-child{margin-bottom:.25rem}.form-section h4{font-size:.74rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .9rem;padding-left:.65rem;border-left:3px solid #ff5f93;display:flex;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.95rem 1rem}.form-group{display:flex;flex-direction:column;gap:.4rem;min-width:0}.form-group label{font-size:.8rem;font-weight:600;color:#334155}.required{color:#ef4444;margin-left:.2rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem .9rem!important;border:1.5px solid #e6eaf0!important;border-radius:10px!important;font-size:.875rem;color:#1e293b;background:#fff!important;transition:border-color .18s,box-shadow .18s;width:100%;box-sizing:border-box}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d3dae4!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff5f93!important;box-shadow:0 0 0 3px #ff5f931f;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444!important}.form-group input[readonly]{background:#f8fafc!important;color:#64748b;cursor:default}.form-group textarea{resize:vertical;min-height:84px}.checkbox-label{position:relative;display:flex;flex-direction:row!important;align-items:center;gap:.55rem;cursor:pointer;padding:.6rem .75rem .6rem 2.75rem;border:1.5px solid #e6eaf0;border-radius:10px;background:#fff;transition:border-color .18s,background .18s,color .18s;font-size:.82rem;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.checkbox-label:before{content:"";position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:30px;height:18px;border-radius:999px;background:#cbd5e1;transition:background .18s}.checkbox-label:after{content:"";position:absolute;left:calc(.8rem + 3px);top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:left .18s}.checkbox-label:hover{border-color:#ffb3cb;background:#ff5f9308}.checkbox-label input[type=checkbox]{position:absolute;width:0!important;height:0;padding:0!important;border:none!important;opacity:0;pointer-events:none}.checkbox-label:has(input[type=checkbox]:checked){background:#16a34a;border-color:#16a34a;color:#fff}.checkbox-label:has(input[type=checkbox]:checked):before{background:#ffffff59}.checkbox-label:has(input[type=checkbox]:checked):after{left:calc(.8rem + 15px)}.checkbox-label:has(input[type=checkbox]:disabled){opacity:.72;cursor:not-allowed}.helper-text,.form-group small{font-size:.74rem;color:#a8b3c2}.error-text{font-size:.75rem;color:#ef4444;font-weight:600}.photo-upload-area{width:100%}.photo-upload-label{display:block;border:2px dashed #e2e8f0;border-radius:14px;padding:1.75rem 1.25rem;text-align:center;cursor:pointer;background:#fafbfc;transition:border-color .18s,background .18s}.photo-upload-label.compact{padding:1rem}.photo-upload-label:hover{border-color:#ff5f93;background:#ff5f930a}.photo-input{display:none!important;width:auto!important;padding:0!important;border:none!important}.photo-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#64748b}.photo-upload-placeholder .upload-icon{font-size:1.5rem;color:#ff5f93;margin-bottom:.25rem}.photo-upload-placeholder span{font-size:.88rem;font-weight:600;color:#475569}.photo-upload-placeholder small{font-size:.74rem;color:#a8b3c2}.photo-preview-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.photo-preview-img{max-width:180px;max-height:180px;object-fit:cover;border-radius:12px;border:1px solid #e6eaf0;box-shadow:0 2px 8px #0f172a14}.photo-preview-img.compact{max-height:110px}.btn-remove-photo{padding:.4rem 1rem;border:1.5px solid #fca5a5;border-radius:8px;background:#fff;color:#dc2626;font-size:.8rem;font-weight:600;cursor:pointer;transition:.18s}.btn-remove-photo:hover{background:#fef2f2;border-color:#ef4444}.product-preview{margin-top:.5rem}.product-preview h4{font-size:.74rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .7rem;padding-left:.65rem;border-left:3px solid var(--color-primary-light)}.preview-card{background:linear-gradient(135deg,#ff5f930f,#ff8db50a);border:1px solid rgba(255,95,147,.18);border-radius:14px;padding:1rem 1.25rem}.preview-name{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.45rem}.preview-details{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.4rem}.preview-sku{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.78rem;color:#64748b;background:#fff;border:1px solid #e6eaf0;padding:.15rem .55rem;border-radius:6px}.preview-barcode{font-size:.76rem;color:#94a3b8}.preview-price{font-size:.95rem;font-weight:800;color:#ff5f93;margin-left:auto}.preview-stock{font-size:.78rem;color:#64748b}.batch-section{background:#ff5f9308;border:1.5px dashed rgba(255,95,147,.28);border-radius:14px;padding:1.15rem 1.25rem .35rem}.step-indicator{display:flex;align-items:flex-start;justify-content:center;padding:1.1rem 1.6rem .25rem;gap:0;flex-shrink:0}.step-circle{display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative;flex-shrink:0;width:84px}.step-circle .fa,.step-circle svg{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:#f4f6fa;color:#a8b3c2;border:2px solid #e6eaf0;transition:all .25s ease}.step-circle.active .fa,.step-circle.active svg{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border-color:#ff5f93;box-shadow:0 0 0 4px #ff5f9324}.step-circle.completed .fa,.step-circle.completed svg{background:#ecfdf5;color:#059669;border-color:#6ee7b7}.step-label{font-size:.68rem;font-weight:700;color:#a8b3c2;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.step-circle.active .step-label{color:#ff5f93}.step-circle.completed .step-label{color:#059669}.step-connector{flex:1;height:2px;background:#e9edf3;margin:0 .4rem;margin-top:19px;border-radius:2px;transition:background .25s ease;max-width:90px}.step-connector.completed{background:#6ee7b7}.step-content{animation:fadeInStep .28s ease}@keyframes fadeInStep{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-cancel{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.35rem;border:1.5px solid #e6eaf0;border-radius:10px;background:#fff;color:#475569;font-weight:600;cursor:pointer;transition:all .18s;font-size:.875rem}.btn-cancel:hover{border-color:#cbd5e1;background:#f8fafc}.btn-submit{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .18s;font-size:.875rem;box-shadow:0 4px 14px #ff5f9347}.btn-submit:hover{box-shadow:0 6px 18px #ff5f9361;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.review-card{background:#fafbfc;border:1px solid #eef1f6;border-radius:14px;padding:1.15rem 1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.5rem}.review-row{display:flex;flex-direction:column;gap:.12rem;min-width:0}.review-label{font-size:.68rem;font-weight:700;color:#a8b3c2;text-transform:uppercase;letter-spacing:.06em}.review-value{font-size:.875rem;color:#0f172a;font-weight:600;word-break:break-word}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.apm-modal-body{padding-left:1rem;padding-right:1rem}.step-circle{width:auto}.step-label{display:none}.step-connector{margin-top:19px}.review-card{grid-template-columns:1fr}}.adjustment-modal{display:flex;flex-direction:column}.sa-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.item-info{background:#f8fafc;border-radius:12px;padding:1rem 1.25rem}.item-name{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .3rem}.item-current-stock{font-size:.85rem;color:#64748b;margin:0}.adjustment-types{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.adjustment-type-btn{padding:.75rem;border-radius:10px;border:2px solid #e2e8f0;background:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s;text-align:center;color:#64748b}.adjustment-type-btn:hover{border-color:#ff8db5;color:#ff5f93}.adjustment-type-btn.active{border-color:#ff5f93;background:#ff5f9314;color:#ff5f93}.adjustment-type-btn.active.add{border-color:#10b981;background:#dcfce7;color:#166534}.adjustment-type-btn.active.remove{border-color:#ef4444;background:#fee2e2;color:#991b1b}.quantity-section{display:flex;flex-direction:column;gap:.5rem}.quantity-section label{font-size:.8rem;font-weight:600;color:#374151}.quantity-input{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;text-align:center;transition:border-color .2s,box-shadow .2s;outline:none;background:#fff;color:#1e293b;box-sizing:border-box}.quantity-input:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f;outline:none}.stock-preview{background:#f8fafc;border-radius:12px;padding:1.25rem;text-align:center}.stock-preview-label{font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.stock-preview-value{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;transition:color .3s;color:#1e293b;line-height:1}.stock-preview-value.positive{color:#10b981}.stock-preview-value.negative{color:#ef4444}.reason-section{display:flex;flex-direction:column;gap:.5rem}.reason-section label{font-size:.8rem;font-weight:600;color:#374151}.reason-select{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:500;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s;outline:none;cursor:pointer;box-sizing:border-box}.reason-select:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f;outline:none}.custom-reason-input{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:500;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical;min-height:70px;font-family:inherit;box-sizing:border-box}.custom-reason-input:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f;outline:none}.error-message{color:#ef4444;font-size:.8rem;background:#fee2e2;border-radius:8px;padding:.6rem .875rem;margin:0}.btn-cancel{padding:.65rem 1.25rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.btn-cancel:hover{border-color:#94a3b8;background:#f8fafc;color:#334155}.btn-confirm{padding:.65rem 1.5rem;border-radius:10px;border:none;background:#ff5f93;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 14px #ff5f9359}.btn-confirm:hover{background:#ff3d7f;transform:translateY(-1px);box-shadow:0 6px 18px #ff5f9373}.btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-confirm.add{background:#10b981;box-shadow:0 4px 14px #10b9814d}.btn-confirm.add:hover{background:#059669;box-shadow:0 6px 18px #10b98166}.btn-confirm.remove{background:#ef4444;box-shadow:0 4px 14px #ef44444d}.btn-confirm.remove:hover{background:#dc2626;box-shadow:0 6px 18px #ef444466}.quantity-stepper{display:flex;align-items:center;gap:.5rem}.quantity-stepper .quantity-input{flex:1}.stepper-btn{width:44px;height:44px;flex-shrink:0;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background .2s}.stepper-btn:hover{border-color:#ff8db5;color:#ff5f93;background:#ff5f930f}.quick-qty{display:flex;gap:.4rem;flex-wrap:wrap}.quick-qty-btn{padding:.3rem .7rem;border-radius:999px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.quick-qty-btn:hover{border-color:#ff8db5;color:#ff5f93}.quick-qty-btn.active{border-color:#ff5f93;background:#ff5f931a;color:#ff5f93}.stock-preview-delta{margin-top:.35rem;font-size:.8rem;font-weight:600}.stock-preview-delta.positive{color:#10b981}.stock-preview-delta.negative{color:#ef4444}.stock-preview-warning{margin-top:.6rem;font-size:.78rem;font-weight:600;color:#991b1b;background:#fee2e2;border-radius:8px;padding:.45rem .75rem;display:inline-flex;align-items:center;gap:.4rem}.stock-preview-warning.warn{color:#92400e;background:#fef3c7}.batch-intake-section{padding:1rem;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.batch-intake-section h4{margin:0;color:#1e3a8a;font-size:.9rem}.batch-intake-section>p{margin:.3rem 0 .8rem;color:#64748b;font-size:.75rem}.batch-intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.batch-intake-grid label{display:flex;flex-direction:column;gap:.35rem;color:#374151;font-size:.75rem;font-weight:650}.batch-intake-grid input{min-width:0;width:100%;min-height:40px;padding:.55rem .65rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1e293b;font:inherit;box-sizing:border-box}.adjustment-modal{max-height:calc(100vh - 2rem)}.adjustment-modal .sa-modal-body{min-height:0;overflow-y:auto}.item-name svg{color:#ff5f93;margin-right:.35rem}.required{color:#ef4444}@media(max-width:520px){.sa-modal-body{padding:1.25rem}.btn-cancel,.btn-confirm{width:100%;text-align:center;justify-content:center}.adjustment-types,.batch-intake-grid{grid-template-columns:1fr}}.premium-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;width:min(420px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;border-radius:22px;background:#fffffff0;border:1px solid rgba(255,95,147,.18);box-shadow:0 24px 70px #ff5f9342;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:toastSlideIn .35s ease both}.toast-icon{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;box-shadow:0 12px 28px #ff5f9340}.toast-content{flex:1}.toast-content h4{margin:0 0 .25rem;color:#111827;font-size:.98rem;font-weight:950}.toast-content p{margin:0;color:#64748b;font-size:.88rem;line-height:1.45;font-weight:650}.toast-close{width:30px;height:30px;min-width:30px;border:none;border-radius:10px;cursor:pointer;background:#fff1f7e6;color:#111827;font-size:1.2rem;line-height:1;transition:.2s ease}.toast-close:hover{background:#fff;transform:scale(1.08)}.premium-toast.success .toast-icon{background:linear-gradient(135deg,#10b981,#34d399)}.premium-toast.error .toast-icon{background:linear-gradient(135deg,#ef4444,#fb7185)}.premium-toast.warning .toast-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.premium-toast.info .toast-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.premium-toast{width:calc(100vw - 24px)}}.delete-modal .pw-modal-icon{background:linear-gradient(135deg,#ef4444,#fb7185);box-shadow:0 8px 20px #ef44444d}.delete-modal .delete-modal-body{color:#374151}.delete-modal .delete-warning{display:block;margin-top:.4rem;font-size:.85rem;color:#ef4444;font-weight:700}.delete-modal .btn-cancel,.delete-modal .btn-delete{flex:1;padding:.75rem;border-radius:999px;font-weight:900;cursor:pointer;border:none;transition:.2s}.delete-modal .btn-cancel{background:#f1f5f9;color:#111827}.delete-modal .btn-cancel:hover{background:#e2e8f0}.delete-modal .btn-delete{background:linear-gradient(135deg,#ef4444,#fb7185);color:#fff;box-shadow:0 12px 28px #ef44444d}.delete-modal .btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px #ef444459}.delete-modal .btn-delete:disabled,.delete-modal .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.delete-modal .spinner{display:inline-block;width:14px;height:14px;margin-right:.45rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:deleteModalSpin .7s linear infinite;vertical-align:-2px}@keyframes deleteModalSpin{to{transform:rotate(360deg)}}.delete-modal .delete-reason-input{display:grid;gap:.45rem;margin-top:1rem;text-align:left}.delete-modal .delete-reason-input label{color:#374151;font-size:.85rem;font-weight:800}.delete-modal .delete-reason-input select,.delete-modal .delete-reason-input textarea{width:100%;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:12px;color:#111827;font:inherit;background:#fff}.delete-modal .delete-reason-input select:focus,.delete-modal .delete-reason-input textarea:focus{outline:none;border-color:var(--color-primary, #ff5f93);box-shadow:0 0 0 3px #ff5f931f}.unified-inventory{padding:1.5rem;max-width:1400px;margin:0 auto}.unified-inventory .ui-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.unified-inventory .ui-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.unified-inventory .ui-header-left h1{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin:0;display:flex;align-items:center;gap:.55rem}.unified-inventory .ui-header-left h1 svg{color:#ff5f93}.unified-inventory .stock-alert-badge{display:inline-flex;align-items:center;gap:.35rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:999px;padding:.28rem .75rem;font-size:.72rem;font-weight:700}.unified-inventory .demo-badge{background:#fffbeb;color:#b45309;border:1px solid #fde68a;border-radius:999px;padding:.28rem .75rem;font-size:.72rem;font-weight:600}.unified-inventory .ui-header-actions{display:flex;align-items:center;gap:.6rem;position:relative}.unified-inventory .btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.05rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:1.5px solid transparent;white-space:nowrap}.unified-inventory .btn:active{transform:translateY(1px)}.unified-inventory .btn-primary{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border-color:transparent;box-shadow:0 4px 14px #ff5f9347}.unified-inventory .btn-primary:hover{box-shadow:0 6px 18px #ff5f9361;transform:translateY(-1px)}.unified-inventory .btn-secondary{background:#fff;color:#475569;border-color:#e6eaf0;box-shadow:0 1px 3px #0f172a0d}.unified-inventory .btn-secondary:hover{border-color:#ff5f93;color:#ff5f93}.unified-inventory .btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.unified-inventory .btn-danger:hover{background:#dc2626}.unified-inventory .btn-scan-barcode{background:#fff;color:#64748b;border-color:#e6eaf0;padding:.5rem .95rem;font-size:.85rem;box-shadow:0 1px 3px #0f172a0d;display:inline-flex;align-items:center;gap:.4rem}.unified-inventory .btn-scan-barcode:hover,.unified-inventory .btn-scan-barcode.active{background:#ff5f9312;color:#ff5f93;border-color:#ffb3cb}.unified-inventory .btn-filter{background:#fff;color:#64748b;border-color:#e6eaf0;padding:.5rem .95rem;font-size:.85rem;box-shadow:0 1px 3px #0f172a0d}.unified-inventory .btn-filter.active,.unified-inventory .btn-filter:hover{background:#ff5f9312;color:#ff5f93;border-color:#ffb3cb}.unified-inventory .btn-refresh{background:#fff;color:#64748b;border:1.5px solid #e6eaf0;width:38px;height:38px;padding:0;justify-content:center;border-radius:10px;box-shadow:0 1px 3px #0f172a0d}.unified-inventory .btn-refresh:hover{border-color:#ffb3cb;color:#ff5f93;transform:rotate(30deg)}.unified-inventory .btn-clear{background:none;border:1.5px solid #e6eaf0;color:#64748b;font-size:.8rem;font-weight:600;padding:.45rem .95rem;border-radius:10px;cursor:pointer;transition:.18s}.unified-inventory .btn-clear:hover{border-color:#fca5a5;color:#dc2626}.unified-inventory .btn-sm{padding:.35rem .8rem;font-size:.8rem}.unified-inventory .btn-reorder{background:#fff;border:1.5px solid #ff5f93;color:#ff5f93;font-size:.78rem;font-weight:700;padding:.35rem .85rem;border-radius:8px;cursor:pointer;transition:.18s}.unified-inventory .btn-reorder:hover{background:#ff5f93;color:#fff;box-shadow:0 3px 10px #ff5f934d}.unified-inventory .ui-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.unified-inventory .ui-stat-card{position:relative;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:1.15rem 1.4rem;box-shadow:0 1px 4px #0f172a0d;display:flex;align-items:center;gap:1rem;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.unified-inventory .ui-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e2e8f0}.unified-inventory .ui-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a17}.unified-inventory .ui-stat-card.total:before{background:linear-gradient(180deg,#ff5f93,#ff8db5)}.unified-inventory .ui-stat-card.low:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.unified-inventory .ui-stat-card.out:before{background:linear-gradient(180deg,#ef4444,#f87171)}.unified-inventory .ui-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.unified-inventory .ui-stat-card.total .ui-stat-icon{background:#ff5f931a;color:#ff5f93}.unified-inventory .ui-stat-card.low .ui-stat-icon{background:#fef3c7;color:#d97706}.unified-inventory .ui-stat-card.out .ui-stat-icon{background:#fee2e2;color:#dc2626}.unified-inventory .ui-stat-info{display:flex;flex-direction:column;gap:.15rem}.unified-inventory .ui-stat-value{font-size:1.8rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1}.unified-inventory .ui-stat-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.unified-inventory .ui-critical-banner{display:flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,#fef2f2,#fff);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:12px;padding:.75rem 1.15rem;margin-bottom:1rem;color:#b91c1c;font-size:.85rem;font-weight:500}.unified-inventory .ui-critical-banner strong:first-child{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:.75rem;flex-shrink:0}.unified-inventory .ui-reorder-panel{background:#fff;border:1px solid #fde9b8;border-radius:16px;box-shadow:0 1px 4px #0f172a0d;margin-bottom:1.25rem;overflow:hidden}.unified-inventory .ui-reorder-header{background:linear-gradient(90deg,#fffbeb,#fff);padding:1rem 1.35rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid #fde9b8;flex-wrap:wrap}.unified-inventory .ui-reorder-header h3{font-size:.92rem;font-weight:700;color:#92400e;margin:0;display:flex;align-items:center;gap:.5rem}.unified-inventory .ui-reorder-header p{font-size:.78rem;color:#a8a29e;margin:.2rem 0 0}.unified-inventory .ui-reorder-count{background:#f59e0b;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;flex-shrink:0}.unified-inventory .ui-reorder-list{padding:.75rem 1.15rem 1rem;display:flex;flex-direction:column;gap:.5rem;max-height:230px;overflow-y:auto}.unified-inventory .ui-reorder-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-radius:10px;background:#fafbfc;border:1px solid #f1f4f8;border-left:3px solid #e2e8f0;gap:1rem;transition:border-color .15s,background .15s}.unified-inventory .ui-reorder-item:hover{background:#fff}.unified-inventory .ui-reorder-item.critical{border-left-color:#ef4444}.unified-inventory .ui-reorder-item.high{border-left-color:#f59e0b}.unified-inventory .ui-reorder-item.low{border-left-color:#3b82f6}.unified-inventory .ui-reorder-info{flex:1;min-width:0}.unified-inventory .ui-reorder-info strong{display:block;font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-inventory .ui-reorder-info p{font-size:.78rem;color:#94a3b8;margin:0}.unified-inventory .ui-reorder-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.unified-inventory .ui-priority{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.unified-inventory .ui-priority.critical{background:#fee2e2;color:#991b1b}.unified-inventory .ui-priority.high{background:#fef3c7;color:#92400e}.unified-inventory .ui-priority.low{background:#dbeafe;color:#1e40af}.unified-inventory .ui-tabs{display:flex;gap:.35rem;margin-bottom:1rem;border-bottom:1px solid #eef1f6}.unified-inventory .ui-tab{padding:.6rem 1.2rem;border:none;background:none;font-size:.875rem;font-weight:500;color:#94a3b8;cursor:pointer;border-radius:10px 10px 0 0;transition:.18s;white-space:nowrap;position:relative}.unified-inventory .ui-tab:hover{color:#ff5f93;background:#ff5f930d}.unified-inventory .ui-tab.active{color:#ff5f93;font-weight:700}.unified-inventory .ui-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,#ff5f93,#ff8db5)}.unified-inventory .ui-filters-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.unified-inventory .ui-search-box{display:flex;align-items:center;gap:.6rem;background:#fff;border:1.5px solid #e6eaf0;border-radius:12px;padding:.55rem 1.05rem;flex:1;min-width:220px;box-shadow:0 1px 3px #0f172a0a;transition:border-color .18s,box-shadow .18s}.unified-inventory .ui-search-box svg{color:#94a3b8;font-size:.85rem}.unified-inventory .ui-search-box:focus-within{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.unified-inventory .ui-search-box input{border:none!important;outline:none;flex:1;width:auto;font-size:.875rem;background:transparent!important;color:#1e293b;min-width:0;padding:0!important}.unified-inventory .ui-filter-actions{display:flex;align-items:center;gap:.5rem}.unified-inventory .ui-filters-panel{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:1.15rem 1.35rem;margin-bottom:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end;box-shadow:0 4px 16px #0f172a0f}.unified-inventory .ui-filter-group{display:flex;flex-direction:column;gap:.35rem}.unified-inventory .ui-filter-group label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.unified-inventory .ui-filter-group select{padding:.5rem .8rem;border:1.5px solid #e6eaf0;border-radius:10px;font-size:.875rem;background:#fff;color:#1e293b;cursor:pointer;outline:none;transition:border-color .18s,box-shadow .18s}.unified-inventory .ui-filter-group select:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.unified-inventory .ui-bulk-bar{background:#ff5f930f;border:1px solid rgba(255,95,147,.22);border-radius:12px;padding:.7rem 1.2rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;color:#be185d}.unified-inventory .ui-realtime{display:flex;align-items:center;gap:.45rem;font-size:.76rem;color:#94a3b8;margin-bottom:.7rem}.unified-inventory .live-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b9812e;animation:pulse-dot 2s infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.unified-inventory .ui-table-wrapper{background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 1px 4px #0f172a0d;overflow:auto;margin-bottom:1.25rem}.unified-inventory .ui-loading,.unified-inventory .ui-error{text-align:center;color:#94a3b8;padding:3rem 2rem}.unified-inventory .ui-error{color:#ef4444}.unified-inventory .ui-error button{margin-top:.75rem;padding:.45rem 1.1rem;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;background:#fff;font-weight:600;cursor:pointer;transition:.18s}.unified-inventory .ui-error button:hover{background:#fef2f2}.unified-inventory .ui-table{width:100%;border-collapse:collapse;font-size:.875rem}.unified-inventory .ui-table thead tr{background:#f8fafc;border-bottom:1px solid #eef1f6}.unified-inventory .ui-table th{padding:.8rem 1.1rem;text-align:left;font-size:.7rem;font-weight:700;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0;z-index:2;background:#f8fafc}.unified-inventory .ui-table th.numeric,.unified-inventory .ui-table td.numeric{text-align:right}.unified-inventory .ui-table td{padding:.8rem 1.1rem;color:#475569;border-bottom:1px solid #f4f6fa;vertical-align:middle}.unified-inventory .ui-table tbody tr:hover td{background:#ff5f9306}.unified-inventory .ui-table tbody tr.selected td{background:#ff5f9312}.unified-inventory .ui-table tbody tr.out-of-stock-row td{background:#fef6f6}.unified-inventory .ui-table tbody tr.out-of-stock-row:hover td{background:#fef0f0}.unified-inventory .ui-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.unified-inventory .ui-table th.sortable:hover{color:#ff5f93}.unified-inventory .sort-icon{margin-left:.3rem;opacity:.4;font-size:.68rem}.unified-inventory .sort-icon.active{opacity:1;color:#ff5f93}.unified-inventory .checkbox-col{width:44px;text-align:center!important}.unified-inventory .actions-col{width:200px;white-space:nowrap}.unified-inventory .sku-cell{white-space:nowrap}.unified-inventory .name-cell{min-width:170px}.unified-inventory .sku-primary{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.8rem;font-weight:600;color:#475569}.unified-inventory .sku-secondary{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.72rem;color:#b6bfcc;margin-top:.1rem}.unified-inventory .product-name{font-weight:600;color:#0f172a;margin-bottom:.12rem}.unified-inventory .product-brand{font-size:.76rem;color:#a8b3c2}.unified-inventory .category-badge{display:inline-block;padding:.22rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#ff5f9317;color:#d6336c;white-space:nowrap}.unified-inventory .stock-value{font-weight:700;color:#0f172a}.unified-inventory .stock-value.low{color:#d97706}.unified-inventory .stock-value.out{color:#dc2626}.unified-inventory .min-stock{font-size:.76rem;color:#b6bfcc;margin-left:.25rem}.unified-inventory .price-cell{font-weight:700;color:#0f172a}.unified-inventory .cost-subtext{font-size:.74rem;font-weight:500;color:#a8b3c2;margin-top:.1rem}.unified-inventory .action-group{display:flex;align-items:center;gap:.25rem}.unified-inventory .btn-icon{width:29px;height:29px;border-radius:8px;border:1.5px solid #e9edf3;background:#fff;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.unified-inventory .btn-icon:hover{border-color:#ffb3cb;color:#ff5f93;background:#ff5f930f}.unified-inventory .btn-icon.edit:hover{border-color:#93c5fd;color:#2563eb;background:#3b82f60f}.unified-inventory .btn-icon.adjust:hover{border-color:#fcd34d;color:#d97706;background:#f59e0b12}.unified-inventory .btn-icon.archive:hover,.unified-inventory .btn-icon.permanent-delete:hover{border-color:#fca5a5;color:#dc2626;background:#ef44440f}.unified-inventory .btn-icon.unarchive:hover{border-color:#6ee7b7;color:#059669;background:#10b98112}.unified-inventory .btn-icon.info:hover{border-color:#bfdbfe;color:#2563eb;background:#3b82f614}.unified-inventory .btn-icon.history:hover{border-color:#67e8f9;color:#0891b2;background:#06b6d40f}.unified-inventory .btn-icon.disabled{opacity:.35;cursor:not-allowed}.unified-inventory .btn-icon.disabled:hover{border-color:#e9edf3;color:#94a3b8;background:#fff}.unified-inventory .btn-icon.batches svg{transition:transform .2s ease}.unified-inventory .btn-icon.batches.expanded{border-color:#ffb3cb;color:#ff5f93;background:#ff5f9314}.unified-inventory .btn-icon.batches.expanded svg{transform:rotate(180deg)}.unified-inventory .batch-row td{padding:0}.unified-inventory .batch-details{padding:1.1rem 1.5rem;background:#fafbfc;border-top:1px dashed #e6eaf0}.unified-inventory .batch-details h4{font-size:.85rem;font-weight:700;color:#475569;margin:0 0 .85rem;display:flex;align-items:center;gap:.5rem}.unified-inventory .batch-details h4 svg{color:#ff5f93}.unified-inventory .batch-details p{font-size:.82rem;color:#94a3b8;margin:0}.unified-inventory .batch-table{width:100%;border-collapse:collapse;font-size:.8rem;background:#fff;border:1px solid #eef1f6;border-radius:10px;overflow:hidden}.unified-inventory .batch-table th{padding:.55rem .8rem;background:#f1f5f9;color:#64748b;text-align:left;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.unified-inventory .batch-table td{padding:.55rem .8rem;border-bottom:1px solid #f4f6fa;color:#475569}.unified-inventory .batch-table tbody tr:last-child td{border-bottom:none}.unified-inventory .batch-status{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:capitalize;background:#dcfce7;color:#166534}.unified-inventory .batch-status.expired{background:#fee2e2;color:#991b1b}.unified-inventory .batch-status.expiring{background:#fef3c7;color:#92400e}.unified-inventory .ui-empty{text-align:center;padding:3.5rem 2rem;color:#b6bfcc;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.9rem}.unified-inventory .ui-empty svg{color:#e6eaf0}.unified-inventory .ui-pagination{display:flex;align-items:center;gap:.4rem;justify-content:center;padding:1rem 0;flex-wrap:wrap}.unified-inventory .ui-pagination button{min-width:36px;height:36px;border-radius:10px;border:1.5px solid #e9edf3;background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:.18s;color:#64748b;padding:0 .6rem}.unified-inventory .ui-pagination button:hover:not(:disabled){border-color:#ffb3cb;color:#ff5f93}.unified-inventory .ui-pagination button.active,.unified-inventory .page-numbers button.active{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 3px 10px #ff5f9347}.unified-inventory .ui-pagination button:disabled{opacity:.4;cursor:not-allowed}.unified-inventory .page-numbers{display:flex;gap:.4rem}.unified-inventory .page-ellipsis{padding:0 .4rem;line-height:36px;color:#cbd5e1}.unified-inventory .page-info{font-size:.78rem;color:#a8b3c2;margin-left:.6rem}.unified-inventory .ui-activity{background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 1px 4px #0f172a0d;padding:1.2rem 1.4rem;margin-top:1.25rem}.unified-inventory .ui-activity-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.unified-inventory .ui-activity-header h3{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 .2rem;display:flex;align-items:center;gap:.5rem}.unified-inventory .ui-activity-header h3 svg{color:#ff5f93}.unified-inventory .ui-activity-header p{font-size:.78rem;color:#94a3b8;margin:0}.unified-inventory .live-badge{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669;font-size:.66rem;font-weight:700;padding:.22rem .65rem;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.unified-inventory .ui-activity-empty{text-align:center;color:#b6bfcc;font-size:.85rem;padding:1.5rem}.unified-inventory .ui-activity-list{display:flex;flex-direction:column}.unified-inventory .ui-activity-item{display:flex;align-items:center;gap:.85rem;padding:.7rem 0;border-bottom:1px solid #f6f8fb;font-size:.875rem}.unified-inventory .ui-activity-item:last-child{border-bottom:none}.unified-inventory .ui-activity-item strong{display:block;color:#1e293b;font-size:.85rem}.unified-inventory .ui-activity-item small{display:block;font-size:.74rem;color:#a8b3c2;margin-top:.1rem}.unified-inventory .ui-activity-dot{width:9px;height:9px;border-radius:50%;background:#ff5f93;box-shadow:0 0 0 3px #ff5f9326;flex-shrink:0}.unified-inventory .ui-activity-item.add .ui-activity-dot{background:#10b981;box-shadow:0 0 0 3px #10b98126}.unified-inventory .ui-activity-item.remove .ui-activity-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.unified-inventory .ui-activity-item.adjust .ui-activity-dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.unified-inventory .export-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.unified-inventory .export-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #eef1f6;border-radius:12px;box-shadow:0 10px 30px #0f172a24;min-width:180px;padding:.4rem;z-index:999;overflow:hidden}.unified-inventory .export-btn-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:8px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:500;color:#475569;transition:.15s}.unified-inventory .export-btn-item:hover{background:#ff5f9314;color:#ff5f93}@media(max-width:1024px){.unified-inventory .ui-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.unified-inventory .ui-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px}}@media(max-width:768px){.unified-inventory{padding:1rem}.unified-inventory .ui-stats-grid{grid-template-columns:1fr 1fr}.unified-inventory .ui-table-wrapper{overflow-x:auto}.unified-inventory .ui-filters-panel{grid-template-columns:1fr 1fr}}@media(max-width:767px){.unified-inventory .batch-details{overflow-x:auto;-webkit-overflow-scrolling:touch}.unified-inventory .batch-table{min-width:max-content}}@media(max-width:480px){.unified-inventory .ui-stats-grid{grid-template-columns:1fr}.unified-inventory .ui-header{flex-direction:column;align-items:flex-start}}@media print{.unified-inventory .ui-header-actions,.unified-inventory .ui-filters-bar,.unified-inventory .ui-tabs,.unified-inventory .ui-pagination,.unified-inventory .ui-bulk-bar,.unified-inventory .ui-realtime,.unified-inventory .action-group,.unified-inventory .ui-reorder-panel,.unified-inventory .ui-activity{display:none!important}.unified-inventory .ui-table thead tr,.unified-inventory .ui-table th{background:#f8fafc!important;color:#1e293b!important}}@keyframes invScanHighlight{0%{background-color:#ff5f9338}80%{background-color:#ff5f931f}to{background-color:transparent}}.unified-inventory .ui-table tbody tr.scan-highlight td{animation:invScanHighlight 2s ease forwards;outline:2px solid rgba(255,95,147,.4);outline-offset:-1px}.ui-info-body{padding:1.3rem 1.4rem 1.4rem;background:#f8fafc}.ui-info-hero{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:1rem 1.15rem;margin-bottom:1rem}.ui-info-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:linear-gradient(135deg,#ffe3ee,#ffd0e3);color:#d6336c;font-weight:800;font-size:1.35rem;display:flex;align-items:center;justify-content:center}.ui-info-avatar-img{object-fit:cover}.ui-info-hero-text h3{margin:0 0 .4rem;font-size:1.08rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;word-break:break-word}.ui-info-chips{display:flex;gap:.45rem;flex-wrap:wrap}.ui-info-chip{font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:.22rem .65rem;border-radius:999px}.ui-info-chip.category{background:#fdf2f8;color:#be185d;border:1px solid #fbcfe8}.ui-info-chip.status.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.ui-info-chip.status.warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.ui-info-chip.status.danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ui-info-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.ui-info-stat{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem}.ui-info-stat-label{font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.ui-info-stat-value{font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.ui-info-stat-value.success{color:#059669}.ui-info-stat-value.warning{color:#d97706}.ui-info-stat-value.danger{color:#dc2626}.ui-info-stat-sub{font-size:.72rem;color:#94a3b8}.ui-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.ui-info-field{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:.7rem .9rem}.ui-info-field.full{grid-column:1 / -1}.ui-info-field label,.ui-info-desc label{display:block;margin-bottom:.2rem;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.ui-info-field p{margin:0;font-size:.88rem;font-weight:600;color:#1e293b;word-break:break-word}.ui-info-desc{background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:.8rem 1rem}.ui-info-desc p{margin:0;font-size:.85rem;color:#475569;line-height:1.55}@media(max-width:520px){.ui-info-grid{grid-template-columns:1fr}.ui-info-stat{padding:.7rem .8rem}.ui-info-stat-value{font-size:1rem}}.ui-history-modal .history-item-header{margin-bottom:1rem;padding:.9rem 1.1rem;background:#f8fafc;border:1px solid #eef1f6;border-radius:12px}.ui-history-modal .history-item-name{font-size:1rem;font-weight:800;color:#111827}.ui-history-modal .history-item-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.35rem;font-size:.8rem;color:#64748b}.ui-history-modal .history-loading,.ui-history-modal .history-empty{margin:0;padding:2rem 1rem;text-align:center;color:#94a3b8;font-size:.9rem}.ui-history-modal .history-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #eef1f6;border-radius:12px}.ui-history-modal .history-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.85rem}.ui-history-modal .history-table th{padding:.7rem 1rem;text-align:left;background:#f8fafc;border-bottom:1px solid #eef1f6;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ui-history-modal .history-table td{padding:.7rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.ui-history-modal .history-table tbody tr:last-child td{border-bottom:none}.ui-history-modal .history-table tbody tr:hover{background:#f8fafc}.ui-history-modal .history-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.ui-history-modal .history-qty{font-weight:800;font-variant-numeric:tabular-nums}.ui-history-modal .history-qty.positive{color:#059669}.ui-history-modal .history-qty.negative{color:#dc2626}.standard-summary-cards{margin-bottom:1.25rem}.standard-summary-cards .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.standard-summary-cards .summary-card{background:#fffffff5;border:1px solid var(--report-border, rgba(255, 95, 147, .14));border-radius:8px;padding:1rem;box-shadow:var(--report-shadow, 0 12px 32px rgba(255, 95, 147, .1));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.standard-summary-cards .summary-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff5f931a,#fff0);pointer-events:none}.standard-summary-cards .summary-card:hover{transform:translateY(-2px);border-color:#ff5f9347;box-shadow:0 16px 38px #ff5f9329}.standard-summary-cards .card-content{display:flex;align-items:center;gap:.85rem;position:relative}.standard-summary-cards .card-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--report-primary, #ff5f93),var(--report-primary-light, #ff8db5));box-shadow:0 8px 18px #ff5f9333;flex:0 0 auto}.standard-summary-cards .card-info{min-width:0}.standard-summary-cards .card-value{color:#111827;font-size:1.45rem;font-weight:900;line-height:1.15;margin-bottom:.25rem;overflow-wrap:anywhere}.standard-summary-cards .card-label{color:#475569;font-size:.8rem;font-weight:650;line-height:1.25}.standard-summary-cards .card-trend{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.25rem .65rem;border-radius:999px;background:#ff5f931a;color:#be185d;font-size:.78rem;font-weight:750;position:relative}.standard-summary-cards .summary-card.success .card-icon,.standard-summary-cards .summary-card.warning .card-icon,.standard-summary-cards .summary-card.danger .card-icon,.standard-summary-cards .summary-card.secondary .card-icon,.standard-summary-cards .summary-card.info .card-icon{background:linear-gradient(135deg,var(--report-primary, #ff5f93),var(--report-primary-light, #ff8db5))}@media(max-width:768px){.standard-summary-cards .cards-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.standard-summary-cards .summary-card{padding:.9rem}.standard-summary-cards .card-value{font-size:1.2rem}}@media(max-width:480px){.standard-summary-cards .cards-grid{grid-template-columns:1fr}}.inventory-reports-page{min-height:100vh;background:var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7));padding:1.5rem}.inventory-reports-page .reports-hero{background:var(--color-surface, rgba(255,255,255,.9));border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:24px;padding:1.75rem 2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-card, 0 20px 50px rgba(255,95,147,.12));display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.inventory-reports-page .reports-hero h1{margin:0 0 .3rem;font-size:1.6rem;font-weight:800;color:var(--color-heading, #191919)}.inventory-reports-page .reports-hero p{margin:0;font-size:.88rem;color:var(--color-muted, #64748b)}.inventory-reports-page .reports-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap}.inventory-reports-page .reports-filters{background:var(--color-surface, rgba(255,255,255,.95));border:1px solid var(--color-border, rgba(255,95,147,.14));border-radius:16px;padding:1.1rem 1.5rem;margin-bottom:1.25rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #ff5f930f}.inventory-reports-page .reports-filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:160px}.inventory-reports-page .reports-filter-group label{font-size:.75rem;font-weight:600;color:var(--color-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.inventory-reports-page .reports-filter-group select,.inventory-reports-page .reports-filter-group input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:var(--color-surface-solid, #fff);outline:none;transition:border-color .2s,box-shadow .2s}.inventory-reports-page .reports-filter-group select:focus,.inventory-reports-page .reports-filter-group input:focus{border-color:var(--color-primary, #ff5f93);box-shadow:0 0 0 3px #ff5f931a}.inventory-reports-page .reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.inventory-reports-page .reports-summary-card{background:var(--color-surface, rgba(255,255,255,.92));border:1px solid var(--color-border, rgba(255,95,147,.14));border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-card, 0 20px 50px rgba(255,95,147,.1));display:flex;align-items:center;gap:1rem;transition:transform .2s}.inventory-reports-page .reports-summary-card:hover{transform:translateY(-2px)}.inventory-reports-page .reports-card-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.inventory-reports-page .reports-card-icon--primary{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff}.inventory-reports-page .reports-card-icon--warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.inventory-reports-page .reports-card-icon--danger{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.inventory-reports-page .reports-card-icon--success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.inventory-reports-page .reports-card-value{font-size:1.65rem;font-weight:800;color:var(--color-heading, #191919);line-height:1}.inventory-reports-page .reports-card-label{font-size:.82rem;color:var(--color-muted, #64748b);margin-top:.2rem}.inventory-reports-page .reports-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.inventory-reports-page .reports-chart-card{background:var(--color-surface, rgba(255,255,255,.92));border:1px solid var(--color-border, rgba(255,95,147,.14));border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-card, 0 20px 50px rgba(255,95,147,.1))}.inventory-reports-page .reports-chart-card h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--color-heading, #191919)}.inventory-reports-page .chart-container{width:100%;height:260px}.inventory-reports-page .reports-table-section{background:var(--color-surface, rgba(255,255,255,.92));border:1px solid var(--color-border, rgba(255,95,147,.14));border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card, 0 20px 50px rgba(255,95,147,.1));margin-bottom:1.5rem}.inventory-reports-page .reports-table-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border, rgba(255,95,147,.1));flex-wrap:wrap;gap:.75rem}.inventory-reports-page .reports-table-header h2{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-heading, #191919)}.inventory-reports-page .reports-table-wrapper{overflow-x:auto}.inventory-reports-page .reports-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:700px}.inventory-reports-page .reports-table th{background:var(--color-table-header, rgba(255,241,247,.95));padding:.8rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid var(--color-border, rgba(255,95,147,.14));white-space:nowrap}.inventory-reports-page .reports-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,95,147,.06);color:#334155;vertical-align:middle}.inventory-reports-page .reports-table tr:hover td{background:var(--color-table-row-hover, rgba(255,241,247,.95))}.inventory-reports-page .reports-table tr:last-child td{border-bottom:none}.inventory-reports-page .btn-export{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s}.inventory-reports-page .btn-export-primary{background:var(--color-primary, #ff5f93);color:#fff;border-color:var(--color-primary, #ff5f93)}.inventory-reports-page .btn-export-primary:hover{background:var(--color-primary-hover, #ff4f85);box-shadow:0 4px 12px #ff5f934d}.inventory-reports-page .btn-export-secondary{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.inventory-reports-page .btn-export-secondary:hover{background:#e2e8f0}.inventory-reports-page .stock-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.73rem;font-weight:600}.inventory-reports-page .stock-status-badge.in-stock{background:#dcfce7;color:#166534}.inventory-reports-page .stock-status-badge.low-stock{background:#fef9c3;color:#854d0e}.inventory-reports-page .stock-status-badge.out-of-stock{background:#fee2e2;color:#991b1b}.inventory-reports-page .stock-status-badge.archived{background:#f1f5f9;color:#64748b}.inventory-reports-page .standard-report-layout{background:var(--color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7))}.inventory-reports-page .standard-summary-card{background:var(--color-surface, rgba(255,255,255,.92));border:1px solid var(--color-border, rgba(255,95,147,.14));border-radius:20px;box-shadow:var(--shadow-card, 0 20px 50px rgba(255,95,147,.1))}.inventory-reports-page .standard-table-wrapper{overflow-x:auto}.inventory-reports-page .standard-table{width:100%;border-collapse:collapse;min-width:600px}.inventory-reports-page .standard-table th{background:linear-gradient(135deg,#ff5f93,#ff8db5);border-bottom:none;padding:.875rem 1rem;font-weight:600;color:#fff;text-align:left;white-space:nowrap;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;position:sticky;top:0;z-index:2}.inventory-reports-page .standard-table td{padding:.7rem 1rem;border-bottom:1px solid rgba(255,95,147,.06);color:#334155}.inventory-reports-page .standard-table tr:hover td{background:var(--color-table-row-hover, rgba(255,241,247,.95))}@media(max-width:1024px){.inventory-reports-page .reports-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.inventory-reports-page{padding:.75rem}.inventory-reports-page .reports-hero{padding:1.25rem}.inventory-reports-page .reports-summary-grid{grid-template-columns:1fr 1fr}.inventory-reports-page .reports-charts-row{grid-template-columns:1fr}.inventory-reports-page .reports-filters{flex-direction:column}.inventory-reports-page .reports-filter-group{min-width:100%}}@media(max-width:480px){.inventory-reports-page .reports-summary-grid{grid-template-columns:1fr}}@media print{.inventory-reports-page{background:#fff;padding:0}.inventory-reports-page .reports-hero-actions,.inventory-reports-page .reports-filters{display:none!important}.inventory-reports-page .reports-hero,.inventory-reports-page .reports-kpi-cards,.inventory-reports-page .standard-report-layout{box-shadow:none;break-inside:avoid}}*,*:before,*:after{box-sizing:border-box}.monthly-audit{padding:1.5rem;max-width:100%}.monthly-audit-page{width:100%;min-height:calc(100vh - 90px);padding:1.5rem 2rem;background:linear-gradient(135deg,#ffc8dd,#ffd6e8,#fff1f7);color:#1f2937;overflow-x:hidden}.monthly-audit-page *{box-sizing:border-box}.monthly-audit-page .audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.monthly-audit-page .audit-header h1,.monthly-audit-page .audit-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.monthly-audit-page .audit-header p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.monthly-audit-page .monthly-audit-hero{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:20px;background:#fffffff5;border:1px solid rgba(255,95,147,.14);box-shadow:0 4px 24px #ff5f931a;margin-bottom:1.5rem}.monthly-audit-page .monthly-audit-hero h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.monthly-audit-page .monthly-audit-hero p{margin:.25rem 0 0;font-size:.875rem;color:#64748b}.monthly-audit-page .audit-month-control{min-width:220px}.monthly-audit-page .audit-month-control label{display:block;margin-bottom:.4rem;font-size:.82rem;font-weight:600;color:#64748b}.monthly-audit-page .audit-month-control input{width:100%;padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s}.monthly-audit-page .audit-month-control input:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .match-rate-bar{background:#f1f5f9;border-radius:20px;height:10px;overflow:hidden;margin:.75rem 0}.monthly-audit-page .match-rate-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:20px;transition:width .6s ease}.monthly-audit-page .audit-progress-section{background:#fff;border-radius:14px;padding:1.25rem;margin:1.25rem 0;box-shadow:0 2px 10px #0000000f}.monthly-audit-page .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.monthly-audit-page .progress-label{font-size:.9rem;font-weight:600;color:#334155}.monthly-audit-page .progress-value{font-size:.9rem;font-weight:700;color:#ff5f93}.monthly-audit-page .progress-bar-bg{width:100%;height:10px;background:#f1f5f9;border-radius:20px;overflow:hidden;margin-bottom:.75rem}.monthly-audit-page .progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff5f93,#ff8db5);border-radius:20px;transition:width .4s ease}.monthly-audit-page .progress-legend{display:flex;gap:1.25rem;font-size:.8rem;color:#64748b}.monthly-audit-page .progress-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.monthly-audit-page .progress-legend .dot.green{background:#10b981}.monthly-audit-page .progress-legend .dot.red{background:#ef4444}.monthly-audit-page .progress-legend .dot.gray{background:#94a3b8}.monthly-audit-page .audit-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.monthly-audit-page .audit-summary-card{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 2px 10px #0000000f;text-align:center}.monthly-audit-page .audit-summary-card.matched{border-top:3px solid #10b981}.monthly-audit-page .audit-summary-card.discrepancy{border-top:3px solid #ef4444}.monthly-audit-page .audit-summary-card.pending{border-top:3px solid #f59e0b}.monthly-audit-page .audit-summary-card.total{border-top:3px solid #ff5f93}.monthly-audit-page .audit-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.monthly-audit-page .audit-stat-card{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 2px 10px #0000000f;text-align:center;border-top:3px solid #ff5f93}.monthly-audit-page .audit-stat-card span{display:block;font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.monthly-audit-page .audit-stat-card strong{display:block;font-size:1.75rem;font-weight:800;color:#1e293b;margin-top:.4rem}.monthly-audit-page .audit-stat-card.good strong{color:#10b981}.monthly-audit-page .audit-stat-card.warning strong{color:#f59e0b}.monthly-audit-page .audit-stat-card small{display:block;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.monthly-audit-page .trend-improving{background:#f0fdf4!important;border-color:#10b981!important}.monthly-audit-page .trend-declining{background:#fef2f2!important;border-color:#ef4444!important}.monthly-audit-page .trend-stable{background:#fffbeb!important;border-color:#f59e0b!important}.monthly-audit-page .audit-summary-stats{display:flex;gap:1rem;margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;flex-wrap:wrap}.monthly-audit-page .summary-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;min-width:120px;transition:transform .2s}.monthly-audit-page .summary-stat:hover{transform:translateY(-2px)}.monthly-audit-page .summary-stat.good{background:#f0fdf4;border-color:#10b981}.monthly-audit-page .summary-stat.warning{background:#fffbeb;border-color:#f59e0b}.monthly-audit-page .stat-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.monthly-audit-page .stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.monthly-audit-page .summary-stat.good .stat-value{color:#10b981}.monthly-audit-page .summary-stat.warning .stat-value{color:#f59e0b}.monthly-audit-page .audit-controls{display:flex;flex-direction:row;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.monthly-audit-page .audit-controls input[type=month],.monthly-audit-page .audit-controls input[type=text],.monthly-audit-page .audit-controls input[type=search],.monthly-audit-page .audit-controls select{padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s}.monthly-audit-page .audit-controls input[type=month]:focus,.monthly-audit-page .audit-controls input[type=text]:focus,.monthly-audit-page .audit-controls input[type=search]:focus,.monthly-audit-page .audit-controls select:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .month-selector{display:flex;flex-direction:column;gap:.5rem}.monthly-audit-page .month-selector label{font-size:.875rem;font-weight:600;color:#334155}.monthly-audit-page .month-selector select{padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.monthly-audit-page .month-selector select:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .filter-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.monthly-audit-page .filter-row input,.monthly-audit-page .filter-row select{padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s}.monthly-audit-page .filter-row input:focus,.monthly-audit-page .filter-row select:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .audit-toolbar{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9}.monthly-audit-page .audit-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.monthly-audit-page .audit-filters select,.monthly-audit-page .audit-filters input{padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s}.monthly-audit-page .audit-filters select:focus,.monthly-audit-page .audit-filters input:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .filter-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.monthly-audit-page .search-group input{width:220px;max-width:100%}.monthly-audit-page .status-pills{display:flex;gap:.5rem}.monthly-audit-page .status-pill{padding:.4rem 1rem;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;color:#334155}.monthly-audit-page .status-pill.active{background:#ff5f93;color:#fff;border-color:#ff5f93}.monthly-audit-page .btn-clear{padding:.4rem .875rem;border:1.5px solid #e2e8f0;border-radius:6px;background:#f8fafc;font-size:.85rem;cursor:pointer;color:#64748b;transition:all .2s}.monthly-audit-page .btn-clear:hover{border-color:#ff5f93;color:#ff5f93}.monthly-audit-page .audit-bulk-actions{display:flex;flex-wrap:wrap;gap:.75rem}.monthly-audit-page .btn-bulk{padding:.4rem .875rem;border:1.5px solid #e2e8f0;border-radius:6px;background:#f1f5f9;font-size:.85rem;font-weight:600;cursor:pointer;color:#334155;transition:all .15s}.monthly-audit-page .btn-bulk:hover{background:#e2e8f0}.monthly-audit-page .btn-bulk-clear{border-color:#fecaca;background:#fee2e2;color:#991b1b}.monthly-audit-page .btn-bulk-clear:hover{background:#fecaca}.monthly-audit-page .btn-bulk-warn{border-color:#fde68a;background:#fef9c3;color:#854d0e}.monthly-audit-page .btn-bulk-warn:hover{background:#fde68a}.monthly-audit-page .audit-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:auto}.monthly-audit-page .audit-table-container .sticky-col,.monthly-audit-page .audit-table td:first-child.sticky-col,.monthly-audit-page .audit-table th:first-child.sticky-col{position:sticky;left:0;background:#fff;z-index:1;border-right:1px solid #f1f5f9}.monthly-audit-page .audit-table-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;margin-bottom:1.5rem}.monthly-audit-page .audit-table-scroll{width:100%;overflow-x:auto}.monthly-audit-page .audit-table-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.monthly-audit-page .audit-table-header h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#1e293b}.monthly-audit-page .audit-table-header p{margin:0;font-size:.875rem;color:#64748b}.monthly-audit-page .audit-header-actions{display:flex;gap:.625rem;align-items:center}.monthly-audit-page .audit-header-actions button{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:.875rem}.monthly-audit-page .audit-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}.monthly-audit-page .audit-table thead tr{background:linear-gradient(135deg,#ff5f93,#ff8db5)}.monthly-audit-page .audit-table th{position:sticky;top:0;padding:1rem 1.25rem;text-align:left;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:linear-gradient(135deg,#ff5f93,#ff8db5);z-index:2;white-space:nowrap}.monthly-audit-page .audit-table td{padding:.875rem 1.25rem;font-size:.875rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.monthly-audit-page .audit-table td strong{display:block;color:#1e293b}.monthly-audit-page .audit-table td small{display:block;margin-top:3px;color:#94a3b8;font-size:.78rem}.monthly-audit-page .audit-table tbody tr{transition:background .15s}.monthly-audit-page .audit-table tbody tr:hover{background:#ff5f9308}.monthly-audit-page .audit-table.compact{font-size:.85rem}.monthly-audit-page .audit-table.compact th,.monthly-audit-page .audit-table.compact td{padding:.625rem .75rem}.monthly-audit-page .audit-table.compact td.numeric{text-align:right}.monthly-audit-page .audit-table.compact .sticky-col{position:sticky;left:0;background:#fff;z-index:2;min-width:180px}.monthly-audit-page .audit-table.compact thead .sticky-col{background:linear-gradient(135deg,#ff5f93,#ff8db5);z-index:3}.monthly-audit-page .row-discrepancy{background:#fef9c3!important}.monthly-audit-page .variance-cell{font-weight:600;text-align:center}.monthly-audit-page .variance-zero{color:#10b981;font-weight:600;background:#10b98114;border-radius:6px;padding:.2rem .5rem;display:inline-block}.monthly-audit-page .variance-positive{color:#f59e0b;font-weight:600;background:#f59e0b14;border-radius:6px;padding:.2rem .5rem;display:inline-block}.monthly-audit-page .variance-negative{color:#ef4444;font-weight:600;background:#ef444414;border-radius:6px;padding:.2rem .5rem;display:inline-block}.monthly-audit-page .variance-cell.positive{color:#10b981;background:#10b98114;border-radius:6px;padding:.2rem .5rem}.monthly-audit-page .variance-cell.negative{color:#ef4444;background:#ef444414;border-radius:6px;padding:.2rem .5rem}.monthly-audit-page .variance-cell:not(.positive):not(.negative){color:#94a3b8}.monthly-audit-page .variance-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-weight:700;font-size:.8rem}.monthly-audit-page .variance-badge.up{background:#dcfce7;color:#166534}.monthly-audit-page .variance-badge.down{background:#fee2e2;color:#991b1b}.monthly-audit-page .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.monthly-audit-page .status-badge.matched{background:#dcfce7;color:#166534}.monthly-audit-page .status-badge.discrepancy{background:#fee2e2;color:#991b1b}.monthly-audit-page .status-badge.pending{background:#f1f5f9;color:#64748b}.monthly-audit-page .audit-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.monthly-audit-page .audit-status.pending{background:#f1f5f9;color:#64748b}.monthly-audit-page .audit-status.matched{background:#dcfce7;color:#166534}.monthly-audit-page .audit-status.discrepancy{background:#fee2e2;color:#991b1b}.monthly-audit-page .actual-input{width:80px;padding:.4rem .6rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;text-align:center;transition:border-color .2s,box-shadow .2s;background:#fff}.monthly-audit-page .actual-input:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .audit-input{width:100%;padding:.5rem .75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background:#fff}.monthly-audit-page .audit-input:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .audit-input:hover{border-color:#cbd5e1}.monthly-audit-page .audit-input-sm{max-width:90px;padding:.375rem .5rem!important;font-size:.85rem!important}.monthly-audit-page .input-required{border-color:#ef4444!important;background:#fef2f2!important}.monthly-audit-page .audit-table input[type=number],.monthly-audit-page .audit-table input[type=text]{width:100%;padding:.5rem .75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background:#fff}.monthly-audit-page .audit-table input[type=number]:focus,.monthly-audit-page .audit-table input[type=text]:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .audit-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem;border-top:1px solid #f1f5f9}.monthly-audit-page .btn-save{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;padding:.75rem 2rem;border-radius:10px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.monthly-audit-page .btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ff5f9352}.monthly-audit-page .btn-save:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.monthly-audit-page .btn-save-audit{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;padding:.75rem 2rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.monthly-audit-page .btn-save-audit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ff5f9352}.monthly-audit-page .btn-save-audit:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.monthly-audit-page .btn-export{padding:.75rem 2rem;border:1.5px solid #ff5f93;color:#ff5f93;background:#fff;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,color .2s,transform .2s}.monthly-audit-page .btn-export:hover{background:#ff5f93;color:#fff;transform:translateY(-1px)}.monthly-audit-page .btn-export-csv{padding:.75rem 1.5rem;border:1.5px solid #ff5f93;color:#ff5f93;background:#fff;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s,color .2s,transform .2s}.monthly-audit-page .btn-export-csv:hover{background:#ff5f93;color:#fff;transform:translateY(-1px)}.monthly-audit-page .btn-export-pdf{padding:.75rem 1.5rem;border:1.5px solid #e2e8f0;color:#334155;background:#f8fafc;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.monthly-audit-page .btn-export-pdf:hover{border-color:#ff5f93;color:#ff5f93;transform:translateY(-1px)}.monthly-audit-page .btn-export-excel{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.monthly-audit-page .btn-export-excel:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b9814d}.monthly-audit-page .loading{text-align:center;padding:3rem;color:#94a3b8;font-size:.95rem}.monthly-audit-page .empty-state{text-align:center;padding:3rem;color:#94a3b8;font-size:.95rem;font-style:italic}.monthly-audit-page .audit-loading-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;min-height:360px;display:grid;place-items:center;text-align:center;padding:3rem;margin-bottom:1.5rem}.monthly-audit-page .audit-loading-card p{color:#94a3b8}.monthly-audit-page .audit-loading-card .spinner{width:42px;height:42px;margin:0 auto 1rem;border:4px solid #f1f5f9;border-top-color:#ff5f93;border-radius:50%;animation:spin .8s linear infinite}.monthly-audit-page .audit-empty{text-align:center;padding:3rem;color:#94a3b8;font-style:italic}.monthly-audit-page .pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:1.25rem}.monthly-audit-page .page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .6rem;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer;transition:all .2s}.monthly-audit-page .page-btn:hover{border-color:#ff5f93;color:#ff5f93}.monthly-audit-page .page-btn.active{background:#ff5f93;border-color:#ff5f93;color:#fff;font-weight:700}.monthly-audit-page .page-btn:disabled{opacity:.4;cursor:not-allowed}.monthly-audit-page .audit-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:.75rem}.monthly-audit-page .pagination-info{font-size:.85rem;color:#64748b}.monthly-audit-page .pagination-controls{display:flex;gap:.25rem}.monthly-audit-page .btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .5rem;border:1.5px solid #e2e8f0;border-radius:20px;background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;color:#334155;transition:all .15s}.monthly-audit-page .btn-page:hover:not(:disabled){border-color:#ff5f93;color:#ff5f93}.monthly-audit-page .btn-page.active{background:#ff5f93;color:#fff;border-color:#ff5f93;font-weight:700}.monthly-audit-page .btn-page:disabled{opacity:.4;cursor:not-allowed}.monthly-audit-page .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;font-size:.85rem;color:#94a3b8;-webkit-user-select:none;user-select:none}.monthly-audit-page .per-page-select select{padding:.375rem .625rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer}.monthly-audit-page .chart-container{width:100%;height:400px;margin:1.25rem 0;padding:1.25rem;background:#fff;border-radius:14px;border:1px solid #f1f5f9;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000000f}.monthly-audit-page .chart-container canvas{max-width:100%;max-height:350px;margin:auto}.monthly-audit-page .chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.monthly-audit-page .period-selector{padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.monthly-audit-page .period-selector:focus{outline:none;border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.monthly-audit-page .chart-type-selector{display:flex;gap:.5rem}.monthly-audit-page .chart-type-selector button{padding:.5rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;font-size:.875rem;color:#334155}.monthly-audit-page .chart-type-selector button:hover{border-color:#ff5f93;color:#ff5f93}.monthly-audit-page .chart-type-selector button.active{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;border-color:#ff5f93}@media(max-width:1100px){.monthly-audit-page .audit-stats-grid,.monthly-audit-page .audit-summary{grid-template-columns:repeat(2,1fr)}.monthly-audit-page .monthly-audit-hero{flex-direction:column;align-items:stretch}}@media(max-width:768px){.monthly-audit-page{padding:1rem}.monthly-audit-page .audit-stats-grid,.monthly-audit-page .audit-summary{grid-template-columns:repeat(2,1fr)}.monthly-audit-page .audit-table-container{overflow-x:auto}.monthly-audit-page .audit-table-header{flex-direction:column;align-items:stretch;gap:.75rem}.monthly-audit-page .audit-controls,.monthly-audit-page .filter-row{flex-direction:column;align-items:stretch}.monthly-audit-page .chart-controls{flex-direction:column;gap:.75rem;align-items:stretch}.monthly-audit-page .chart-container{height:300px}.monthly-audit-page .chart-type-selector{justify-content:center}.monthly-audit-page .audit-summary-stats{flex-direction:column}.monthly-audit-page .summary-stat{flex-direction:row;justify-content:space-between;min-width:auto}.monthly-audit-page .stat-label{margin-bottom:0;font-size:.875rem}.monthly-audit-page .stat-value{font-size:1.25rem}.monthly-audit-page .audit-filters{flex-direction:column;align-items:stretch}.monthly-audit-page .filter-right{margin-left:0;width:100%;justify-content:flex-end}.monthly-audit-page .search-group input{width:100%}.monthly-audit-page .audit-bulk-actions{justify-content:stretch}.monthly-audit-page .audit-pagination{flex-direction:column;align-items:center}.monthly-audit-page .audit-table.compact .sticky-col{position:static}.monthly-audit-page .audit-actions{flex-direction:column;align-items:stretch}.monthly-audit-page .btn-save,.monthly-audit-page .btn-export,.monthly-audit-page .btn-export-csv,.monthly-audit-page .btn-export-pdf,.monthly-audit-page .btn-save-audit{width:100%;text-align:center;justify-content:center}}@media print{.monthly-audit-page .audit-controls,.monthly-audit-page .audit-actions,.monthly-audit-page .filter-row,.monthly-audit-page .pagination,.monthly-audit-page .audit-toolbar,.monthly-audit-page .audit-bulk-actions,.monthly-audit-page .chart-controls,.monthly-audit-page .chart-type-selector{display:none}.monthly-audit-page .audit-table-container{overflow:visible}.monthly-audit-page .audit-table{min-width:0}}.audit-analytics-page{padding:1.5rem;max-width:1400px;margin:0 auto}.monthly-audit-hero{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:1.5rem 2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.monthly-audit-hero h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.monthly-audit-hero p{font-size:.875rem;color:#64748b;margin:0}.audit-analytics-controls select{padding:.5rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;background:#fff;color:#1e293b;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none;min-width:160px}.audit-analytics-controls select:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f931f}.audit-analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.analytics-stat-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 2px 10px #0000000f;display:flex;align-items:center;gap:1rem;border-left:4px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.analytics-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.analytics-stat-icon--danger{background:#fee2e2;color:#dc2626;border-left-color:#ef4444}.analytics-stat-icon--success{background:#dcfce7;color:#16a34a;border-left-color:#10b981}.analytics-stat-icon--warning{background:#fef3c7;color:#d97706;border-left-color:#f59e0b}.analytics-stat-icon--primary{background:#ff5f931f;color:#ff5f93;border-left-color:#ff5f93}.analytics-stat-card:has(.analytics-stat-icon--danger){border-left-color:#ef4444}.analytics-stat-card:has(.analytics-stat-icon--success){border-left-color:#10b981}.analytics-stat-card:has(.analytics-stat-icon--warning){border-left-color:#f59e0b}.analytics-stat-card:has(.analytics-stat-icon--primary){border-left-color:#ff5f93}.analytics-stat-card>div{display:flex;flex-direction:column;gap:.25rem}.analytics-stat-value{font-size:1.85rem;font-weight:800;color:#1e293b;letter-spacing:-.03em;line-height:1}.analytics-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.trend-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:20px;font-size:.7rem;font-weight:600;margin-top:.2rem;width:fit-content}.trend-badge--down{background:#dcfce7;color:#166534}.trend-badge--up{background:#fee2e2;color:#991b1b}.trend-badge--stable{background:#f1f5f9;color:#64748b}.audit-analytics-charts{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.analytics-chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:1.5rem;overflow:hidden}.analytics-chart-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1.25rem}.audit-analytics-chart-full{grid-column:1 / -1}.analytics-chart-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.analytics-chart-toolbar h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.analytics-toggle-group{display:flex;background:#f1f5f9;border-radius:10px;padding:.2rem;gap:.2rem}.analytics-toggle-btn{padding:.35rem .875rem;border-radius:8px;border:none;background:none;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;transition:.2s}.analytics-toggle-btn.active{background:#fff;color:#ff5f93;font-weight:600;box-shadow:0 2px 6px #0000001a}.analytics-chart-container{width:100%;height:280px}.analytics-export-group{display:flex;gap:.5rem}.btn-analytics-csv,.btn-analytics-pdf{padding:.35rem .875rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:.2s}.btn-analytics-csv{border:1.5px solid #10b981;color:#10b981;background:#fff}.btn-analytics-csv:hover{background:#10b981;color:#fff}.btn-analytics-pdf{border:1.5px solid #ef4444;color:#ef4444;background:#fff}.btn-analytics-pdf:hover{background:#ef4444;color:#fff}.analytics-data-table-scroll{overflow-x:auto;max-height:340px;overflow-y:auto;border-radius:10px;border:1px solid #f1f5f9}.analytics-data-table{width:100%;border-collapse:collapse;font-size:.875rem}.analytics-data-table thead th{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left;position:sticky;top:0;z-index:1;white-space:nowrap}.analytics-data-table tbody td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#374151}.analytics-data-table tbody tr:hover td{background:#ff5f9308}.cell-red{color:#dc2626;font-weight:600}.cell-green{color:#16a34a;font-weight:600}.cell-muted{color:#94a3b8}.analytics-accuracy-badge{display:inline-flex;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700}.analytics-accuracy-badge.good{background:#dcfce7;color:#166534}.analytics-accuracy-badge.bad{background:#fee2e2;color:#991b1b}.analytics-loading{text-align:center;color:#94a3b8;font-style:italic;padding:3rem}@media(max-width:1024px){.audit-analytics-stats{grid-template-columns:repeat(2,1fr)}.audit-analytics-charts{grid-template-columns:1fr}.audit-analytics-chart-full{grid-column:1}}@media(max-width:640px){.audit-analytics-stats{grid-template-columns:1fr 1fr}.audit-analytics-page{padding:1rem}}@media print{.audit-analytics-controls,.analytics-toggle-group,.analytics-export-group{display:none!important}.analytics-chart-container{min-height:200px}}.my-payroll-page{padding:1.5rem 2rem;max-width:1200px;margin:0 auto;--mp-accent: #0891b2}.my-payroll-hero{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000012;padding:1.75rem 2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;border-left:5px solid var(--mp-accent, #0891b2);position:relative;overflow:hidden}.my-payroll-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(var(--mp-accent-rgb, 8, 145, 178),.12),transparent 70%);pointer-events:none;border-radius:50%}.mp-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mp-accent, #0891b2);background:color-mix(in srgb,var(--mp-accent, #0891b2) 12%,transparent);border:1px solid color-mix(in srgb,var(--mp-accent, #0891b2) 25%,transparent);padding:.25rem .75rem;border-radius:999px;margin-bottom:.5rem}@supports not (background: color-mix(in srgb,red 10%,transparent)){.mp-eyebrow{background:#0891b21a;border-color:#0891b233}}.my-payroll-hero h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#1e293b;margin:0 0 .3rem;letter-spacing:-.02em;line-height:1.1}.my-payroll-hero p{color:#64748b;font-size:.875rem;margin:0;line-height:1.5}.mp-btn{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;transition:.18s;white-space:nowrap;flex-shrink:0}.mp-btn:hover{border-color:var(--mp-accent, #0891b2);color:var(--mp-accent, #0891b2);background:color-mix(in srgb,var(--mp-accent, #0891b2) 6%,white)}.mp-btn.primary{background:var(--mp-accent, #0891b2);color:#fff;border-color:var(--mp-accent, #0891b2)}.mp-btn.primary:hover{filter:brightness(1.08)}.mp-btn.refresh{align-self:flex-start}.mp-btn:disabled{opacity:.5;cursor:not-allowed}.mp-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.mp-summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;border-left:4px solid var(--mp-accent, #0891b2);transition:transform .2s,box-shadow .2s}.mp-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.mp-summary-card.paid{border-left-color:#10b981}.mp-summary-card.pending{border-left-color:#f59e0b}.mp-summary-card .mp-summary-icon{font-size:1.25rem;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--mp-accent, #0891b2) 12%,white);color:var(--mp-accent, #0891b2)}.mp-summary-card.paid .mp-summary-icon{background:#dcfce7;color:#16a34a}.mp-summary-card.pending .mp-summary-icon{background:#fef3c7;color:#d97706}.mp-summary-card.net .mp-summary-icon{background:color-mix(in srgb,var(--mp-accent, #0891b2) 12%,white);color:var(--mp-accent, #0891b2)}.mp-summary-card div{display:flex;flex-direction:column;gap:.2rem}.mp-summary-label{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.mp-summary-value{font-size:1.75rem;font-weight:800;color:#1e293b;letter-spacing:-.02em;line-height:1}.mp-error{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;padding:.875rem 1.25rem;border-radius:10px;margin-bottom:1.25rem;font-size:.875rem;font-weight:500}.mp-loading,.mp-empty{text-align:center;padding:3rem 2rem;color:#94a3b8;font-size:.9rem;font-style:italic;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mp-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:1.5rem;overflow-x:auto}.mp-table-wrapper h2{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.mp-table{width:100%;border-collapse:collapse;font-size:.875rem}.mp-table thead tr{background:linear-gradient(135deg,var(--mp-accent, #0891b2) 0%,color-mix(in srgb,var(--mp-accent, #0891b2) 75%,white) 100%)}.mp-table th{text-align:left;padding:.875rem 1.25rem;color:#fff;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:1}.mp-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}.mp-table tbody tr:hover td{background:color-mix(in srgb,var(--mp-accent, #0891b2) 4%,white)}.mp-table tbody tr:last-child td{border-bottom:none}.mp-net-cell{font-weight:800;font-size:.95rem;color:var(--mp-accent, #0891b2)}.mp-status{display:inline-flex;align-items:center;gap:5px;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:#f1f5f9;color:#475569}.mp-status[data-status=paid]{background:#dcfce7;color:#166534}.mp-status[data-status=pending]{background:#fef3c7;color:#92400e}.mp-status[data-status=draft]{background:#f1f5f9;color:#475569}.mp-status[data-status=processing]{background:#dbeafe;color:#1e40af}.mp-status[data-status=cancelled]{background:#fee2e2;color:#991b1b}.mp-actions{display:flex;align-items:center;gap:6px}.mp-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:.18s;font-size:.8rem;padding:0}.mp-action-btn:hover{background:color-mix(in srgb,var(--mp-accent, #0891b2) 8%,white);color:var(--mp-accent, #0891b2);border-color:var(--mp-accent, #0891b2)}.mp-modal{background:#fff;border-radius:20px;max-width:700px;width:100%;box-shadow:0 24px 60px #0003;display:flex;flex-direction:column;margin:auto}.mp-payslip-detail{padding:1.5rem;overflow-y:auto}.mp-payslip-header{text-align:center;margin-bottom:1.25rem;padding:1.25rem;background:color-mix(in srgb,var(--mp-accent, #0891b2) 6%,white);border-radius:12px}.mp-payslip-header h3{font-size:1.15rem;font-weight:800;color:var(--mp-accent, #0891b2);margin:0 0 .25rem}.mp-payslip-header p{font-size:.8rem;color:#64748b;margin:2px 0}.mp-payslip-header h4{font-size:.95rem;font-weight:700;color:#1e293b;margin:.75rem 0 0;text-transform:uppercase;letter-spacing:.05em}.mp-payslip-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem;margin-bottom:1.25rem;padding:1.25rem;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.mp-payslip-info-grid>div{display:flex;flex-direction:column;gap:.15rem}.mp-payslip-info-grid strong{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.mp-payslip-info-grid span{font-size:.9rem;font-weight:600;color:#1e293b}.mp-payslip-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.875rem;border-radius:10px;overflow:hidden}.mp-payslip-table:first-of-type thead tr{background:linear-gradient(135deg,var(--mp-accent, #0891b2) 0%,color-mix(in srgb,var(--mp-accent, #0891b2) 70%,white) 100%)}.mp-payslip-table:last-of-type thead tr{background:linear-gradient(135deg,#ef4444,#f87171)}.mp-payslip-table th{text-align:left;padding:.75rem 1rem;color:#fff;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.mp-payslip-table td{padding:.7rem 1rem;border-bottom:1px solid #f1f5f9;color:#374151}.mp-payslip-table tbody tr:nth-child(2n) td{background:#fafafa}.mp-payslip-table td:last-child{text-align:right;font-weight:600}.mp-subtotal-row td{font-weight:700;background:color-mix(in srgb,var(--mp-accent, #0891b2) 6%,white)!important;color:var(--mp-accent, #0891b2)}.mp-net-pay{background:color-mix(in srgb,var(--mp-accent, #0891b2) 8%,white);border:2px solid color-mix(in srgb,var(--mp-accent, #0891b2) 30%,white);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem;text-align:right;font-size:1.4rem;font-weight:900;color:var(--mp-accent, #0891b2);letter-spacing:-.02em}.mp-payment-info{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.82rem;color:#64748b;padding-top:.5rem;border-top:1px solid #f1f5f9}.mp-payment-info strong{color:#374151}.my-payslip-print-area{display:none}@media print{body *{visibility:hidden!important}.my-payslip-print-area,.my-payslip-print-area *{visibility:visible!important}.my-payslip-print-area{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;padding:28px;background:#fff;color:#111827;font-family:Arial,sans-serif}.my-payslip-print-area h1{font-size:24px;color:#c93662;margin:0 0 4px}.my-payslip-print-area h2{font-size:18px;margin:8px 0}.my-payslip-print-area p{margin:2px 0;font-size:12px}.my-payslip-print-area .print-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;padding:12px;border:1px solid #d1d5db;border-radius:4px}.my-payslip-print-area .print-info-grid strong{display:block;font-size:10px;color:#6b7280}.my-payslip-print-area .print-info-grid span{display:block;font-size:12px;font-weight:700}.my-payslip-print-area table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.my-payslip-print-area th,.my-payslip-print-area td{border:1px solid #d1d5db;padding:6px 8px;text-align:left}.my-payslip-print-area th{background:#c93662;color:#fff}.my-payslip-print-area td:last-child{text-align:right;font-weight:700}.my-payslip-print-area .net-row td{background:#fff1f7;font-weight:900}.my-payslip-print-area .print-net{text-align:right;font-size:16px;margin:16px 0;padding:12px;border:2px solid #c93662;border-radius:4px}.my-payslip-print-area .print-signatures{display:flex;justify-content:space-between;margin-top:40px}.my-payslip-print-area .print-signatures span{display:block;border-bottom:1px solid #333;width:200px;height:20px}.my-payslip-print-area .print-signatures strong{display:block;margin-top:4px;font-size:11px}}@media(max-width:1024px){.mp-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.my-payroll-page{padding:1rem}.my-payroll-hero{flex-direction:column;align-items:flex-start}.mp-summary-grid{grid-template-columns:1fr 1fr;gap:.75rem}.mp-table-wrapper{overflow-x:auto}.mp-table{min-width:640px}.mp-payslip-info-grid{grid-template-columns:1fr}}@media(max-width:480px){.mp-summary-grid{grid-template-columns:1fr}.mp-summary-value{font-size:1.4rem}}.bg-page{padding:1.5rem;max-width:1300px;margin:0 auto;font-family:Inter,Jost,system-ui,sans-serif;color:#1f2937}.bg-page,.bg-page *{box-sizing:border-box}.bg-hero{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,3vw,2rem);background:radial-gradient(circle at top right,rgba(255,95,147,.14),transparent 40%),#ffffffe6;border:1px solid rgba(255,95,147,.18);border-radius:24px;box-shadow:0 20px 50px #ff5f931a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:1.25rem}.bg-eyebrow{display:inline-flex;padding:.2rem .7rem;border-radius:999px;background:#ff5f931a;color:#ff5f93;border:1px solid rgba(255,95,147,.15);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}.bg-hero-left{display:flex;flex-direction:column;gap:.35rem}.bg-hero-left h1{margin:0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:950;letter-spacing:-.04em;color:#111827;display:flex;align-items:center;gap:.55rem}.bg-hero-left h1 svg{color:#ff5f93}.bg-hero-left p{margin:0;font-size:.9rem;color:#64748b;font-weight:600}.bg-hero-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.bg-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:800;cursor:pointer;border:none;transition:.18s ease;white-space:nowrap}.bg-btn--primary{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;box-shadow:0 8px 20px #ff5f9359}.bg-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #ff5f9373}.bg-btn--primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.bg-btn--outline{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.bg-btn--outline:hover:not(:disabled){border-color:#ff5f93;color:#ff5f93}.bg-btn--outline:disabled{opacity:.45;cursor:not-allowed}.bg-btn--ghost{background:#64748b12;color:#374151;border:1px solid transparent}.bg-btn--ghost:hover{background:#ff5f9312;color:#ff5f93}.bg-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.25rem}.bg-search-wrap{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;max-width:420px;padding:.55rem .9rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;transition:border-color .15s}.bg-search-wrap:focus-within{border-color:#ff5f93}.bg-search-icon{color:#94a3b8;font-size:.85rem;flex-shrink:0}.bg-search-input{flex:1;border:none;background:transparent;font-size:.875rem;color:#1f2937;outline:none;min-width:0}.bg-search-clear{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:.85rem;padding:0;display:flex;align-items:center;transition:color .15s}.bg-search-clear:hover{color:#ef4444}.bg-selection-row{display:flex;align-items:center;gap:.75rem}.bg-count{font-size:.82rem;font-weight:700;color:#64748b}.bg-toast{padding:.7rem 1.1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;font-size:.85rem;font-weight:700;color:#92400e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.bg-state-msg{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:3rem 2rem;color:#64748b;font-weight:700;font-size:.95rem}.bg-state-msg.error{color:#dc2626}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.bg-card{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:.9rem;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.5rem}.bg-card:hover{border-color:#ff5f9359;box-shadow:0 6px 20px #ff5f931a}.bg-card.selected{border-color:#ff5f93;box-shadow:0 6px 20px #ff5f932e}.bg-card-check{position:absolute;top:.6rem;left:.6rem;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;padding:0;z-index:1;transition:color .15s}.bg-card.selected .bg-card-check,.bg-card-check:hover{color:#ff5f93}.bg-card-print-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.82rem;padding:.3rem .5rem;cursor:pointer;transition:.15s}.bg-card-print-btn:hover{background:#ff5f9312;color:#ff5f93;border-color:#ff5f93}.bg-label-preview{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-top:1.5rem}.bg-barcode-svg{width:100%;max-width:190px;height:auto}.bg-no-code{font-size:.75rem;color:#94a3b8;font-style:italic}.bg-label-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.bg-label-name{font-size:.88rem;font-weight:800;color:#111827;text-align:center;line-height:1.2;word-break:break-word}.bg-label-category{font-size:.7rem;font-weight:700;color:#ff5f93;background:#ff5f931a;border-radius:999px;padding:.1rem .5rem}.bg-label-sku-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.25rem}.bg-label-sku{font-size:.72rem;color:#64748b;font-weight:700}.bg-label-price{font-size:.78rem;color:#059669;font-weight:900}.bg-label-code-row{display:flex;align-items:center;width:100%;justify-content:center}.bg-label-code{font-size:.72rem;font-family:monospace;color:#374151;word-break:break-all;text-align:center}.bg-sku-badge-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;padding-top:.25rem;border-top:1px dashed #e2e8f0;width:100%}.bg-sku-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:.15rem .5rem}.bg-save-barcode-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:800;color:#fff;background:#ff5f93;border:none;border-radius:999px;padding:.2rem .6rem;cursor:pointer;transition:.15s}.bg-save-barcode-btn:hover:not(:disabled){background:#e0487b}.bg-save-barcode-btn:disabled{opacity:.55;cursor:not-allowed}.bg-spinner,.bg-spinner-lg{display:inline-block;border-radius:50%;animation:bgSpin .7s linear infinite}.bg-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff}.bg-spinner-lg{width:28px;height:28px;border:3px solid rgba(255,95,147,.2);border-top-color:#ff5f93}@keyframes bgSpin{to{transform:rotate(360deg)}}.bg-print-sheet{position:fixed;left:-9999px;top:0;width:210mm;background:#fff;pointer-events:none;z-index:-1}.bg-print-label{width:60mm;min-height:30mm;border:.3pt solid #ccc;border-radius:2mm;padding:2mm 2.5mm;display:flex;flex-direction:column;align-items:center;gap:1mm;page-break-inside:avoid;background:#fff;box-sizing:border-box}.bg-print-barcode-svg{width:100%;height:auto;max-height:14mm}.bg-print-nocode{font-size:9px;color:#999;font-style:italic}.bg-print-name{font-size:10px;font-weight:700;text-align:center;color:#000;line-height:1.2;word-break:break-word;font-family:sans-serif}.bg-print-sku-price{display:flex;justify-content:space-between;width:100%;font-size:9px;color:#333;font-family:sans-serif}.bg-print-code{font-size:8px;font-family:monospace;color:#333;word-break:break-all;max-width:20mm}.suppliers-page{--sup-accent: #ff5f93;--sup-accent-soft: #ffecf3;--sup-border: #ece7ef;--sup-text: #463c52;padding:24px;display:flex;flex-direction:column;gap:18px}.suppliers-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sup-accent)}.suppliers-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.suppliers-hero h1{margin:4px 0;font-size:26px;font-weight:800;color:var(--sup-text);display:flex;align-items:center;gap:10px}.suppliers-hero h1 svg{color:var(--sup-accent)}.suppliers-hero p{margin:0;font-size:14px;color:#8b8299}.suppliers-hero-actions{display:flex;gap:10px}.sup-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sup-btn.primary{color:#fff;background:linear-gradient(135deg,#ff5f93,#ec4899);box-shadow:0 8px 18px #ff5f9359}.sup-btn.primary:hover{transform:translateY(-1px)}.sup-btn.secondary{color:var(--sup-text);background:#f6f1f7;border:1px solid var(--sup-border)}.sup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.suppliers-stats{display:flex;gap:14px;flex-wrap:wrap}.sup-stat{flex:1 1 140px;background:#fff;border:1px solid var(--sup-border);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:2px}.sup-stat strong{font-size:22px;color:var(--sup-text)}.sup-stat span{font-size:12px;color:#8b8299}.sup-stat.active strong{color:#22c55e}.sup-stat.muted strong{color:#94a3b8}.suppliers-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.suppliers-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sup-border);border-radius:12px;padding:10px 14px}.suppliers-search svg{color:#b8aec6}.suppliers-search input{flex:1;border:none;outline:none;font-size:14px;color:var(--sup-text);background:transparent}.suppliers-search button{background:none;border:none;cursor:pointer;color:#b8aec6}.suppliers-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sup-text);cursor:pointer}.suppliers-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:13px}.suppliers-loading{padding:60px;text-align:center;color:#8b8299;font-size:14px}.suppliers-table-card{background:#fff;border:1px solid var(--sup-border);border-radius:16px;overflow:auto}.suppliers-table{width:100%;border-collapse:collapse;font-size:13px}.suppliers-table th{text-align:left;padding:12px 14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8b8299;border-bottom:1px solid var(--sup-border);background:#faf8fc}.suppliers-table td{padding:12px 14px;border-bottom:1px solid #f4f0f7;color:var(--sup-text);vertical-align:top}.suppliers-table tr:last-child td{border-bottom:none}.suppliers-page tr.inactive-row td{opacity:.55}.sup-notes{display:block;font-size:11px;color:#9a91a8;margin-top:2px}.sup-address{max-width:220px}.sup-status{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.sup-status.active{background:#dcfce7;color:#15803d}.sup-status.inactive{background:#f1f5f9;color:#64748b}.sup-actions{display:flex;gap:6px}.sup-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--sup-border);background:#fff;color:#7c7090;cursor:pointer;transition:all .15s ease}.sup-icon-btn:hover{background:var(--sup-accent-soft);color:var(--sup-accent);border-color:var(--sup-accent-soft)}.sup-icon-btn.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.sup-icon-btn:disabled{opacity:.5;cursor:not-allowed}.suppliers-empty{text-align:center;padding:40px;color:#9a91a8}.suppliers-empty svg{font-size:28px;margin-bottom:8px}.sup-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #20182840}.sup-form{padding:20px 24px 24px}.sup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sup-field{display:flex;flex-direction:column;gap:6px}.sup-field.full{grid-column:1 / -1}.sup-field span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8b8299;display:inline-flex;align-items:center;gap:6px}.sup-field span em{color:#dc2626;font-style:normal}.sup-field input,.sup-field textarea{border:1px solid var(--sup-border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--sup-text);outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.sup-field input:focus,.sup-field textarea:focus{border-color:var(--sup-accent);box-shadow:0 0 0 3px #ff5f931f}.sup-field.has-error input{border-color:#dc2626}.sup-field-error{font-size:11px;color:#dc2626}.sup-field.sup-check{grid-column:1 / -1;flex-direction:row;align-items:center;gap:10px}.sup-field.sup-check input{width:16px;height:16px;accent-color:var(--sup-accent)}.sup-field.sup-check span{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}@media(max-width:640px){.sup-form-grid{grid-template-columns:1fr}}.cashier-sidebar{--sidebar-accent: var(--color-primary)}.cashier-sidebar.app-sidebar{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:14px 0 38px #ff5f9333;border-right:1px solid rgba(255,255,255,.28)}.cashier-sidebar.app-sidebar .sidebar-header{border-bottom:1px solid rgba(255,255,255,.2)}.cashier-sidebar.app-sidebar .sidebar-footer{border-top:1px solid rgba(255,255,255,.2)}.cashier-sidebar.app-sidebar .nav-item a,.cashier-sidebar.app-sidebar .logout-btn{color:#ffffffe6}.cashier-sidebar.app-sidebar .nav-item a:hover,.cashier-sidebar.app-sidebar .logout-btn:hover{background:#ffffff2e;color:#fff}.cashier-sidebar.app-sidebar .nav-item a.active{background:#fffffff5;color:var(--color-primary)}.cashier-sidebar.app-sidebar .sidebar-logo{color:#fff}.cashier-sidebar .nav-icon{width:18px;text-align:center;flex-shrink:0;font-size:.95rem}.cashier-dashboard{display:flex;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-gradient);color:var(--color-text);position:relative;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel,.shift-summary-card,.quick-action-card,.shift-highlight-card,.sales-target-card,.transaction-item,.reminder-item{animation:fadeUp .45s ease both}.payment-list{margin-top:1rem}.payment-list h4{font-size:.9rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,95,147,.2)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff80;border-radius:8px;margin-bottom:.5rem;border:1px solid rgba(255,192,203,.3);transition:all .2s ease}.payment-item:hover{background:#fffc;border-color:#ff5f9366}.payment-info{display:flex;flex-direction:column;gap:.25rem}.payment-info strong{font-size:.9rem;color:#1f2937}.payment-info span{font-size:.8rem;color:#6b7280}.payment-amount{font-weight:600;color:#ff5f93;font-size:.9rem}.pay-btn{padding:.5rem 1rem;background:#d1fae5;color:#065f46;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pay-btn:hover{background:#10b981;color:#fff}.cashier-dashboard.dark .payment-list h4{color:#e5e7eb}.cashier-dashboard.dark .payment-item{background:#1f293780;border-color:#ff5f934d}.cashier-dashboard.dark .payment-item:hover{background:#1f2937cc}.cashier-dashboard.dark .payment-info strong{color:#e5e7eb}.cashier-dashboard.dark .payment-info span{color:#9ca3af}.cashier-dashboard.dark .pay-btn{background:#064e3b;color:#d1fae5}.cashier-dashboard.dark .pay-btn:hover{background:#059669}.quick-action-card:nth-child(1){animation-delay:.25s}.quick-action-card:nth-child(2){animation-delay:.3s}.quick-action-card:nth-child(3){animation-delay:.35s}.quick-action-card:nth-child(4){animation-delay:.4s}.cashier-dashboard:before,.cashier-dashboard:after{content:"";position:fixed;width:360px;height:360px;border-radius:999px;pointer-events:none;z-index:0;filter:blur(16px)}.cashier-dashboard:before{top:90px;right:-120px;background:radial-gradient(circle,rgba(255,95,147,.35),transparent 68%)}.cashier-dashboard:after{bottom:-120px;left:230px;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 65%)}.cashier-main{flex:1;padding:2rem 2.5rem 3rem;box-sizing:border-box;min-height:100vh;background:transparent;position:relative;z-index:1}.cashier-navbar{position:sticky;top:0;z-index:1200;display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,420px) auto;align-items:center;gap:1rem;margin:-2rem -2.5rem 2rem;padding:1.15rem 2.5rem;background:#ffffffbd;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);box-shadow:0 14px 35px #ff5f931f}.cashier-dashboard.dark .cashier-navbar{background:#18121ec2;box-shadow:0 14px 35px #00000040}.cashier-dashboard .navbar-left{min-width:0}.eyebrow,.panel-kicker{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.4rem;color:var(--color-primary);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cashier-dashboard .navbar-left h1{margin:0;font-size:clamp(1.55rem,2vw,2.15rem);line-height:1.05;letter-spacing:-.045em;color:var(--color-heading)}.cashier-dashboard .navbar-left p{margin:.45rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.4}.cashier-dashboard .search-group{position:relative;width:100%;min-width:0}.cashier-dashboard .search-icon{position:absolute;left:1.05rem;top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none}.cashier-dashboard .search-group input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--color-border);border-radius:999px;padding:0 1.25rem 0 2.85rem;height:48px;outline:none;font-size:.95rem;background:#ffffffc7;color:var(--color-text);box-shadow:inset 0 1px #ffffff8c;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.cashier-dashboard .search-group input::placeholder{color:#94a3b8}.cashier-dashboard .search-group input:focus{border-color:#ff5f9399;box-shadow:0 0 0 4px #ff5f931f;background:#fffffff5}.cashier-dashboard.dark .search-group input{background:#0f172a61;color:#f8fafc}.cashier-dashboard .navbar-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.75rem}.cashier-dashboard .cashier-profile-btn{display:flex;align-items:center;gap:.85rem;padding:.45rem 1rem .45rem .55rem;min-height:48px;background:#ffffffb8;color:var(--color-text);font-weight:700;text-decoration:none;border-radius:999px;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-soft)}.cashier-dashboard .cashier-profile-btn:hover{transform:translateY(-2px);background:#fffffff2;box-shadow:var(--shadow-card)}.profile-avatar-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:1rem;box-shadow:0 10px 20px #ff5f9342}.profile-info{display:flex;flex-direction:column;line-height:1.1}.profile-action-name{font-size:.94rem;font-weight:800;color:var(--color-heading)}.profile-action-role{margin-top:.15rem;font-size:.76rem;color:var(--color-muted)}.cashier-dashboard .icon-btn,.cashier-dashboard .theme-toggle-btn{background:#ffffffc7;color:var(--color-primary);width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:16px;cursor:pointer;font-size:1.05rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-soft)}.cashier-dashboard .icon-btn:hover,.cashier-dashboard .theme-toggle-btn:hover{transform:translateY(-2px);background:var(--color-surface-solid, #fff);box-shadow:var(--shadow-card)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;display:grid;place-items:center;font-weight:800}.cashier-dashboard.dark .cashier-profile-btn,.cashier-dashboard.dark .icon-btn,.cashier-dashboard.dark .theme-toggle-btn{background:#ffffff14;color:#f8fafc}.spin-icon{animation:cashierSpin .85s linear infinite}@keyframes cashierSpin{to{transform:rotate(360deg)}}.dashboard-state-card{min-height:420px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:grid;place-items:center;align-content:center;text-align:center;padding:2rem}.dashboard-state-card h2{margin:1rem 0 .35rem;color:var(--color-heading)}.dashboard-state-card p{margin:0;max-width:520px;color:var(--color-muted);line-height:1.6}.loading-orb{width:76px;height:76px;border-radius:999px;border:6px solid rgba(255,95,147,.16);border-top-color:var(--color-primary);animation:cashierSpin .9s linear infinite}.state-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#ef44441a;color:#ef4444;font-size:1.9rem}.retry-btn{margin-top:1.25rem;display:inline-flex;align-items:center;gap:.55rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;padding:.85rem 1.25rem;font-weight:800;cursor:pointer;box-shadow:0 16px 30px #ff5f933d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:1.5rem;margin-bottom:1.5rem}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:1.5rem}.panel{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.panel-header{padding:1.5rem 1.6rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel-header.compact{padding-bottom:.5rem;border-bottom:none}.panel-header h2{margin:0;font-size:1.35rem;font-weight:900;color:var(--color-heading);letter-spacing:-.03em}.panel-header p{margin:.45rem 0 0;color:var(--color-muted);font-size:.93rem;line-height:1.5}.badge,.status-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ff5f931a;color:var(--color-primary);padding:.55rem .85rem;border-radius:999px;font-size:.78rem;font-weight:900;text-transform:capitalize;white-space:nowrap}.status-badge.completed{background:#22c55e1f;color:#16a34a}.space-between{align-items:center}.see-all-link{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:900;white-space:nowrap}.see-all-link:hover{text-decoration:underline}.transaction-list{padding:1.25rem}.transaction-item{background:#ffffffad;border-radius:22px;padding:1.1rem;margin-bottom:.9rem;border:1px solid rgba(255,95,147,.14);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.transaction-item:last-child{margin-bottom:0}.transaction-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);background:#fffffff0}.transaction-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 12px 24px #ff5f9338;font-size:1.1rem}.cashier-dashboard.dark .transaction-item,.cashier-dashboard.dark .payment-method-item{background:#ffffff0f}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.transaction-info-wrap{display:flex;align-items:center;gap:.85rem;min-width:0}.transaction-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 12px 22px #ff5f9333}.transaction-info{min-width:0}.transaction-info h3{margin:0 0 .25rem;color:var(--color-heading);font-size:1rem;font-weight:900}.transaction-info p{margin:0;color:var(--color-muted);font-size:.88rem}.transaction-amount{text-align:right;flex:0 0 auto}.transaction-amount strong{display:block;font-size:1.08rem;font-weight:900;color:var(--color-heading);margin-bottom:.4rem}.transaction-details{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.82rem;color:var(--color-muted)}.transaction-details span{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;background:#ff5f9314;padding:.45rem .7rem}.transaction-timeline{display:flex;align-items:center;gap:.5rem;margin:1rem 0;padding:.85rem;border-radius:16px;background:#ff5f930d}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;position:relative}.timeline-step:not(:last-child):after{content:"";position:absolute;top:8px;right:-50%;width:100%;height:2px;background:#ff5f9333;z-index:0}.timeline-step.active:not(:last-child):after{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#ff5f9333;border:2px solid rgba(255,95,147,.3);z-index:1;transition:.3s ease}.timeline-step.active .timeline-dot{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-color:var(--color-primary);box-shadow:0 0 0 4px #ff5f9326}.timeline-step.current .timeline-dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff5f9326}50%{box-shadow:0 0 0 8px #ff5f9340}}.timeline-label{font-size:.68rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.timeline-step.active .timeline-label{color:var(--color-primary)}.timeline-step.current .timeline-label{color:var(--color-heading)}.quick-stat-panel{display:flex;flex-direction:column}.metric-card{position:relative;margin:0 1.25rem 1rem;background:#ffffffad;padding:1.25rem;border-radius:22px;border:1px solid rgba(255,95,147,.14);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.metric-card.accent{background:linear-gradient(135deg,#ff5f9329,#ffffffc7)}.metric-card.warning{background:linear-gradient(135deg,#fb923c21,#ffffffc7)}.cashier-dashboard.dark .metric-card{background:#ffffff0f}.metric-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;margin-bottom:.9rem;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.metric-card h3{margin:0 0 .35rem;font-size:clamp(1.45rem,2vw,2rem);line-height:1.1;font-weight:900;color:var(--color-heading);letter-spacing:-.04em}.metric-card p{margin:0;font-size:.98rem;font-weight:900;color:var(--color-text)}.metric-card small{display:block;margin-top:.35rem;color:var(--color-muted);line-height:1.5}.payment-methods{padding:1.25rem}.payment-method-item{display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:#ffffffad;border-radius:22px;margin-bottom:.85rem;border:1px solid rgba(255,95,147,.14);transition:transform .2s ease,box-shadow .2s ease}.payment-method-item:last-child{margin-bottom:0}.payment-method-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.payment-icon{width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:1rem;flex-shrink:0;box-shadow:0 12px 24px #ff5f9338}.payment-info{flex:1;min-width:0;width:100%}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:.85rem}.payment-info h4{margin:0;color:var(--color-heading);font-size:.98rem;font-weight:900}.payment-row strong{color:var(--color-heading);font-size:.94rem;white-space:nowrap}.payment-info p{margin:.3rem 0 .75rem;color:var(--color-muted);font-size:.84rem}.progress-track{height:9px;border-radius:999px;overflow:hidden;background:#ff5f931f}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.sales-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem 1.25rem 1rem}.status-card{background:#ffffffad;border-radius:22px;border:1px solid rgba(255,95,147,.14);box-shadow:var(--shadow-soft);padding:1.15rem;text-align:left}.cashier-dashboard.dark .status-card{background:#ffffff0f}.status-card span{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;margin-bottom:1rem;color:#fff}.status-card.success span{background:linear-gradient(135deg,#22c55e,#10b981)}.status-card.info span{background:linear-gradient(135deg,#38bdf8,#6366f1)}.status-card strong{display:block;font-size:1.35rem;line-height:1.15;font-weight:900;color:var(--color-heading);letter-spacing:-.04em;margin-bottom:.4rem}.status-card p{margin:0;color:var(--color-text);font-size:.94rem;font-weight:900}.status-card small{display:block;margin-top:.35rem;color:var(--color-muted);line-height:1.45}.mini-chart-placeholder{display:flex;align-items:center;gap:1rem;margin:0 1.25rem 1.25rem;padding:1rem;color:var(--color-muted);background:linear-gradient(135deg,#ff5f931f,#ffffffa6);border-radius:22px;border:1px solid rgba(255,95,147,.14)}.cashier-dashboard.dark .mini-chart-placeholder{background:#ffffff0f}.trend-ring{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 12px 24px #ff5f9338;flex:0 0 auto}.mini-chart-placeholder strong{display:block;color:var(--color-heading);font-weight:900;margin-bottom:.25rem}.mini-chart-placeholder span{display:block;line-height:1.45}.empty-panel{display:grid;place-items:center;text-align:center;padding:2rem 1rem;color:var(--color-muted);background:#ff5f930d;border-radius:22px}.empty-panel span{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;color:var(--color-primary);background:#ff5f931a;font-size:1.4rem;margin-bottom:1rem}.empty-panel h3{margin:0 0 .4rem;color:var(--color-heading);font-size:1.05rem;font-weight:900}.empty-panel p{margin:0;line-height:1.55}.dashboard-content{flex:1;padding:0;overflow-y:visible}@media(max-width:1400px){.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:1200px){.cashier-navbar{grid-template-columns:1fr}.cashier-dashboard .navbar-actions{justify-content:flex-start;flex-wrap:wrap}.cashier-dashboard .search-group{max-width:100%}}@media(max-width:992px){.cashier-main{margin-left:0;padding:1rem}.cashier-dashboard.collapsed .cashier-main{margin-left:0}.cashier-navbar{margin:-1rem -1rem 1rem;padding:1rem}}@media(max-width:768px){.cashier-dashboard:before,.cashier-dashboard:after{display:none}.dashboard-grid,.dashboard-bottom{gap:.9rem}.panel-header,.space-between{flex-direction:column;align-items:flex-start}.transaction-header{flex-direction:column}.transaction-amount{text-align:left}.transaction-details{flex-direction:column;align-items:stretch}.transaction-details span{justify-content:flex-start}.sales-metrics{grid-template-columns:1fr}.payment-row{flex-direction:column;align-items:flex-start}.cashier-dashboard .cashier-profile-btn{width:100%;justify-content:flex-start}.cashier-dashboard .navbar-actions{width:100%}.cashier-dashboard .theme-toggle-btn,.cashier-dashboard .icon-btn{width:46px;height:46px}}@media(max-width:576px){.cashier-main{padding:.75rem}.cashier-navbar{margin:-.75rem -.75rem .85rem;padding:.85rem;border-radius:0 0 24px 24px}.cashier-dashboard .navbar-left h1{font-size:1.5rem}.cashier-dashboard .navbar-left p{font-size:.86rem}.cashier-dashboard .search-group input{height:46px;font-size:.88rem}.panel{border-radius:22px}.panel-header,.transaction-list,.payment-methods{padding:1rem}.metric-card{margin:0 1rem .85rem}.mini-chart-placeholder{margin:0 1rem 1rem}.transaction-item,.payment-method-item,.status-card{border-radius:18px}.payment-method-item{align-items:flex-start}}@media(max-width:420px){.cashier-dashboard .navbar-actions{gap:.55rem}.cashier-dashboard .profile-info{display:none}.cashier-dashboard .cashier-profile-btn{width:auto;padding:.45rem}.metric-card h3{font-size:1.45rem}}.quick-actions-section{margin-bottom:1.5rem}.quick-actions-section .panel-header{border-bottom:none;padding-bottom:0;margin-bottom:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.5rem 1rem;border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:.22s ease;position:relative;overflow:hidden}.quick-action-card:after{content:"";position:absolute;right:-20px;bottom:-20px;width:70px;height:70px;border-radius:50%;background:#ff5f9314}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px #ff5f932e}.quick-action-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 12px 25px #ff5f933d;font-size:1.25rem}.quick-action-card.soft .quick-action-icon{background:linear-gradient(135deg,#fb7185,#f9a8d4)}.quick-action-card.success .quick-action-icon{background:linear-gradient(135deg,#22c55e,#86efac)}.quick-action-card.gold .quick-action-icon{background:linear-gradient(135deg,#f59e0b,#facc15)}.quick-action-card span{font-size:.88rem;font-weight:800;color:var(--color-heading);text-align:center}.action-arrow{margin-top:auto;color:var(--color-primary);font-size:.85rem;opacity:0;transform:translate(-8px);transition:.22s ease}.quick-action-card:hover .action-arrow{opacity:1;transform:translate(0)}.shift-highlight-section{margin-bottom:1.5rem}.shift-highlight-section .panel-header{border-bottom:none;padding-bottom:0;margin-bottom:1rem}.shift-highlight-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:26px;background:radial-gradient(circle at top right,rgba(255,95,147,.12),transparent 40%),var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:.22s ease}.shift-highlight-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #ff5f932e}.shift-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:80px;height:80px}.shift-icon{position:absolute;font-size:3rem;color:#ff5f9326}.shift-time-badge{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 12px 25px #ff5f934d}.time-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.time-value{font-size:1.1rem;font-weight:900;line-height:1}.shift-details{flex:1;min-width:0}.shift-details h3{margin:0;color:var(--color-heading);font-size:1.25rem;font-weight:900;letter-spacing:-.03em}.shift-details p{margin:.25rem 0 .75rem;color:var(--color-muted);font-size:.92rem}.shift-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.shift-meta span{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-muted);font-size:.85rem;font-weight:700}.shift-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.25rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;text-decoration:none;font-size:.88rem;font-weight:900;box-shadow:0 12px 24px #ff5f9338;transition:.22s ease;white-space:nowrap;cursor:pointer}.shift-action-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ff5f9347}.sales-target-section{margin-bottom:1.5rem}.sales-target-section .panel-header{border-bottom:none;padding-bottom:0;margin-bottom:1rem}.sales-target-card{display:grid;gap:.85rem;padding:1.2rem;border:1px solid var(--color-border);border-radius:22px;background:#ffffffad}.cashier-dashboard.dark .sales-target-card{background:#ffffff14}.cashier-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px;margin-bottom:28px}.cashier-kpi-card,.cashier-panel,.cashier-action-card{background:#ffffffdb;border:1px solid rgba(255,95,147,.18);border-radius:26px;box-shadow:0 20px 50px #ff5f9324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cashier-dashboard.dark .cashier-kpi-card,.cashier-dashboard.dark .cashier-panel,.cashier-dashboard.dark .cashier-action-card{background:#ffffff14;border-color:#ff5f9340}.cashier-kpi-card{padding:24px}.cashier-kpi-card svg{color:#ff5f93;font-size:1.3rem}.cashier-kpi-card h3{margin:14px 0 4px;color:#ff5f93;font-size:2rem;font-weight:950}.cashier-kpi-card p{margin:0;color:#111827;font-weight:900}.cashier-dashboard.dark .cashier-kpi-card p{color:#f1f5f9}.cashier-kpi-card small{display:block;margin-top:6px;color:#64748b}.cashier-dashboard.dark .cashier-kpi-card small{color:#94a3b8}.cashier-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px;margin-bottom:28px}.cashier-action-card{padding:20px;text-decoration:none;color:#111827;font-weight:900;display:flex;align-items:center;gap:12px;transition:.25s ease}.cashier-dashboard.dark .cashier-action-card{color:#f1f5f9}.cashier-action-card:hover{transform:translateY(-3px)}.cashier-action-card svg{color:#ff5f93}.cashier-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:28px}.cashier-panel{padding:28px}.cashier-panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(255,95,147,.12)}.cashier-dashboard.dark .cashier-panel-header{border-bottom-color:#ff5f9333}.cashier-panel h2,.cashier-panel-header h2{margin:0;color:#111827;font-size:1.35rem;font-weight:950}.cashier-dashboard.dark .cashier-panel h2,.cashier-dashboard.dark .cashier-panel-header h2{color:#f1f5f9}.cashier-panel-header p{margin:8px 0 0;color:#64748b}.cashier-dashboard.dark .cashier-panel-header p{color:#94a3b8}.cashier-list{display:grid;gap:14px;margin-top:18px}.cashier-transaction-item{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:#ff5f930f;border:1px solid rgba(255,95,147,.14)}.cashier-dashboard.dark .cashier-transaction-item{background:#ff5f931f;border-color:#ff5f9340}.cashier-transaction-item p{margin:6px 0 0;color:#64748b}.cashier-dashboard.dark .cashier-transaction-item p{color:#94a3b8}.cashier-side-stack{display:grid;gap:22px}.cashier-mini-stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,95,147,.12)}.cashier-dashboard.dark .cashier-mini-stat{border-bottom-color:#ff5f9333}.cashier-mini-stat span{color:#64748b;font-weight:800}.cashier-dashboard.dark .cashier-mini-stat span{color:#94a3b8}.cashier-mini-stat strong{color:#111827;font-weight:950}.cashier-dashboard.dark .cashier-mini-stat strong{color:#f1f5f9}.cashier-progress{height:12px;border-radius:999px;background:#ff5f9324;overflow:hidden;margin:14px 0}.cashier-dashboard.dark .cashier-progress{background:#ff5f9340}.cashier-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#ff5f93,#ff8db5)}.cashier-empty-state{min-height:200px;display:grid;place-items:center;text-align:center;color:#94a3b8}.cashier-empty-state h3{margin:0 0 8px;color:#111827}.cashier-dashboard.dark .cashier-empty-state h3{color:#f1f5f9}.badge{padding:6px 12px;border-radius:999px;font-weight:900;font-size:.8rem}.badge-info{background:#dbeafe;color:#1e40af}.cashier-dashboard.dark .badge-info{background:#1e40af33;color:#93c5fd}.badge-success{background:#d1fae5;color:#065f46}.cashier-dashboard.dark .badge-success{background:#065f4633;color:#6ee7b7}.badge-warning{background:#fef3c7;color:#92400e}.cashier-dashboard.dark .badge-warning{background:#92400e33;color:#fcd34d}@media(max-width:1200px){.cashier-kpi-grid,.cashier-quick-actions{grid-template-columns:repeat(2,1fr)}.cashier-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.cashier-kpi-grid,.cashier-quick-actions{grid-template-columns:1fr}.cashier-panel{padding:20px}.cashier-panel-header,.cashier-transaction-item{flex-direction:column}}.sales-target-header{display:flex;align-items:center;gap:.85rem}.sales-target-header svg{width:36px;height:36px;color:var(--color-primary);font-size:1.4rem}.sales-target-header strong{display:block;color:var(--color-heading);font-size:1.1rem;font-weight:900}.sales-target-header span{color:var(--color-muted);font-size:.82rem;font-weight:700}.sales-target-bar{position:relative;height:8px;border-radius:999px;background:#ff5f931f;overflow:hidden}.sales-target-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .6s ease}.sales-target-text{margin:0;color:var(--color-muted);font-size:.8rem;font-weight:700;line-height:1.4}.reminders-panel{margin-top:1.5rem}.reminders-list{display:grid;gap:.75rem;padding:1.35rem}.reminder-item{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-radius:16px;background:#ff5f930d;transition:.22s ease}.reminder-item:hover{background:#ff5f931a;transform:translate(4px)}.reminder-item svg{width:20px;height:20px;color:var(--color-primary);font-size:.9rem}.reminder-item span{color:var(--color-text);font-size:.88rem;font-weight:700;line-height:1.4}.cashier-navbar{margin:0 0 1.5rem!important;padding:1.35rem 1.75rem!important;border-radius:0!important;overflow:visible!important}.cashier-page,.cashier-dashboard-page{padding-right:1.5rem!important}.cashier-navbar{margin:0 0 1.5rem!important;border-radius:0!important;min-height:92px;padding:1rem 1.75rem!important;overflow:visible!important}.cashier-dashboard .navbar-left{overflow:visible!important}.cashier-dashboard .navbar-left h1{line-height:1.15!important}.cashier-dashboard .navbar-left p{line-height:1.45!important}.eyebrow{margin-bottom:.3rem!important;line-height:1.2!important}.cashier-dashboard .navbar-actions{align-items:center;min-height:52px}.cashier-dashboard .cashier-profile-btn,.cashier-dashboard .theme-toggle-btn,.cashier-dashboard .icon-btn{flex-shrink:0}@media(min-width:993px){.cashier-navbar{width:100%}}@media(max-width:1200px){.cashier-navbar{border-radius:0!important;padding:1rem!important}.cashier-dashboard .navbar-actions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:768px){.cashier-navbar{border-radius:0!important;padding:.9rem!important}.cashier-dashboard .navbar-left h1{font-size:1.55rem!important}}.shift-summary-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr) auto;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.35rem;border-radius:28px;background:#ffffffd1;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shift-kicker{display:inline-flex;margin-bottom:.35rem;color:#ff5f93;font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.shift-summary-left h2{margin:0 0 .35rem;color:var(--color-heading, #191919);font-size:1.35rem;font-weight:950;letter-spacing:-.035em}.shift-summary-left p{margin:0;color:var(--color-muted, #64748b);line-height:1.5}.shift-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.shift-metric{padding:.95rem;border-radius:20px;background:#ff5f9312;border:1px solid rgba(255,95,147,.12)}.shift-metric span{display:block;margin-bottom:.35rem;color:var(--color-muted, #64748b);font-size:.78rem;font-weight:850}.shift-metric strong{color:var(--color-heading, #191919);font-size:1rem;font-weight:950}.shift-status-active{display:inline-flex;align-items:center;width:fit-content;padding:.35rem .65rem;border-radius:999px;background:#22c55e21;color:#16a34a!important}.end-shift-btn{border:none;border-radius:999px;padding:.9rem 1.15rem;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 14px 28px #ff5f933d;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.end-shift-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px #ff5f934d}.shift-modal{width:min(620px,100%);max-height:92vh;overflow-y:auto;padding:1.25rem;border-radius:28px;background:#fffffff5;border:1px solid rgba(255,95,147,.2);box-shadow:0 30px 80px #0f172a47}.shift-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-dashboard .cashier-navbar{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(320px,1.15fr) auto!important;align-items:start!important;gap:1.25rem!important;padding:1.35rem 1.75rem!important;margin:0 0 1.5rem!important;min-height:auto!important;border-radius:0!important;overflow:visible!important}.cashier-dashboard .navbar-left h1{margin:.25rem 0 .35rem!important;line-height:1.1!important}.cashier-dashboard .navbar-left p{max-width:520px;line-height:1.45!important}.cashier-dashboard .navbar-center{display:flex!important;align-items:center!important;justify-content:center!important;gap:.9rem!important;flex-wrap:nowrap!important}.cashier-dashboard .navbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;flex-wrap:nowrap!important}.cashier-dashboard .navbar-quick-actions,.cashier-dashboard .quick-actions-row,.cashier-dashboard .topbar-quick-actions,.cashier-dashboard .cashier-quick-actions{display:none!important}.cashier-dashboard .navbar-actions>button,.cashier-dashboard .navbar-actions>.icon-btn,.cashier-dashboard .navbar-actions>.theme-toggle-btn,.cashier-dashboard .navbar-actions>.cashier-profile-btn{flex-shrink:0!important}.cashier-dashboard .cashier-profile-btn{min-width:150px!important;height:52px!important;border-radius:999px!important}.cashier-dashboard .icon-btn,.cashier-dashboard .theme-toggle-btn{width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important}.cashier-dashboard .navbar-search,.cashier-dashboard .search-box,.cashier-dashboard .global-search{max-width:460px!important;width:100%!important}.cashier-dashboard .barcode-search,.cashier-dashboard .barcode-box,.cashier-dashboard .navbar-barcode{max-width:260px!important}.cashier-dashboard .cashier-navbar{max-height:none!important}@media(max-width:1200px){.cashier-dashboard .cashier-navbar{grid-template-columns:1fr!important}.cashier-dashboard .navbar-center,.cashier-dashboard .navbar-actions{justify-content:flex-start!important;flex-wrap:wrap!important}}@media(max-width:768px){.cashier-dashboard .cashier-navbar{padding:1rem!important}.cashier-dashboard .navbar-center{flex-direction:column!important;align-items:stretch!important}.cashier-dashboard .navbar-search,.cashier-dashboard .search-box,.cashier-dashboard .global-search,.cashier-dashboard .barcode-search,.cashier-dashboard .barcode-box,.cashier-dashboard .navbar-barcode{max-width:100%!important;width:100%!important}.cashier-dashboard .navbar-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important}.cashier-dashboard .cashier-profile-btn{grid-column:1 / -1!important;width:100%!important}}.shift-report-item{padding:1rem;border-radius:20px;background:#ff5f9312;border:1px solid rgba(255,95,147,.12)}.shift-report-item span{display:block;margin-bottom:.35rem;color:#64748b;font-size:.8rem;font-weight:850}.shift-report-item strong{color:#191919;font-size:1.1rem;font-weight:950}.shift-input-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.shift-input-group span{color:#64748b;font-size:.84rem;font-weight:900}.shift-input-group input,.shift-input-group textarea{width:100%;border:1px solid rgba(255,95,147,.18);border-radius:16px;padding:.85rem .95rem;outline:none;color:#1f2937;background:#ffffffe6;box-sizing:border-box;font-size:.92rem}.shift-input-group input:focus,.shift-input-group textarea:focus{border-color:#ff5f9394;box-shadow:0 0 0 4px #ff5f931f}.cash-difference-box{margin-bottom:1rem;padding:1rem;border-radius:20px;border:1px solid rgba(255,95,147,.14);background:#ff5f9312}.cash-difference-box span{display:block;margin-bottom:.35rem;color:#64748b;font-size:.8rem;font-weight:850}.cash-difference-box strong{display:block;color:#191919;font-size:1.35rem;font-weight:950}.cash-difference-box small{display:block;margin-top:.25rem;color:#64748b}.cash-difference-box.balanced{background:#22c55e1a;border-color:#22c55e2e}.cash-difference-box.balanced strong{color:#16a34a}.cash-difference-box.over{background:#3b82f61a;border-color:#3b82f62e}.cash-difference-box.over strong{color:#2563eb}.cash-difference-box.short{background:#ef44441a;border-color:#ef44442e}.cash-difference-box.short strong{color:#dc2626}.shift-message{margin-bottom:1rem;padding:.85rem 1rem;border-radius:16px;background:#ff5f9314;color:#ff5f93;font-weight:900}.shift-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.shift-secondary-btn,.shift-submit-btn{border:none;border-radius:999px;padding:.85rem 1.1rem;font-weight:950;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.shift-secondary-btn{background:#64748b1f;color:#475569}.shift-submit-btn{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;box-shadow:0 14px 28px #ff5f933d}.shift-secondary-btn:hover,.shift-submit-btn:hover{transform:translateY(-2px)}.cashier-dashboard.dark .shift-summary-card,.cashier-dashboard.dark .shift-modal{background:#ffffff0f;border-color:#ff8db538;box-shadow:0 18px 45px #00000047}.cashier-dashboard.dark .shift-summary-left h2,.cashier-dashboard.dark .shift-metric strong{color:#f8fafc}.cashier-dashboard.dark .shift-summary-left p,.cashier-dashboard.dark .shift-metric span{color:#cbd5e1}@media(max-width:1100px){.shift-summary-card{grid-template-columns:1fr}.shift-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.end-shift-btn{width:100%}}@media(max-width:600px){.shift-summary-metrics,.shift-report-grid{grid-template-columns:1fr}.shift-modal-actions{flex-direction:column}.shift-secondary-btn,.shift-submit-btn{width:100%}}.product-search-modal{width:min(500px,100%);max-height:85vh;overflow-y:auto;padding:1.25rem;border-radius:28px;background:#fffffff5;border:1px solid rgba(255,95,147,.2);box-shadow:0 30px 80px #0f172a47}.product-search-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.product-search-header h2{margin:0;color:#191919;font-size:1.35rem;font-weight:950;letter-spacing:-.04em}.product-search-header p{margin:.3rem 0 0;color:#64748b;line-height:1.45}.product-search-input-wrapper{position:relative;margin-bottom:1rem}.product-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ff5f93;pointer-events:none}.product-search-input-wrapper input{width:100%;border:1px solid rgba(255,95,147,.18);border-radius:16px;padding:.9rem 1rem .9rem 2.8rem;outline:none;color:#1f2937;background:#ffffffe6;box-sizing:border-box;font-size:.95rem}.product-search-input-wrapper input:focus{border-color:#ff5f9394;box-shadow:0 0 0 4px #ff5f931f}.product-search-results{max-height:400px;overflow-y:auto}.product-search-loading{text-align:center;padding:2rem;color:#64748b;font-weight:900}.product-search-empty{display:grid;place-items:center;text-align:center;padding:2rem 1rem;color:#64748b}.product-search-empty span{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;color:#ff5f93;background:#ff5f931a;font-size:1.4rem;margin-bottom:1rem}.product-search-empty p{margin:0;line-height:1.55}.product-search-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-radius:16px;background:#ff5f930d;border:1px solid rgba(255,95,147,.12);margin-bottom:.6rem;transition:transform .2s ease,background .2s ease}.product-search-item:hover{transform:translateY(-2px);background:#ff5f931a}.product-search-item-info{flex:1;min-width:0}.product-search-item-info strong{display:block;color:#191919;font-size:.95rem;font-weight:950;margin-bottom:.25rem}.product-search-item-info span{display:block;color:#64748b;font-size:.8rem}.product-search-item-price{text-align:right;flex:0 0 auto}.product-search-item-price strong{display:block;color:#ff5f93;font-size:1rem;font-weight:950;margin-bottom:.25rem}.product-search-item-price span{display:block;color:#64748b;font-size:.78rem}.cashier-dashboard.dark .product-search-modal{background:#0f172af5;border-color:#ff8db538}.cashier-dashboard.dark .product-search-header h2{color:#f8fafc}.cashier-dashboard.dark .product-search-header p{color:#cbd5e1}.cashier-dashboard.dark .product-search-input-wrapper input{background:#ffffff14;color:#f8fafc}.cashier-dashboard.dark .product-search-item{background:#ff8db50d;border-color:#ff8db524}.cashier-dashboard.dark .product-search-item:hover{background:#ff8db51a}.cashier-dashboard.dark .product-search-item-info strong{color:#f8fafc}.cashier-dashboard.dark .product-search-item-info span,.cashier-dashboard.dark .product-search-item-price span{color:#cbd5e1}@media(max-width:600px){.product-search-modal{width:100%;max-height:90vh;border-radius:20px}.product-search-item{flex-direction:column;align-items:flex-start}.product-search-item-price{text-align:left;width:100%}}.low-stock-alert-card{margin-bottom:1.5rem;padding:1.35rem;border-radius:28px;background:linear-gradient(135deg,#ef44441f,#ffffffd1);border:1px solid rgba(239,68,68,.22);box-shadow:0 18px 45px #ef444424;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.low-stock-header h2{margin:0 0 .35rem;color:#dc2626;font-size:1.25rem;font-weight:950;letter-spacing:-.035em}.low-stock-header p{margin:0;color:var(--color-muted, #64748b);line-height:1.5}.low-stock-list{display:flex;flex-direction:column;gap:.65rem;margin:1rem 0}.low-stock-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;border-radius:16px;background:#ffffffad;border:1px solid rgba(239,68,68,.18)}.low-stock-item-info strong{display:block;color:#191919;font-size:.9rem;font-weight:950;margin-bottom:.2rem}.low-stock-item-info span{display:block;color:#64748b;font-size:.75rem}.low-stock-item-stock{text-align:right}.low-stock-item-stock strong{display:block;color:#dc2626;font-size:1rem;font-weight:950}.low-stock-item-stock strong.stock-warning{color:#dc2626}.low-stock-item-stock span{display:block;color:#64748b;font-size:.75rem}.view-all-stock-btn{width:100%;border:none;border-radius:999px;padding:.75rem 1rem;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 14px 28px #ef44443d;transition:transform .2s ease,box-shadow .2s ease}.view-all-stock-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px #ef44444d}.sales-target-card{margin-bottom:1.5rem;padding:1.35rem;border-radius:28px;background:#ffffffd1;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sales-target-header h2{margin:0 0 .35rem;color:var(--color-heading, #191919);font-size:1.25rem;font-weight:950;letter-spacing:-.035em}.sales-target-header p{margin:0;color:var(--color-muted, #64748b);line-height:1.5}.sales-target-progress{margin-top:1rem}.progress-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:950;color:var(--color-heading, #191919)}.progress-bar-track{height:12px;border-radius:999px;overflow:hidden;background:#ff5f931f;margin-bottom:.5rem}.progress-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,#ff5f93,#ff8db5);transition:width .5s ease}.progress-percentage{text-align:center;font-size:.85rem;font-weight:950;color:#ff5f93}.cashier-dashboard.dark .low-stock-alert-card{background:linear-gradient(135deg,#ef444426,#0f172ad1);border-color:#ef44444d}.cashier-dashboard.dark .low-stock-header h2{color:#fca5a5}.cashier-dashboard.dark .low-stock-item{background:#ffffff0f;border-color:#ef444433}.cashier-dashboard.dark .low-stock-item-info strong{color:#f8fafc}.cashier-dashboard.dark .low-stock-item-info span,.cashier-dashboard.dark .low-stock-item-stock span{color:#cbd5e1}.cashier-dashboard.dark .sales-target-card{background:#ffffff0f;border-color:#ff8db538}.cashier-dashboard.dark .sales-target-header h2,.cashier-dashboard.dark .progress-labels{color:#f8fafc}.cashier-dashboard.dark .progress-labels{color:#cbd5e1}@media(max-width:600px){.low-stock-item{flex-direction:column;align-items:flex-start}.low-stock-item-stock{text-align:left;width:100%}}.top-selling-card{margin-bottom:1.5rem;padding:1.35rem;border-radius:28px;background:#ffffffd1;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-selling-header h2{margin:0 0 .35rem;color:var(--color-heading, #191919);font-size:1.25rem;font-weight:950;letter-spacing:-.035em}.top-selling-header p{margin:0;color:var(--color-muted, #64748b);line-height:1.5}.top-selling-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}.top-selling-item{display:flex;align-items:center;gap:1rem;padding:.85rem;border-radius:16px;background:#ff5f930d;border:1px solid rgba(255,95,147,.12);transition:transform .2s ease,background .2s ease}.top-selling-item:hover{transform:translateY(-2px);background:#ff5f931a}.top-selling-rank{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff;font-weight:950;font-size:.9rem;flex:0 0 auto}.top-selling-item-info{flex:1;min-width:0}.top-selling-item-info strong{display:block;color:#191919;font-size:.9rem;font-weight:950;margin-bottom:.2rem}.top-selling-item-info span{display:block;color:#64748b;font-size:.75rem}.top-selling-item-revenue{text-align:right;flex:0 0 auto}.top-selling-item-revenue strong{display:block;color:#ff5f93;font-size:.95rem;font-weight:950}.cashier-dashboard.dark .top-selling-card{background:#ffffff0f;border-color:#ff8db538}.cashier-dashboard.dark .top-selling-header h2{color:#f8fafc}.cashier-dashboard.dark .top-selling-item{background:#ff8db50d;border-color:#ff8db524}.cashier-dashboard.dark .top-selling-item:hover{background:#ff8db51a}.cashier-dashboard.dark .top-selling-item-info strong{color:#f8fafc}.cashier-dashboard.dark .top-selling-item-info span{color:#cbd5e1}.cashier-dashboard.dark .top-selling-item-revenue strong{color:#ff8db5}@media(max-width:600px){.top-selling-item{flex-wrap:wrap}.top-selling-item-revenue{width:100%;text-align:left}}.cashier-dashboard .barcode-input-group{position:relative;margin-left:1rem}.cashier-dashboard .barcode-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ff5f93;pointer-events:none}.cashier-dashboard .barcode-input-group input{width:200px;border:1px solid rgba(255,95,147,.18);border-radius:999px;padding:.6rem 1rem .6rem 2.6rem;outline:none;color:#1f2937;background:#ffffffe6;box-sizing:border-box;font-size:.9rem}.cashier-dashboard .barcode-input-group input:focus{border-color:#ff5f9394;box-shadow:0 0 0 4px #ff5f931f}.cashier-dashboard.dark .barcode-input-group input{background:#ffffff14;color:#f8fafc}@media(max-width:600px){.cashier-dashboard .barcode-input-group{display:none}}.purchase-history-results{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,95,147,.12)}.purchase-history-results h3{margin:0 0 .75rem;color:var(--color-heading, #191919);font-size:1rem;font-weight:950}.history-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border-radius:12px;background:#ff5f930d;margin-bottom:.5rem}.history-item-info strong{display:block;color:#191919;font-size:.85rem;font-weight:950;margin-bottom:.15rem}.history-item-info span{display:block;color:#64748b;font-size:.75rem}.history-item-amount strong{display:block;color:#ff5f93;font-size:.9rem;font-weight:950}.cashier-dashboard.dark .purchase-history-results h3{color:#f8fafc}.cashier-dashboard.dark .history-item{background:#ff8db50d}.cashier-dashboard.dark .history-item-info strong{color:#f8fafc}.cashier-dashboard.dark .history-item-info span{color:#cbd5e1}.cashier-dashboard.dark .history-item-amount strong{color:#ff8db5}.shift-input-group select{width:100%;border:1px solid rgba(255,95,147,.18);border-radius:12px;padding:.75rem 1rem;outline:none;color:#1f2937;background:#ffffffe6;box-sizing:border-box;font-size:.9rem;cursor:pointer}.shift-input-group select:focus{border-color:#ff5f9394;box-shadow:0 0 0 4px #ff5f931f}.cashier-dashboard.dark .shift-input-group select{background:#ffffff14;color:#f8fafc}.pending-orders-card{margin-bottom:1.5rem;padding:1.35rem;border-radius:28px;background:#ffffffd1;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pending-orders-header h2{margin:0 0 .35rem;color:var(--color-heading, #191919);font-size:1.25rem;font-weight:950;letter-spacing:-.035em}.pending-orders-header p{margin:0;color:var(--color-muted, #64748b);line-height:1.5}.pending-orders-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}.pending-order-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;border-radius:16px;background:#ff5f930d;border:1px solid rgba(255,95,147,.12);transition:transform .2s ease,background .2s ease}.pending-order-item:hover{transform:translateY(-2px);background:#ff5f931a}.pending-order-info strong{display:block;color:#191919;font-size:.9rem;font-weight:950;margin-bottom:.2rem}.pending-order-info span{display:block;color:#64748b;font-size:.75rem}.pending-order-amount{text-align:right}.pending-order-amount strong{display:block;color:#ff5f93;font-size:.95rem;font-weight:950;margin-bottom:.2rem}.pending-order-amount span{display:block;color:#64748b;font-size:.75rem}.cashier-dashboard.dark .pending-orders-card{background:#ffffff0f;border-color:#ff8db538}.cashier-dashboard.dark .pending-orders-header h2{color:#f8fafc}.cashier-dashboard.dark .pending-order-item{background:#ff8db50d;border-color:#ff8db524}.cashier-dashboard.dark .pending-order-item:hover{background:#ff8db51a}.cashier-dashboard.dark .pending-order-info strong{color:#f8fafc}.cashier-dashboard.dark .pending-order-info span,.cashier-dashboard.dark .pending-order-amount span{color:#cbd5e1}.cashier-dashboard.dark .pending-order-amount strong{color:#ff8db5}@media(max-width:600px){.pending-order-item{flex-direction:column;align-items:flex-start}.pending-order-amount{text-align:left;width:100%}}.product-search-item-actions{display:flex;gap:.5rem;flex:0 0 auto}.product-action-btn{width:36px;height:36px;border:none;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease;font-size:.85rem}.product-action-btn.add-btn{background:linear-gradient(135deg,#ff5f93,#ff8db5);color:#fff}.product-action-btn.add-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff5f934d}.product-action-btn.edit-btn{background:#ff5f931a;color:#ff5f93;border:1px solid rgba(255,95,147,.2)}.product-action-btn.edit-btn:hover{background:#ff5f9333;transform:scale(1.1)}.cashier-dashboard.dark .product-action-btn.edit-btn{background:#ff8db51a;border-color:#ff8db533;color:#ff8db5}.cashier-dashboard.dark .product-action-btn.edit-btn:hover{background:#ff8db533}@media(max-width:600px){.product-search-item{flex-wrap:wrap}.product-search-item-actions{width:100%;justify-content:flex-end}}.product-search-item-loyalty{flex:0 0 auto}.loyalty-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.75rem;font-weight:950}.loyalty-badge span{color:#fff}.gift-card-balance-display{margin-top:1rem;padding:1rem;border-radius:16px;background:linear-gradient(135deg,#ff5f931a,#ff8db51a);border:1px solid rgba(255,95,147,.2);text-align:center}.gift-card-balance-display strong{color:#ff5f93;font-size:1.25rem;font-weight:950}.cashier-dashboard.dark .gift-card-balance-display{background:#ff8db51a;border-color:#ff8db533}.cashier-dashboard.dark .gift-card-balance-display strong{color:#ff8db5}.cashier-navbar.top-navbar{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(320px,420px) minmax(190px,240px) auto!important;align-items:center!important;gap:1rem!important;margin:0 0 1.5rem!important;padding:1.1rem 1.75rem!important;min-height:auto!important;border-radius:0!important;overflow:visible!important}.cashier-main{padding-top:0!important}.cashier-dashboard .navbar-left{min-width:0!important}.cashier-dashboard .navbar-left h1{margin:.2rem 0 .3rem!important;line-height:1.1!important}.cashier-dashboard .navbar-left p{margin-top:.35rem!important;max-width:520px!important;line-height:1.4!important}.cashier-dashboard .search-group{width:100%!important;max-width:420px!important;margin:0!important}.cashier-dashboard .barcode-input-group{width:100%!important;max-width:240px!important;margin-left:0!important}.cashier-dashboard .barcode-input-group input{width:100%!important;height:48px!important}.cashier-dashboard .navbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;flex-wrap:nowrap!important;min-width:max-content!important}.cashier-dashboard .navbar-quick-actions,.cashier-dashboard .quick-actions-row,.cashier-dashboard .topbar-quick-actions,.cashier-dashboard .cashier-quick-actions{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}.cashier-dashboard .cashier-profile-btn{min-width:150px!important;height:52px!important;flex-shrink:0!important}.cashier-dashboard .icon-btn,.cashier-dashboard .theme-toggle-btn{width:52px!important;height:52px!important;min-width:52px!important;flex-shrink:0!important}.cashier-dashboard .navbar-actions>*{flex-shrink:0!important}@media(max-width:1200px){.cashier-dashboard .cashier-navbar.top-navbar{grid-template-columns:1fr 1fr!important;align-items:start!important}.cashier-dashboard .navbar-left{grid-column:1 / -1!important}.cashier-dashboard .search-group,.cashier-dashboard .barcode-input-group{max-width:100%!important}.cashier-dashboard .navbar-actions{justify-content:flex-start!important;flex-wrap:wrap!important}}@media(max-width:768px){.cashier-dashboard .cashier-navbar.top-navbar{grid-template-columns:1fr!important;padding:1rem!important}.cashier-dashboard .search-group,.cashier-dashboard .barcode-input-group{width:100%!important;max-width:100%!important}.cashier-dashboard .navbar-actions{display:grid!important;grid-template-columns:repeat(3,52px) 1fr!important;width:100%!important;align-items:center!important}.cashier-dashboard .cashier-profile-btn{grid-column:1 / -1!important;width:100%!important}}@media(max-width:480px){.cashier-dashboard .navbar-actions{grid-template-columns:repeat(3,1fr)!important}.cashier-dashboard .icon-btn,.cashier-dashboard .theme-toggle-btn{width:100%!important;min-width:0!important}}.cashier-kpi-card-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 8px 20px #ff5f9338;margin-bottom:14px}.cashier-kpi-card--pink .cashier-kpi-card-icon{background:linear-gradient(135deg,#ff5f93,#ff8db5);box-shadow:0 8px 20px #ff5f9338}.cashier-kpi-card--purple .cashier-kpi-card-icon{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));box-shadow:0 8px 20px #ff5f9338}.cashier-kpi-card--purple h3{color:var(--color-primary)}.cashier-kpi-card--blue .cashier-kpi-card-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 8px 20px #3b82f638}.cashier-kpi-card--blue h3{color:#3b82f6}.cashier-kpi-card--orange .cashier-kpi-card-icon{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 8px 20px #f9731638}.cashier-kpi-card--orange h3{color:#f97316}.cashier-kpi-card svg{color:inherit;font-size:1.1rem}@media(max-width:991px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px}}@media(max-width:767px){.quick-actions-grid{grid-template-columns:1fr!important;gap:12px}}.app-dashboard.cashier-workspace{--cashier-canvas: var(--color-bg, #f7f5ee);--cashier-surface: #ffffff;--cashier-surface-muted: #fbfaf7;--cashier-border: var(--color-border, #e9e6de);--cashier-ink: #282c2a;--cashier-muted: #68716d;--cashier-shadow: 0 8px 26px rgba(39, 43, 37, .07);--cashier-shadow-raised: 0 16px 36px rgba(39, 43, 37, .11);--color-bg-gradient: var(--cashier-canvas);--color-surface: var(--cashier-surface);--color-surface-solid: var(--cashier-surface);--color-heading: var(--cashier-ink);--color-text: var(--cashier-ink);--color-muted: var(--cashier-muted);--shadow-card: var(--cashier-shadow);--shadow-soft: 0 4px 14px rgba(39, 43, 37, .06);min-height:100vh;color:var(--cashier-ink);background:var(--cashier-canvas)!important}.app-dashboard.cashier-workspace .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px;overflow-x:clip;background:transparent!important}.app-dashboard.cashier-workspace .app-topbar{position:sticky;top:0;z-index:1100;min-height:80px;height:auto;margin:0;padding:12px clamp(18px,2.5vw,36px);border-bottom:1px solid var(--cashier-border);border-radius:0;background:#fff!important;box-shadow:0 4px 16px #272b250b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-dashboard.cashier-workspace .app-topbar .navbar-left{min-width:0}.app-dashboard.cashier-workspace .app-topbar .navbar-left h1{margin:0;color:var(--cashier-ink)!important;-webkit-text-fill-color:var(--cashier-ink)!important;background:none!important;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:750;letter-spacing:-.035em}.app-dashboard.cashier-workspace .app-topbar .navbar-left p{margin:4px 0 0;color:var(--cashier-muted)!important;font-size:.84rem;font-weight:450}.app-dashboard.cashier-workspace .app-topbar .navbar-actions{width:auto;min-width:0!important;gap:10px;flex-wrap:wrap!important}.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content{width:100%;max-width:none;min-height:0;margin:0;padding:0;overflow:visible;background:transparent!important}.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content>.app-content,.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content>.dashboard-content{width:100%;max-width:1680px;min-width:0;min-height:0;margin:0 auto;padding:clamp(18px,2.4vw,34px);color:var(--cashier-ink);background:transparent!important}.app-dashboard.cashier-workspace .cashier-transactions,.app-dashboard.cashier-workspace .cashier-reports,.app-dashboard.cashier-workspace .cashier-history,.app-dashboard.cashier-workspace .ht-root,.app-dashboard.cashier-workspace .reports-container,.app-dashboard.cashier-workspace .standard-report-layout,.app-dashboard.cashier-workspace .profile-settings-container,.app-dashboard.cashier-workspace .my-payroll-page{min-width:0;min-height:0;color:var(--cashier-ink);background:transparent!important}.app-dashboard.cashier-workspace .cashier-kpi-card,.app-dashboard.cashier-workspace .cashier-panel,.app-dashboard.cashier-workspace .premium-card,.app-dashboard.cashier-workspace .cashier-action-card,.app-dashboard.cashier-workspace .quick-action-card,.app-dashboard.cashier-workspace .shift-summary-card,.app-dashboard.cashier-workspace .shift-highlight-card,.app-dashboard.cashier-workspace .sales-target-card,.app-dashboard.cashier-workspace .cashier-transaction-item,.app-dashboard.cashier-workspace .cashier-mini-stat,.app-dashboard.cashier-workspace .cashier-empty-state,.app-dashboard.cashier-workspace .transactions-table-container,.app-dashboard.cashier-workspace .transaction-modal,.app-dashboard.cashier-workspace .ht-header,.app-dashboard.cashier-workspace .ht-content,.app-dashboard.cashier-workspace .ht-stat-card,.app-dashboard.cashier-workspace .standard-report-layout .report-content,.app-dashboard.cashier-workspace .profile-settings-container .profile-card{min-width:0;border:1px solid var(--cashier-border);border-radius:18px;background:var(--cashier-surface);box-shadow:var(--cashier-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.cashier-workspace .cashier-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.app-dashboard.cashier-workspace .cashier-kpi-card{min-height:142px;padding:18px}.app-dashboard.cashier-workspace .cashier-kpi-card h3,.app-dashboard.cashier-workspace .cashier-panel h2,.app-dashboard.cashier-workspace .cashier-panel-header h2,.app-dashboard.cashier-workspace .cashier-side-stack h2,.app-dashboard.cashier-workspace .transactions-header h1,.app-dashboard.cashier-workspace .ht-title{color:var(--cashier-ink);letter-spacing:-.03em}.app-dashboard.cashier-workspace .cashier-kpi-card p,.app-dashboard.cashier-workspace .cashier-kpi-card small,.app-dashboard.cashier-workspace .cashier-panel-header p,.app-dashboard.cashier-workspace .premium-muted,.app-dashboard.cashier-workspace .transactions-header p,.app-dashboard.cashier-workspace .ht-subtitle{color:var(--cashier-muted)}.app-dashboard.cashier-workspace .cashier-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px}.app-dashboard.cashier-workspace .cashier-panel{padding:18px}.app-dashboard.cashier-workspace .cashier-panel-header{border-bottom-color:var(--cashier-border)}.app-dashboard.cashier-workspace .cashier-transaction-item,.app-dashboard.cashier-workspace .cashier-mini-stat,.app-dashboard.cashier-workspace .payment-method-item,.app-dashboard.cashier-workspace .transaction-item,.app-dashboard.cashier-workspace .ht-entry{border-color:var(--cashier-border);border-radius:12px;background:var(--cashier-surface-muted);box-shadow:none}.app-dashboard.cashier-workspace .cashier-list,.app-dashboard.cashier-workspace .transactions-content,.app-dashboard.cashier-workspace .payment-methods{min-width:0}.app-dashboard.cashier-workspace .transactions-table-container,.app-dashboard.cashier-workspace .transactions-table-wrapper,.app-dashboard.cashier-workspace .ht-content,.app-dashboard.cashier-workspace .report-table-wrapper{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.app-dashboard.cashier-workspace .transactions-table,.app-dashboard.cashier-workspace .products-table{min-width:680px}.app-dashboard.cashier-workspace .transactions-table th,.app-dashboard.cashier-workspace .products-table th{background:#f4f2ec;color:#606b65;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.app-dashboard.cashier-workspace .transactions-table tbody tr:hover,.app-dashboard.cashier-workspace .products-table tbody tr:hover{background:#faf9f5}.app-dashboard.cashier-workspace .app-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-dashboard.cashier-workspace .app-main select,.app-dashboard.cashier-workspace .app-main textarea{min-height:42px;border:1px solid var(--cashier-border);border-radius:10px;background:#fff;color:var(--cashier-ink);box-shadow:none}.app-dashboard.cashier-workspace .app-main textarea{min-height:96px}.app-dashboard.cashier-workspace .app-main input:focus,.app-dashboard.cashier-workspace .app-main select:focus,.app-dashboard.cashier-workspace .app-main textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);outline:none}.app-dashboard.cashier-workspace .btn-primary,.app-dashboard.cashier-workspace .btn-secondary,.app-dashboard.cashier-workspace .primary-btn,.app-dashboard.cashier-workspace .secondary-btn,.app-dashboard.cashier-workspace .transaction-btn,.app-dashboard.cashier-workspace .page-btn{min-height:42px;border-radius:10px}.app-dashboard.cashier-workspace .transaction-modal,.app-dashboard.cashier-workspace .proof-modal,.app-dashboard.cashier-workspace .shift-modal{border:1px solid var(--cashier-border);border-radius:18px;background:var(--cashier-surface);box-shadow:var(--cashier-shadow-raised)}.app-dashboard.cashier-workspace .app-main :focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 60%,white);outline-offset:2px}@media(max-width:1200px){.app-dashboard.cashier-workspace .cashier-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-dashboard.cashier-workspace .cashier-main-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:1024px){.app-dashboard.cashier-workspace .app-sidebar.cashier-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .25s ease;z-index:1400}.app-dashboard.cashier-workspace .app-sidebar.cashier-sidebar.mobile-open{transform:translate(0)}.app-dashboard.cashier-workspace .mobile-menu-toggle{display:grid!important;place-items:center}.app-dashboard.cashier-workspace .app-main{width:100%;margin-left:0}.app-dashboard.cashier-workspace .mobile-backdrop{display:none}.app-dashboard.cashier-workspace .mobile-backdrop.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#1719176b}.app-dashboard.cashier-workspace .cashier-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.app-dashboard.cashier-workspace .app-topbar{min-height:64px;height:auto;padding:8px 12px;gap:8px}.app-dashboard.cashier-workspace .app-topbar h1{font-size:clamp(.95rem,4vw,1.15rem)}.app-dashboard.cashier-workspace .app-topbar p{display:none}.app-dashboard.cashier-workspace .app-topbar .navbar-actions{gap:6px}.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content>.app-content,.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content>.dashboard-content{padding:14px}.app-dashboard.cashier-workspace .cashier-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-dashboard.cashier-workspace .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.app-dashboard.cashier-workspace .cashier-main-grid,.app-dashboard.cashier-workspace .cashier-side-stack{grid-template-columns:minmax(0,1fr)}.app-dashboard.cashier-workspace .cashier-panel-header,.app-dashboard.cashier-workspace .transactions-header,.app-dashboard.cashier-workspace .header-actions{align-items:flex-start;flex-wrap:wrap}}@media(max-width:420px){.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content>.app-content,.app-dashboard.cashier-workspace .app-main>.app-content.dashboard-content>.dashboard-content{padding:10px}.app-dashboard.cashier-workspace .cashier-kpi-grid,.app-dashboard.cashier-workspace .quick-actions-grid{grid-template-columns:minmax(0,1fr)!important}}@keyframes pos-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pos-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pos-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pos-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pos-spin{to{transform:rotate(360deg)}}@keyframes pos-toast-shrink{0%{width:100%}to{width:0%}}@keyframes pos-tile-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}.pos-kiosk{display:flex;flex-direction:row;height:100vh;background:var(--color-bg, #fff1f7);color:var(--color-text, #1f2937);overflow:hidden;position:relative}.pos-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh}.pos-order-panel{width:360px;max-width:38vw;flex-shrink:0;display:flex;flex-direction:column;height:100vh;background:var(--color-surface-solid, #fff);border-left:1px solid var(--color-border, rgba(255,95,147,.18));box-shadow:-8px 0 40px #0000000f;z-index:30;overflow:hidden}@keyframes pos-step-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.pos-step-body{display:flex;flex-direction:column;flex:1;min-height:0;animation:pos-step-in .22s ease}.pos-step-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px 6px;flex-shrink:0}.pos-step-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:700;transition:all .2s}.pos-step-chip--active{background:var(--color-primary, #ff5f93);color:#fff}.pos-step-chip--done{background:#10b981;color:#fff}.pos-step-chip--pending{background:#f1f5f9;color:#94a3b8}.pos-step-connector{flex:1;height:2px;background:#e2e8f0;border-radius:1px;transition:background .25s}.pos-step-connector--active{background:#10b981}.pos-drawer-foot{flex-shrink:0;padding:10px 14px 14px;background:var(--color-surface-solid, #fff)}.pos-proceed-btn{width:100%;height:56px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #ff5f934d;transition:all .15s}.pos-proceed-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff5f9366}.pos-proceed-btn:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed}.pos-back-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--color-border, rgba(255,95,147,.18));background:transparent;color:var(--color-muted, #64748b);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s;flex-shrink:0}.pos-back-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.pos-pay-summary-compact{flex:1;display:flex;align-items:baseline;justify-content:flex-end;gap:8px}.pos-pay-item-count{font-size:12px;color:var(--color-muted, #64748b);font-weight:500}.pos-pay-total-label{font-size:22px;font-weight:900;color:var(--color-primary, #ff5f93)}.pos-order-panel .pos-cart-items{flex:1 1 140px;min-height:90px}.pos-order-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--color-primary, #ff5f93);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.pos-order-foot{flex-shrink:0;padding:10px 14px 14px;background:var(--color-surface-solid, #fff);border-top:1px solid var(--color-border, rgba(255,95,147,.18))}.pos-order-foot .pos-confirm-btn{width:100%}.pos-numpad-change--short{color:#dc2626}.pos-order-panel .pos-payment-methods{padding:8px 14px}.pos-order-panel .pos-pm-btn{height:44px;flex-direction:row;gap:6px;font-size:12px}.pos-order-panel .pos-pm-icon{font-size:15px}.pos-order-panel .pos-numpad-section{flex:1;min-height:0;overflow:visible;padding:0 14px 8px;gap:10px}.pos-order-panel .pos-numpad-display{padding:10px 14px;flex-shrink:0}.pos-order-panel .pos-numpad-received-value{font-size:30px}.pos-order-panel .pos-numpad-change{font-size:14px;margin-top:4px}.pos-order-panel .pos-numpad-change strong{font-size:16px}.pos-order-panel .pos-numpad{flex:1;min-height:0;gap:6px;grid-template-rows:repeat(4,1fr)}.pos-order-panel .pos-numpad-key{height:auto;min-height:44px;font-size:18px;border-radius:8px}.pos-order-panel .pos-bill-btn{height:30px;font-size:11px;padding:0 10px}.pos-order-panel .pos-numpad-clear{height:30px;flex-shrink:0}.pos-order-panel .pos-bill-presets{flex-shrink:0}.pos-order-panel .pos-digital-section{flex:1;padding:0 14px;gap:14px;align-items:center;justify-content:center;text-align:center}.pos-order-panel .pos-digital-ref-input{height:44px;font-size:14px}.pos-order-panel .pos-digital-amount{justify-content:center}.pos-topbar{display:flex;align-items:center;gap:12px;height:58px;padding:0 16px;background:var(--color-surface-solid, #fff);border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));flex-shrink:0;z-index:40}.pos-topbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.pos-brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px}.pos-brand-name{font-size:15px;font-weight:800;color:var(--color-heading, #191919);letter-spacing:-.3px;white-space:nowrap}.pos-search-wrap{flex:1;display:flex;align-items:center;gap:10px;height:40px;background:var(--color-surface, rgba(255,255,255,.9));border:1.5px solid var(--color-border, rgba(255,95,147,.18));border-radius:10px;padding:0 14px;transition:border-color .15s;max-width:560px;margin:0 auto}.pos-search-wrap:focus-within{border-color:var(--color-primary, #ff5f93);background:#fff}.pos-search-icon{color:var(--color-muted, #64748b);font-size:13px;flex-shrink:0}.pos-search-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text, #1f2937);outline:none;min-width:0}.pos-search-input::placeholder{color:var(--color-muted, #64748b)}.pos-search-clear{background:none;border:none;color:var(--color-muted, #64748b);cursor:pointer;padding:2px;display:flex;align-items:center;font-size:13px}.pos-search-area{flex:1;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:6px;position:relative}.pos-search-area .pos-search-wrap{flex:1;max-width:none;margin:0}.pos-cam-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-muted, #64748b);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .15s;flex-shrink:0}.pos-cam-btn:hover{background:#ff5f9314;border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.pos-cam-btn.active{background:var(--color-primary, #ff5f93);border-color:var(--color-primary, #ff5f93);color:#fff;box-shadow:0 4px 12px #ff5f934d}.pos-webcam-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:900;background:#fffffff7;border:1.5px solid rgba(255,95,147,.22);border-radius:14px;box-shadow:0 16px 48px #0f172a2e;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pos-webcam-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:800;color:#1f2937}.pos-webcam-close{border:none;background:none;cursor:pointer;color:#64748b;font-size:14px;padding:2px;display:flex;align-items:center;transition:color .15s}.pos-webcam-close:hover{color:#ef4444}.pos-topbar-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.pos-topbar-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-text, #1f2937);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .12s}.pos-topbar-btn:hover{background:var(--color-surface, rgba(255,255,255,.9));border-color:var(--color-muted, #64748b)}.pos-alert-badge{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.pos-alert-badge--warn{background:#fef3c7;color:#d97706}.pos-alert-badge--danger{background:#fee2e2;color:#dc2626}.pos-nav-wrap{position:relative}.pos-nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface-solid, #fff);border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:12px;padding:6px;min-width:180px;box-shadow:0 8px 32px #0000001f;z-index:100;animation:pos-pop-in .15s ease}.pos-nav-header{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-muted, #64748b);padding:4px 8px 8px}.pos-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--color-text, #1f2937);font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:background .1s}.pos-nav-item:hover{background:var(--color-surface, rgba(255,255,255,.9))}.pos-category-tabs{display:flex;align-items:center;gap:4px;height:52px;padding:0 12px;background:var(--color-surface-solid, #fff);border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none}.pos-category-tabs::-webkit-scrollbar{display:none}.pos-cat-tab{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:9px;border:1.5px solid transparent;background:transparent;color:var(--color-muted, #64748b);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .12s;flex-shrink:0}.pos-cat-tab:hover{background:var(--color-surface, rgba(255,255,255,.9));color:var(--color-text, #1f2937)}.pos-cat-tab.active{background:var(--cat-bg, rgba(255,95,147,.1));border-color:var(--cat-color, var(--color-primary, #ff5f93));color:var(--cat-color, var(--color-primary, #ff5f93))}.pos-cat-tab-icon,.pos-cat-tab-label{font-size:12px}.pos-cat-tab-count{font-size:10px;font-weight:800;background:var(--color-border, rgba(255,95,147,.18));color:var(--color-muted, #64748b);border-radius:999px;padding:1px 6px;transition:all .12s}.pos-cat-tab.active .pos-cat-tab-count{background:var(--cat-color, var(--color-primary, #ff5f93));color:#fff}.pos-cat-tab-count--highlight{background:#10b981!important;color:#fff!important}.pos-cat-tab-divider{width:1px;height:24px;background:var(--color-border, rgba(255,95,147,.18));flex-shrink:0;margin:0 4px}.pos-product-area{flex:1;overflow-y:auto;overflow-x:auto;background:var(--color-bg, #fff1f7);display:flex;flex-direction:column}.pos-product-area::-webkit-scrollbar{width:4px}.pos-product-area::-webkit-scrollbar-thumb{background:var(--color-border, rgba(255,95,147,.18));border-radius:4px}.pos-info-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 6px;flex-shrink:0}.pos-info-count{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-muted, #64748b)}.pos-info-sync{font-size:11px;color:var(--color-muted, #64748b)}.pos-approvals-wrap{flex:1;overflow-y:auto;padding:16px}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding:16px 20px 100px;align-content:start}.pos-tile{background:var(--color-surface-solid, #fff);border-radius:14px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));overflow:hidden;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;animation:pos-tile-in .2s ease both;position:relative}.pos-tile:hover:not(.pos-tile--oos){border-color:var(--color-primary, #ff5f93);transform:translateY(-3px);box-shadow:0 8px 24px #ff5f9326}.pos-tile--in-cart{border-color:#ff5f9380;box-shadow:0 0 0 2px #ff5f931f}.pos-tile--oos{cursor:default;opacity:.52}.pos-tile--oos:hover{transform:none;box-shadow:none;border-color:var(--color-border, rgba(255,95,147,.18))}.pos-tile--service{border-color:#64748b40}.pos-tile--service:hover{border-color:#64748b;box-shadow:0 8px 24px #64748b26}.pos-tile-img{height:130px;background:var(--color-surface, rgba(255,255,255,.9));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pos-tile-img img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.pos-tile-placeholder{font-size:32px;color:var(--color-border, rgba(255,95,147,.18))}.pos-tile-disc-badge{position:absolute;top:7px;left:7px;background:var(--color-primary, #ff5f93);color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px}.pos-tile-service-badge{position:absolute;bottom:7px;left:7px;background:#64748b;color:#fff;font-size:8px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.5px}.pos-tile-cart-badge{position:absolute;top:7px;right:7px;width:24px;height:24px;background:#111827;color:#fff;font-size:11px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center}.pos-tile-body{padding:10px 10px 6px;flex:1;display:flex;flex-direction:column;gap:4px}.pos-tile-name{font-size:13px;font-weight:700;color:var(--color-heading, #191919);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-tile-price-row{display:flex;align-items:baseline;gap:5px}.pos-tile-price{font-size:16px;font-weight:900;color:var(--color-primary, #ff5f93)}.pos-tile-price-old{font-size:11px;color:var(--color-muted, #64748b);text-decoration:line-through}.pos-tile-stock{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;display:inline-block;width:fit-content}.pos-tile-stock--out{background:#fee2e2;color:#dc2626}.pos-tile-stock--low{background:#fef3c7;color:#d97706}.pos-tile-stock--ok{background:#dcfce7;color:#16a34a}.pos-tile-action{padding:8px 10px 10px}.pos-tile-add-btn{width:100%;height:36px;border-radius:9px;border:none;background:var(--color-primary, #ff5f93);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;gap:6px}.pos-tile-add-btn:hover{background:var(--color-primary-light, #ff8db5);transform:translateY(-1px)}.pos-tile-oos-label{display:block;text-align:center;font-size:12px;color:var(--color-muted, #64748b);font-weight:600;padding:8px 0}.pos-tile-stepper{display:flex;align-items:center;justify-content:center;gap:8px}.pos-stepper-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-text, #1f2937);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .1s;flex-shrink:0}.pos-stepper-btn:hover:not(:disabled){border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.pos-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.pos-stepper-btn--sm{width:26px;height:26px;font-size:10px;border-radius:6px}.pos-stepper-qty{font-size:16px;font-weight:800;color:var(--color-heading, #191919);min-width:28px;text-align:center}.pos-state-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 40px;text-align:center;animation:pos-fade-in .3s ease}.pos-state-icon{width:68px;height:68px;border-radius:18px;background:var(--color-surface-solid, #fff);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--color-muted, #64748b);box-shadow:0 4px 16px #0000000f}.pos-state-title{font-size:18px;font-weight:800;color:var(--color-heading, #191919)}.pos-state-sub{font-size:13px;color:var(--color-muted, #64748b);max-width:260px;line-height:1.6}.pos-spinner{width:40px;height:40px;border:3px solid var(--color-border, rgba(255,95,147,.18));border-top-color:var(--color-primary, #ff5f93);border-radius:50%;animation:pos-spin .75s linear infinite}.pos-btn-retry{height:38px;padding:0 18px;border-radius:9px;border:1.5px solid var(--color-primary, #ff5f93);background:transparent;color:var(--color-primary, #ff5f93);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .12s}.pos-btn-retry:hover{background:#ff5f930f}.pos-drawer-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));flex-shrink:0}.pos-drawer-close{width:34px;height:34px;border-radius:8px;border:1px solid var(--color-border, rgba(255,95,147,.18));background:transparent;color:var(--color-muted, #64748b);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.pos-drawer-close:hover{background:var(--color-surface, rgba(255,255,255,.9));color:var(--color-text, #1f2937)}.pos-drawer-title{flex:1;font-size:15px;font-weight:700;color:var(--color-heading, #191919);display:flex;align-items:center;gap:8px}.pos-drawer-clear{width:32px;height:32px;border-radius:8px;border:1px solid #fca5a5;background:transparent;color:#dc2626;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.pos-drawer-clear:hover{background:#fef2f2}.pos-drawer-clear:disabled{opacity:.35;cursor:not-allowed}.pos-drawer-section{padding:12px 16px;border-bottom:1px solid var(--color-border, rgba(255,95,147,.18));flex-shrink:0}.pos-drawer-section--tight{padding-top:10px;padding-bottom:10px}.pos-drawer-label{font-size:11px;font-weight:700;color:var(--color-muted, #64748b);display:flex;align-items:center;gap:5px;margin-bottom:7px;letter-spacing:.3px}.pos-drawer-select-wrap{position:relative;width:100%;margin-bottom:6px}.pos-drawer-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-muted, #64748b);pointer-events:none;line-height:1;margin-top:1px}.pos-drawer-select{width:100%;height:44px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));border-radius:8px;padding:0 32px 0 12px;font-size:13px;color:var(--color-text, #1f2937);background:var(--color-surface, rgba(255,255,255,.9));outline:none;transition:border-color .15s;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.pos-drawer-input{width:100%;height:44px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));border-radius:8px;padding:0 12px;font-size:13px;color:var(--color-text, #1f2937);background:var(--color-surface, rgba(255,255,255,.9));outline:none;transition:border-color .15s;margin-bottom:6px;box-sizing:border-box}.pos-drawer-select:focus,.pos-drawer-input:focus{border-color:var(--color-primary, #ff5f93);background:#fff}.pos-drawer-input::placeholder{color:var(--color-muted, #64748b)}.pos-cart-items{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.pos-cart-items::-webkit-scrollbar{width:3px}.pos-cart-items::-webkit-scrollbar-thumb{background:var(--color-border, rgba(255,95,147,.18));border-radius:3px}.pos-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:120px;color:var(--color-muted, #64748b);font-size:13px}.pos-cart-empty-icon{font-size:28px;color:var(--color-border, rgba(255,95,147,.18))}.pos-cart-row{display:flex;align-items:flex-start;gap:8px;padding:10px;background:var(--color-surface, rgba(255,255,255,.9));border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:10px;animation:pos-slide-up .15s ease}.pos-cart-row-info{flex:1;min-width:0;overflow:visible}.pos-cart-row-name{font-size:12px;font-weight:600;color:var(--color-heading, #191919);white-space:normal;word-break:break-word;line-height:1.35;display:flex;align-items:flex-start;gap:5px}.pos-cart-service-chip{font-size:8px;font-weight:800;background:#64748b;color:#fff;border-radius:4px;padding:1px 5px;letter-spacing:.3px;flex-shrink:0}.pos-cart-row-price{font-size:11px;color:var(--color-muted, #64748b);margin-top:2px}.pos-cart-row-stepper{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-top:2px}.pos-stepper-input{width:38px;height:28px;padding:0;line-height:1;border:1px solid var(--color-border, rgba(255,95,147,.18));border-radius:6px;text-align:center;font-size:12px;font-weight:700;color:var(--color-heading, #191919);background:var(--color-surface, rgba(255,255,255,.9));outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pos-stepper-input:focus{border-color:var(--color-primary, #ff5f93)}.pos-stepper-input::-webkit-inner-spin-button,.pos-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none}.pos-cart-row-total{font-size:13px;font-weight:800;color:var(--color-heading, #191919);white-space:nowrap;min-width:52px;text-align:right;flex-shrink:0;margin-top:2px}.pos-cart-row-remove{width:22px;height:22px;border:none;background:transparent;color:var(--color-muted, #64748b);font-size:12px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0;margin-top:2px}.pos-cart-row-remove:hover{background:#fee2e2;color:#dc2626}.pos-drawer-totals{padding:12px 16px;border-top:1px solid var(--color-border, rgba(255,95,147,.18));flex-shrink:0}.pos-totals-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-muted, #64748b);padding:2px 0}.pos-totals-grand{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px;border-top:1.5px solid var(--color-border, rgba(255,95,147,.18));margin-top:6px;font-size:13px;font-weight:600;color:var(--color-heading, #191919)}.pos-totals-grand span:last-child{font-size:26px;font-weight:900;color:var(--color-primary, #ff5f93)}.pos-payment-amount-label{font-size:10px;color:var(--color-muted, #64748b);font-weight:600;letter-spacing:.5px}.pos-payment-methods{display:flex;gap:8px;padding:14px 20px;flex-shrink:0}.pos-pm-btn{flex:1;height:56px;border-radius:12px;border:2px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-muted, #64748b);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;transition:all .12s}.pos-pm-btn:hover{border-color:var(--pm-color, var(--color-primary, #ff5f93));color:var(--pm-color, var(--color-primary, #ff5f93))}.pos-pm-btn.active{border-color:var(--pm-color, var(--color-primary, #ff5f93));background:#00000008;color:var(--pm-color, var(--color-primary, #ff5f93));box-shadow:0 0 0 3px #0000000a}.pos-pm-icon{font-size:18px}.pos-numpad-section{flex:1;overflow-y:auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:12px}.pos-numpad-display{background:#f8fafc;border:1.5px solid var(--color-border, rgba(255,95,147,.18));border-radius:12px;padding:14px 16px;text-align:right}.pos-numpad-received-label{font-size:11px;color:var(--color-muted, #64748b);font-weight:600;margin-bottom:4px}.pos-numpad-received-value{font-size:32px;font-weight:900;color:var(--color-heading, #191919);line-height:1}.pos-numpad-placeholder{color:var(--color-muted, #64748b)}.pos-numpad-change{margin-top:6px;font-size:14px;font-weight:600;color:#16a34a;text-align:right}.pos-bill-presets{display:flex;gap:6px;flex-wrap:wrap}.pos-bill-btn{height:34px;padding:0 12px;border-radius:8px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-text, #1f2937);font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}.pos-bill-btn:hover{border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93);background:#ff5f930d}.pos-bill-btn--exact{border-color:#10b981;color:#10b981}.pos-bill-btn--exact:hover{background:#10b9810f}.pos-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pos-numpad-key{height:52px;border-radius:10px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-heading, #191919);font-size:20px;font-weight:700;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center}.pos-numpad-key:hover{background:#ff5f930f;border-color:var(--color-primary, #ff5f93)}.pos-numpad-key:active{transform:scale(.96)}.pos-numpad-key--delete{color:#dc2626;border-color:#fca5a5}.pos-numpad-key--delete:hover{background:#fef2f2}.pos-numpad-clear{width:100%;height:34px;border-radius:8px;border:1px solid var(--color-border, rgba(255,95,147,.18));background:transparent;color:var(--color-muted, #64748b);font-size:12px;font-weight:600;cursor:pointer;transition:all .1s}.pos-numpad-clear:hover{background:var(--color-surface, rgba(255,255,255,.9))}.pos-digital-section{flex:1;padding:16px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.pos-digital-icon{width:72px;height:72px;border-radius:18px;background:#0000000a;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--color-heading, #191919)}.pos-digital-instruction{font-size:13px;color:var(--color-muted, #64748b);text-align:center;line-height:1.6;max-width:300px}.pos-digital-ref-input{width:100%;height:48px;border:2px solid var(--color-border, rgba(255,95,147,.18));border-radius:12px;padding:0 16px;font-size:16px;font-weight:600;text-align:center;color:var(--color-heading, #191919);background:var(--color-surface, rgba(255,255,255,.9));outline:none;transition:border-color .15s;letter-spacing:1px}.pos-digital-ref-input:focus{border-color:var(--color-primary, #ff5f93)}.pos-digital-ref-input::placeholder{font-weight:400;letter-spacing:0;color:var(--color-muted, #64748b)}.pos-digital-amount{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-muted, #64748b)}.pos-digital-amount strong{font-size:22px;font-weight:900;color:var(--color-heading, #191919)}.pos-confirm-btn{width:100%;height:54px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #ff5f934d;transition:all .15s}.pos-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff5f9366}.pos-confirm-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.pos-modal{background:var(--color-surface-solid, #fff);border-radius:18px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000038;animation:pos-pop-in .2s ease}.pos-modal--sm{max-width:380px}.pos-modal-body{flex:1;overflow-y:auto;padding:16px 24px}.pos-modal-body::-webkit-scrollbar{width:4px}.pos-modal-body::-webkit-scrollbar-thumb{background:var(--color-border, rgba(255,95,147,.18));border-radius:4px}.pos-btn-secondary{height:40px;padding:0 20px;border-radius:10px;border:1.5px solid var(--color-border, rgba(255,95,147,.18));background:var(--color-surface-solid, #fff);color:var(--color-text, #1f2937);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.pos-btn-secondary:hover{background:var(--color-surface, rgba(255,255,255,.9))}.pos-btn-primary{height:40px;padding:0 20px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .12s}.pos-btn-primary:hover{opacity:.9}.pos-receipt-paper{background:#fff;font-family:"OCR-B 10 BT",OCR B,Courier New,Courier,monospace;overflow:hidden;color:#000;font-size:13px;border:1px solid #999}.pos-receipt-hd{padding:10px 10px 4px}.pos-receipt-name{font-size:15px;font-weight:900;color:#000;margin-bottom:2px}.pos-receipt-addr{font-size:10px;color:#000;line-height:1.4}.pos-receipt-sub{font-size:12px;font-weight:700;color:#000;letter-spacing:1px;text-transform:uppercase;margin-top:6px}.pos-receipt-row{display:flex;justify-content:space-between;padding:3px 10px;font-size:13px;color:#000}.pos-receipt-row span:first-child{color:#000}.pos-receipt-row span:last-child{font-weight:600}.pos-receipt-item{padding:2px 10px 4px;font-size:13px}.pos-receipt-item-name{font-weight:700;color:#000}.pos-receipt-item-qty{font-size:10px;color:#000;padding-left:12px}.pos-receipt-item-price{text-align:right;font-weight:700;color:#000;margin-top:-14px}.pos-receipt-total{display:flex;justify-content:space-between;padding:6px 10px;font-size:18px;font-weight:900;color:#000}.pos-receipt-footer{text-align:center;font-size:10.5px;color:#000;line-height:1.5;padding:8px 10px 12px}.pos-photo-img{width:100%;max-height:70vh;object-fit:contain;border-radius:10px;display:block}.pos-help-grid{display:flex;flex-direction:column;gap:0}.pos-help-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border, rgba(255,95,147,.18))}.pos-help-row:last-child{border-bottom:none}.pos-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:28px;padding:0 8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:12px;font-weight:700;color:#374151;flex-shrink:0}.pos-help-desc{font-size:13px;color:var(--color-text, #1f2937)}.pos-toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;gap:8px;align-items:center}.pos-toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0003;animation:pos-slide-up .2s ease;max-width:360px;position:relative;overflow:hidden}.pos-toast--success{background:#059669}.pos-toast--error{background:#dc2626}.pos-toast--warn{background:#d97706}.pos-toast--info{background:#1e293b}.pos-toast-bar{position:absolute;bottom:0;left:0;height:3px;background:#ffffff73;border-radius:0 0 0 12px;animation:pos-toast-shrink 3.2s linear forwards}@media print{body *{visibility:hidden!important}.pw-modal-overlay,.pw-modal-overlay *{visibility:visible!important}.pw-modal-overlay{position:absolute!important;top:0;right:0;bottom:0;left:0;background:#fff!important;display:flex;align-items:flex-start;justify-content:center;padding:0!important}.pos-modal{box-shadow:none!important;border:none!important;width:100%!important;max-width:380px!important;margin:0 auto!important;max-height:none!important}.pos-modal .pw-modal-footer,.pos-modal .pw-modal-close{display:none!important}}@media(min-width:1081px)and (max-height:620px){.pos-order-panel .pos-numpad-section{overflow-y:auto}.pos-order-panel .pos-numpad{flex:none;grid-template-rows:none}.pos-order-panel .pos-numpad-key{height:40px}}@media(max-width:1080px){.pos-kiosk{flex-wrap:wrap;overflow-y:auto;height:auto;min-height:100vh;min-height:100dvh}.pos-main{flex:1 1 100%;height:auto;min-height:55vh}.pos-order-panel{width:100%;max-width:none;height:auto;border-left:none;border-top:1px solid var(--color-border, rgba(255,95,147,.18));box-shadow:none}.pos-step-body{min-height:auto}.pos-order-panel .pos-cart-items{min-height:160px}.pos-order-panel .pos-numpad-section{flex:none}.pos-order-panel .pos-numpad{flex:none;grid-template-rows:none}.pos-order-panel .pos-numpad-key{height:52px}}@media(max-width:700px){.pos-order-panel .pos-numpad-key{height:54px}}@media(max-width:768px){.pos-brand-name,.pos-alert-badge,.pos-topbar-btn--optional{display:none}.pos-topbar{gap:8px;padding:0 10px}.pos-webcam-panel{position:fixed;top:66px;left:12px;right:12px}.pos-category-tabs{padding:0 8px;gap:3px}.pos-cat-tab{padding:0 10px;gap:5px}.pos-info-bar{padding:8px 12px 4px}.pos-approvals-wrap{padding:10px}.pos-step-indicator{padding:8px 14px 4px}.pos-drawer-header,.pos-drawer-section{padding:10px 14px}.pos-cart-items{padding:8px 10px}.pos-drawer-totals{padding:10px 14px}.pos-back-btn{height:36px}.pos-drawer-clear{width:36px;height:36px}.pos-order-panel .pos-bill-btn{height:36px}.pos-order-panel .pos-pm-btn{height:48px}.pos-modal{border-radius:16px;max-height:calc(100dvh - 24px)}.pos-modal .pw-modal-header{padding:14px 18px 12px}.pos-modal .pw-modal-body{padding:14px 18px}.pos-modal .pw-modal-footer{padding:12px 18px 14px;flex-wrap:wrap}.pos-modal .pw-modal-footer .pos-btn-secondary,.pos-modal .pw-modal-footer .pos-btn-primary{flex:1}.pos-toast-wrap{left:12px;right:12px;bottom:12px;transform:none}.pos-toast{width:100%;max-width:none}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px}.pos-tile-img{height:110px}}@media(max-width:480px){.pos-product-grid{grid-template-columns:repeat(2,1fr)}.pos-brand-mark{width:32px;height:32px;font-size:13px}.pos-search-wrap{height:36px;padding:0 10px}.pos-search-input{font-size:12px}.pos-step-chip{padding:0 10px;font-size:10px}.pos-cart-row{padding:8px;gap:6px}.pos-stepper-input{width:32px}.pos-tile-img{height:96px}.pos-order-panel .pos-numpad-received-value{font-size:26px}}@media(max-width:1080px)and (max-height:540px){.pos-main{min-height:45vh}.pos-order-panel .pos-cart-items{min-height:100px}.pos-topbar{height:52px}.pos-category-tabs{height:46px}}@keyframes pa-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pa-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pa-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.payment-approvals{width:100%;padding:20px;background:transparent;display:flex;flex-direction:column;gap:0}.pa-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,95,147,.15)}.pa-header-title{display:flex;flex-direction:column;gap:4px}.pa-badge{display:inline-block;padding:3px 10px;background:#ff5f931a;color:var(--color-primary, #ff5f93);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;border-radius:999px;width:fit-content;margin-bottom:2px}.pa-header-title h2{margin:0;font-size:1.4rem;font-weight:800;color:var(--color-heading, #191919)}.pa-header-title p{margin:0;font-size:.88rem;color:var(--color-muted, #64748b)}.pa-header-actions{display:flex;gap:10px;align-items:center}.pa-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;border:none;background:var(--color-primary, #ff5f93);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .14s}.pa-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pa-btn-primary:disabled{opacity:.45;cursor:not-allowed}.pa-btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;border:1.5px solid rgba(255,95,147,.2);background:#fff;color:var(--color-text, #1f2937);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .14s}.pa-btn-secondary:hover:not(:disabled){background:#fdf2f8;border-color:var(--color-primary, #ff5f93)}.pa-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.pa-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.pa-stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid rgba(255,95,147,.12);border-radius:14px;padding:16px 18px;box-shadow:0 2px 12px #0000000a;transition:transform .15s}.pa-stat-card:hover{transform:translateY(-2px)}.pa-stat-highlight{border-color:#10b98140}.pa-stat-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.pa-stat-icon--blue{background:#eff6ff;color:#3b82f6}.pa-stat-icon--green{background:#dcfce7;color:#10b981}.pa-stat-icon--pink{background:#ff5f931a;color:var(--color-primary, #ff5f93)}.pa-stat-content{display:flex;flex-direction:column}.pa-stat-value{font-size:1.6rem;font-weight:800;color:var(--color-heading, #191919);line-height:1.1}.pa-stat-highlight .pa-stat-value{color:#059669}.pa-stat-label{font-size:.78rem;color:var(--color-muted, #64748b);text-transform:uppercase;letter-spacing:.4px;font-weight:600;margin-top:2px}.pa-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;background:#fff;border:1.5px solid rgba(255,95,147,.12);border-radius:12px;flex-wrap:wrap}.pa-search{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;max-width:280px;background:#f8fafc;border:1.5px solid rgba(255,95,147,.15);border-radius:8px;padding:8px 12px;transition:border-color .15s}.pa-search:focus-within{border-color:var(--color-primary, #ff5f93);background:#fff}.pa-search-icon{color:var(--color-muted, #64748b);font-size:.85rem;flex-shrink:0}.pa-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--color-text, #1f2937);outline:none;min-width:0}.pa-search input::placeholder{color:var(--color-muted, #64748b)}.pa-filter-group{display:flex;align-items:center;gap:6px;color:var(--color-muted, #64748b);font-size:.85rem}.pa-filter-group select{padding:7px 10px;border-radius:8px;border:1.5px solid rgba(255,95,147,.15);background:#f8fafc;font-size:.88rem;color:var(--color-text, #1f2937);cursor:pointer;outline:none;transition:border-color .15s}.pa-filter-group select:focus{border-color:var(--color-primary, #ff5f93);background:#fff}.pa-method-chips{display:flex;gap:5px;flex-wrap:nowrap}.pa-method-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;border:1.5px solid rgba(255,95,147,.18);background:#fff;color:var(--color-muted, #64748b);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .12s;white-space:nowrap}.pa-method-chip:hover{border-color:#94a3b8;color:var(--color-text, #1f2937)}.pa-method-chip.active[data-method=cash]{background:#dcfce7;border-color:#10b981;color:#10b981}.pa-method-chip.active[data-method=gcash]{background:#ede9fe;border-color:#4f46e5;color:#4f46e5}.pa-method-chip.active[data-method=maya]{background:#e0f2fe;border-color:#0ea5e9;color:#0ea5e9}.pa-method-chip.active[data-method=all]{background:#ff5f9314;border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.pa-filter-meta{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.pa-result-count{font-size:.85rem;color:var(--color-text, #1f2937);font-weight:600}.pa-last-updated{font-size:.78rem;color:var(--color-muted, #64748b)}.pa-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#fdf2f8;border:2px solid var(--color-primary, #ff5f93);border-radius:11px;margin-bottom:14px;position:sticky;top:0;z-index:10;box-shadow:0 4px 14px #0000000f}.pa-bulk-info{display:flex;align-items:center;gap:14px}.pa-bulk-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:.9rem;color:var(--color-heading, #191919)}.pa-bulk-checkbox input{width:16px;height:16px;cursor:pointer}.pa-btn-clear{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:none;background:transparent;color:var(--color-muted, #64748b);font-size:.82rem;cursor:pointer;transition:all .12s}.pa-btn-clear:hover{color:#dc2626;background:#dc262614}.pa-bulk-actions{display:flex;gap:8px}.pa-btn-bulk-verify,.pa-btn-bulk-reject{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:none;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .14s}.pa-btn-bulk-verify{background:#10b981;color:#fff}.pa-btn-bulk-verify:hover{background:#059669}.pa-btn-bulk-reject{background:#dc2626;color:#fff}.pa-btn-bulk-reject:hover{background:#b91c1c}.pa-loading,.pa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;background:#fff;border:1.5px solid rgba(255,95,147,.12);border-radius:14px;text-align:center;gap:14px}.pa-loading{color:var(--color-muted, #64748b)}.pa-empty-icon{font-size:2.5rem;color:#ff5f9359;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ff5f930f;border-radius:16px}.pa-empty h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-heading, #191919)}.pa-empty p{margin:0;font-size:.9rem;color:var(--color-muted, #64748b);max-width:360px;line-height:1.6}.pa-cards{display:flex;flex-direction:column;gap:12px}.pa-card{background:#fff;border:1.5px solid rgba(255,95,147,.13);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0000000a;transition:all .15s;animation:pa-slide-up .2s ease both;position:relative;display:flex;flex-direction:column}.pa-card:hover{box-shadow:0 6px 20px #00000014;border-color:#ff5f9340}.pa-card-selected{border-color:var(--color-primary, #ff5f93);background:#ff5f9305}.pa-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:14px 0 0 14px}.pa-card-header,.pa-card-body,.pa-card-actions{padding-left:20px}.pa-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px 20px;border-bottom:1px solid rgba(255,95,147,.1)}.pa-checkbox{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}.pa-checkbox input{position:absolute;opacity:0;width:18px;height:18px;cursor:pointer}.pa-checkmark{width:18px;height:18px;border:2px solid rgba(255,95,147,.25);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .14s;flex-shrink:0}.pa-checkbox input:checked+.pa-checkmark{background:var(--color-primary, #ff5f93);border-color:var(--color-primary, #ff5f93)}.pa-checkbox input:checked+.pa-checkmark:after{content:"✓";color:#fff;font-size:11px;font-weight:800}.pa-avatar{width:36px;height:36px;border-radius:50%;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.5px}.pa-customer{display:flex;flex-direction:column;flex:1;min-width:0}.pa-customer-name{font-weight:700;color:var(--color-heading, #191919);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-customer-email{font-size:.78rem;color:var(--color-muted, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-card-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.pa-method-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap;letter-spacing:.2px}.pa-time{font-size:.75rem;color:var(--color-muted, #64748b);white-space:nowrap}.pa-card-body{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px 12px 20px;border-bottom:1px solid rgba(255,95,147,.08)}.pa-service{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.pa-service-icon-wrap{width:34px;height:34px;border-radius:9px;background:#ff5f9314;color:var(--color-primary, #ff5f93);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.pa-service-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pa-service-type{font-size:.75rem;color:var(--color-muted, #64748b);text-transform:capitalize;font-weight:600;letter-spacing:.2px}.pa-service-name{font-weight:600;color:var(--color-text, #1f2937);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-amount-section{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;max-width:55%}.pa-amount{font-size:1.3rem;font-weight:900;color:var(--color-heading, #191919)}.pa-proof-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:none;background:#ff5f9317;color:var(--color-primary, #ff5f93);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .12s}.pa-proof-btn:hover{background:#ff5f932e}.pa-card-actions{display:flex;gap:10px;padding:12px 16px 14px 20px}.pa-btn-verify,.pa-btn-reject{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:9px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .14s}.pa-btn-verify{background:#10b981;color:#fff}.pa-btn-verify:hover:not(:disabled){background:#059669}.pa-btn-reject{background:#dc2626;color:#fff}.pa-btn-reject:hover:not(:disabled){background:#b91c1c}.pa-btn-verify:disabled,.pa-btn-reject:disabled{opacity:.5;cursor:not-allowed}.pa-awaiting-online{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:9px;font-size:.8rem;font-weight:600;color:#64748b;background:#94a3b81f;border:1px dashed rgba(148,163,184,.45);cursor:default}.pa-modal,.pa-proof-modal{max-width:640px}.pa-receipt-modal{max-width:480px}.pa-modal .pw-modal-body{padding:0}.pa-modal-sub{font-size:.82rem;color:var(--color-muted, #64748b);margin:0}.pa-modal-body{padding:18px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.pa-modal-body::-webkit-scrollbar{width:4px}.pa-modal-body::-webkit-scrollbar-thumb{background:#ff5f9333;border-radius:4px}.pa-proof-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.pa-proof-image-container{width:100%;background:#f8fafc;border:1.5px solid rgba(255,95,147,.1);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;min-height:200px}.pa-proof-image{max-width:100%;max-height:380px;border-radius:8px;object-fit:contain}.pa-proof-pdf{width:100%;min-height:380px;border:0;border-radius:8px}.pa-proof-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--color-muted, #64748b);gap:10px;text-align:center;font-size:.88rem}.pa-proof-error{color:#dc2626}.pa-proof-cash-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 16px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;text-align:center;color:#166534}.pa-proof-cash-icon{font-size:2rem;color:#10b981}.pa-proof-cash-notice p{margin:0;font-size:.9rem;font-weight:600}.pa-proof-cash-notice p+p{font-size:.82rem;font-weight:400;color:#16a34a}.pa-reference-section{display:flex;flex-direction:column;gap:6px;justify-content:center}.pa-reference-label{display:flex;flex-direction:column;gap:3px;font-size:.9rem;color:var(--color-text, #1f2937)}.pa-reference-label strong{font-size:.92rem}.pa-reference-hint{font-size:.78rem;color:var(--color-muted, #64748b);font-weight:400}.pa-reference-input{width:100%;padding:9px 12px;border:2px solid rgba(255,95,147,.2);border-radius:10px;font-size:.95rem;transition:all .2s;background:#fff;box-sizing:border-box;outline:none;color:var(--color-text, #1f2937)}.pa-reference-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.pa-reference-input::placeholder{color:var(--color-muted, #64748b)}.pa-card-reference{font-size:.78rem;color:var(--color-muted, #64748b);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.pa-card-reference code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-text, #1f2937);background:#3b82f614;padding:1px 6px;border-radius:6px}.pa-submitted-reference{display:flex;flex-direction:column;gap:3px;padding:9px 12px;border-radius:10px;background:#3b82f612;border:1px dashed rgba(59,130,246,.35);margin-bottom:4px}.pa-submitted-reference-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted, #64748b)}.pa-submitted-reference-value{font-size:.98rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-text, #1f2937);word-break:break-all}.pa-reference-section>*+*{margin-top:10px}.pa-modal .pw-modal-footer{display:flex;flex-wrap:wrap;gap:10px;background:#fafbfc}.pa-modal .pw-modal-footer .pa-btn-reject,.pa-modal .pw-modal-footer .pa-btn-verify,.pa-modal .pw-modal-footer .pa-btn-secondary,.pa-modal .pw-modal-footer .pa-btn-primary{flex:1}.pa-receipt-modal .pw-modal-body{padding:1rem 1.25rem;background:#fff}.pa-receipt{background:#fff;font-family:"OCR-B 10 BT",OCR B,Courier New,Courier,monospace;color:#000;overflow-y:auto;flex:1;font-size:13px;border:1px solid #999}.pa-receipt-hd{padding:10px 10px 4px}.pa-receipt-name{font-size:15px;font-weight:900;color:#000;margin-bottom:2px}.pa-receipt-addr{font-size:10px;color:#000;line-height:1.4}.pa-receipt-sub{font-size:12px;font-weight:700;color:#000;letter-spacing:1px;text-transform:uppercase;margin-top:6px}.pa-receipt-row{display:flex;justify-content:space-between;padding:3px 10px;font-size:13px;color:#000}.pa-receipt-row span:first-child{color:#000}.pa-receipt-row span:last-child{font-weight:600}.pa-receipt-total{display:flex;justify-content:space-between;padding:6px 10px;font-size:18px;font-weight:900;color:#000}.pa-receipt-footer{text-align:center;padding:8px 10px 12px}.pa-receipt-footer p{margin:0;font-size:10.5px;color:#000;line-height:1.5}.pa-proof-modal--cash{max-width:460px;max-height:calc(100dvh - 24px)}.pa-proof-modal--cash .pw-modal-header{padding:14px 18px 10px}.pa-proof-modal--cash .pw-modal-footer{padding:10px 18px 14px}.pa-cash-collect{display:flex;flex-direction:column;gap:10px;padding:12px 18px 8px}.pa-cash-readout{background:#f8fafc;border:1.5px solid rgba(255,95,147,.12);border-radius:12px;overflow:hidden}.pa-cash-readout-row{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border-bottom:1px solid rgba(255,95,147,.08);font-size:.9rem}.pa-cash-readout-row:last-child{border-bottom:none}.pa-cash-readout-row span{color:var(--color-muted, #64748b);font-weight:500}.pa-cash-due-row{background:#fff}.pa-cash-due-val{font-size:1.15rem;font-weight:800;color:var(--color-heading, #191919)}.pa-cash-recv-row{background:#fff}.pa-cash-recv-row--ok{background:#f0fdf4}.pa-cash-recv-val{font-size:1.25rem;font-weight:900;color:#374151}.pa-cash-placeholder{color:#d1d5db;font-weight:500;font-size:1rem}.pa-cash-short-row{background:#fff5f5}.pa-cash-short-val{color:#dc2626;font-weight:800;font-size:1.05rem}.pa-cash-change-row{background:#f0fdf4}.pa-cash-change-val{color:#10b981;font-weight:900;font-size:1.2rem}.pa-bill-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pa-bill-btn{height:32px;border-radius:8px;border:1.5px solid rgba(255,95,147,.18);background:#fff;color:var(--color-text, #1f2937);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .12s;white-space:nowrap}.pa-bill-btn:hover{background:#ff5f9314;border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.pa-bill-btn--exact{background:#ff5f9312;border-color:var(--color-primary, #ff5f93);color:var(--color-primary, #ff5f93)}.pa-bill-btn--exact:hover{background:var(--color-primary, #ff5f93);color:#fff}.pa-cash-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pa-numpad-key{height:44px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;color:var(--color-heading, #191919);font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 1px 3px #0000000f}.pa-numpad-key:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.pa-numpad-key:active{transform:translateY(0);box-shadow:none;background:#f1f5f9}.pa-numpad-key--delete{background:#fff5f5;border-color:#fecaca;color:#dc2626}.pa-numpad-key--delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}@media(max-width:900px){.pa-proof-body{grid-template-columns:1fr}}@media(max-height:720px){.pa-proof-modal--cash .pw-modal-header{padding:10px 18px 8px}.pa-proof-modal--cash .pw-modal-footer{padding:8px 18px 10px}.pa-cash-collect{gap:8px;padding:8px 18px 6px}.pa-numpad-key{height:38px;font-size:1.05rem}.pa-bill-btn{height:28px}.pa-cash-readout-row{padding:6px 12px}}@media(max-width:768px){.pa-header{flex-direction:column;gap:14px}.pa-stats{grid-template-columns:1fr;gap:10px}.pa-filters{flex-direction:column;align-items:stretch;gap:8px}.pa-search{max-width:none}.pa-filter-meta{margin-left:0;justify-content:space-between}.pa-bulk-bar{flex-direction:column;gap:10px}.pa-bulk-actions{width:100%}.pa-btn-bulk-verify,.pa-btn-bulk-reject{flex:1;justify-content:center}.pa-card-body{flex-direction:column;gap:10px}.pa-amount-section{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%;max-width:none;flex-wrap:wrap}.pa-card-reference{flex-basis:100%;text-align:left}.pa-method-chips{flex-wrap:wrap}}@media(max-width:480px){.pa-header-actions{flex-wrap:wrap;width:100%}.pa-header-actions .pa-btn-primary,.pa-header-actions .pa-btn-secondary{flex:1;justify-content:center}.pa-stat-card{padding:12px 14px;gap:10px}.pa-stat-icon{width:38px;height:38px}.pa-modal{max-height:calc(100dvh - 24px)}.pa-modal .pw-modal-footer,.pa-card-actions{flex-wrap:wrap}.pa-btn-verify,.pa-btn-reject{min-height:44px}}@media print{.pw-modal-overlay{background:#fff!important;position:static!important;padding:0!important;display:block!important}.pa-modal{box-shadow:none!important;max-height:none!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important}.pa-modal .pw-modal-footer,.pa-modal .pw-modal-header{display:none!important}.pa-receipt{padding:20px!important}}.cashier-transactions{display:flex;flex-direction:column;min-height:calc(100vh - 90px);background:var(--color-bg-gradient)}.cashier-transactions .transactions-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.cashier-transactions .transactions-header .header-left h1{font-size:28px;font-weight:700;color:var(--color-heading);margin:0 0 8px}.cashier-transactions .transactions-header .header-left p{color:var(--color-muted);margin:0;font-size:14px}.cashier-transactions .header-actions{display:flex;gap:12px}.cashier-transactions .primary-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-soft)}.cashier-transactions .primary-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.cashier-transactions .transactions-controls{background:var(--color-surface);padding:16px 32px;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.cashier-transactions .search-filter-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cashier-transactions .search-box{position:relative;flex:1;max-width:400px}.cashier-transactions .search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-muted);font-size:16px}.cashier-transactions .search-box input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-surface);color:var(--text-primary);transition:all .2s ease}.cashier-transactions .search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5f931a}.cashier-transactions .filter-dropdown{position:relative;display:flex;align-items:center}.cashier-transactions .filter-dropdown svg{position:absolute;left:16px;color:var(--color-muted);font-size:14px;z-index:1}.cashier-transactions .filter-dropdown select{padding:12px 16px 12px 44px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-surface);color:var(--text-primary);cursor:pointer;min-width:150px;transition:all .2s ease}.cashier-transactions .filter-dropdown select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5f931a}.cashier-transactions .transactions-content{flex:1;padding:24px 32px 32px;overflow-y:auto}.cashier-transactions .transactions-table-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.cashier-transactions .transactions-table-wrapper{overflow-x:auto}.cashier-transactions .transactions-table{width:100%;border-collapse:collapse;min-width:800px}.cashier-transactions .transactions-table thead{background:linear-gradient(135deg,var(--bg-muted) 0%,var(--color-surface-alt, #f1f5f9) 100%)}.cashier-transactions .transactions-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-subtle)}.cashier-transactions .transactions-table td{padding:16px 20px;text-align:left;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.cashier-transactions .transactions-table tbody tr:hover{background:var(--bg-muted)}.cashier-transactions .transactions-table tbody tr:last-child td{border-bottom:none}.cashier-transactions .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.cashier-transactions .status-badge.completed{background:#22c55e26;color:var(--color-success-text, #166534)}.cashier-transactions .status-badge.pending{background:#eab30826;color:var(--color-warning-text, #92400e)}.cashier-transactions .status-badge.cancelled{background:#ef444426;color:var(--color-danger-text, #991b1b)}.cashier-transactions .payment-method{display:inline-flex;align-items:center;gap:8px}.cashier-transactions .action-btn{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.cashier-transactions .action-btn.view{background:#3b82f626;color:var(--color-info-text, #1e40af)}.cashier-transactions .action-btn.view:hover{background:#3b82f640}.cashier-transactions .action-btn.edit{background:#eab30826;color:var(--color-warning-text, #92400e)}.cashier-transactions .action-btn.edit:hover{background:#eab30840}.cashier-transactions .action-btn.delete{background:#ef444426;color:var(--color-danger-text, #991b1b)}.cashier-transactions .action-btn.delete:hover{background:#ef444440}.cashier-transactions .action-btn:disabled{opacity:.5;cursor:not-allowed}.cashier-transactions .loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.cashier-transactions .loading-overlay svg{font-size:32px;color:var(--info-blue)}.cashier-transactions .error-banner{margin:24px 32px;padding:16px 20px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-danger-text, #991b1b);font-weight:500;display:flex;align-items:center;gap:12px}.cashier-transactions .transactions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center}.cashier-transactions .pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px;background:var(--color-surface);border-top:1px solid var(--border-subtle)}.cashier-transactions .page-btn{padding:8px 12px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all .2s ease}.cashier-transactions .page-btn:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-subtle)}.cashier-transactions .page-btn:disabled{opacity:.5;cursor:not-allowed}.cashier-transactions .page-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-color:var(--color-primary)}@media(max-width:768px){.cashier-transactions .transactions-header{flex-direction:column;align-items:flex-start;gap:16px}.cashier-transactions .transactions-controls{padding:16px}.cashier-transactions .search-filter-group{flex-direction:column;width:100%}.cashier-transactions .search-box{max-width:100%;width:100%}.cashier-transactions .transactions-content{padding:16px}}[data-theme=dark] .cashier-transactions .status-badge.completed{color:var(--color-success-text, #86efac)}[data-theme=dark] .cashier-transactions .status-badge.pending{color:var(--color-warning-text, #fde68a)}[data-theme=dark] .cashier-transactions .status-badge.cancelled{color:var(--color-danger-text, #fca5a5)}[data-theme=dark] .cashier-transactions .action-btn.view{color:var(--color-info-text, #93c5fd)}[data-theme=dark] .cashier-transactions .action-btn.edit{color:var(--color-warning-text, #fde68a)}[data-theme=dark] .cashier-transactions .action-btn.delete,[data-theme=dark] .cashier-transactions .error-banner{color:var(--color-danger-text, #fca5a5)}[data-theme=dark] .cashier-transactions .transactions-table thead{background:linear-gradient(135deg,var(--bg-muted) 0%,var(--color-surface) 100%)}@media(prefers-color-scheme:dark){.cashier-transactions .status-badge.completed{color:var(--color-success-text, #86efac)}.cashier-transactions .status-badge.pending{color:var(--color-warning-text, #fde68a)}.cashier-transactions .status-badge.cancelled{color:var(--color-danger-text, #fca5a5)}.cashier-transactions .action-btn.view{color:var(--color-info-text, #93c5fd)}.cashier-transactions .action-btn.edit{color:var(--color-warning-text, #fde68a)}.cashier-transactions .action-btn.delete,.cashier-transactions .error-banner{color:var(--color-danger-text, #fca5a5)}}.transaction-modal{max-width:720px}.transaction-modal .ctx-modal-body{display:flex;flex-direction:column;gap:1.1rem}.transaction-modal .transaction-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;padding:1rem;border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:12px;background:var(--color-surface-solid, #fff)}.transaction-modal .overview-item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.transaction-modal .overview-item label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted, #64748b)}.transaction-modal .overview-item span{font-size:.9rem;font-weight:600;color:var(--color-text, #1f2937);word-break:break-word}.transaction-modal .transaction-products{border:1px solid var(--color-border, rgba(255, 95, 147, .18));border-radius:12px;background:var(--color-surface-solid, #fff);overflow-x:auto}.transaction-modal .transaction-products h3{margin:0;padding:.8rem 1rem;font-size:.85rem;font-weight:800;color:var(--color-heading, #191919);border-bottom:1px solid var(--color-border, rgba(255, 95, 147, .18));background:var(--color-surface-muted, #fff7fb)}.transaction-modal .products-table{width:100%;border-collapse:collapse;font-size:.85rem}.transaction-modal .products-table th{padding:.55rem 1rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted, #64748b);background:#fafbfc}.transaction-modal .products-table td{padding:.55rem 1rem;border-top:1px solid #f1f5f9;color:var(--color-text, #1f2937)}.transaction-modal .products-table tfoot td{font-weight:600;color:var(--color-heading, #191919)}.transaction-modal .products-table .total-row td{color:var(--color-primary, #ff5f93);font-weight:800;font-size:.95rem}.transaction-modal .loading-overlay{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;color:var(--color-muted, #64748b);font-weight:600}.cashier-history-page{display:flex;flex-direction:column;min-height:calc(100vh - 90px);color:var(--color-text, #1f2937)}.cashier-history-page .history-hero{margin-bottom:1.5rem}.cashier-history-page .history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.5rem;border-radius:28px;background:#ffffffd1;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.cashier-history-page .history-header:before{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;border-radius:999px;background:radial-gradient(circle,rgba(255,95,147,.28),transparent 65%);pointer-events:none}.cashier-history-page .header-content{position:relative;z-index:1}.cashier-history-page .history-kicker{display:inline-flex;align-items:center;margin-bottom:.45rem;padding:.4rem .75rem;border-radius:999px;background:#ff5f931a;color:var(--color-primary);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.cashier-history-page .history-header .header-content h1{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:950;color:var(--color-heading, #191919);margin:0 0 .45rem;letter-spacing:-.045em}.cashier-history-page .history-header .header-content p{color:var(--color-muted, #64748b);margin:0;font-size:.95rem;line-height:1.55}.cashier-history-page .last-updated{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:999px;background:#ffffffad;border:1px solid rgba(255,95,147,.16);box-shadow:0 10px 24px #ff5f931a;color:var(--color-muted, #64748b);font-size:.82rem;font-weight:700;white-space:nowrap}.cashier-history-page .last-updated span{display:inline-flex;gap:.35rem}.cashier-history-page .last-updated strong{color:var(--color-heading, #191919)}.cashier-history-page .refresh-mini{width:34px;height:34px;display:grid;place-items:center;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light, #ff8db5));color:#fff;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:900;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;box-shadow:0 10px 20px #ff5f9338}.cashier-history-page .refresh-mini:hover{transform:rotate(180deg) scale(1.05);box-shadow:0 14px 26px #ff5f9347}.cashier-history-page .refresh-mini:disabled{cursor:not-allowed;opacity:.7}.cashier-history-page .history-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.cashier-history-page .history-summary-card{padding:1.15rem 1.2rem;border-radius:24px;background:#ffffffc7;border:1px solid rgba(255,95,147,.16);box-shadow:0 14px 30px #ff5f931a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cashier-history-page .history-summary-card span{display:block;margin-bottom:.45rem;color:var(--color-muted, #64748b);font-size:.82rem;font-weight:800}.cashier-history-page .history-summary-card strong{display:block;color:var(--color-heading, #191919);font-size:1.55rem;font-weight:950;letter-spacing:-.035em}.cashier-history-page .history-summary-card small{display:block;margin-top:.35rem;color:var(--color-muted, #64748b);line-height:1.45}.cashier-history-page .history-content{flex:1;overflow-y:auto}.cashier-history-page .history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.2rem 1.35rem;border-radius:24px;background:#ffffffc7;border:1px solid rgba(255,95,147,.16);box-shadow:0 14px 30px #ff5f931a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cashier-history-page .history-toolbar h2{margin:0 0 .25rem;color:var(--color-heading, #191919);font-size:1.2rem;font-weight:950;letter-spacing:-.035em}.cashier-history-page .history-toolbar p{margin:0;color:var(--color-muted, #64748b);font-size:.9rem}.cashier-history-page .history-search{position:relative;width:min(420px,100%)}.cashier-history-page .history-search span{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:1rem}.cashier-history-page .history-search input{width:100%;height:46px;padding:0 1rem 0 2.6rem;border-radius:999px;border:1px solid rgba(255,95,147,.18);background:#fffc;color:var(--color-text, #1f2937);outline:none;font-size:.92rem;transition:border-color .2s ease,box-shadow .2s ease}.cashier-history-page .history-search input:focus{border-color:#ff5f938c;box-shadow:0 0 0 4px #ff5f931f}.cashier-history-page .history-table-container{background:#ffffffd1;border-radius:26px;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cashier-history-page .history-table-wrapper{overflow-x:auto}.cashier-history-page .history-table-wrapper::-webkit-scrollbar{height:8px}.cashier-history-page .history-table-wrapper::-webkit-scrollbar-track{background:#ffc8dd59}.cashier-history-page .history-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light, #ff8db5));border-radius:999px}.cashier-history-page .history-table{width:100%;border-collapse:collapse;min-width:780px}.cashier-history-page .history-table thead{background:linear-gradient(135deg,#ffc8dddb,#fff1f7f2)}.cashier-history-page .history-table th{padding:1rem 1.1rem;text-align:left;font-size:.76rem;font-weight:950;color:var(--color-heading, #191919);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,95,147,.16);white-space:nowrap}.cashier-history-page .history-table td{padding:1rem 1.1rem;text-align:left;font-size:.92rem;color:var(--color-text, #1f2937);border-bottom:1px solid rgba(255,95,147,.11);white-space:nowrap}.cashier-history-page .history-table tbody tr{transition:background .18s ease}.cashier-history-page .history-table tbody tr:hover{background:#ff5f9312}.cashier-history-page .history-table tbody tr:last-child td{border-bottom:none}.cashier-history-page .transaction-id{color:var(--color-heading, #191919);font-weight:950}.cashier-history-page .amount-cell{font-weight:950;color:var(--color-success-text, #16a34a)!important}.cashier-history-page .details-cell{white-space:normal!important;max-width:200px}.cashier-history-page .service-details,.cashier-history-page .order-details,.cashier-history-page .pos-details{display:flex;flex-direction:column;gap:.25rem}.cashier-history-page .service-name,.cashier-history-page .order-type,.cashier-history-page .pos-type{font-weight:700;color:var(--color-heading, #191919);font-size:.85rem}.cashier-history-page .pet-name{font-size:.8rem;color:var(--color-muted, #64748b);font-weight:500}.cashier-history-page .receipt{font-size:.75rem;color:var(--color-muted, #64748b);font-weight:500}.cashier-history-page .method-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;font-size:.78rem;font-weight:900;text-transform:capitalize}.cashier-history-page .method-badge.cash{background:#22c55e21;color:var(--color-success-text, #15803d)}.cashier-history-page .method-badge.card{background:#3b82f621;color:var(--color-info-text, #1d4ed8)}.cashier-history-page .method-badge.gcash{background:#6366f121;color:var(--color-info-text, #4338ca)}.cashier-history-page .method-badge.maya{background:#0ea5e921;color:var(--color-info-text, #0369a1)}.cashier-history-page .method-badge.online{background:#a855f721;color:var(--color-info-text, #7e22ce)}.cashier-history-page .history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:3rem 2rem;background:#ffffffd1;border-radius:26px;border:1px solid rgba(255,95,147,.18);box-shadow:0 18px 45px #ff5f9324;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cashier-history-page .history-empty-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:1rem;border-radius:24px;background:#ff5f931a;font-size:2rem}.cashier-history-page .history-empty h3{font-size:1.15rem;font-weight:950;color:var(--color-heading, #191919);margin:0 0 .4rem}.cashier-history-page .history-empty p{color:var(--color-muted, #64748b);margin:0;font-size:.92rem;line-height:1.5}.cashier-history-page .history-retry-btn{margin-top:1rem;border:none;border-radius:999px;padding:.8rem 1.2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light, #ff8db5));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px #ff5f9338;transition:transform .2s ease,box-shadow .2s ease}.cashier-history-page .history-retry-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #ff5f9347}.cashier-history-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--color-muted, #64748b)}.cashier-history-page .loading-spinner{width:44px;height:44px;border:4px solid rgba(255,95,147,.16);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cashier-dashboard.dark .cashier-history-page .history-header,.cashier-dashboard.dark .cashier-history-page .history-summary-card,.cashier-dashboard.dark .cashier-history-page .history-toolbar,.cashier-dashboard.dark .cashier-history-page .history-table-container,.cashier-dashboard.dark .cashier-history-page .history-empty{background:#ffffff0f;border-color:#ff8db538;box-shadow:0 18px 45px #00000047}.cashier-dashboard.dark .cashier-history-page .last-updated{background:#ffffff14;border-color:#ff8db538}.cashier-dashboard.dark .cashier-history-page .history-header .header-content h1,.cashier-dashboard.dark .cashier-history-page .last-updated strong,.cashier-dashboard.dark .cashier-history-page .history-summary-card strong,.cashier-dashboard.dark .cashier-history-page .history-toolbar h2,.cashier-dashboard.dark .cashier-history-page .history-table th,.cashier-dashboard.dark .cashier-history-page .history-table td,.cashier-dashboard.dark .cashier-history-page .transaction-id,.cashier-dashboard.dark .cashier-history-page .history-empty h3{color:#f8fafc}.cashier-dashboard.dark .cashier-history-page .history-header .header-content p,.cashier-dashboard.dark .cashier-history-page .last-updated,.cashier-dashboard.dark .cashier-history-page .history-summary-card span,.cashier-dashboard.dark .cashier-history-page .history-summary-card small,.cashier-dashboard.dark .cashier-history-page .history-toolbar p,.cashier-dashboard.dark .cashier-history-page .history-empty p,.cashier-dashboard.dark .cashier-history-page .loading-state{color:#cbd5e1}.cashier-dashboard.dark .cashier-history-page .history-search input{background:#0f172a61;color:#f8fafc}.cashier-dashboard.dark .cashier-history-page .history-table thead{background:linear-gradient(135deg,#ff5f9338,#ffffff14)}.cashier-dashboard.dark .cashier-history-page .history-table td,.cashier-dashboard.dark .cashier-history-page .history-table th{border-bottom-color:#ff8db524}.cashier-dashboard.dark .cashier-history-page .history-table tbody tr:hover{background:#ff8db51a}.cashier-dashboard.dark .cashier-history-page .service-name,.cashier-dashboard.dark .cashier-history-page .order-type,.cashier-dashboard.dark .cashier-history-page .pos-type{color:#f8fafc}.cashier-dashboard.dark .cashier-history-page .pet-name,.cashier-dashboard.dark .cashier-history-page .receipt{color:#cbd5e1}@media(max-width:900px){.cashier-history-page .history-header,.cashier-history-page .history-toolbar{flex-direction:column;align-items:stretch}.cashier-history-page .last-updated{width:fit-content}.cashier-history-page .history-summary-grid{grid-template-columns:1fr}.cashier-history-page .history-search{width:100%}}@media(max-width:768px){.cashier-history-page .history-header{padding:1.1rem;border-radius:22px}.cashier-history-page .history-header .header-content h1{font-size:1.45rem}.cashier-history-page .history-summary-card,.cashier-history-page .history-toolbar{border-radius:20px}.cashier-history-page .history-table-container,.cashier-history-page .history-empty{border-radius:22px}.cashier-history-page .history-table th,.cashier-history-page .history-table td{padding:.85rem .9rem;font-size:.84rem}}@media(max-width:480px){.cashier-history-page .history-header,.cashier-history-page .history-toolbar{padding:1rem}.cashier-history-page .last-updated{flex-direction:column;align-items:flex-start;border-radius:18px;white-space:normal}.cashier-history-page .last-updated span{flex-direction:column}.cashier-history-page .refresh-mini{width:36px;height:36px}.cashier-history-page .history-table{min-width:720px}}[data-theme=dark] .cashier-history-page .amount-cell{color:var(--color-success-text, #86efac)!important}[data-theme=dark] .cashier-history-page .method-badge.cash{color:var(--color-success-text, #86efac)}[data-theme=dark] .cashier-history-page .method-badge.card,[data-theme=dark] .cashier-history-page .method-badge.gcash,[data-theme=dark] .cashier-history-page .method-badge.maya,[data-theme=dark] .cashier-history-page .method-badge.online{color:var(--color-info-text, #93c5fd)}[data-theme=dark] .cashier-history-page .history-search input{background:#0f172a80;color:var(--color-text)}@media(prefers-color-scheme:dark){.cashier-history-page .amount-cell{color:var(--color-success-text, #86efac)!important}.cashier-history-page .method-badge.cash{color:var(--color-success-text, #86efac)}.cashier-history-page .method-badge.card,.cashier-history-page .method-badge.gcash,.cashier-history-page .method-badge.maya,.cashier-history-page .method-badge.online{color:var(--color-info-text, #93c5fd)}.cashier-history-page .history-search input{background:#0f172a80;color:var(--color-text)}}.unified-report-engine{--ure-primary: #ff5f93;--ure-primary-light: #ff8db5;--ure-primary-soft: #ffc8dd;--ure-success: #10b981;--ure-warning: #f59e0b;--ure-danger: #ef4444;--ure-info: #3b82f6;--ure-money: #059669;--ure-secondary: #64748b;--ure-bg: #ffffff;--ure-surface: #ffffff;--ure-surface-hover: #ffffff;--ure-border: #e8edf4;--ure-border-strong: #d7deea;--ure-text: #1f2937;--ure-text-muted: #64748b;--ure-heading: #111827;--ure-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ure-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ure-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ure-shadow-primary: 0 4px 14px rgba(255, 95, 147, .25);--ure-radius-sm: 8px;--ure-radius: 12px;--ure-radius-lg: 16px;--ure-radius-xl: 24px;--ure-radius-pill: 9999px;display:grid;gap:1.5rem;padding:1rem 0}.ure-filter-panel{background:var(--ure-surface);border:1px solid #e8edf4;border-radius:14px;padding:.875rem 1.125rem;box-shadow:0 1px 3px #0f172a0d;display:flex;flex-direction:column;gap:.875rem}.ure-filter-top{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.ure-date-presets{display:flex;flex-wrap:nowrap;gap:0;flex:1;min-width:0;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.ure-date-presets::-webkit-scrollbar{height:4px}.ure-date-presets::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.ure-preset-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem .95rem;border:none;border-radius:9px;background:transparent;color:var(--ure-text-muted);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.ure-preset-btn svg{font-size:.72rem}.ure-preset-btn:hover:not(.active){color:var(--ure-primary)}.ure-preset-btn.active{background:#fff;color:var(--ure-primary);box-shadow:0 1px 4px #0f172a1f}.ure-filter-advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;padding:.875rem;background:#f8fafc;border:1px solid #e8edf4;border-radius:12px;animation:ureFiltersIn .2s ease}@keyframes ureFiltersIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ure-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.ure-field label{font-size:.7rem;font-weight:700;color:var(--ure-text-muted);text-transform:uppercase;letter-spacing:.05em}.ure-field input,.ure-field select{height:38px;padding:0 .75rem;border:1px solid #e2e8f0;border-radius:10px;background:var(--ure-bg);color:var(--ure-text);font-size:.82rem;font-weight:500;font-family:inherit;width:100%;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}.ure-field input:focus,.ure-field select:focus,.ure-search-box input:focus{outline:none;border-color:var(--ure-primary);box-shadow:0 0 0 3px #ff5f931f}.ure-field-save{justify-content:flex-end}.ure-filter-toggle{display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 .95rem;border:1px solid #e2e8f0;border-radius:10px;background:var(--ure-surface);color:var(--ure-text);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.ure-filter-toggle:hover,.ure-filter-toggle.open{border-color:var(--ure-primary);color:var(--ure-primary);background:#ff5f930d}.ure-toggle-caret{font-size:.65rem;transition:transform .2s ease}.ure-filter-toggle.open .ure-toggle-caret{transform:rotate(180deg)}.ure-search-box input{width:100%;height:38px;padding:0 2.25rem;border:1px solid #e2e8f0;border-radius:10px;background:var(--ure-bg);color:var(--ure-text);font-size:.82rem;font-weight:500;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}.ure-search-box{position:relative;display:flex;align-items:center;flex:0 0 240px;min-width:180px}.ure-search-box svg{position:absolute;left:.8rem;color:var(--ure-text-muted);font-size:.8rem;pointer-events:none}.ure-clear-search{position:absolute;right:.4rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;border:none;border-radius:50%;background:#ff5f931a;color:var(--ure-primary);cursor:pointer;font-size:.7rem;transition:all .2s ease}.ure-clear-search:hover{background:var(--ure-primary);color:#fff}.ure-filter-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.ure-btn-clear,.ure-btn-apply,.ure-btn-save{display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 .95rem;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease;font-family:inherit}.ure-btn-clear{border:1px solid #e2e8f0;background:var(--ure-surface);color:var(--ure-text-muted)}.ure-btn-clear:disabled{opacity:.45;cursor:not-allowed}.ure-btn-clear:hover:not(:disabled){border-color:var(--ure-danger);color:var(--ure-danger);background:#ef44440d}.ure-count-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--ure-danger);color:#fff;font-size:.65rem;font-weight:800}.ure-btn-apply{border:none;background:linear-gradient(135deg,var(--ure-primary),var(--ure-primary-light));color:#fff;box-shadow:var(--ure-shadow-primary)}.ure-btn-apply:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff5f9359}.ure-btn-save{border:1px solid #e2e8f0;background:var(--ure-surface);color:var(--ure-secondary)}.ure-btn-save:hover{border-color:var(--ure-primary);color:var(--ure-primary)}.ure-save-filter-dialog{display:flex;gap:.75rem;padding:.75rem;background:#ff5f930d;border-radius:var(--ure-radius)}.ure-save-filter-dialog input{flex:1;padding:.5rem .75rem;border:1px solid var(--ure-border);border-radius:var(--ure-radius-sm);font-size:.875rem}.ure-save-filter-dialog button{padding:.5rem 1rem;border:none;border-radius:var(--ure-radius-sm);background:var(--ure-primary);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.ure-saved-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ure-saved-filters label{font-size:.75rem;font-weight:600;color:var(--ure-text-muted);text-transform:uppercase;letter-spacing:.05em}.ure-saved-filter-chips{display:flex;flex-wrap:wrap;gap:.375rem}.ure-filter-chip{padding:.375rem .75rem;border:1px solid var(--ure-border);border-radius:var(--ure-radius-pill);background:var(--ure-surface);color:var(--ure-text);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ure-filter-chip:hover{border-color:var(--ure-primary);background:#ff5f931a;color:var(--ure-primary)}.ure-summary-cards{display:grid;gap:1rem}.ure-summary-cards.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ure-summary-cards.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ure-summary-card{display:flex;align-items:center;gap:.9rem;padding:1.15rem 1.25rem;background:var(--ure-surface);border:1px solid var(--ure-border);border-radius:var(--ure-radius-lg);box-shadow:0 1px 3px #0f172a0d;transition:all .2s ease;position:relative;overflow:hidden}.ure-summary-card:hover{transform:translateY(-2px);box-shadow:var(--ure-shadow-lg);border-color:var(--ure-border-strong)}.ure-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:1.15rem;flex-shrink:0}.ure-card-content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ure-card-content strong{font-size:1.6rem;font-weight:800;color:var(--ure-heading);line-height:1.1;letter-spacing:-.03em}.ure-card-content span{font-size:.72rem;color:var(--ure-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ure-change{font-size:.75rem;font-weight:600}.ure-change.up{color:var(--ure-success)}.ure-change.down{color:var(--ure-danger)}.ure-change.neutral{color:var(--ure-secondary)}.ure-tone-primary .ure-card-icon{background:linear-gradient(135deg,var(--ure-primary),var(--ure-primary-light));color:#fff}.ure-tone-success .ure-card-icon{background:linear-gradient(135deg,var(--ure-success),#34d399);color:#fff}.ure-tone-warning .ure-card-icon{background:linear-gradient(135deg,var(--ure-warning),#fbbf24);color:#fff}.ure-tone-danger .ure-card-icon{background:linear-gradient(135deg,var(--ure-danger),#f87171);color:#fff}.ure-tone-info .ure-card-icon{background:linear-gradient(135deg,var(--ure-info),#60a5fa);color:#fff}.ure-tone-money .ure-card-icon{background:linear-gradient(135deg,var(--ure-money),#10b981);color:#fff}.ure-tone-secondary .ure-card-icon{background:linear-gradient(135deg,var(--ure-secondary),#94a3b8);color:#fff}.ure-charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:1.25rem;min-width:0;min-height:340px}.ure-chart-container{min-width:0;background:var(--ure-surface);border:1px solid var(--ure-border);border-radius:var(--ure-radius-lg);padding:1.25rem;box-shadow:0 1px 3px #0f172a0d;min-height:340px;display:flex;flex-direction:column}.ure-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ure-border)}.ure-chart-header h3{margin:0;font-size:.95rem;font-weight:800;color:var(--ure-heading);letter-spacing:-.01em}.ure-chart-header p{margin:.15rem 0 0;font-size:.78rem;color:var(--ure-text-muted)}.ure-chart-body{flex:1;width:100%;min-width:0;min-height:220px;height:var(--ure-chart-height, 300px)}.ure-chart-actions{display:flex;gap:.5rem}.ure-chart-actions button{padding:.375rem .75rem;border:1px solid var(--ure-border);border-radius:var(--ure-radius-sm);background:var(--ure-surface);color:var(--ure-text);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ure-chart-actions button:hover{border-color:var(--ure-primary);color:var(--ure-primary)}.ure-chart-body{width:100%;min-width:0}.ure-table-section{background:var(--ure-surface);border:1px solid var(--ure-border);border-radius:var(--ure-radius-lg);padding:1.25rem;box-shadow:0 1px 3px #0f172a0d}.ure-table-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ure-table-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--ure-heading)}.ure-table-header p{margin:.25rem 0 0;font-size:.8125rem;color:var(--ure-text-muted)}.ure-table-actions{display:flex;gap:.5rem}.ure-table-actions button{height:34px;padding:0 .8rem;border:1px solid var(--ure-border);border-radius:8px;background:var(--ure-surface);color:var(--ure-text-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .18s ease}.ure-table-actions button:hover{border-color:var(--ure-primary);background:#ff5f930f;color:var(--ure-primary)}.ure-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--ure-radius-pill);font-size:.75rem;font-weight:600;text-transform:capitalize}.ure-status-badge.completed,.ure-status-badge.approved,.ure-status-badge.paid,.ure-status-badge.verified,.ure-status-badge.active{background:#10b9811a;color:var(--ure-success)}.ure-status-badge.pending,.ure-status-badge.scheduled,.ure-status-badge.for_approval,.ure-status-badge.warning{background:#f59e0b1a;color:var(--ure-warning)}.ure-status-badge.cancelled,.ure-status-badge.rejected,.ure-status-badge.failed,.ure-status-badge.inactive,.ure-status-badge.danger{background:#ef44441a;color:var(--ure-danger)}.ure-status-badge.in_progress,.ure-status-badge.processing,.ure-status-badge.info{background:#3b82f61a;color:var(--ure-info)}.ure-modal{background:var(--ure-surface);border-radius:var(--ure-radius-lg);box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:80vh;overflow:auto}@media(max-width:768px){.unified-report-engine{gap:1rem}.ure-filter-panel{padding:.75rem}.ure-filter-top{flex-direction:column;align-items:stretch}.ure-search-box{flex:1;min-width:0}.ure-date-presets{flex:none;width:100%}.ure-filter-advanced{grid-template-columns:1fr}.ure-filter-actions{margin-left:0}.ure-filter-actions button{flex:1;justify-content:center}.ure-summary-cards.grid{grid-template-columns:repeat(2,1fr)}.ure-charts-section{grid-template-columns:minmax(0,1fr)}.ure-chart-container{min-height:0;padding:1rem}.ure-chart-body{height:clamp(210px,70vw,280px);min-height:210px}.ure-chart-body .recharts-wrapper{max-width:none!important}.ure-chart-body .recharts-surface,.ure-chart-body .recharts-legend-wrapper{max-width:100%}.ure-chart-body .recharts-default-legend{display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px 10px;width:100%}.ure-chart-body .recharts-legend-item{margin:0!important}.ure-chart-body .recharts-legend-item-text{white-space:normal;overflow-wrap:anywhere}.ure-chart-header,.ure-table-header{flex-direction:column;gap:.75rem}}@media(max-width:480px){.ure-summary-cards.grid{grid-template-columns:1fr}.ure-summary-card{padding:1rem}.ure-card-icon{width:40px;height:40px;font-size:1rem}.ure-card-content strong{font-size:1.25rem}}@media print{.ure-filter-panel,.ure-table-actions,.ure-chart-actions,.ure-btn-clear,.ure-btn-save,.ure-btn-apply,.ure-date-presets,.ure-saved-filters{display:none!important}.unified-report-engine{gap:1rem}.ure-summary-cards{grid-template-columns:repeat(4,1fr)!important;break-inside:avoid}.ure-summary-card{border:1px solid #ddd;box-shadow:none;padding:.75rem}.ure-chart-container,.ure-table-section{break-inside:avoid;box-shadow:none;border:1px solid #ddd;border-radius:8px}.ure-charts-section{grid-template-columns:repeat(2,1fr)!important}}.cashier-reports-page{width:100%;min-width:0;min-height:calc(100vh - 90px);color:var(--color-text, #1f2937)}.cashier-reports-page .unified-report-engine{max-width:100%;min-width:0}@media(max-width:767px){.cashier-reports-page .unified-report-engine{padding-top:.5rem}}.manager-sidebar{--sidebar-accent: var(--color-primary)}.manager-sidebar .nav-item-sub a,.manager-sidebar .nav-item-sub .nav-link{padding-left:2.25rem;font-size:.875rem;opacity:.88}.manager-dashboard{--manager-primary: var(--color-primary, #ff5f93);--manager-primary-light: var(--color-primary-light, #ff8db5);--manager-primary-soft: var(--color-primary-soft, #ffc8dd);--manager-bg-gradient: var( --color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7) );--manager-surface: var(--color-surface, rgba(255, 255, 255, .9));--manager-surface-solid: var(--color-surface-solid, #ffffff);--manager-border: var(--color-border, rgba(255, 95, 147, .18));--manager-heading: var(--color-heading, #191919);--manager-text: var(--color-text, #1f2937);--manager-muted: var(--color-muted, #64748b);--manager-success: var(--color-success, #10b981);--manager-warning: var(--color-warning, #f59e0b);--manager-danger: var(--color-danger, #ef4444);--manager-info: var(--color-info, #3b82f6);--manager-success-bg: var(--color-success-bg, #d1fae5);--manager-warning-bg: var(--color-warning-bg, #fef3c7);--manager-danger-bg: var(--color-danger-bg, #fee2e2);--manager-info-bg: var(--color-info-bg, #dbeafe);--manager-shadow-card: var( --shadow-card, 0 20px 50px rgba(255, 95, 147, .15) );--manager-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--manager-shadow-primary: var( --shadow-primary, 0 14px 34px rgba(255, 95, 147, .26) );--manager-radius-md: var(--radius-md, 16px);--manager-radius-lg: var(--radius-lg, 22px);--manager-radius-card: var(--radius-card, 28px);--manager-radius-pill: var(--radius-pill, 999px);display:flex;min-height:100vh;background:var(--manager-bg-gradient);color:var(--manager-text);font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manager-dashboard,.manager-dashboard *{box-sizing:border-box}.manager-main{flex:1;min-width:0;min-height:100vh;padding-top:98px;transition:margin-left .25s ease}.manager-navbar{position:fixed;top:0;right:0;z-index:1200;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.75rem;background:#ffffffe0;border-bottom:1px solid var(--manager-border);box-shadow:0 18px 42px #ff5f9321;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:left .25s ease}.manager-navbar-title{min-width:0}.manager-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:0 .75rem;border-radius:var(--manager-radius-pill);background:#ff5f931a;color:var(--manager-primary);border:1px solid rgba(255,95,147,.12);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.manager-navbar-title h1{margin:.35rem 0 0;color:var(--manager-heading);font-size:1.45rem;font-weight:950;line-height:1.1;letter-spacing:-.045em}.manager-navbar-title p{margin:.25rem 0 0;color:var(--manager-muted);font-size:.9rem;font-weight:750}.manager-navbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-shrink:0}.manager-icon-btn,.manager-navbar-actions .notification-dropdown,.manager-navbar-actions .notification-dropdown>button,.manager-navbar-actions .notification-btn,.manager-navbar-actions .theme-toggle-btn,.manager-navbar-actions .icon-btn{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,95,147,.14)!important;border-radius:16px!important;background:var(--manager-surface-solid)!important;color:var(--manager-primary)!important;box-shadow:0 10px 24px #ff5f931f;cursor:pointer;transition:.22s ease;padding:0!important}.manager-icon-btn:hover,.manager-navbar-actions .notification-dropdown:hover,.manager-navbar-actions .notification-dropdown>button:hover,.manager-navbar-actions .notification-btn:hover,.manager-navbar-actions .theme-toggle-btn:hover,.manager-navbar-actions .icon-btn:hover{transform:translateY(-2px);box-shadow:var(--manager-shadow-primary)}.manager-icon-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.manager-navbar-actions>*{flex:0 0 auto}.manager-navbar-actions svg{color:inherit}.manager-navbar-actions .notification-dropdown{position:relative!important}.manager-navbar-actions .notifications-panel{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;width:min(340px,calc(100vw - 24px))!important;max-height:430px!important;overflow:hidden!important;border-radius:22px!important;background:var(--manager-surface-solid)!important;border:1px solid var(--manager-border)!important;box-shadow:var(--manager-shadow-card)!important;z-index:5000!important}.manager-dashboard-content{width:100%;min-height:calc(100vh - 98px);padding:1.6rem}.manager-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.45fr);gap:1rem;align-items:stretch;padding:clamp(1.35rem,3vw,2rem);margin-bottom:1.25rem;border:1px solid var(--manager-border);border-radius:var(--manager-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.18),transparent 38%),var(--manager-surface);box-shadow:var(--manager-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.manager-hero:before{content:"";position:absolute;right:-140px;top:-160px;width:350px;height:350px;border-radius:999px;background:radial-gradient(circle,rgba(255,95,147,.18),transparent 68%);pointer-events:none}.manager-hero>*{position:relative;z-index:1}.manager-hero-copy h2{max-width:860px;margin:.85rem 0 0;color:var(--manager-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;line-height:1.05;letter-spacing:-.065em}.manager-hero-copy p{max-width:860px;margin:.85rem 0 0;color:var(--manager-muted);font-size:1rem;font-weight:750;line-height:1.65}.manager-hero-copy small{display:inline-block;margin-top:.8rem;color:var(--manager-muted);font-weight:850}.manager-hero-panel{display:grid;gap:.9rem;align-content:stretch}.manager-hero-panel>div{min-height:150px;display:grid;align-content:center;gap:.4rem;padding:1.25rem;border-radius:24px;background:linear-gradient(135deg,var(--manager-primary),var(--manager-primary-light));color:#fff;box-shadow:var(--manager-shadow-primary)}.manager-hero-panel span,.manager-hero-panel small{font-weight:850;opacity:.92}.manager-hero-panel strong{font-size:clamp(1.45rem,3vw,2rem);font-weight:950;line-height:1.1}.manager-hero-panel button,.manager-panel-header button,.manager-alert button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--manager-radius-pill);padding:0 1rem;color:var(--manager-primary);background:var(--manager-surface-solid);border:1px solid var(--manager-border);font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:.22s ease}.manager-hero-panel button:hover,.manager-panel-header button:hover,.manager-alert button:hover{transform:translateY(-2px);box-shadow:var(--manager-shadow-soft)}.manager-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.1rem;border-radius:22px;background:var(--manager-warning-bg);border:1px solid rgba(245,158,11,.22);color:#92400e;font-weight:850}.manager-alert>div{display:flex;align-items:center;gap:.65rem;line-height:1.45}.manager-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.manager-stat-card{min-width:0;min-height:136px;display:flex;align-items:center;gap:.9rem;padding:1.1rem;border:1px solid var(--manager-border);border-radius:24px;background:var(--manager-surface);box-shadow:var(--manager-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.22s ease}.manager-stat-card:hover{transform:translateY(-4px);box-shadow:var(--manager-shadow-primary);border-color:#ff5f9359}.manager-stat-icon{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--manager-primary),var(--manager-primary-light));box-shadow:var(--manager-shadow-primary)}.manager-stat-card.success .manager-stat-icon{background:linear-gradient(135deg,#10b981,#34d399)}.manager-stat-card.warning .manager-stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.manager-stat-card.danger .manager-stat-icon{background:linear-gradient(135deg,#ef4444,#f87171)}.manager-stat-card.info .manager-stat-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.manager-stat-card.money .manager-stat-icon{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.manager-stat-card.neutral .manager-stat-icon{background:linear-gradient(135deg,#64748b,#94a3b8)}.manager-stat-card strong{display:block;color:var(--manager-heading);font-size:1.35rem;font-weight:950;line-height:1.12;word-break:break-word}.manager-stat-card p{margin:.3rem 0 0;color:var(--manager-text);font-size:.9rem;font-weight:900}.manager-stat-card small{display:block;margin-top:.2rem;color:var(--manager-muted);font-size:.78rem;font-weight:800;line-height:1.35}.manager-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:1rem;margin-bottom:1.25rem}.manager-action-card{min-width:0;min-height:116px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--manager-border);border-radius:24px;background:var(--manager-surface);color:var(--manager-text);box-shadow:var(--manager-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;text-align:left;transition:.22s ease}.manager-action-card:hover{transform:translateY(-4px);border-color:#ff5f9359;box-shadow:var(--manager-shadow-primary)}.manager-action-card>span{width:50px;height:50px;min-width:50px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--manager-primary),var(--manager-primary-light))}.manager-action-card strong{display:block;color:var(--manager-heading);font-size:.95rem;font-weight:950}.manager-action-card small{display:block;margin-top:.25rem;color:var(--manager-muted);font-size:.78rem;font-weight:800;line-height:1.35}.manager-action-card>svg{color:var(--manager-primary)}.manager-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:1rem;margin-bottom:1.25rem}.manager-panel{min-width:0;overflow:hidden;border:1px solid var(--manager-border);border-radius:var(--manager-radius-card);background:var(--manager-surface);box-shadow:var(--manager-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.manager-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--manager-border)}.manager-panel-header h3{margin:.5rem 0 0;color:var(--manager-heading);font-size:1.18rem;font-weight:950;letter-spacing:-.04em}.manager-record-list,.manager-compact-list,.manager-activity-list{display:grid;gap:.75rem;padding:1rem}.manager-record-item,.manager-compact-item,.manager-activity-item{min-width:0;display:grid;gap:.85rem;align-items:center;padding:.95rem;border-radius:20px;background:#fff1f7ad;border:1px solid rgba(255,95,147,.1)}.manager-record-item{grid-template-columns:minmax(220px,1fr) auto auto}.manager-record-main{min-width:0;display:flex;align-items:center;gap:.75rem}.manager-avatar{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--manager-primary),var(--manager-primary-light));color:#fff;font-weight:950}.manager-record-main strong,.manager-compact-item strong,.manager-activity-item strong{display:block;color:var(--manager-heading);font-weight:950}.manager-record-main small,.manager-compact-item small,.manager-activity-item small,.manager-activity-item p{color:var(--manager-muted);font-weight:750;line-height:1.45}.manager-time-group{display:grid;gap:.25rem;color:var(--manager-muted);font-size:.83rem;font-weight:850}.manager-status-badge{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--manager-radius-pill);padding:0 .8rem;font-size:.76rem;font-weight:950;text-transform:capitalize;white-space:nowrap}.manager-status-badge.present,.manager-status-badge.approved,.manager-status-badge.released,.manager-status-badge.paid,.manager-text-status.approved,.manager-text-status.released,.manager-text-status.paid{background:var(--manager-success-bg);color:#047857}.manager-status-badge.late,.manager-status-badge.pending,.manager-status-badge.pending_review,.manager-status-badge.for_approval,.manager-status-badge.draft,.manager-text-status.pending,.manager-text-status.pending_review,.manager-text-status.for_approval,.manager-text-status.draft{background:var(--manager-warning-bg);color:#92400e}.manager-status-badge.absent,.manager-status-badge.rejected,.manager-status-badge.cancelled,.manager-text-status.rejected,.manager-text-status.cancelled{background:var(--manager-danger-bg);color:#991b1b}.manager-status-badge.half_day,.manager-status-badge.leave,.manager-status-badge.processing,.manager-text-status.processing{background:var(--manager-info-bg);color:#1d4ed8}.manager-payroll-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 1rem 0}.manager-payroll-summary div{min-width:0;padding:.9rem;border-radius:18px;background:#ff5f9313;border:1px solid rgba(255,95,147,.1)}.manager-payroll-summary small{display:block;color:var(--manager-muted);font-size:.74rem;font-weight:900;line-height:1.35}.manager-payroll-summary strong{display:block;margin-top:.25rem;color:var(--manager-primary);font-size:1.05rem;font-weight:950;word-break:break-word}.manager-compact-item{grid-template-columns:minmax(0,1fr) auto}.manager-compact-item>div:last-child{text-align:right}.manager-compact-item span{display:block;color:var(--manager-heading);font-weight:950}.manager-text-status{display:inline-flex!important;width:max-content;margin-top:.25rem;padding:.25rem .55rem;border-radius:var(--manager-radius-pill);font-size:.72rem;font-weight:950!important;text-transform:capitalize}.manager-activity-item{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.manager-activity-item>span{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--manager-primary),var(--manager-primary-light))}.manager-activity-item p{margin:.25rem 0}.manager-state-card,.manager-empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--manager-muted)}.manager-state-card{border:1px solid var(--manager-border);border-radius:var(--manager-radius-card);background:var(--manager-surface);box-shadow:var(--manager-shadow-card)}.manager-state-card svg,.manager-empty-state svg{color:var(--manager-primary);font-size:2.4rem}.manager-state-card h2,.manager-empty-state h4{margin:0;color:var(--manager-heading);font-weight:950}.manager-state-card p,.manager-empty-state p{max-width:460px;margin:0;color:var(--manager-muted);font-weight:750;line-height:1.55}.manager-toast{position:fixed;right:1.5rem;bottom:1.5rem;z-index:15000;width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;border-radius:18px;background:var(--manager-surface-solid);border:1px solid var(--manager-border);box-shadow:0 20px 50px #0f172a29;color:var(--manager-heading);font-weight:850;animation:managerToastIn .28s ease both}.manager-toast.success svg{color:var(--manager-success)}.manager-toast.error svg{color:var(--manager-danger)}.manager-toast.info svg{color:var(--manager-info)}@keyframes managerToastIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.manager-hero,.manager-stat-card,.manager-action-card,.manager-panel,.manager-alert{animation:managerFadeUp .35s ease both}@keyframes managerFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.manager-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-overview-grid{grid-template-columns:1fr}}@media(max-width:1024px){.manager-main{margin-left:240px}.manager-dashboard.collapsed .manager-main{margin-left:80px}.manager-navbar{left:240px}.manager-dashboard.collapsed .manager-navbar{left:80px}.manager-navbar{align-items:flex-start;flex-direction:column}.manager-navbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.manager-dashboard-content{padding:1.25rem}.manager-hero{grid-template-columns:1fr}.manager-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-main{padding-top:155px}}@media(max-width:768px){.manager-main,.manager-dashboard.collapsed .manager-main{margin-left:0;padding-top:0}.manager-navbar,.manager-dashboard.collapsed .manager-navbar{position:sticky;left:0;top:0;min-height:auto;padding:1rem}.manager-dashboard-content{min-height:auto;padding:1rem}.manager-summary-grid,.manager-quick-actions,.manager-payroll-summary{grid-template-columns:1fr}.manager-action-card{grid-template-columns:auto minmax(0,1fr)}.manager-action-card>svg{display:none}.manager-record-item{grid-template-columns:1fr;align-items:flex-start}.manager-status-badge{width:max-content}.manager-panel-header{flex-direction:column;align-items:stretch}.manager-panel-header button{width:100%}.manager-compact-item{grid-template-columns:1fr}.manager-compact-item>div:last-child{text-align:left}.manager-alert{flex-direction:column;align-items:stretch}.manager-alert button{width:100%}.manager-toast{left:1rem;right:1rem;bottom:1rem;width:auto}}@media(max-width:480px){.manager-navbar-title h1{font-size:1.25rem}.manager-navbar-title p{font-size:.82rem}.manager-hero,.manager-panel,.manager-stat-card,.manager-action-card{border-radius:22px}.manager-stat-card{align-items:flex-start;flex-direction:column}.manager-hero-panel>div{min-height:120px}.manager-navbar-actions{display:grid;grid-template-columns:repeat(3,46px);align-items:center}}@media(prefers-reduced-motion:reduce){.manager-hero,.manager-stat-card,.manager-action-card,.manager-panel,.manager-alert,.manager-toast{animation:none}.manager-stat-card:hover,.manager-action-card:hover,.manager-icon-btn:hover,.manager-panel-header button:hover{transform:none}}@media(max-width:991px){.manager-summary-grid,.manager-quick-actions{grid-template-columns:repeat(2,1fr)!important;gap:16px}.manager-payroll-summary{grid-template-columns:repeat(2,1fr)!important}}.app-dashboard.manager-dashboard{--manager-canvas: var(--color-bg, #f7f5ee);--manager-surface-muted: #fbfaf7;--manager-ink: #282c2a;--manager-muted-ink: #68716d;--manager-shadow: 0 8px 26px rgba(39, 43, 37, .07);--manager-shadow-raised: 0 16px 36px rgba(39, 43, 37, .11);--manager-bg-gradient: var(--manager-canvas);--manager-surface: #ffffff;--manager-surface-solid: #ffffff;--manager-border: var(--color-border, #e9e6de);--manager-heading: var(--manager-ink);--manager-text: var(--manager-ink);--manager-muted: var(--manager-muted-ink);--color-bg-gradient: var(--manager-canvas);--color-surface: var(--manager-surface);--color-surface-solid: var(--manager-surface);--color-heading: var(--manager-ink);--color-text: var(--manager-ink);--color-muted: var(--manager-muted-ink);--color-border: var(--manager-border);--shadow-card: var(--manager-shadow);--shadow-soft: 0 4px 14px rgba(39, 43, 37, .06);min-height:100vh;color:var(--manager-ink);background:var(--manager-canvas)!important}.app-dashboard.manager-dashboard .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px;overflow-x:clip;background:transparent!important}.app-dashboard.manager-dashboard .app-topbar{position:sticky;top:0;z-index:1100;min-height:80px;padding:16px clamp(18px,2.4vw,32px);border-bottom:1px solid var(--manager-border);background:color-mix(in srgb,var(--manager-surface) 92%,var(--manager-canvas));box-shadow:0 4px 16px #272b250b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-dashboard.manager-dashboard .app-topbar .navbar-left h1{margin:0;color:var(--manager-ink)!important;-webkit-text-fill-color:var(--manager-ink)!important;background:none!important;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:750;letter-spacing:-.035em}.app-dashboard.manager-dashboard .app-topbar .navbar-left p{margin:4px 0 0;color:var(--manager-muted-ink)!important;font-size:.84rem;font-weight:450}.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content{width:100%;max-width:1680px;min-height:0;margin:0 auto;padding:clamp(18px,2.4vw,34px);overflow:visible;color:var(--manager-ink);background:transparent!important}.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-dashboard-content,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-staff,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.ed-root,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-payroll,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-attendance,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-leave,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-reports,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.ht-root,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.eip-page,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.hm-page,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.slm-page,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.tmp-page,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.grr-page,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.dtr-page,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.ml-container,.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.mac-container{width:100%;max-width:100%;min-width:0;min-height:0;margin:0;padding:0;color:var(--manager-ink);background:transparent!important}.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content>.manager-dashboard-content{display:block}.app-dashboard.manager-dashboard .manager-hero,.app-dashboard.manager-dashboard .manager-stat-card,.app-dashboard.manager-dashboard .manager-action-card,.app-dashboard.manager-dashboard .manager-panel,.app-dashboard.manager-dashboard .manager-state-card,.app-dashboard.manager-dashboard .manager-staff-hero,.app-dashboard.manager-dashboard .staff-summary-card,.app-dashboard.manager-dashboard .staff-controls-card,.app-dashboard.manager-dashboard .staff-table-card,.app-dashboard.manager-dashboard .staff-loading-state,.app-dashboard.manager-dashboard .staff-empty-state,.app-dashboard.manager-dashboard .ed-header,.app-dashboard.manager-dashboard .ed-stat-card,.app-dashboard.manager-dashboard .ed-filters,.app-dashboard.manager-dashboard .ed-loading,.app-dashboard.manager-dashboard .ed-modal,.app-dashboard.manager-dashboard .standard-table-container,.app-dashboard.manager-dashboard .manager-payroll .payroll-tab-bar,.app-dashboard.manager-dashboard .manager-payroll-hero,.app-dashboard.manager-dashboard .payroll-generate-card,.app-dashboard.manager-dashboard .payroll-summary-card,.app-dashboard.manager-dashboard .payroll-chart-card,.app-dashboard.manager-dashboard .payroll-controls-card,.app-dashboard.manager-dashboard .payroll-table-card,.app-dashboard.manager-dashboard .payroll-comp-hero,.app-dashboard.manager-dashboard .payroll-comp-controls,.app-dashboard.manager-dashboard .payroll-comp-table-card,.app-dashboard.manager-dashboard .manager-attendance-hero,.app-dashboard.manager-dashboard .attendance-payroll-panel,.app-dashboard.manager-dashboard .attendance-summary-card,.app-dashboard.manager-dashboard .attendance-controls-card,.app-dashboard.manager-dashboard .attendance-table-card,.app-dashboard.manager-dashboard .attendance-calendar,.app-dashboard.manager-dashboard .manager-leave-hero,.app-dashboard.manager-dashboard .leave-summary-card,.app-dashboard.manager-dashboard .leave-controls-card,.app-dashboard.manager-dashboard .leave-table-card,.app-dashboard.manager-dashboard .leave-calendar,.app-dashboard.manager-dashboard .reports-summary-card,.app-dashboard.manager-dashboard .reports-filters,.app-dashboard.manager-dashboard .reports-content-card,.app-dashboard.manager-dashboard .reports-chart-card,.app-dashboard.manager-dashboard .reports-loading-state,.app-dashboard.manager-dashboard .ht-header,.app-dashboard.manager-dashboard .ht-stat-card,.app-dashboard.manager-dashboard .ht-content,.app-dashboard.manager-dashboard .eip-hero,.app-dashboard.manager-dashboard .eip-controls,.app-dashboard.manager-dashboard .eip-card,.app-dashboard.manager-dashboard .hm-hero,.app-dashboard.manager-dashboard .hm-stat-card,.app-dashboard.manager-dashboard .hm-table-card,.app-dashboard.manager-dashboard .slm-hero,.app-dashboard.manager-dashboard .slm-stat-card,.app-dashboard.manager-dashboard .slm-filter-bar,.app-dashboard.manager-dashboard .slm-table-card,.app-dashboard.manager-dashboard .tmp-hero,.app-dashboard.manager-dashboard .tmp-stat-card,.app-dashboard.manager-dashboard .tmp-table-card,.app-dashboard.manager-dashboard .grr-hero,.app-dashboard.manager-dashboard .grr-controls-card,.app-dashboard.manager-dashboard .grr-total-card,.app-dashboard.manager-dashboard .grr-table-card,.app-dashboard.manager-dashboard .dtr-hero,.app-dashboard.manager-dashboard .dtr-controls-card,.app-dashboard.manager-dashboard .dtr-info-card,.app-dashboard.manager-dashboard .dtr-table-card,.app-dashboard.manager-dashboard .app-main .glass-card,.app-dashboard.manager-dashboard .staff-modal,.app-dashboard.manager-dashboard .attendance-modal,.app-dashboard.manager-dashboard .leave-modal,.app-dashboard.manager-dashboard .payroll-modal,.app-dashboard.manager-dashboard .hm-modal,.app-dashboard.manager-dashboard .slm-modal,.app-dashboard.manager-dashboard .reports-modal{min-width:0;border:1px solid var(--manager-border);border-radius:18px;background:var(--manager-surface);box-shadow:var(--manager-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.manager-dashboard .manager-hero,.app-dashboard.manager-dashboard .manager-panel-header,.app-dashboard.manager-dashboard .manager-staff-hero,.app-dashboard.manager-dashboard .ed-header,.app-dashboard.manager-dashboard .manager-payroll-hero,.app-dashboard.manager-dashboard .payroll-comp-hero,.app-dashboard.manager-dashboard .manager-attendance-hero,.app-dashboard.manager-dashboard .manager-leave-hero,.app-dashboard.manager-dashboard .ht-header,.app-dashboard.manager-dashboard .eip-hero,.app-dashboard.manager-dashboard .hm-hero,.app-dashboard.manager-dashboard .slm-hero,.app-dashboard.manager-dashboard .tmp-hero,.app-dashboard.manager-dashboard .grr-hero,.app-dashboard.manager-dashboard .dtr-hero{padding:clamp(18px,2.3vw,28px)}.app-dashboard.manager-dashboard .manager-hero-copy h2,.app-dashboard.manager-dashboard .manager-panel-header h3,.app-dashboard.manager-dashboard .manager-staff-hero h1,.app-dashboard.manager-dashboard .ed-title,.app-dashboard.manager-dashboard .manager-payroll-hero h1,.app-dashboard.manager-dashboard .payroll-comp-hero h1,.app-dashboard.manager-dashboard .manager-attendance-hero h1,.app-dashboard.manager-dashboard .manager-leave-hero h1,.app-dashboard.manager-dashboard .ht-title,.app-dashboard.manager-dashboard .eip-hero-left h1,.app-dashboard.manager-dashboard .hm-hero-left h1,.app-dashboard.manager-dashboard .slm-hero-left h1,.app-dashboard.manager-dashboard .tmp-hero-left h1,.app-dashboard.manager-dashboard .grr-hero-left h1,.app-dashboard.manager-dashboard .dtr-hero-left h1{color:var(--manager-ink);letter-spacing:-.035em}.app-dashboard.manager-dashboard .manager-hero-copy p,.app-dashboard.manager-dashboard .manager-staff-hero p,.app-dashboard.manager-dashboard .ed-subtitle,.app-dashboard.manager-dashboard .manager-payroll-hero p,.app-dashboard.manager-dashboard .manager-attendance-hero p,.app-dashboard.manager-dashboard .manager-leave-hero p,.app-dashboard.manager-dashboard .ht-subtitle,.app-dashboard.manager-dashboard .eip-hero-left p,.app-dashboard.manager-dashboard .hm-hero-left p,.app-dashboard.manager-dashboard .slm-hero-left p,.app-dashboard.manager-dashboard .tmp-hero-left p,.app-dashboard.manager-dashboard .grr-hero-left p,.app-dashboard.manager-dashboard .dtr-hero-left p{color:var(--manager-muted-ink);font-weight:450}.app-dashboard.manager-dashboard .manager-record-item,.app-dashboard.manager-dashboard .manager-compact-item,.app-dashboard.manager-dashboard .manager-activity-item,.app-dashboard.manager-dashboard .manager-payroll-summary div,.app-dashboard.manager-dashboard .reports-chart-empty,.app-dashboard.manager-dashboard .payroll-chart-empty{background:var(--manager-surface-muted);border-color:var(--manager-border)}.app-dashboard.manager-dashboard .staff-table-scroll,.app-dashboard.manager-dashboard .attendance-table-scroll,.app-dashboard.manager-dashboard .leave-table-scroll,.app-dashboard.manager-dashboard .payroll-table-scroll,.app-dashboard.manager-dashboard .payroll-comp-table-scroll,.app-dashboard.manager-dashboard .staff-modal-table-wrap,.app-dashboard.manager-dashboard .standard-table-container,.app-dashboard.manager-dashboard .hm-table-card,.app-dashboard.manager-dashboard .slm-table-card,.app-dashboard.manager-dashboard .tmp-table-card,.app-dashboard.manager-dashboard .grr-table-card,.app-dashboard.manager-dashboard .dtr-table-card{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.app-dashboard.manager-dashboard .app-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-dashboard.manager-dashboard .app-main select,.app-dashboard.manager-dashboard .app-main textarea{min-height:42px;border-color:var(--manager-border);border-radius:10px;background:var(--manager-surface);color:var(--manager-ink);box-shadow:none}.app-dashboard.manager-dashboard .app-main textarea{min-height:96px}.app-dashboard.manager-dashboard .app-main input:focus,.app-dashboard.manager-dashboard .app-main select:focus,.app-dashboard.manager-dashboard .app-main textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent);outline:none}.app-dashboard.manager-dashboard .app-main button,.app-dashboard.manager-dashboard .app-main .staff-btn,.app-dashboard.manager-dashboard .app-main .attendance-btn,.app-dashboard.manager-dashboard .app-main .leave-btn,.app-dashboard.manager-dashboard .app-main .payroll-btn,.app-dashboard.manager-dashboard .app-main .ed-btn,.app-dashboard.manager-dashboard .app-main .ht-btn,.app-dashboard.manager-dashboard .app-main .hm-btn,.app-dashboard.manager-dashboard .app-main .slm-btn,.app-dashboard.manager-dashboard .app-main .tmp-btn,.app-dashboard.manager-dashboard .app-main .grr-btn,.app-dashboard.manager-dashboard .app-main .dtr-btn,.app-dashboard.manager-dashboard .app-main .eip-btn,.app-dashboard.manager-dashboard .app-main .ml-btn,.app-dashboard.manager-dashboard .app-main .mac-btn{min-height:42px;border-radius:10px}.app-dashboard.manager-dashboard .app-main :focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 60%,white);outline-offset:2px}@media(max-width:1200px){.app-dashboard.manager-dashboard .manager-summary-grid,.app-dashboard.manager-dashboard .manager-quick-actions,.app-dashboard.manager-dashboard .staff-summary-grid,.app-dashboard.manager-dashboard .ed-stats,.app-dashboard.manager-dashboard .payroll-summary-grid,.app-dashboard.manager-dashboard .payroll-chart-grid,.app-dashboard.manager-dashboard .attendance-summary-grid,.app-dashboard.manager-dashboard .leave-summary-grid,.app-dashboard.manager-dashboard .reports-summary-grid,.app-dashboard.manager-dashboard .manager-report-chart-grid,.app-dashboard.manager-dashboard .ht-stats,.app-dashboard.manager-dashboard .eip-grid,.app-dashboard.manager-dashboard .hm-stats,.app-dashboard.manager-dashboard .slm-stats,.app-dashboard.manager-dashboard .tmp-stats,.app-dashboard.manager-dashboard .grr-totals,.app-dashboard.manager-dashboard .dtr-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.app-dashboard.manager-dashboard .app-sidebar.manager-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .25s ease;z-index:1400}.app-dashboard.manager-dashboard .app-sidebar.manager-sidebar.mobile-open{transform:translate(0)}.app-dashboard.manager-dashboard .mobile-menu-toggle{display:grid!important;place-items:center}.app-dashboard.manager-dashboard .app-main{width:100%;margin-left:0}.app-dashboard.manager-dashboard .mobile-backdrop{display:none}.app-dashboard.manager-dashboard .mobile-backdrop.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#1719176b}}@media(max-width:767px){.app-dashboard.manager-dashboard .app-topbar{min-height:64px;height:auto;padding:8px 12px;gap:8px}.app-dashboard.manager-dashboard .app-topbar .navbar-left p{display:none}.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content{padding:14px}.app-dashboard.manager-dashboard .manager-summary-grid,.app-dashboard.manager-dashboard .manager-quick-actions,.app-dashboard.manager-dashboard .staff-summary-grid,.app-dashboard.manager-dashboard .ed-stats,.app-dashboard.manager-dashboard .payroll-summary-grid,.app-dashboard.manager-dashboard .payroll-chart-grid,.app-dashboard.manager-dashboard .attendance-summary-grid,.app-dashboard.manager-dashboard .leave-summary-grid,.app-dashboard.manager-dashboard .reports-summary-grid,.app-dashboard.manager-dashboard .manager-report-chart-grid,.app-dashboard.manager-dashboard .ht-stats,.app-dashboard.manager-dashboard .eip-grid,.app-dashboard.manager-dashboard .hm-stats,.app-dashboard.manager-dashboard .slm-stats,.app-dashboard.manager-dashboard .tmp-stats,.app-dashboard.manager-dashboard .grr-totals,.app-dashboard.manager-dashboard .dtr-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-dashboard.manager-dashboard .mac-columns{grid-template-columns:1fr}.app-dashboard.manager-dashboard .manager-hero,.app-dashboard.manager-dashboard .manager-staff-hero,.app-dashboard.manager-dashboard .ed-header,.app-dashboard.manager-dashboard .manager-payroll-hero,.app-dashboard.manager-dashboard .payroll-comp-hero,.app-dashboard.manager-dashboard .manager-attendance-hero,.app-dashboard.manager-dashboard .manager-leave-hero,.app-dashboard.manager-dashboard .ht-header,.app-dashboard.manager-dashboard .eip-hero,.app-dashboard.manager-dashboard .hm-hero,.app-dashboard.manager-dashboard .slm-hero,.app-dashboard.manager-dashboard .tmp-hero,.app-dashboard.manager-dashboard .grr-hero,.app-dashboard.manager-dashboard .dtr-hero{padding:16px;border-radius:16px}}@media(max-width:420px){.app-dashboard.manager-dashboard .app-main>.app-content.dashboard-content{padding:10px}.app-dashboard.manager-dashboard .manager-summary-grid,.app-dashboard.manager-dashboard .manager-quick-actions,.app-dashboard.manager-dashboard .manager-overview-grid,.app-dashboard.manager-dashboard .manager-payroll-summary,.app-dashboard.manager-dashboard .staff-summary-grid,.app-dashboard.manager-dashboard .ed-stats,.app-dashboard.manager-dashboard .payroll-summary-grid,.app-dashboard.manager-dashboard .payroll-chart-grid,.app-dashboard.manager-dashboard .attendance-summary-grid,.app-dashboard.manager-dashboard .leave-summary-grid,.app-dashboard.manager-dashboard .reports-summary-grid,.app-dashboard.manager-dashboard .manager-report-chart-grid,.app-dashboard.manager-dashboard .ht-stats,.app-dashboard.manager-dashboard .eip-grid,.app-dashboard.manager-dashboard .hm-stats,.app-dashboard.manager-dashboard .slm-stats,.app-dashboard.manager-dashboard .tmp-stats,.app-dashboard.manager-dashboard .grr-totals,.app-dashboard.manager-dashboard .dtr-chips{grid-template-columns:1fr}}.fpe-dialog{width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(255,95,147,.22);border-radius:28px;background:#fffffff5;box-shadow:0 24px 60px #0f172a2e;overflow:hidden;animation:fpeFadeIn .22s ease}@keyframes fpeFadeIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.fpe-body{flex:1;overflow-y:auto;padding:1.1rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}.fpe-user{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:12px;background:#ff5f9312;border:1px solid rgba(255,95,147,.14);color:#ff5f93;font-weight:800;font-size:.95rem}.fpe-alert{display:flex;align-items:center;gap:.55rem;padding:.65rem .9rem;border-radius:12px;font-size:.88rem;font-weight:750}.fpe-alert.error{background:#fee2e2;color:#991b1b}.fpe-alert.warning{background:#fef3c7;color:#92400e}.fpe-enroll-btn{width:100%;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:none;border-radius:16px;background:linear-gradient(135deg,#ff5f93,#ff8fab);color:#fff;font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;transition:.2s ease;box-shadow:0 12px 30px #ff5f9347}.fpe-enroll-btn:hover:not(:disabled){transform:translateY(-2px)}.fpe-enroll-btn:disabled{opacity:.55;cursor:not-allowed}.fpe-list h4{margin:.5rem 0 .4rem;color:#191919;font-size:.85rem;font-weight:900}.fpe-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border:1px solid rgba(255,95,147,.12);border-radius:12px;background:#fff;margin-bottom:.5rem}.fpe-item-info{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.fpe-item-info svg{color:#ff5f93;font-size:1.1rem;flex-shrink:0}.fpe-item-info div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.fpe-item-info strong{color:#191919;font-size:.88rem;font-weight:800;text-transform:capitalize}.fpe-item-info small{color:#64748b;font-size:.75rem;font-weight:700}.fpe-remove{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:8px;background:#fee2e2;color:#ef4444;cursor:pointer;flex-shrink:0}.fpe-remove:hover{background:#fecaca}.fpe-remove:disabled{opacity:.5;cursor:not-allowed}.fpe-empty{text-align:center;padding:1.5rem;color:#64748b}.fpe-empty svg{font-size:2rem;color:#ff5f93;margin-bottom:.5rem}.fpe-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:9500;display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.1rem;border-radius:14px;background:#fff;border:1px solid rgba(255,95,147,.18);box-shadow:0 20px 50px #0f172a1f;font-weight:750;font-size:.9rem}.fpe-toast.error{color:#991b1b}.fpe-toast.success{color:#047857}.manager-staff{--staff-primary: var(--color-primary, #ff5f93);--staff-primary-light: var(--color-primary-light, #ff8db5);--staff-primary-soft: var(--color-primary-soft, #ffc8dd);--staff-bg-gradient: var( --color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7) );--staff-surface: var(--color-surface, rgba(255, 255, 255, .9));--staff-surface-solid: var(--color-surface-solid, #ffffff);--staff-border: var(--color-border, rgba(255, 95, 147, .18));--staff-heading: var(--color-heading, #191919);--staff-text: var(--color-text, #1f2937);--staff-muted: var(--color-muted, #64748b);--staff-success: #10b981;--staff-warning: #f59e0b;--staff-danger: #ef4444;--staff-info: #3b82f6;--staff-money: #14b8a6;--staff-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--staff-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--staff-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--staff-radius-card: var(--radius-card, 28px);--staff-radius-lg: var(--radius-lg, 22px);--staff-radius-md: var(--radius-md, 16px);--staff-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--staff-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manager-staff,.manager-staff *{box-sizing:border-box}.staff-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:0 .75rem;border-radius:var(--staff-radius-pill);background:#ff5f931a;color:var(--staff-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.manager-staff-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--staff-border);border-radius:var(--staff-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 38%),var(--staff-surface);box-shadow:var(--staff-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.manager-staff-hero h1{margin:.75rem 0 0;color:var(--staff-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;line-height:1.05;letter-spacing:-.06em}.manager-staff-hero p{max-width:850px;margin:.85rem 0 0;color:var(--staff-muted);font-size:1rem;font-weight:750;line-height:1.65}.staff-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.staff-btn,.staff-filter-toggle,.staff-clear-btn,.staff-sort-btn,.staff-pagination button,.staff-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:var(--staff-radius-pill);padding:0 1rem;font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:.22s ease;white-space:nowrap}.staff-btn.primary{color:#fff;background:linear-gradient(135deg,var(--staff-primary),var(--staff-primary-light));box-shadow:var(--staff-shadow-primary)}.staff-btn.secondary,.staff-clear-btn,.staff-sort-btn,.staff-pagination button{color:var(--staff-primary);background:var(--staff-surface-solid);border:1px solid var(--staff-border);box-shadow:var(--staff-shadow-soft)}.staff-btn:hover,.staff-filter-toggle:hover,.staff-clear-btn:hover,.staff-sort-btn:hover,.staff-pagination button:hover:not(:disabled),.staff-actions button:hover{transform:translateY(-2px);box-shadow:var(--staff-shadow-primary)}.staff-btn:disabled,.staff-pagination button:disabled{opacity:.65;cursor:not-allowed;transform:none}.staff-alert{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;border-radius:22px;font-weight:850}.staff-alert.error{color:#991b1b;background:#ef44441a;border:1px solid rgba(239,68,68,.18)}.staff-alert button{margin-left:auto;min-height:38px;border:none;border-radius:var(--staff-radius-pill);padding:0 .9rem;color:#fff;background:var(--staff-danger);font-weight:950;cursor:pointer}.staff-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:.9rem;margin-bottom:1.25rem}.staff-summary-card{min-height:124px;display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--staff-border);border-radius:24px;background:var(--staff-surface);box-shadow:var(--staff-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.22s ease}.staff-summary-card:hover{transform:translateY(-4px);box-shadow:var(--staff-shadow-primary)}.staff-summary-card>span{width:50px;height:50px;min-width:50px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--staff-primary),var(--staff-primary-light))}.staff-summary-card.success>span{background:linear-gradient(135deg,#10b981,#34d399)}.staff-summary-card.warning>span{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.staff-summary-card.info>span{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.staff-summary-card.money>span{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.staff-summary-card strong{display:block;color:var(--staff-heading);font-size:1.25rem;font-weight:950;line-height:1.15;word-break:break-word}.staff-summary-card p{margin:.35rem 0 0;color:var(--staff-muted);font-size:.82rem;font-weight:850;line-height:1.25}.staff-controls-card,.staff-table-card{margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--staff-border);border-radius:var(--staff-radius-card);background:var(--staff-surface);box-shadow:var(--staff-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.staff-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.staff-search-box{position:relative;display:flex;align-items:center}.staff-search-box>svg{position:absolute;left:1rem;color:var(--staff-primary);pointer-events:none}.staff-search-box input,.staff-filter-field select,.staff-page-size select{width:100%;min-height:46px;border:1px solid var(--staff-border);border-radius:16px;background:var(--staff-surface-solid);color:var(--staff-text);padding:0 .95rem;font:inherit;font-weight:750;outline:none;transition:.22s ease}.staff-search-box input{padding-left:2.75rem;padding-right:2.75rem}.staff-search-box input:focus,.staff-filter-field select:focus,.staff-page-size select:focus{border-color:#ff5f93a6;box-shadow:0 0 0 4px #ff5f9321}.staff-search-box button{position:absolute;right:.5rem;width:34px;height:34px;border:none;border-radius:12px;color:var(--staff-muted);background:#64748b1a;cursor:pointer}.staff-filter-toggle{color:var(--staff-muted);background:var(--staff-surface-solid);border:1px solid var(--staff-border)}.staff-filter-toggle.active{color:#fff;background:linear-gradient(135deg,var(--staff-primary),var(--staff-primary-light))}.staff-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:.85rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--staff-border)}.staff-filter-field,.staff-page-size{display:grid;gap:.45rem}.staff-filter-field span,.staff-page-size span{color:var(--staff-heading);font-size:.82rem;font-weight:950}.staff-sort-btn,.staff-clear-btn{align-self:end}.staff-table-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.staff-table-header h2{margin:.5rem 0 0;color:var(--staff-heading);font-size:1.25rem;font-weight:950;letter-spacing:-.035em}.staff-table-scroll{overflow-x:auto;border:1px solid var(--staff-border);border-radius:22px;background:var(--staff-surface-solid)}.staff-table{width:100%;min-width:1180px;border-collapse:collapse}.staff-table th{padding:1rem;background:#ff5f9314;color:var(--staff-heading);font-size:.78rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}.staff-table th button{display:inline-flex;align-items:center;gap:.45rem;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.staff-table td{padding:1rem;border-top:1px solid rgba(255,95,147,.1);color:var(--staff-text);font-size:.9rem;vertical-align:middle}.staff-table tbody tr:hover{background:#ff5f930a}.staff-member-cell{display:flex;align-items:center;gap:.75rem;min-width:230px}.staff-avatar{width:46px;height:46px;min-width:46px;display:grid;place-items:center;overflow:hidden;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--staff-primary),var(--staff-primary-light));font-weight:950;box-shadow:0 12px 26px #ff5f9333}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-member-cell strong{display:block;color:var(--staff-heading);font-weight:950}.staff-member-cell small{display:block;margin-top:.2rem;color:var(--staff-muted);font-weight:800}.staff-department-badge,.staff-status,.staff-issue-count,.staff-payroll-count{min-height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--staff-radius-pill);padding:0 .75rem;font-size:.75rem;font-weight:950;white-space:nowrap;text-transform:capitalize}.staff-department-badge{color:#1d4ed8;background:#dbeafe}.staff-status.active,.staff-status.present,.staff-status.reviewed,.staff-status.approved,.staff-status.released,.staff-status.paid,.staff-issue-count.clear{color:#047857;background:#d1fae5}.staff-status.on_leave,.staff-status.pending,.staff-status.late,.staff-status.draft,.staff-status.pending_review,.staff-status.for_approval,.staff-issue-count.warning{color:#92400e;background:#fef3c7}.staff-status.inactive,.staff-status.suspended,.staff-status.absent,.staff-status.rejected,.staff-status.cancelled{color:#991b1b;background:#fee2e2}.staff-payroll-count{color:#0f766e;background:#ccfbf1}.staff-contact-cell{display:grid;gap:.4rem;min-width:220px}.staff-contact-cell span{display:inline-flex;align-items:center;gap:.45rem;color:var(--staff-muted);font-size:.82rem;font-weight:800}.staff-contact-cell svg{color:var(--staff-primary)}.staff-actions{display:flex;flex-wrap:wrap;gap:.45rem}.staff-actions button,.staff-fingerprint-btn{min-height:38px;padding:0 .75rem;color:var(--staff-primary);background:#ff5f9314;border:1px solid rgba(255,95,147,.12);box-shadow:none}.staff-loading-state,.staff-empty-state,.staff-modal-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:.75rem;text-align:center;color:var(--staff-muted)}.staff-loading-state svg,.staff-empty-state svg,.staff-modal-state svg{color:var(--staff-primary);font-size:2.4rem}.staff-loading-state h3,.staff-empty-state h3,.staff-modal-state h3{margin:0;color:var(--staff-heading);font-weight:950}.staff-loading-state p,.staff-empty-state p,.staff-modal-state p{max-width:440px;margin:0;color:var(--staff-muted);font-weight:750;line-height:1.5}.staff-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.staff-pagination p{margin:0;color:var(--staff-muted);font-weight:850}.staff-pagination>div{display:flex;align-items:center;gap:.65rem}.staff-pagination span{color:var(--staff-heading);font-weight:950}.staff-modal{width:min(720px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--staff-border);border-radius:28px;background:var(--staff-surface-solid);box-shadow:0 28px 90px #0f172a42;animation:staffModalIn .24s ease both}.staff-modal.large{width:min(980px,100%)}@keyframes staffModalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-modal-body{overflow-y:auto;padding:1.25rem}.staff-profile-card{display:flex;align-items:center;gap:1rem;padding:1.1rem;margin-bottom:1rem;border-radius:24px;background:#ff5f930f;border:1px solid rgba(255,95,147,.12)}.staff-profile-avatar{width:78px;height:78px;min-width:78px;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,var(--staff-primary),var(--staff-primary-light));color:#fff;font-size:1.8rem;font-weight:950}.staff-profile-avatar img{width:100%;height:100%;object-fit:cover}.staff-profile-card h3{margin:0;color:var(--staff-heading);font-size:1.35rem;font-weight:950}.staff-profile-card p{margin:.25rem 0 .6rem;color:var(--staff-muted);font-weight:800}.staff-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.staff-detail-item{min-width:0;display:flex;gap:.75rem;align-items:flex-start;padding:.9rem;border-radius:18px;background:#ff5f930e;border:1px solid rgba(255,95,147,.1)}.staff-detail-item>svg{margin-top:.15rem;color:var(--staff-primary)}.staff-detail-item small,.staff-profile-summary small{display:block;color:var(--staff-muted);font-size:.75rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.staff-detail-item strong,.staff-profile-summary strong{display:block;margin-top:.25rem;color:var(--staff-heading);font-weight:950;line-height:1.45;word-break:break-word}.staff-profile-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1rem}.staff-profile-summary div{padding:.9rem;border-radius:18px;background:var(--staff-surface);border:1px solid rgba(255,95,147,.1)}.staff-modal-alert{display:flex;gap:.65rem;align-items:center;margin-bottom:1rem;padding:1rem;border-radius:18px;color:#92400e;background:#fef3c7;font-weight:850}.staff-modal-table-wrap{overflow-x:auto;border:1px solid var(--staff-border);border-radius:20px}.staff-modal-table{width:100%;min-width:760px;border-collapse:collapse}.staff-modal-table th{padding:.9rem;background:#ff5f9314;color:var(--staff-heading);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;text-align:left}.staff-modal-table td{padding:.9rem;border-top:1px solid rgba(255,95,147,.1);color:var(--staff-text);font-weight:750}.staff-toast{position:fixed;right:1.5rem;bottom:1.5rem;z-index:9500;width:min(430px,calc(100vw - 32px));display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-radius:18px;background:var(--staff-surface-solid);border:1px solid var(--staff-border);box-shadow:0 22px 60px #0f172a2e;color:var(--staff-heading);font-weight:850;animation:staffToastIn .25s ease both}.staff-toast.success svg{color:var(--staff-success)}.staff-toast.warning svg{color:var(--staff-warning)}@keyframes staffToastIn{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}@media(max-width:1280px){.staff-summary-grid,.staff-filter-grid,.staff-profile-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.manager-staff{padding:1rem}.manager-staff-hero{flex-direction:column}.staff-hero-actions{width:100%}.staff-hero-actions .staff-btn{flex:1}.staff-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-search-row,.staff-table-header,.staff-pagination{display:flex;flex-direction:column;align-items:stretch}.staff-filter-toggle{width:100%}.staff-filter-grid,.staff-detail-grid,.staff-profile-summary{grid-template-columns:1fr}.staff-sort-btn,.staff-clear-btn{width:100%}.staff-pagination>div{justify-content:space-between;flex-wrap:wrap}}@media(max-width:520px){.staff-summary-grid{grid-template-columns:1fr}.staff-summary-card{min-height:auto}.manager-staff-hero h1{font-size:1.8rem}.staff-hero-actions{flex-direction:column}.staff-profile-card{flex-direction:column;text-align:center}.staff-toast{left:1rem;right:1rem;bottom:1rem;width:auto}}.staff-modal-tabs{display:flex;gap:.5rem;padding:0 1.25rem;border-bottom:1px solid var(--staff-border);background:#ff5f930a}.staff-modal-tabs button{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.1rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--staff-muted);font-size:.9rem;font-weight:750;cursor:pointer;transition:.18s ease}.staff-modal-tabs button.active{color:var(--staff-primary);border-bottom-color:var(--staff-primary)}.staff-modal-tabs button:hover{color:var(--staff-primary)}.staff-performance{display:flex;flex-direction:column;gap:1.5rem}.staff-perf-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.staff-perf-summary>div{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;border-radius:var(--staff-radius-md);border:1px solid var(--staff-border);background:var(--staff-surface-solid);text-align:center}.staff-perf-value{font-size:1.35rem;font-weight:950;color:var(--staff-heading)}.staff-perf-summary>div small{color:var(--staff-muted);font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.staff-perf-breakdown{display:flex;flex-direction:column;gap:.9rem;padding:1rem 1.25rem;border-radius:var(--staff-radius-md);border:1px solid var(--staff-border);background:var(--staff-surface-solid)}.staff-perf-breakdown h4{margin:0 0 .35rem;color:var(--staff-heading);font-size:1rem;font-weight:950}.staff-perf-bar-row{display:flex;align-items:center;gap:.75rem;font-size:.88rem}.staff-perf-bar-row>span{min-width:70px;color:var(--staff-muted);font-weight:700}.staff-perf-bar-row>strong{min-width:80px;text-align:right;color:var(--staff-heading);font-weight:800;font-size:.85rem}.staff-perf-bar{flex:1;height:10px;border-radius:999px;background:#ff5f931a;overflow:hidden}.staff-perf-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.staff-perf-bar-fill.success{background:var(--staff-success)}.staff-perf-bar-fill.warning{background:var(--staff-warning)}.staff-perf-bar-fill.danger{background:var(--staff-danger)}.staff-edit-form{display:flex;flex-direction:column;gap:1rem}.staff-edit-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:750;color:var(--staff-heading)}.staff-edit-form label span{color:var(--staff-muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.staff-edit-form input,.staff-edit-form textarea{padding:.7rem .85rem;border:1px solid var(--staff-border);border-radius:var(--staff-radius-md);background:var(--staff-surface-solid);color:var(--staff-text);font-size:.95rem;font-weight:650;outline:none;transition:border-color .2s ease}.staff-edit-form input:focus,.staff-edit-form textarea:focus{border-color:var(--staff-primary)}.staff-avatar,.staff-profile-avatar{transition:background-color .2s ease}@media(max-width:640px){.staff-perf-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.staff-perf-summary{grid-template-columns:1fr!important}}.ed-root{--ed-accent: #7c3aed;display:flex;flex-direction:column;gap:20px;padding:24px;min-height:100vh;background:var(--color-bg-gradient, #f8f9fc);color:var(--color-text, #1e293b);font-family:inherit}.ed-root,.ed-root *{box-sizing:border-box}.ed-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000f;flex-wrap:wrap}.ed-kicker{display:inline-flex;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ed-accent);background:color-mix(in srgb,var(--ed-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--ed-accent) 28%,transparent);width:fit-content;margin-bottom:6px}.ed-title{margin:0;font-size:clamp(20px,2.5vw,28px);font-weight:800;color:var(--color-heading, #0f172a)}.ed-subtitle{margin:4px 0 0;font-size:13px;color:var(--color-text-muted, #64748b);max-width:560px}.ed-header-actions{display:flex;gap:10px;flex-wrap:wrap}.ed-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s ease;font-family:inherit}.ed-btn-primary{background:var(--ed-accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--ed-accent) 30%,transparent)}.ed-btn-primary:hover:not(:disabled){transform:translateY(-1px);opacity:.92}.ed-btn-secondary{background:var(--color-surface, #fff);color:var(--color-text, #374151);border-color:var(--color-border, #e2e8f0)}.ed-btn-secondary:hover{border-color:var(--ed-accent);color:var(--ed-accent)}.ed-btn:disabled{opacity:.6;cursor:not-allowed}.ed-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.ed-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;box-shadow:0 1px 4px #0000000a}.ed-stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.05rem;background:linear-gradient(135deg,var(--ed-accent),color-mix(in srgb,var(--ed-accent) 55%,#fff));box-shadow:0 6px 16px color-mix(in srgb,var(--ed-accent) 30%,transparent)}.ed-stat-card strong{display:block;font-size:22px;font-weight:800;color:var(--color-heading, #0f172a);line-height:1.1}.ed-stat-card span{font-size:12px;color:var(--color-text-muted, #64748b);font-weight:600}.ed-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:14px}.ed-search{position:relative;flex:1;min-width:220px}.ed-search input{width:100%;height:42px;padding:0 36px 0 14px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:10px;font-size:13.5px;font-family:inherit;color:var(--color-text, #374151);background:var(--color-surface, #fff);outline:none;transition:border-color .18s}.ed-search input:focus{border-color:var(--ed-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ed-accent) 15%,transparent)}.ed-search button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:999px;background:color-mix(in srgb,var(--ed-accent) 12%,transparent);color:var(--ed-accent);cursor:pointer}.ed-select{height:42px;padding:0 12px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:10px;font-size:13.5px;font-weight:600;font-family:inherit;color:var(--color-text, #374151);background:var(--color-surface, #fff);cursor:pointer;outline:none}.ed-select:focus{border-color:var(--ed-accent)}.ed-emp-no{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--ed-accent);background:color-mix(in srgb,var(--ed-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--ed-accent) 22%,transparent)}.ed-name-cell{display:flex;align-items:center;gap:10px}.ed-avatar{width:34px;height:34px;min-width:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--ed-accent),color-mix(in srgb,var(--ed-accent) 55%,#fff))}.ed-name-cell small{display:block;color:var(--color-text-muted, #64748b);font-size:11.5px}.ed-chip{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:var(--color-bg, #f1f5f9);border:1px solid var(--color-border, #e2e8f0);color:var(--color-text, #475569)}.ed-ids{font-size:11.5px;font-weight:800;color:#b45309;background:#fef3c7;border-radius:999px;padding:3px 10px}.ed-ids.complete{color:#047857;background:#d1fae5}.ed-status{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800}.ed-status.active{background:#d1fae5;color:#047857}.ed-status.inactive{background:#f1f5f9;color:#64748b}.ed-row-actions{display:flex;gap:6px}.ed-row-actions button{width:30px;height:30px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-surface, #fff);color:var(--color-text-muted, #64748b);cursor:pointer;font-size:12px;transition:all .15s}.ed-row-actions button:hover{color:var(--ed-accent);border-color:var(--ed-accent);background:color-mix(in srgb,var(--ed-accent) 8%,transparent)}.ed-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;color:var(--color-text-muted, #64748b)}.ed-loading svg{font-size:2rem;color:var(--ed-accent)}.ed-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;font-weight:700;font-size:13.5px;border:1px solid}.ed-alert.error{background:#ef444414;border-color:#ef44444d;color:#b91c1c}.ed-alert button{margin-left:auto;padding:6px 14px;border:none;border-radius:999px;background:#b91c1c;color:#fff;font-weight:800;cursor:pointer}.ed-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0}.ed-pagination button{padding:8px 16px;border-radius:8px;border:1.5px solid var(--color-border, #e2e8f0);background:var(--color-surface, #fff);font-weight:700;font-size:13px;cursor:pointer}.ed-pagination button:disabled{opacity:.4;cursor:not-allowed}.ed-pagination span{font-size:13px;color:var(--color-text-muted, #64748b);font-weight:600}@keyframes ed-fade{0%{opacity:0}to{opacity:1}}.ed-modal{width:min(760px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:18px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);box-shadow:0 24px 64px #0f172a47;overflow:hidden;animation:ed-slide .22s ease}@keyframes ed-slide{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ed-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ed-form-section{border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:16px;margin:0 0 16px}.ed-form-section legend{padding:0 8px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-accent)}.ed-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ed-field{display:flex;flex-direction:column;gap:5px}.ed-field>span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #64748b)}.ed-field>span em{color:#ef4444;font-style:normal;margin-left:2px}.ed-field input[type=text],.ed-field input[type=email],.ed-field input[type=number],.ed-field input[type=date],.ed-field select{height:40px;padding:0 12px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:9px;font-size:13.5px;font-family:inherit;color:var(--color-text, #374151);background:var(--color-surface, #fff);outline:none}.ed-field input:focus,.ed-field select:focus{border-color:var(--ed-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ed-accent) 15%,transparent)}.ed-field.checkbox{flex-direction:row;align-items:center;gap:10px;padding-top:20px}.ed-field.checkbox input{width:18px;height:18px;accent-color:var(--ed-accent)}.ed-detail-modal{max-width:640px}.ed-id-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;border:1.5px dashed var(--color-border, #e2e8f0);border-radius:14px;background:var(--color-bg, #f8fafc);margin-bottom:16px}.ed-barcode{width:100%;max-width:320px;height:46px}.ed-barcode rect{fill:#0f172a}.ed-id-card strong{font-size:15px;font-weight:800;letter-spacing:.18em;color:var(--color-heading, #0f172a)}.ed-id-card span{font-size:11.5px;color:var(--color-text-muted, #64748b)}.ed-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.ed-detail-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid var(--color-border, #f0f4f8);font-size:13px}.ed-detail-row label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8)}.ed-detail-row span{font-weight:600;color:var(--color-text, #374151);text-align:right;word-break:break-word}.ed-toast{position:fixed;bottom:24px;right:24px;z-index:1100;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;color:#fff;font-weight:700;font-size:13.5px;box-shadow:0 14px 36px #0f172a40;animation:ed-fade .25s ease}.ed-toast.success{background:#047857}.ed-toast.error{background:#b91c1c}@media(max-width:640px){.ed-root{padding:16px;gap:14px}.ed-header{flex-direction:column;align-items:flex-start;padding:18px 20px}.ed-form-grid,.ed-detail-grid{grid-template-columns:1fr}}.mpm-dialog{width:100%;max-width:960px;max-height:92vh;display:flex;flex-direction:column;border:1px solid rgba(255,95,147,.22);border-radius:28px;background:#fffffff2;box-shadow:0 24px 60px #0f172a2e;overflow:hidden;animation:mpmFadeIn .22s ease}@keyframes mpmFadeIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mpm-alert{display:flex;align-items:center;gap:.55rem;margin:.75rem 1.5rem 0;padding:.65rem .9rem;border-radius:12px;background:#fee2e2;color:#991b1b;font-size:.88rem;font-weight:750}.mpm-alert svg{font-size:.95rem}.mpm-body{flex:1;overflow-y:auto;padding:1.1rem 1.5rem}.mpm-row.top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;margin-bottom:.75rem}.mpm-field{display:flex;flex-direction:column;gap:.3rem}.mpm-field>span{font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.mpm-field input,.mpm-field select,.mpm-field textarea{min-height:40px;padding:0 .65rem;border:1px solid rgba(255,95,147,.22);border-radius:12px;background:#fff;color:#1f2937;font-size:.92rem;font-weight:700;font-family:inherit;outline:none;transition:.15s ease}.mpm-field textarea{min-height:unset;padding:.5rem .65rem;resize:vertical}.mpm-field input:focus,.mpm-field select:focus,.mpm-field textarea:focus{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f9324}.mpm-select-wrap{position:relative;display:flex;align-items:center}.mpm-select-wrap svg{position:absolute;left:.65rem;color:#ff5f93;font-size:.85rem;pointer-events:none}.mpm-select-wrap select{width:100%;padding-left:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mpm-number-wrap{display:flex;align-items:center;gap:.35rem;padding:0 .55rem;border:1px solid rgba(255,95,147,.22);border-radius:12px;background:#fff;transition:.15s ease}.mpm-number-wrap:focus-within{border-color:#ff5f93;box-shadow:0 0 0 3px #ff5f9324}.mpm-number-wrap small{color:#64748b;font-weight:800;font-size:.85rem}.mpm-number-wrap input{flex:1;min-height:38px;border:none;background:transparent;outline:none;font-size:.92rem;font-weight:700;text-align:right;color:#1f2937;padding:0 .3rem}.mpm-employee-card{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .85rem;margin-bottom:1rem;border-radius:12px;background:#ff5f9312;border:1px solid rgba(255,95,147,.14)}.mpm-employee-card strong{color:#191919;font-size:.92rem;font-weight:800}.mpm-employee-card small{color:#64748b;font-size:.78rem;font-weight:700}.mpm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem}.mpm-col{border:1px solid rgba(255,95,147,.14);border-radius:18px;background:#fffc;overflow:hidden}.mpm-col-header{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;background:#ff5f9312;border-bottom:1px solid rgba(255,95,147,.12)}.mpm-col-header svg{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#ff5f9326;color:#ff5f93;font-size:.75rem;padding:.35rem}.mpm-col-header h3{margin:0;font-size:.92rem;font-weight:800;color:#191919}.mpm-fields{display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1rem}.mpm-row-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.mpm-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.mpm-total-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.85rem;border-radius:14px;background:#ffffffe6;border:1px solid rgba(255,95,147,.14);text-align:center}.mpm-total-card small{font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.mpm-total-card strong{font-size:1.15rem;font-weight:950;color:#191919}.mpm-total-card strong.ded{color:#ef4444}.mpm-total-card.net{background:#10b98114;border-color:#10b98140}.mpm-total-card.net strong{color:#047857}.mpm-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.1rem;border:none;border-radius:999px;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;transition:.18s ease}.mpm-btn.secondary{background:#f1f5f9;color:#64748b}.mpm-btn.secondary:hover{background:#e2e8f0}.mpm-btn.primary{background:#ff5f93;color:#fff;box-shadow:0 12px 30px #ff5f933d}.mpm-btn.primary:hover{transform:translateY(-2px)}.mpm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:800px){.mpm-grid,.mpm-row.top,.mpm-totals{grid-template-columns:1fr}}@media(max-width:480px){.mpm-row-inner{grid-template-columns:1fr}}.mpm-status-badge{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.mpm-status-draft{background:#f1f5f9;color:#64748b}.mpm-status-processing{background:#fef3c7;color:#92400e}.mpm-status-pending{background:#fef3c7;color:#b45309}.mpm-status-approved{background:#dbeafe;color:#1d4ed8}.mpm-status-paid{background:#d1fae5;color:#047857}.mpm-status-cancelled{background:#fee2e2;color:#991b1b}.mpm-alert.success{background:#d1fae5;color:#065f46}.mpm-section{margin-bottom:1.1rem;padding:.85rem 1rem;border:1px solid rgba(255,95,147,.12);border-radius:18px;background:#fff9}.mpm-section-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem}.mpm-section-header svg{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#ff5f931f;color:#ff5f93;font-size:.78rem;padding:.35rem}.mpm-section-header h3{margin:0;font-size:.92rem;font-weight:800;color:#191919;flex:1}.mpm-info-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed rgba(255,95,147,.1)}.mpm-info-row small{font-size:.78rem;color:#64748b}.mpm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mpm-table-scroll{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,95,147,.12)}.mpm-attendance-table,.mpm-summary-table{width:100%;border-collapse:collapse;font-size:.82rem}.mpm-attendance-table th,.mpm-attendance-table td,.mpm-summary-table th,.mpm-summary-table td{padding:.4rem .5rem;text-align:left;border-bottom:1px solid rgba(255,95,147,.08);white-space:nowrap}.mpm-attendance-table th,.mpm-summary-table th{background:#ff5f930f;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.mpm-attendance-table input{width:100%;min-height:32px;padding:0 .35rem;border:1px solid rgba(255,95,147,.15);border-radius:8px;background:#fff;font-size:.8rem;font-weight:700;color:#1f2937;outline:none}.mpm-attendance-table input:focus{border-color:#ff5f93;box-shadow:0 0 0 2px #ff5f931f}.mpm-attendance-table input:disabled{background:#f8fafc;color:#94a3b8}.mpm-attendance-totals td{background:#ff5f930a;font-size:.8rem}.mpm-attendance-totals strong{color:#ff5f93}.mpm-remove-row{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:8px;background:#fee2e2;color:#ef4444;cursor:pointer;transition:.15s ease}.mpm-remove-row:hover{background:#ef4444;color:#fff}.mpm-add-row-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border:1px solid rgba(255,95,147,.25);border-radius:999px;background:#ff5f9314;color:#ff5f93;font-size:.76rem;font-weight:800;cursor:pointer;transition:.15s ease}.mpm-add-row-btn:hover{background:#ff5f9326}.mpm-add-row-btn:disabled{opacity:.5;cursor:not-allowed}.mpm-summary-table td{font-weight:700;color:#1f2937}.mpm-summary-table .mpm-empty{text-align:center;color:#94a3b8;font-weight:700;padding:1.25rem}.mpm-approval-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mpm-approval-item{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .85rem;border-radius:12px;background:#f1f5f999;border:1px solid rgba(255,95,147,.1)}.mpm-approval-item>span{font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.mpm-approval-item>strong{font-size:.88rem;color:#191919}.mpm-approval-check{display:flex;align-items:center;gap:.5rem}.mpm-approval-check input[type=checkbox]{width:20px;height:20px;accent-color:#ff5f93;cursor:pointer}.mpm-approval-check small{font-size:.76rem;color:#64748b;font-weight:700}.mpm-btn.submit{background:#f59e0b;color:#fff;box-shadow:0 8px 20px #f59e0b38}.mpm-btn.submit:hover{transform:translateY(-2px)}.mpm-btn.approve{background:#3b82f6;color:#fff;box-shadow:0 8px 20px #3b82f638}.mpm-btn.approve:hover{transform:translateY(-2px)}.mpm-btn.paid{background:#10b981;color:#fff;box-shadow:0 8px 20px #10b98138}.mpm-btn.paid:hover{transform:translateY(-2px)}.mpm-field input:disabled,.mpm-field select:disabled,.mpm-field textarea:disabled,.mpm-number-wrap:has(input:disabled){background:#f8fafc;color:#94a3b8;cursor:not-allowed}.mpm-employee-toggle{display:flex;gap:.35rem;margin-bottom:.4rem}.mpm-toggle-btn{flex:1;padding:.35rem .6rem;border:1px solid rgba(255,95,147,.2);border-radius:10px;background:#f8fafc;color:#64748b;font-size:.74rem;font-weight:800;cursor:pointer;transition:.15s ease;font-family:inherit}.mpm-toggle-btn.active{background:#ff5f931a;color:#ff5f93;border-color:#ff5f9359}.mpm-toggle-btn:hover:not(.active):not(:disabled){background:#f1f5f9}.mpm-toggle-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:800px){.mpm-grid-3,.mpm-approval-grid{grid-template-columns:1fr}.mpm-attendance-table{font-size:.75rem}.mpm-section{padding:.65rem .75rem}}.payroll-computation{--comp-primary: var(--color-primary, #ff5f93);--comp-surface: var(--color-surface, rgba(255, 255, 255, .9));--comp-surface-solid: var(--color-surface-solid, #ffffff);--comp-border: var(--color-border, rgba(255, 95, 147, .18));--comp-heading: var(--color-heading, #191919);--comp-text: var(--color-text, #1f2937);--comp-muted: var(--color-muted, #64748b);--comp-success: #10b981;--comp-warning: #f59e0b;--comp-danger: #ef4444;--comp-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--comp-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--comp-radius-card: var(--radius-card, 28px);--comp-radius-lg: var(--radius-lg, 22px);--comp-radius-md: var(--radius-md, 16px);--comp-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--comp-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.payroll-computation,.payroll-computation *{box-sizing:border-box}.payroll-comp-hero{margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--comp-border);border-radius:var(--comp-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 38%),var(--comp-surface);box-shadow:var(--comp-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.payroll-comp-back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .85rem;border:1px solid var(--comp-border);border-radius:var(--comp-radius-pill);background:var(--comp-surface-solid);color:var(--comp-primary);font-size:.82rem;font-weight:750;cursor:pointer;transition:.18s ease}.payroll-comp-back:hover{box-shadow:var(--comp-shadow-soft)}.payroll-comp-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:0 .75rem;border-radius:var(--comp-radius-pill);background:#ff5f931a;color:var(--comp-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.payroll-comp-hero h1{margin:.75rem 0 0;color:var(--comp-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;line-height:1.05;letter-spacing:-.06em}.payroll-comp-hero p{max-width:850px;margin:.85rem 0 0;color:var(--comp-muted);font-size:1rem;font-weight:750;line-height:1.65}.payroll-comp-alert{display:flex;align-items:center;gap:.65rem;padding:.9rem 1.1rem;margin-bottom:1.25rem;border-radius:var(--comp-radius-md);background:#fee2e2;color:#991b1b;font-size:.92rem;font-weight:750}.payroll-comp-alert button{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.payroll-comp-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.payroll-comp-period{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:1rem 1.15rem;border:1px solid var(--comp-border);border-radius:var(--comp-radius-lg);background:var(--comp-surface);box-shadow:var(--comp-shadow-soft)}.payroll-comp-period label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:750;color:var(--comp-muted)}.payroll-comp-period label span{text-transform:uppercase;letter-spacing:.06em}.payroll-comp-period input[type=date],.payroll-comp-period input[type=month],.payroll-comp-period select{min-height:44px;padding:0 .75rem;border:1px solid var(--comp-border);border-radius:var(--comp-radius-md);background:var(--comp-surface-solid);color:var(--comp-text);font-size:.95rem;font-weight:650;outline:none}.payroll-comp-period-label{align-self:center;padding:.45rem .85rem;border-radius:var(--comp-radius-md);background:#eef2ff;color:#4338ca;font-size:.85rem;font-weight:750}.payroll-comp-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:var(--comp-radius-pill);padding:0 1.1rem;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;transition:.2s ease}.payroll-comp-btn.primary{background:var(--comp-primary);color:#fff;box-shadow:0 14px 34px #ff5f9342}.payroll-comp-btn.primary:hover{transform:translateY(-2px)}.payroll-comp-btn.success{background:var(--comp-success);color:#fff}.payroll-comp-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.payroll-comp-summary-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.payroll-comp-pill{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border:1px solid var(--comp-border);border-radius:var(--comp-radius-lg);background:var(--comp-surface);box-shadow:var(--comp-shadow-soft)}.payroll-comp-pill svg{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ff5f931f;color:var(--comp-primary);font-size:1.1rem;padding:.6rem}.payroll-comp-pill.success svg{background:#10b9811f;color:var(--comp-success)}.payroll-comp-pill strong{display:block;color:var(--comp-heading);font-size:1.2rem;font-weight:950}.payroll-comp-pill small{display:block;color:var(--comp-muted);font-size:.78rem;font-weight:750}.payroll-comp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.payroll-comp-search{flex:1;max-width:320px;display:flex;align-items:center;gap:.55rem;padding:0 .85rem;border:1px solid var(--comp-border);border-radius:var(--comp-radius-pill);background:var(--comp-surface-solid)}.payroll-comp-search svg{color:var(--comp-muted)}.payroll-comp-search input{flex:1;min-height:40px;border:none;background:transparent;color:var(--comp-text);font-size:.9rem;font-weight:650;outline:none}.payroll-comp-search button{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--comp-muted);cursor:pointer}.payroll-comp-table-card{border:1px solid var(--comp-border);border-radius:var(--comp-radius-card);background:var(--comp-surface);box-shadow:var(--comp-shadow-card);overflow:hidden}.payroll-comp-table-scroll{overflow-x:auto}.payroll-comp-table{width:100%;min-width:1100px;border-collapse:collapse}.payroll-comp-table th{padding:.85rem .75rem;background:#ff5f9314;color:var(--comp-heading);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-align:left}.payroll-comp-table td{padding:.65rem .75rem;border-top:1px solid rgba(255,95,147,.1);color:var(--comp-text);font-size:.88rem;vertical-align:middle}.payroll-comp-employee strong{display:block;color:var(--comp-heading);font-weight:800}.payroll-comp-employee small{display:block;color:var(--comp-muted);font-size:.75rem;font-weight:700}.payroll-comp-attendance{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.payroll-comp-attendance .tag{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--comp-radius-pill);font-size:.72rem;font-weight:800}.payroll-comp-attendance .tag.present{background:#d1fae5;color:#047857}.payroll-comp-attendance .tag.late{background:#fef3c7;color:#92400e}.payroll-comp-attendance .tag.absent{background:#fee2e2;color:#991b1b}.payroll-comp-attendance .tag.leave{background:#dbeafe;color:#1e40af}.payroll-comp-half{display:block;margin-top:2px;font-size:.7rem;font-weight:700;color:#4338ca}.payroll-comp-warning{display:block;margin-top:2px;font-size:.7rem;font-weight:700;color:#b45309}.payroll-comp-attendance small{display:block;width:100%;color:var(--comp-muted);font-size:.72rem;font-weight:700;margin-top:.15rem}.payroll-comp-input{min-height:34px;padding:0 .5rem;border:1px solid var(--comp-border);border-radius:8px;background:var(--comp-surface-solid);color:var(--comp-text);font-size:.88rem;font-weight:700;outline:none;width:100%}.payroll-comp-input.number{max-width:100px;text-align:right}.payroll-comp-input.inline{max-width:80px;text-align:right;min-height:28px;font-size:.78rem}.payroll-comp-table td strong.net{color:var(--comp-success);font-weight:900}.payroll-comp-ded{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;color:var(--comp-danger);font-weight:750}.payroll-comp-ded svg{font-size:.75rem;opacity:.6}.payroll-comp-breakdown{margin-top:.4rem;padding:.5rem;border-radius:8px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem .6rem}.payroll-comp-breakdown div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem}.payroll-comp-breakdown small{color:var(--comp-muted);font-weight:700}.payroll-comp-breakdown span{font-weight:800;color:var(--comp-danger)}.payroll-comp-btn-icon{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:8px;background:#ff5f931a;color:var(--comp-primary);cursor:pointer}.payroll-comp-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--comp-border);font-size:.88rem}.payroll-comp-pagination p{color:var(--comp-muted);font-weight:700}.payroll-comp-pagination>div{display:flex;align-items:center;gap:.5rem}.payroll-comp-pagination button{min-height:36px;display:inline-flex;align-items:center;gap:.4rem;padding:0 .8rem;border:1px solid var(--comp-border);border-radius:var(--comp-radius-pill);background:var(--comp-surface-solid);color:var(--comp-text);font-size:.85rem;font-weight:750;cursor:pointer;transition:.18s ease}.payroll-comp-pagination button:disabled{opacity:.5;cursor:not-allowed}.payroll-comp-empty{min-height:200px;display:grid;place-items:center;padding:2rem;color:var(--comp-muted)}.payroll-comp-empty svg{font-size:2rem;color:var(--comp-primary)}.payroll-comp-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:9500;display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.1rem;border-radius:var(--comp-radius-lg);background:var(--comp-surface-solid);border:1px solid var(--comp-border);box-shadow:var(--comp-shadow-card);font-weight:750;font-size:.92rem}.payroll-comp-toast.error{color:#991b1b}.payroll-comp-toast.success{color:#047857}.payroll-comp-toast.warning{color:#92400e}@media(max-width:900px){.payroll-comp-summary-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.payroll-comp-summary-bar{grid-template-columns:1fr}.payroll-comp-toolbar{flex-direction:column;align-items:flex-start}.payroll-comp-search{max-width:100%;width:100%}}.manager-payroll .payroll-tab-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#fffc;border-bottom:1px solid rgba(255,95,147,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.manager-payroll .payroll-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:8px;border:1px solid rgba(255,95,147,.25);background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .18s ease}.manager-payroll .payroll-tab-btn:hover{background:#ff5f930f;color:#ff5f93;border-color:#ff5f9366}.manager-payroll .payroll-tab-btn.active{background:#ff5f93;color:#fff;border-color:#ff5f93;font-weight:600}.manager-payroll .readonly-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.25rem .75rem;border-radius:var(--payroll-radius-pill);background:#64748b26;color:var(--payroll-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(100,116,139,.25)}.manager-payroll{--payroll-primary: var(--color-primary, #ff5f93);--payroll-primary-light: var(--color-primary-light, #ff8db5);--payroll-primary-soft: var(--color-primary-soft, #ffc8dd);--payroll-surface: var(--color-surface, rgba(255, 255, 255, .9));--payroll-surface-solid: var(--color-surface-solid, #ffffff);--payroll-border: var(--color-border, rgba(255, 95, 147, .18));--payroll-heading: var(--color-heading, #191919);--payroll-text: var(--color-text, #1f2937);--payroll-muted: var(--color-muted, #64748b);--payroll-success: #10b981;--payroll-warning: #f59e0b;--payroll-danger: #ef4444;--payroll-info: #3b82f6;--payroll-money: #14b8a6;--payroll-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--payroll-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--payroll-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--payroll-radius-card: var(--radius-card, 28px);--payroll-radius-lg: var(--radius-lg, 22px);--payroll-radius-md: var(--radius-md, 16px);--payroll-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--payroll-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manager-payroll,.manager-payroll *{box-sizing:border-box}.payroll-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:0 .75rem;border-radius:var(--payroll-radius-pill);background:#ff5f931a;color:var(--payroll-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.manager-payroll-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 38%),var(--payroll-surface);box-shadow:var(--payroll-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.manager-payroll-hero h1{margin:.75rem 0 0;color:var(--payroll-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;line-height:1.05;letter-spacing:-.06em}.manager-payroll-hero p{max-width:850px;margin:.85rem 0 0;color:var(--payroll-muted);font-size:1rem;font-weight:750;line-height:1.65}.payroll-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.payroll-btn,.payroll-filter-toggle,.payroll-clear-btn,.payroll-sort-btn,.payroll-pagination button,.payroll-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:var(--payroll-radius-pill);padding:0 1rem;font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:.22s ease;white-space:nowrap}.payroll-btn.primary{color:#fff;background:linear-gradient(135deg,var(--payroll-primary),var(--payroll-primary-light));box-shadow:var(--payroll-shadow-primary)}.payroll-btn.secondary,.payroll-clear-btn,.payroll-sort-btn,.payroll-pagination button{color:var(--payroll-primary);background:var(--payroll-surface-solid);border:1px solid var(--payroll-border);box-shadow:var(--payroll-shadow-soft)}.payroll-btn:hover,.payroll-filter-toggle:hover,.payroll-clear-btn:hover,.payroll-sort-btn:hover,.payroll-pagination button:hover:not(:disabled),.payroll-actions button:hover{transform:translateY(-2px);box-shadow:var(--payroll-shadow-primary)}.payroll-btn:disabled,.payroll-pagination button:disabled,.payroll-actions button:disabled{opacity:.65;cursor:not-allowed;transform:none}.payroll-alert{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;border-radius:22px;font-weight:850}.payroll-alert.error{color:#991b1b;background:#ef44441a;border:1px solid rgba(239,68,68,.18)}.payroll-alert button{margin-left:auto;min-height:38px;border:none;border-radius:var(--payroll-radius-pill);padding:0 .9rem;color:#fff;background:var(--payroll-danger);font-weight:950;cursor:pointer}.payroll-generate-card{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:1rem;align-items:end;margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-card);background:var(--payroll-surface);box-shadow:var(--payroll-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.payroll-generate-card h2{margin:.5rem 0 0;color:var(--payroll-heading);font-size:1.25rem;font-weight:950}.payroll-generate-card p{margin:.4rem 0 0;color:var(--payroll-muted);font-weight:750;line-height:1.5}.payroll-generate-form{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr)) auto;gap:.85rem;align-items:end}.payroll-generate-form label,.payroll-filter-field,.payroll-page-size{display:grid;gap:.45rem}.payroll-generate-form span,.payroll-filter-field span,.payroll-page-size span{color:var(--payroll-heading);font-size:.82rem;font-weight:950}.payroll-generate-form input,.payroll-filter-field select,.payroll-page-size select,.payroll-search-box input{width:100%;min-height:46px;border:1px solid var(--payroll-border);border-radius:16px;background:var(--payroll-surface-solid);color:var(--payroll-text);padding:0 .95rem;font:inherit;font-weight:750;outline:none;transition:.22s ease}.payroll-generate-form input:focus,.payroll-filter-field select:focus,.payroll-page-size select:focus,.payroll-search-box input:focus{border-color:#ff5f93a6;box-shadow:0 0 0 4px #ff5f9321}.payroll-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:.9rem;margin-bottom:1.25rem}.payroll-summary-card{min-height:124px;display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--payroll-border);border-radius:24px;background:var(--payroll-surface);box-shadow:var(--payroll-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.22s ease}.payroll-summary-card:hover{transform:translateY(-4px);box-shadow:var(--payroll-shadow-primary)}.payroll-summary-card>span{width:50px;height:50px;min-width:50px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--payroll-primary),var(--payroll-primary-light))}.payroll-summary-card.success>span{background:linear-gradient(135deg,#10b981,#34d399)}.payroll-summary-card.warning>span{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.payroll-summary-card.danger>span{background:linear-gradient(135deg,#ef4444,#f87171)}.payroll-summary-card.info>span{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.payroll-summary-card.money>span{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.payroll-summary-card strong{display:block;color:var(--payroll-heading);font-size:1.25rem;font-weight:950;line-height:1.15;word-break:break-word}.payroll-summary-card p{margin:.35rem 0 0;color:var(--payroll-muted);font-size:.82rem;font-weight:850;line-height:1.25}.payroll-chart-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:1rem;margin-bottom:1.25rem}.payroll-chart-card{min-width:0;padding:1.25rem;border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-card);background:var(--payroll-surface);box-shadow:var(--payroll-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.payroll-chart-card h3{margin:0 0 1rem;color:var(--payroll-heading);font-size:1rem;font-weight:950}.payroll-chart-empty{min-height:280px;display:grid;place-items:center;align-content:center;gap:.75rem;text-align:center;color:var(--payroll-muted)}.payroll-chart-empty svg{color:var(--payroll-primary);font-size:2.3rem}.payroll-chart-empty p{margin:0;font-weight:750}.payroll-controls-card,.payroll-table-card{margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-card);background:var(--payroll-surface);box-shadow:var(--payroll-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.payroll-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.payroll-search-box{position:relative;display:flex;align-items:center}.payroll-search-box>svg{position:absolute;left:1rem;color:var(--payroll-primary);pointer-events:none}.payroll-search-box input{padding-left:2.75rem;padding-right:2.75rem}.payroll-search-box button{position:absolute;right:.5rem;width:34px;height:34px;border:none;border-radius:12px;color:var(--payroll-muted);background:#64748b1a;cursor:pointer}.payroll-filter-toggle{color:var(--payroll-muted);background:var(--payroll-surface-solid);border:1px solid var(--payroll-border)}.payroll-filter-toggle.active{color:#fff;background:linear-gradient(135deg,var(--payroll-primary),var(--payroll-primary-light))}.payroll-filter-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:.85rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--payroll-border)}.payroll-sort-btn,.payroll-clear-btn{align-self:end}.payroll-table-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.payroll-table-header h2{margin:.5rem 0 0;color:var(--payroll-heading);font-size:1.25rem;font-weight:950;letter-spacing:-.035em}.payroll-table-scroll{overflow-x:auto;border:1px solid var(--payroll-border);border-radius:22px;background:var(--payroll-surface-solid)}.payroll-table{width:100%;min-width:1280px;border-collapse:collapse}.payroll-table th{padding:1rem;background:#ff5f9314;color:var(--payroll-heading);font-size:.78rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}.payroll-table th button{display:inline-flex;align-items:center;gap:.45rem;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.payroll-table td{padding:1rem;border-top:1px solid rgba(255,95,147,.1);color:var(--payroll-text);font-size:.9rem;vertical-align:middle}.payroll-table tbody tr:hover{background:#ff5f930a}.payroll-id{color:var(--payroll-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:950}.payroll-employee-cell strong{display:block;color:var(--payroll-heading);font-weight:950}.payroll-employee-cell small,.payroll-attendance-cell small{display:block;margin-top:.2rem;color:var(--payroll-muted);font-weight:800}.payroll-attendance-cell span{display:block;color:var(--payroll-heading);font-weight:900}.payroll-department-badge,.payroll-status{min-height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--payroll-radius-pill);padding:0 .75rem;font-size:.75rem;font-weight:950;white-space:nowrap;text-transform:capitalize}.payroll-department-badge{color:#1d4ed8;background:#dbeafe}.payroll-status.approved,.payroll-status.released,.payroll-status.paid{color:#047857;background:#d1fae5}.payroll-status.pending,.payroll-status.pending_review,.payroll-status.for_approval,.payroll-status.draft,.payroll-status.processing{color:#92400e;background:#fef3c7}.payroll-status.cancelled,.payroll-status.rejected,.payroll-status.failed{color:#991b1b;background:#fee2e2}.payroll-deductions{color:var(--payroll-danger);font-weight:900}.payroll-net-pay{color:#047857;font-weight:950}.payroll-actions{display:flex;flex-wrap:wrap;gap:.45rem;min-width:420px}.payroll-actions button{min-height:38px;padding:0 .75rem;color:var(--payroll-primary);background:#ff5f9314;border:1px solid rgba(255,95,147,.12);box-shadow:none}.payroll-loading-state,.payroll-empty-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:.75rem;text-align:center;color:var(--payroll-muted)}.payroll-loading-state svg,.payroll-empty-state svg{color:var(--payroll-primary);font-size:2.4rem}.payroll-loading-state h3,.payroll-empty-state h3{margin:0;color:var(--payroll-heading);font-weight:950}.payroll-loading-state p,.payroll-empty-state p{max-width:440px;margin:0;color:var(--payroll-muted);font-weight:750;line-height:1.5}.payroll-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.payroll-pagination p{margin:0;color:var(--payroll-muted);font-weight:850}.payroll-pagination>div{display:flex;align-items:center;gap:.65rem}.payroll-pagination span{color:var(--payroll-heading);font-weight:950}.payroll-modal{width:min(720px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--payroll-border);border-radius:28px;background:var(--payroll-surface-solid);box-shadow:0 28px 90px #0f172a42;animation:payrollModalIn .24s ease both}.payroll-modal.large{width:min(980px,100%)}@keyframes payrollModalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.payroll-modal-body{overflow-y:auto;padding:1.25rem}.payroll-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.payroll-detail-grid div{min-width:0;padding:.9rem;border-radius:18px;background:#ff5f930e;border:1px solid rgba(255,95,147,.1)}.payroll-detail-grid small{display:block;color:var(--payroll-muted);font-size:.75rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.payroll-detail-grid strong{display:block;margin-top:.3rem;color:var(--payroll-heading);font-weight:950;line-height:1.45;word-break:break-word}.payroll-toast{position:fixed;right:1.5rem;bottom:1.5rem;z-index:9500;width:min(430px,calc(100vw - 32px));display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-radius:18px;background:var(--payroll-surface-solid);border:1px solid var(--payroll-border);box-shadow:0 22px 60px #0f172a2e;color:var(--payroll-heading);font-weight:850;animation:payrollToastIn .25s ease both}.payroll-toast.success svg{color:var(--payroll-success)}.payroll-toast.warning svg{color:var(--payroll-warning)}.payroll-toast.error svg{color:var(--payroll-danger)}@keyframes payrollToastIn{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}.payroll-print-area{display:none}@media(max-width:1280px){.payroll-summary-grid,.payroll-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-generate-card,.payroll-chart-grid{grid-template-columns:1fr}}@media(max-width:900px){.manager-payroll{padding:1rem}.manager-payroll-hero{flex-direction:column}.payroll-hero-actions{width:100%}.payroll-hero-actions .payroll-btn{flex:1}.payroll-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-generate-form,.payroll-search-row,.payroll-table-header,.payroll-pagination{display:flex;flex-direction:column;align-items:stretch}.payroll-filter-toggle{width:100%}.payroll-filter-grid,.payroll-detail-grid{grid-template-columns:1fr}.payroll-sort-btn,.payroll-clear-btn{width:100%}.payroll-pagination>div{justify-content:space-between;flex-wrap:wrap}}@media(max-width:520px){.payroll-summary-grid{grid-template-columns:1fr}.payroll-summary-card{min-height:auto}.manager-payroll-hero h1{font-size:1.8rem}.payroll-hero-actions{flex-direction:column}.payroll-toast{left:1rem;right:1rem;bottom:1rem;width:auto}}@media print{body *{visibility:hidden!important}.payroll-print-area,.payroll-print-area *{visibility:visible!important}.payroll-print-area{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;padding:28px;background:#fff;color:#111827;font-family:Arial,sans-serif}.payroll-print-area h1,.payroll-print-area h2,.payroll-print-area p{margin:0 0 8px}.payroll-print-area h1{color:#c93662;font-size:24px}.payroll-print-area h2{font-size:18px}.print-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.print-info-grid div{border:1px solid #e5e7eb;padding:8px;border-radius:8px}.print-info-grid strong{display:block;font-size:11px;color:#6b7280;text-transform:uppercase}.print-info-grid span{display:block;margin-top:3px;font-weight:700}.payroll-print-area table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.payroll-print-area th,.payroll-print-area td{border:1px solid #d1d5db;padding:8px;text-align:left}.payroll-print-area th{background:#c93662;color:#fff}.payroll-print-area td:last-child{text-align:right;font-weight:700}.payroll-print-area .net-row td{background:#fff1f7;color:#8f1d3d;font-weight:900}.payroll-print-area .print-net-row{text-align:right;font-size:16px;margin:12px 0;padding:10px;border:2px solid #c93662;border-radius:4px}.payroll-print-area .print-net-row strong{color:#c93662}.print-signatures{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:60px}.print-signatures div{text-align:center}.print-signatures span{display:block;border-bottom:1px solid #111827;height:34px;margin-bottom:8px}.print-signatures strong{font-size:12px}.manager-payroll{padding:0!important;background:#fff!important}}.payroll-period-tabs{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem 1.1rem;margin-bottom:1.25rem;border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-card);background:var(--payroll-surface);box-shadow:var(--payroll-shadow-soft);overflow-x:auto}.payroll-period-tabs button{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-pill);background:var(--payroll-surface-solid);color:var(--payroll-muted);font-size:.82rem;font-weight:750;cursor:pointer;transition:.18s ease;white-space:nowrap}.payroll-period-tabs button:hover{border-color:var(--payroll-primary);color:var(--payroll-primary)}.payroll-period-tabs button.active{background:var(--payroll-primary);border-color:var(--payroll-primary);color:#fff;box-shadow:var(--payroll-shadow-primary)}.payroll-status-pipeline{display:flex;align-items:center;gap:.35rem;margin-bottom:1.25rem;padding:.75rem 1rem;border:1px solid var(--payroll-border);border-radius:var(--payroll-radius-md);background:var(--payroll-surface-solid)}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pipeline-step>span{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#ff5f931f;color:var(--payroll-muted);font-size:.8rem;font-weight:900;transition:.2s ease}.pipeline-step>small{font-size:.72rem;font-weight:750;color:var(--payroll-muted);text-transform:uppercase;letter-spacing:.04em}.pipeline-step.active>span{background:var(--payroll-primary);color:#fff;box-shadow:0 8px 20px #ff5f9359}.pipeline-step.active>small{color:var(--payroll-primary)}.pipeline-step.current>span{box-shadow:0 0 0 3px #ff5f934d}.pipeline-connector{flex:1;height:3px;max-width:60px;border-radius:999px;background:#ff5f9326;transition:.3s ease}.pipeline-connector.active{background:var(--payroll-primary)}.manager-attendance{--attendance-primary: var(--color-primary, #ff5f93);--attendance-primary-light: var(--color-primary-light, #ff8db5);--attendance-primary-soft: var(--color-primary-soft, #ffc8dd);--attendance-bg-gradient: var( --color-bg-gradient, linear-gradient(135deg, #ffc8dd, #ffd6e8, #fff1f7) );--attendance-surface: var(--color-surface, rgba(255, 255, 255, .9));--attendance-surface-solid: var(--color-surface-solid, #ffffff);--attendance-border: var(--color-border, rgba(255, 95, 147, .18));--attendance-heading: var(--color-heading, #191919);--attendance-text: var(--color-text, #1f2937);--attendance-muted: var(--color-muted, #64748b);--attendance-success: #10b981;--attendance-warning: #f59e0b;--attendance-danger: #ef4444;--attendance-info: #3b82f6;--attendance-shadow-card: var( --shadow-card, 0 20px 50px rgba(255, 95, 147, .15) );--attendance-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--attendance-shadow-primary: var( --shadow-primary, 0 14px 34px rgba(255, 95, 147, .26) );--attendance-radius-card: var(--radius-card, 28px);--attendance-radius-lg: var(--radius-lg, 22px);--attendance-radius-md: var(--radius-md, 16px);--attendance-radius-pill: var(--radius-pill, 999px);min-height:100vh;padding:1.6rem;color:var(--attendance-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manager-attendance,.manager-attendance *{box-sizing:border-box}.attendance-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:0 .75rem;border-radius:var(--attendance-radius-pill);background:#ff5f931a;border:1px solid rgba(255,95,147,.13);color:var(--attendance-primary);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.manager-attendance-hero{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;padding:clamp(1.25rem,3vw,2rem);margin-bottom:1.25rem;border:1px solid var(--attendance-border);border-radius:var(--attendance-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 38%),var(--attendance-surface);box-shadow:var(--attendance-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.manager-attendance-hero h1{margin:.75rem 0 0;color:var(--attendance-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;line-height:1.05;letter-spacing:-.06em}.manager-attendance-hero p{max-width:820px;margin:.85rem 0 0;color:var(--attendance-muted);font-size:1rem;font-weight:750;line-height:1.65}.attendance-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.attendance-btn,.attendance-filter-toggle,.attendance-clear-btn,.attendance-sort-btn,.attendance-pagination button,.attendance-panel-heading button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:var(--attendance-radius-pill);padding:0 1rem;font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:.22s ease;white-space:nowrap}.attendance-btn.primary{color:#fff;background:linear-gradient(135deg,var(--attendance-primary),var(--attendance-primary-light));box-shadow:var(--attendance-shadow-primary)}.attendance-btn.secondary,.attendance-clear-btn,.attendance-sort-btn,.attendance-pagination button{color:var(--attendance-primary);background:var(--attendance-surface-solid);border:1px solid var(--attendance-border);box-shadow:var(--attendance-shadow-soft)}.attendance-btn:hover,.attendance-filter-toggle:hover,.attendance-clear-btn:hover,.attendance-sort-btn:hover,.attendance-pagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--attendance-shadow-primary)}.attendance-btn:disabled,.attendance-pagination button:disabled,.attendance-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.attendance-alert{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;border-radius:22px;font-weight:850}.attendance-alert.error{color:#991b1b;background:#ef44441a;border:1px solid rgba(239,68,68,.18)}.attendance-alert button{margin-left:auto;min-height:38px;padding:0 .9rem;border:none;border-radius:var(--attendance-radius-pill);color:#fff;background:var(--attendance-danger);font-weight:950;cursor:pointer}.attendance-payroll-panel,.attendance-controls-card,.ma-att-table-card{margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--attendance-border);border-radius:var(--attendance-radius-card);background:var(--attendance-surface);box-shadow:var(--attendance-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.attendance-panel-heading{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1rem}.attendance-panel-heading>span{width:48px;height:48px;min-width:48px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--attendance-primary),var(--attendance-primary-light));box-shadow:var(--attendance-shadow-primary)}.attendance-panel-heading h2,.ma-att-table-header h2{margin:0;color:var(--attendance-heading);font-size:1.2rem;font-weight:950;letter-spacing:-.035em}.attendance-panel-heading p{margin:.3rem 0 0;color:var(--attendance-muted);font-weight:750;line-height:1.5}.attendance-payroll-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:.75rem}.attendance-info-metric{min-width:0;padding:1rem;border-radius:20px;background:#ff5f9312;border:1px solid rgba(255,95,147,.1)}.attendance-info-metric small{display:block;color:var(--attendance-muted);font-size:.78rem;font-weight:900}.attendance-info-metric strong{display:block;margin-top:.3rem;color:var(--attendance-heading);font-size:1.05rem;font-weight:950;word-break:break-word}.attendance-info-metric.primary strong{color:var(--attendance-primary)}.attendance-info-metric.success strong{color:var(--attendance-success)}.attendance-info-metric.danger strong{color:var(--attendance-danger)}.attendance-summary-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:.9rem;margin-bottom:1.25rem}.attendance-summary-card{min-height:118px;display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--attendance-border);border-radius:24px;background:var(--attendance-surface);box-shadow:var(--attendance-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.22s ease}.attendance-summary-card:hover{transform:translateY(-4px);box-shadow:var(--attendance-shadow-primary)}.attendance-summary-card>span{width:48px;height:48px;min-width:48px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--attendance-primary),var(--attendance-primary-light))}.attendance-summary-card.success>span{background:linear-gradient(135deg,#10b981,#34d399)}.attendance-summary-card.warning>span{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.attendance-summary-card.danger>span{background:linear-gradient(135deg,#ef4444,#f87171)}.attendance-summary-card.info>span{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.attendance-summary-card.neutral>span{background:linear-gradient(135deg,#64748b,#94a3b8)}.attendance-summary-card.review>span{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.attendance-summary-card strong{display:block;color:var(--attendance-heading);font-size:1.35rem;font-weight:950;line-height:1}.attendance-summary-card p{margin:.35rem 0 0;color:var(--attendance-muted);font-size:.82rem;font-weight:850;line-height:1.25}.attendance-date-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.attendance-date-field,.attendance-filter-field,.attendance-page-size{display:grid;gap:.45rem}.attendance-date-field label,.attendance-filter-field label,.attendance-page-size label,.attendance-textarea-field span{color:var(--attendance-heading);font-size:.82rem;font-weight:950}.attendance-date-field input,.attendance-filter-field select,.attendance-page-size select,.attendance-search input,.attendance-textarea-field textarea{width:100%;min-height:46px;border:1px solid var(--attendance-border);border-radius:16px;background:var(--attendance-surface-solid);color:var(--attendance-text);padding:0 .95rem;font:inherit;font-weight:750;outline:none;transition:.22s ease}.attendance-date-field input:focus,.attendance-filter-field select:focus,.attendance-page-size select:focus,.attendance-search input:focus,.attendance-textarea-field textarea:focus{border-color:#ff5f93a6;box-shadow:0 0 0 4px #ff5f9321}.attendance-filter-toggle{color:var(--attendance-muted);background:var(--attendance-surface-solid);border:1px solid var(--attendance-border)}.attendance-filter-toggle.active{color:#fff;background:linear-gradient(135deg,var(--attendance-primary),var(--attendance-primary-light))}.attendance-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.attendance-search{position:relative;display:flex;align-items:center}.attendance-search>svg{position:absolute;left:1rem;color:var(--attendance-primary);pointer-events:none}.attendance-search input{padding-left:2.75rem;padding-right:2.75rem}.attendance-search button{position:absolute;right:.5rem;width:34px;height:34px;border:none;border-radius:12px;color:var(--attendance-muted);background:#64748b1a;cursor:pointer}.attendance-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.85rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--attendance-border)}.attendance-sort-btn{align-self:end}.ma-att-table-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1rem}.ma-att-table-scroll{overflow-x:auto;border:1px solid var(--attendance-border);border-radius:22px;background:var(--attendance-surface-solid)}.ma-att-table{width:100%;min-width:1180px;border-collapse:collapse}.ma-att-table th{padding:1rem;background:#ff5f9314;color:var(--attendance-heading);font-size:.78rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}.ma-att-table th button{display:inline-flex;align-items:center;gap:.45rem;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.ma-att-table td{padding:1rem;border-top:1px solid rgba(255,95,147,.1);color:var(--attendance-text);font-size:.9rem;vertical-align:middle}.ma-att-table tbody tr:hover{background:#ff5f930a}.attendance-employee-cell{display:flex;align-items:center;gap:.75rem;min-width:210px}.attendance-employee-cell>span{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--attendance-primary),var(--attendance-primary-light));font-weight:950}.attendance-employee-cell strong{display:block;color:var(--attendance-heading);font-weight:950}.attendance-employee-cell small{display:block;margin-top:.15rem;color:var(--attendance-muted);font-weight:800}.department-badge,.attendance-status,.attendance-review,.attendance-time-cell small{min-height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--attendance-radius-pill);padding:0 .75rem;font-size:.75rem;font-weight:950;white-space:nowrap;text-transform:capitalize}.department-badge{color:#1d4ed8;background:#dbeafe}.attendance-status.present,.attendance-review.reviewed{color:#047857;background:#d1fae5}.attendance-status.late,.attendance-status.pending,.attendance-review.pending,.attendance-status.draft{color:#92400e;background:#fef3c7}.attendance-status.absent,.attendance-status.rejected,.attendance-status.cancelled{color:#991b1b;background:#fee2e2}.attendance-status.half_day,.attendance-status.half-day,.attendance-status.leave,.attendance-status.on_leave{color:#1d4ed8;background:#dbeafe}.attendance-time-cell{display:grid;gap:.35rem}.attendance-time-cell span{color:var(--attendance-heading);font-weight:850}.attendance-time-cell small.late{color:#92400e;background:#fef3c7}.attendance-time-cell small.early{color:#1d4ed8;background:#dbeafe}.remarks-cell{max-width:240px;color:var(--attendance-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-actions{display:flex;align-items:center;gap:.45rem}.attendance-actions button{width:38px;height:38px;border:none;border-radius:14px;display:grid;place-items:center;cursor:pointer;transition:.22s ease}.attendance-actions button:hover:not(:disabled){transform:translateY(-2px)}.attendance-actions .view{color:#1d4ed8;background:#dbeafe}.attendance-actions .edit{color:#92400e;background:#fef3c7}.attendance-actions .review{color:#047857;background:#d1fae5}.attendance-loading-state,.attendance-empty-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:.75rem;text-align:center;color:var(--attendance-muted)}.attendance-loading-state svg,.attendance-empty-state svg{color:var(--attendance-primary);font-size:2.5rem}.attendance-loading-state h3,.attendance-empty-state h3{margin:0;color:var(--attendance-heading);font-weight:950}.attendance-loading-state p,.attendance-empty-state p{max-width:440px;margin:0;font-weight:750;line-height:1.5}.attendance-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.attendance-pagination p{margin:0;color:var(--attendance-muted);font-weight:850}.attendance-pagination>div{display:flex;align-items:center;gap:.65rem}.attendance-pagination span{color:var(--attendance-heading);font-weight:950}.attendance-modal{width:min(680px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--attendance-border);border-radius:28px;background:var(--attendance-surface-solid);box-shadow:0 28px 90px #0f172a42;animation:attendanceModalIn .24s ease both}.attendance-modal.large{width:min(900px,100%)}@keyframes attendanceModalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.attendance-modal-body{overflow-y:auto;padding:1.25rem}.attendance-detail-section{padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,95,147,.12);border-radius:22px;background:#ff5f930b}.attendance-detail-section h3{margin:0 0 .85rem;color:var(--attendance-heading);font-size:1rem;font-weight:950}.attendance-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.attendance-detail-grid div{min-width:0;padding:.85rem;border-radius:16px;background:var(--attendance-surface-solid);border:1px solid rgba(255,95,147,.08)}.attendance-detail-grid small{display:block;color:var(--attendance-muted);font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.attendance-detail-grid strong{display:block;margin-top:.25rem;color:var(--attendance-heading);font-weight:950;word-break:break-word}.attendance-remarks-box{margin:0;padding:1rem;border-radius:16px;color:var(--attendance-muted);background:var(--attendance-surface-solid);border:1px solid rgba(255,95,147,.08);font-weight:750;line-height:1.55}.attendance-textarea-field{display:grid;gap:.5rem}.attendance-textarea-field textarea{min-height:160px;resize:vertical;padding:1rem;line-height:1.55}.attendance-toast{position:fixed;right:1.5rem;bottom:1.5rem;z-index:9500;width:min(430px,calc(100vw - 32px));display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-radius:18px;background:var(--attendance-surface-solid);border:1px solid var(--attendance-border);box-shadow:0 22px 60px #0f172a2e;color:var(--attendance-heading);font-weight:850;animation:attendanceToastIn .25s ease both}.attendance-toast.success svg{color:var(--attendance-success)}.attendance-toast.warning svg{color:var(--attendance-warning)}.attendance-toast.error svg{color:var(--attendance-danger)}@keyframes attendanceToastIn{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}.attendance-print-area{display:none}@media(max-width:1280px){.attendance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-payroll-grid,.attendance-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.manager-attendance{padding:1rem}.manager-attendance-hero{flex-direction:column}.attendance-hero-actions{width:100%;justify-content:stretch}.attendance-hero-actions .attendance-btn{flex:1}.attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-payroll-grid,.attendance-filter-grid{grid-template-columns:1fr}.attendance-date-row,.attendance-search-row,.ma-att-table-header,.attendance-pagination{flex-direction:column;display:flex;align-items:stretch}.attendance-filter-toggle,.attendance-clear-btn{width:100%}.attendance-pagination>div{justify-content:space-between;flex-wrap:wrap}.attendance-detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.attendance-summary-grid{grid-template-columns:1fr}.attendance-summary-card{min-height:auto}.manager-attendance-hero h1{font-size:1.8rem}.attendance-panel-heading,.attendance-hero-actions{flex-direction:column}.attendance-toast{left:1rem;right:1rem;bottom:1rem;width:auto}}@media print{body *{visibility:hidden!important}.attendance-print-area,.attendance-print-area *{visibility:visible!important}.attendance-print-area{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;background:#fff;color:#111827;font-family:Arial,sans-serif}.attendance-print-area h1,.attendance-print-area h2,.attendance-print-area p{margin:0 0 8px}.attendance-print-area h1{color:#c93662;font-size:22px}.attendance-print-area h2{font-size:18px}.print-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.print-summary span{padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;font-size:12px;font-weight:700}.attendance-print-area table{width:100%;border-collapse:collapse;font-size:11px}.attendance-print-area th,.attendance-print-area td{border:1px solid #d1d5db;padding:7px;text-align:left}.attendance-print-area th{background:#c93662;color:#fff}.manager-attendance{padding:0!important;background:#fff!important}}.attendance-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;margin-bottom:1.25rem;border:1px solid var(--attendance-border);border-radius:var(--attendance-radius-card);background:var(--attendance-surface);box-shadow:var(--attendance-shadow-soft)}.attendance-bulk-bar>span{display:inline-flex;align-items:center;gap:.45rem;color:var(--attendance-text);font-size:.95rem;font-weight:750}.attendance-bulk-bar>span svg{color:var(--attendance-primary)}.attendance-bulk-bar>div{display:flex;gap:.55rem;flex-wrap:wrap}.attendance-view-toggle{display:inline-flex;gap:.15rem;padding:.25rem;border:1px solid var(--attendance-border);border-radius:var(--attendance-radius-pill);background:var(--attendance-surface-solid)}.attendance-view-toggle button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:none;border-radius:var(--attendance-radius-pill);background:transparent;color:var(--attendance-muted);font-size:.85rem;font-weight:750;cursor:pointer;transition:.18s ease}.attendance-view-toggle button.active{background:var(--attendance-primary);color:#fff}.attendance-select-all,.attendance-select-row{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:var(--attendance-primary);cursor:pointer;font-size:1.05rem;transition:.15s ease}.attendance-select-all:hover,.attendance-select-row:hover{background:#ff5f931a}.ma-att-table tbody tr.selected{background:#ff5f930f}.attendance-actions .reject{background:#ef44441f;color:#ef4444}.attendance-actions .reject:hover{background:#ef444438}.attendance-actions .review{background:#10b9811f;color:#10b981}.attendance-actions .review:hover{background:#10b98138}.attendance-summary-row{background:#ff5f930f}.attendance-summary-row td{font-weight:800;color:var(--attendance-heading)}.attendance-calendar{padding:1rem}.attendance-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.attendance-calendar-header strong{font-size:1.15rem;font-weight:950;color:var(--attendance-heading);letter-spacing:-.02em}.attendance-calendar-header button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--attendance-border);border-radius:12px;background:var(--attendance-surface-solid);color:var(--attendance-primary);cursor:pointer;transition:.18s ease}.attendance-calendar-header button:hover{box-shadow:var(--attendance-shadow-primary)}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.attendance-calendar-dayname{text-align:center;font-size:.78rem;font-weight:800;color:var(--attendance-muted);text-transform:uppercase;letter-spacing:.06em;padding:.5rem 0}.attendance-calendar-cell{min-height:90px;padding:.55rem;border:1px solid var(--attendance-border);border-radius:var(--attendance-radius-md);background:var(--attendance-surface-solid);display:flex;flex-direction:column;gap:.35rem;transition:.15s ease}.attendance-calendar-cell:hover{box-shadow:var(--attendance-shadow-soft)}.attendance-calendar-cell.empty{background:transparent;border-color:transparent}.attendance-calendar-date{font-size:.9rem;font-weight:800;color:var(--attendance-heading)}.attendance-calendar-dots{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.attendance-calendar-dot{width:10px;height:10px;border-radius:999px}.attendance-calendar-dots small{color:var(--attendance-muted);font-size:.7rem;font-weight:700}.attendance-btn.success{background:#10b981;color:#fff}.attendance-btn.success:hover{background:#059669}.attendance-btn.danger{background:#ef4444;color:#fff}.attendance-btn.danger:hover{background:#dc2626}@media(max-width:640px){.attendance-bulk-bar{flex-direction:column;align-items:flex-start}.attendance-calendar-grid{gap:.25rem}.attendance-calendar-cell{min-height:60px;padding:.3rem}.attendance-view-toggle{display:none}}.dos-page{--dos-primary: var(--color-primary, #ff5f93);--dos-primary-soft: var(--color-primary-soft, #ffc8dd);--dos-surface: var(--color-surface, rgba(255, 255, 255, .9));--dos-border: var(--color-border, rgba(255, 95, 147, .18));--dos-heading: var(--color-heading, #191919);--dos-text: var(--color-text, #1f2937);--dos-muted: var(--color-muted, #64748b);--dos-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--dos-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--dos-radius-card: var(--radius-card, 28px);--dos-radius-md: var(--radius-md, 16px);--dos-radius-pill: var(--radius-pill, 999px);display:grid;gap:1.25rem;width:100%;padding:1.6rem;color:var(--dos-text);font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.dos-page *{box-sizing:border-box}.dos-eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:max-content;min-height:28px;padding:0 .75rem;border-radius:var(--dos-radius-pill);background:#ff5f931a;color:var(--dos-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.dos-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 1.75rem;border:1px solid var(--dos-border);border-radius:var(--dos-radius-card);background:radial-gradient(120% 160% at 0% 0%,rgba(255,95,147,.08) 0%,transparent 55%),var(--dos-surface);box-shadow:var(--dos-shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dos-hero h1{margin:.6rem 0 .35rem;font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:900;color:var(--dos-heading)}.dos-hero p{margin:0;max-width:640px;color:var(--dos-muted);font-size:.9rem;line-height:1.55}.dos-hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dos-search{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:var(--dos-radius-pill);border:1px solid var(--dos-border);background:var(--dos-surface);color:var(--dos-muted)}.dos-search input{border:none;outline:none;background:transparent;font:inherit;color:var(--dos-text);min-width:220px}.dos-filter-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;color:var(--dos-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.dos-banner.error{padding:.8rem 1.1rem;border-radius:var(--dos-radius-md);border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#b91c1c;font-weight:700;font-size:.85rem}.dos-card{border:1px solid var(--dos-border);border-radius:var(--dos-radius-card);background:var(--dos-surface);box-shadow:var(--dos-shadow-card);overflow:hidden}.dos-table{width:100%;border-collapse:collapse}.dos-table th{text-align:left;padding:.85rem 1.25rem;font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:var(--dos-muted);border-bottom:1px solid var(--dos-border);background:#ff5f930a}.dos-table td{padding:.8rem 1.25rem;border-bottom:1px solid rgba(255,95,147,.08);vertical-align:middle}.dos-table tr:last-child td{border-bottom:none}.dos-table tr.is-dirty td{background:#ff5f930d}.dos-empty{text-align:center;padding:2.5rem!important;color:var(--dos-muted);font-weight:600}.dos-name{font-weight:800;color:var(--dos-heading);font-size:.95rem}.dos-meta{margin-top:.15rem;font-size:.75rem;color:var(--dos-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.dos-tag{padding:.05rem .5rem;border-radius:var(--dos-radius-pill);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#b45309;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dos-chips{display:flex;gap:.35rem;flex-wrap:wrap}.dos-chip{min-width:46px;padding:.4rem .55rem;border-radius:12px;border:1px solid var(--dos-border);background:#ffffffb3;color:var(--dos-muted);font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:all .15s ease}.dos-chip:hover{border-color:var(--dos-primary);color:var(--dos-primary)}.dos-chip.is-off{background:linear-gradient(135deg,var(--dos-primary) 0%,#ff8db5 100%);border-color:transparent;color:#fff;box-shadow:var(--dos-shadow-primary)}.dos-col-summary{font-size:.8rem;font-weight:700;color:var(--dos-heading);white-space:nowrap}.dos-col-summary .dos-default{color:var(--dos-muted);font-weight:600}.dos-col-actions{text-align:right;white-space:nowrap}.dos-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:var(--dos-radius-pill);border:1px solid transparent;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transition:all .15s ease;margin-left:.35rem}.dos-btn.primary{background:linear-gradient(135deg,var(--dos-primary) 0%,#ff8db5 100%);color:#fff;box-shadow:var(--dos-shadow-primary)}.dos-btn.primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.dos-btn.ghost{background:transparent;border-color:var(--dos-border);color:var(--dos-muted)}.dos-btn.ghost:hover{color:var(--dos-primary);border-color:var(--dos-primary)}.dos-hint{margin:0;font-size:.78rem;color:var(--dos-muted)}@media(max-width:900px){.dos-hero{padding:1.25rem}.dos-table th,.dos-table td{padding:.7rem .85rem}.dos-col-summary{display:none}}@media(max-width:640px){.dos-page{padding:1rem}.dos-chips{gap:.25rem}.dos-chip{min-width:40px;padding:.35rem .4rem;font-size:.68rem}.dos-search input{min-width:140px}}.manager-leave{--leave-primary: var(--color-primary, #ff5f93);--leave-primary-light: var(--color-primary-light, #ff8db5);--leave-primary-soft: var(--color-primary-soft, #ffc8dd);--leave-surface: var(--color-surface, rgba(255, 255, 255, .9));--leave-surface-solid: var(--color-surface-solid, #ffffff);--leave-border: var(--color-border, rgba(255, 95, 147, .18));--leave-heading: var(--color-heading, #191919);--leave-text: var(--color-text, #1f2937);--leave-muted: var(--color-muted, #64748b);--leave-success: #10b981;--leave-warning: #f59e0b;--leave-danger: #ef4444;--leave-info: #3b82f6;--leave-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--leave-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--leave-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--leave-radius-card: var(--radius-card, 28px);--leave-radius-lg: var(--radius-lg, 22px);--leave-radius-md: var(--radius-md, 16px);--leave-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--leave-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manager-leave,.manager-leave *{box-sizing:border-box}.leave-eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:0 .75rem;border-radius:var(--leave-radius-pill);background:#ff5f931a;color:var(--leave-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.manager-leave-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--leave-border);border-radius:var(--leave-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 38%),var(--leave-surface);box-shadow:var(--leave-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.manager-leave-hero h1{margin:.75rem 0 0;color:var(--leave-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;line-height:1.05;letter-spacing:-.06em}.manager-leave-hero p{max-width:850px;margin:.85rem 0 0;color:var(--leave-muted);font-size:1rem;font-weight:750;line-height:1.65}.leave-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.leave-btn,.leave-filter-toggle,.leave-clear-btn,.leave-sort-btn,.leave-pagination button,.leave-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:var(--leave-radius-pill);padding:0 1rem;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;transition:.2s ease}.leave-btn.primary{background:var(--leave-primary);color:#fff;box-shadow:var(--leave-shadow-primary)}.leave-btn.primary:hover{transform:translateY(-2px)}.leave-btn.secondary{background:var(--leave-surface-solid);color:var(--leave-primary);border:1px solid var(--leave-border)}.leave-btn.secondary:hover{box-shadow:var(--leave-shadow-soft)}.leave-btn.success{background:var(--leave-success);color:#fff}.leave-btn.danger{background:var(--leave-danger);color:#fff}.leave-alert{display:flex;align-items:center;gap:.65rem;padding:.9rem 1.1rem;margin-bottom:1.25rem;border-radius:var(--leave-radius-md);font-size:.92rem;font-weight:750}.leave-alert.error{background:#fee2e2;color:#991b1b}.leave-alert button{margin-left:auto;padding:.4rem .8rem;border-radius:var(--leave-radius-pill);border:none;background:#fff9;color:inherit;font-weight:750;cursor:pointer}.leave-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.leave-summary-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-lg);background:var(--leave-surface);box-shadow:var(--leave-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.leave-summary-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ff5f931f;color:var(--leave-primary);font-size:1.15rem}.leave-summary-card.success>span{background:#10b9811f;color:var(--leave-success)}.leave-summary-card.warning>span{background:#f59e0b1f;color:var(--leave-warning)}.leave-summary-card.danger>span{background:#ef44441f;color:var(--leave-danger)}.leave-summary-card.info>span{background:#3b82f61f;color:var(--leave-info)}.leave-summary-card strong{display:block;color:var(--leave-heading);font-size:1.35rem;font-weight:950;letter-spacing:-.03em}.leave-summary-card p{margin:.15rem 0 0;color:var(--leave-muted);font-size:.82rem;font-weight:750}.leave-controls-card{padding:1rem 1.15rem;margin-bottom:1.25rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-lg);background:var(--leave-surface);box-shadow:var(--leave-shadow-soft)}.leave-search-row{display:flex;gap:.75rem;align-items:center}.leave-search-box{flex:1;display:flex;align-items:center;gap:.55rem;padding:0 .85rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-pill);background:var(--leave-surface-solid)}.leave-search-box svg{color:var(--leave-muted)}.leave-search-box input{flex:1;min-height:44px;border:none;background:transparent;color:var(--leave-text);font-size:.95rem;font-weight:650;outline:none}.leave-search-box button{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--leave-muted);cursor:pointer}.leave-filter-toggle{background:var(--leave-surface-solid);color:var(--leave-primary);border:1px solid var(--leave-border)}.leave-filter-toggle.active{background:var(--leave-primary);color:#fff}.leave-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--leave-border)}.leave-filter-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:750}.leave-filter-field>span{color:var(--leave-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.leave-filter-field select{padding:.6rem .75rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-md);background:var(--leave-surface-solid);color:var(--leave-text);font-size:.9rem;font-weight:650;outline:none}.leave-view-toggle{display:inline-flex;gap:.15rem;padding:.25rem;margin-bottom:1rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-pill);background:var(--leave-surface-solid)}.leave-view-toggle button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:none;border-radius:var(--leave-radius-pill);background:transparent;color:var(--leave-muted);font-size:.85rem;font-weight:750;cursor:pointer;transition:.18s ease}.leave-view-toggle button.active{background:var(--leave-primary);color:#fff}.leave-table-card{border:1px solid var(--leave-border);border-radius:var(--leave-radius-card);background:var(--leave-surface);box-shadow:var(--leave-shadow-card);overflow:hidden}.leave-table-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid var(--leave-border)}.leave-table-header h2{margin:.35rem 0 0;color:var(--leave-heading);font-size:1.15rem;font-weight:950}.leave-table-scroll{overflow-x:auto}.leave-table{width:100%;min-width:700px;border-collapse:collapse}.leave-table th{padding:.85rem 1rem;background:#ff5f9314;color:var(--leave-heading);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-align:left}.leave-table td{padding:.85rem 1rem;border-top:1px solid rgba(255,95,147,.1);color:var(--leave-text);font-size:.92rem;vertical-align:middle}.leave-employee-cell strong{display:block;color:var(--leave-heading);font-weight:800}.leave-employee-cell small{display:block;color:var(--leave-muted);font-size:.78rem;font-weight:700}.leave-type-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:var(--leave-radius-pill);border:1px solid;font-size:.78rem;font-weight:800}.leave-duration-cell span{display:block;color:var(--leave-heading);font-weight:750}.leave-duration-cell small{display:block;color:var(--leave-muted);font-size:.78rem}.leave-status{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:var(--leave-radius-pill);font-size:.78rem;font-weight:800}.leave-status.success{color:#047857;background:#d1fae5}.leave-status.warning{color:#92400e;background:#fef3c7}.leave-status.danger{color:#991b1b;background:#fee2e2}.leave-status.neutral{color:#475569;background:#f1f5f9}.leave-reason{max-width:220px;color:var(--leave-muted);font-size:.88rem}.leave-actions{display:flex;gap:.4rem;flex-wrap:wrap}.leave-actions button{min-height:34px;padding:0 .7rem;border-radius:10px;font-size:.82rem}.leave-actions .approve{background:#10b9811f;color:#047857}.leave-actions .approve:hover{background:#10b98138}.leave-actions .reject{background:#ef44441f;color:#991b1b}.leave-actions .reject:hover{background:#ef444438}.leave-readonly-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:var(--leave-radius-pill);background:#64748b1f;color:#475569;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.leave-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--leave-border);font-size:.88rem}.leave-pagination p{color:var(--leave-muted);font-weight:700}.leave-pagination>div{display:flex;align-items:center;gap:.5rem}.leave-loading-state,.leave-empty-state{min-height:260px;display:grid;place-items:center;padding:2rem}.leave-loading-state svg,.leave-empty-state svg{color:var(--leave-primary);font-size:2.4rem}.leave-loading-state h3,.leave-empty-state h3{margin:0;color:var(--leave-heading);font-weight:950}.leave-modal{width:min(520px,100%);max-height:92vh;overflow:hidden;border-radius:var(--leave-radius-lg);background:var(--leave-surface-solid);border:1px solid var(--leave-border);box-shadow:var(--leave-shadow-card)}.leave-modal-body{overflow-y:auto;padding:1.25rem}.leave-modal-body>p{margin:0 0 1rem;color:var(--leave-muted);font-size:.95rem}.leave-remarks-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:750}.leave-remarks-field>span{color:var(--leave-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.leave-remarks-field textarea{padding:.7rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-md);background:var(--leave-surface-solid);color:var(--leave-text);font-size:.95rem;outline:none;resize:vertical}.leave-calendar{padding:1rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-card);background:var(--leave-surface);box-shadow:var(--leave-shadow-card)}.leave-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.leave-calendar-header strong{font-size:1.15rem;font-weight:950;color:var(--leave-heading)}.leave-calendar-header button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--leave-border);border-radius:12px;background:var(--leave-surface-solid);color:var(--leave-primary);cursor:pointer}.leave-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.leave-calendar-dayname{text-align:center;font-size:.78rem;font-weight:800;color:var(--leave-muted);text-transform:uppercase;padding:.5rem 0}.leave-calendar-cell{min-height:90px;padding:.55rem;border:1px solid var(--leave-border);border-radius:var(--leave-radius-md);background:var(--leave-surface-solid);display:flex;flex-direction:column;gap:.35rem}.leave-calendar-cell.empty{background:transparent;border-color:transparent}.leave-calendar-date{font-size:.9rem;font-weight:800;color:var(--leave-heading)}.leave-calendar-dots{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.leave-calendar-dots button{width:10px;height:10px;border:none;border-radius:999px;cursor:pointer}.leave-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:9500;display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.1rem;border-radius:var(--leave-radius-lg);background:var(--leave-surface-solid);border:1px solid var(--leave-border);box-shadow:var(--leave-shadow-card);font-weight:750;font-size:.92rem}.leave-toast.error{color:#991b1b}.leave-toast.success{color:#047857}.leave-toast.warning{color:#92400e}@media(max-width:900px){.leave-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.leave-summary-grid,.leave-filter-grid{grid-template-columns:1fr}.manager-leave-hero{flex-direction:column}.leave-hero-actions{justify-content:flex-start;width:100%}}.manager-reports{width:100%;display:grid;gap:1.35rem;color:var(--color-text);font-family:Inter,system-ui,sans-serif}.manager-reports,.manager-reports *{box-sizing:border-box}.reports-alert{display:flex;align-items:center;gap:.75rem;padding:.95rem 1.2rem;border-radius:var(--radius-lg);font-weight:800;font-size:.92rem;border:1px solid}.reports-alert.error{background:#ef444414;border-color:#ef44444d;color:#b91c1c}.reports-alert.warning{background:#f59e0b1a;border-color:#f59e0b59;color:#92400e}.reports-alert button{margin-left:auto;min-height:34px;padding:0 .9rem;border:none;border-radius:var(--radius-pill);background:currentColor;color:#fff;font-weight:900;cursor:pointer}.reports-alert.error button{background:#b91c1c}.reports-alert.warning button{background:#92400e}.reports-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:1rem}.reports-summary-card{display:flex;align-items:center;gap:.9rem;min-width:0;padding:1.15rem;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s ease,box-shadow .22s ease}.reports-summary-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #ff5f932e}.reports-card-icon{width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.15rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:var(--shadow-primary)}.reports-summary-card.money .reports-card-icon{background:linear-gradient(135deg,#059669,#34d399)}.reports-summary-card.success .reports-card-icon{background:linear-gradient(135deg,#10b981,#6ee7b7)}.reports-summary-card.warning .reports-card-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.reports-summary-card.info .reports-card-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.reports-summary-card strong{display:block;color:var(--color-primary);font-size:1.5rem;font-weight:950;line-height:1.1}.reports-summary-card p{margin:.25rem 0 0;color:var(--color-muted);font-size:.85rem;font-weight:800}.reports-summary-card small{display:inline-block;margin-top:.3rem;color:var(--color-muted);font-size:.74rem;font-weight:750}.reports-tabs{display:flex;flex-wrap:wrap;gap:.6rem}.reports-tabs button{min-height:44px;padding:0 1.05rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:.87rem;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:.22s ease;box-shadow:var(--shadow-soft)}.reports-tabs button svg{color:var(--color-primary)}.reports-tabs button:hover{transform:translateY(-2px);border-color:#ff5f9366}.reports-tabs button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-color:transparent;color:#fff;box-shadow:var(--shadow-primary)}.reports-tabs button.active svg{color:#fff}.reports-filters{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;padding:.9rem;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-card)}.reports-search-box{position:relative;flex:1;min-width:220px}.reports-search-box input{width:100%;height:46px;padding:0 2.6rem 0 1rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-solid);color:var(--color-text);font-size:.9rem;font-weight:750;font-family:inherit;outline:none;transition:.2s ease}.reports-search-box button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:999px;background:#ff5f931f;color:var(--color-primary);cursor:pointer}.reports-select,.reports-date-range input{height:46px;padding:0 .9rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-solid);color:var(--color-text);font-size:.88rem;font-weight:750;font-family:inherit;outline:none;cursor:pointer}.reports-search-box input:focus,.reports-select:focus,.reports-date-range input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff5f9324}.reports-date-range{display:flex;align-items:center;gap:.5rem}.reports-date-range span{color:var(--color-muted);font-weight:800}.reports-clear-btn{height:46px;padding:0 1.05rem;border:1px solid var(--color-border);border-radius:14px;background:#ff5f9314;color:var(--color-primary);font-weight:900;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:.2s ease}.reports-clear-btn:hover{background:#ff5f9329}.reports-content-card{min-width:0;padding:1.4rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reports-content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.reports-eyebrow{display:inline-block;color:var(--color-primary);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.reports-content-header h2{margin:.3rem 0 0;color:var(--color-heading);font-size:1.45rem;font-weight:950;letter-spacing:-.04em}.reports-header-actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.reports-header-actions p{margin:0;color:var(--color-muted);font-size:.82rem;font-weight:750}.manager-export-actions{display:flex;gap:.5rem}.manager-reports .export-btn-sm{min-height:38px;padding:0 .85rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-solid);font-size:.8rem;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:.2s ease}.manager-reports .export-btn-sm:hover{transform:translateY(-2px)}.manager-reports .export-btn-sm.excel{color:#047857}.manager-reports .export-btn-sm.csv{color:#1d4ed8}.manager-reports .export-btn-sm.pdf{color:#b91c1c}.manager-reports .export-btn-sm.print{color:var(--color-heading)}.manager-reports .export-btn-sm.excel:hover{background:#10b9811a;border-color:#10b98166}.manager-reports .export-btn-sm.csv:hover{background:#3b82f61a;border-color:#3b82f666}.manager-reports .export-btn-sm.pdf:hover{background:#ef44441a;border-color:#ef444466}.manager-reports .export-btn-sm.print:hover{background:#0f172a0f}.manager-report-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.reports-chart-card{min-width:0;padding:1.15rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);box-shadow:var(--shadow-soft)}.reports-chart-card.wide{grid-column:1 / -1}.reports-chart-card h3{margin:0 0 .85rem;color:var(--color-heading);font-size:1rem;font-weight:900;letter-spacing:-.02em}.reports-chart-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:.6rem;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-weight:750;font-size:.9rem}.reports-chart-empty svg{font-size:2rem;color:var(--color-primary);opacity:.6}.reports-status{display:inline-flex;align-items:center;min-height:26px;padding:0 .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:900;text-transform:capitalize;white-space:nowrap;background:#64748b1f;color:#475569}.reports-status.completed,.reports-status.paid,.reports-status.active,.reports-status.approved,.reports-status.reviewed,.reports-status.present{background:#10b98124;color:#047857}.reports-status.pending,.reports-status.scheduled,.reports-status.processing,.reports-status.draft,.reports-status.late,.reports-status.early_leave{background:#f59e0b29;color:#92400e}.reports-status.cancelled,.reports-status.rejected,.reports-status.failed,.reports-status.inactive,.reports-status.absent,.reports-status.no_show{background:#ef44441f;color:#b91c1c}.report-view-btn{min-height:32px;padding:0 .8rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary);font-size:.78rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:.2s ease}.report-view-btn:hover{background:#ff5f931a;border-color:#ff5f9366}.reports-loading-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--color-muted)}.reports-loading-state svg{font-size:2.4rem;color:var(--color-primary)}.reports-loading-state h2{margin:0;color:var(--color-heading);font-weight:950}.reports-loading-state p{margin:0;font-weight:750}.reports-modal{width:min(680px,100%);max-height:85vh;overflow-y:auto;border-radius:24px;background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:0 24px 64px #0f172a47}.reports-modal-body{padding:1.4rem}.reports-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.reports-detail-grid>div{padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.reports-detail-grid small{display:block;color:var(--color-muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.reports-detail-grid strong{display:block;margin-top:.25rem;color:var(--color-heading);font-size:.92rem;font-weight:850;word-break:break-word}.reports-btn{min-height:42px;padding:0 1.2rem;border:none;border-radius:var(--radius-pill);font-weight:900;cursor:pointer}.reports-btn.secondary{background:#ff5f931a;color:var(--color-primary)}.reports-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1100;display:flex;align-items:center;gap:.6rem;padding:.85rem 1.2rem;border-radius:14px;color:#fff;font-weight:850;font-size:.88rem;box-shadow:0 14px 36px #0f172a40;animation:reportsToastIn .25s ease}.reports-toast.success{background:#047857}.reports-toast.error{background:#b91c1c}.reports-toast.warning{background:#b45309}@keyframes reportsToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.reports-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-report-chart-grid{grid-template-columns:1fr}}@media(max-width:720px){.reports-summary-grid{grid-template-columns:1fr}.reports-filters{flex-direction:column;align-items:stretch}.reports-search-box,.reports-select,.reports-date-range,.reports-clear-btn{width:100%}.reports-date-range input{flex:1;min-width:0}.reports-content-header{flex-direction:column}.reports-detail-grid{grid-template-columns:1fr}}.manager-reports-print{display:none}@media print{.standard-report-header,.reports-summary-grid,.reports-tabs,.reports-filters,.reports-content-card,.reports-alert,.reports-toast{display:none!important}.manager-reports-print,.manager-reports-print *{visibility:visible}.manager-reports-print{display:block!important;font-family:Inter,Arial,sans-serif;color:#111827}.manager-reports-print h1{font-size:22px;margin:0 0 4px}.manager-reports-print h2{font-size:16px;margin:0 0 4px;color:#374151}.manager-reports-print h3{font-size:13px;margin:16px 0 6px;text-transform:uppercase;letter-spacing:.04em}.manager-reports-print p{font-size:11px;color:#6b7280;margin:0 0 10px}.print-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.print-summary span{font-size:11px;font-weight:700;padding:4px 10px;border:1px solid #d1d5db;border-radius:999px}.manager-reports-print table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:12px}.manager-reports-print th,.manager-reports-print td{border:1px solid #d1d5db;padding:5px 8px;text-align:left}.manager-reports-print th{background:#f3f4f6;font-weight:800}}.eip-page{padding:1.5rem;max-width:1200px;margin:0 auto;font-family:Inter,Jost,system-ui,sans-serif;color:#1f2937}.eip-page,.eip-page *{box-sizing:border-box}.eip-hero{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,3vw,2rem);background:radial-gradient(circle at top right,rgba(255,95,147,.12),transparent 40%),#ffffffe6;border:1px solid rgba(255,95,147,.2);border-radius:24px;box-shadow:0 20px 50px #ff5f931a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:1.25rem}.eip-eyebrow{display:inline-flex;padding:.2rem .7rem;border-radius:999px;background:#ff5f931a;color:var(--color-primary);border:1px solid rgba(255,95,147,.15);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}.eip-hero-left{display:flex;flex-direction:column;gap:.35rem}.eip-hero-left h1{margin:0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:950;letter-spacing:-.04em;color:#111827;display:flex;align-items:center;gap:.55rem}.eip-hero-left p{margin:0;font-size:.9rem;color:#64748b;font-weight:600}.eip-hero-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.eip-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:800;cursor:pointer;border:none;transition:.18s ease;white-space:nowrap}.eip-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 8px 20px #ff5f9359}.eip-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #ff5f9373}.eip-btn--primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.eip-btn--outline{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.eip-btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.eip-btn--outline:disabled{opacity:.45;cursor:not-allowed}.eip-btn--ghost{background:#64748b12;color:#374151;border:1px solid transparent}.eip-btn--ghost:hover{background:#ff5f9312;color:var(--color-primary)}.eip-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.25rem}.eip-search-wrap{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;max-width:360px;padding:.55rem .9rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;transition:border-color .15s}.eip-search-wrap:focus-within{border-color:var(--color-primary)}.eip-search-icon{color:#94a3b8;font-size:.85rem;flex-shrink:0}.eip-search-input{flex:1;border:none;background:transparent;font-size:.875rem;color:#1f2937;outline:none;min-width:0}.eip-search-clear{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:.85rem;padding:0;display:flex;align-items:center;transition:color .15s}.eip-search-clear:hover{color:#ef4444}.eip-role-select{padding:.55rem .8rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:700;color:#374151;cursor:pointer;outline:none;transition:border-color .15s}.eip-role-select:focus{border-color:var(--color-primary)}.eip-selection-row{display:flex;align-items:center;gap:.75rem}.eip-count{font-size:.82rem;font-weight:700;color:#64748b}.eip-toast{padding:.7rem 1.1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;font-size:.85rem;font-weight:700;color:#92400e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.eip-state-msg{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:3rem 2rem;color:#64748b;font-weight:700;font-size:.95rem}.eip-state-msg.error{color:#dc2626}.eip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.eip-card{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1rem;transition:border-color .15s,box-shadow .15s}.eip-card:hover{border-color:#ff5f9359;box-shadow:0 6px 20px #ff5f931a}.eip-card.selected{border-color:var(--color-primary);box-shadow:0 6px 20px #ff5f932e}.eip-card-check{position:absolute;top:.6rem;left:.6rem;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;padding:0;z-index:1;transition:color .15s}.eip-card.selected .eip-card-check,.eip-card-check:hover{color:var(--color-primary)}.eip-card-print-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.82rem;padding:.3rem .5rem;cursor:pointer;transition:.15s}.eip-card-print-btn:hover{background:#ff5f9312;color:var(--color-primary);border-color:var(--color-primary)}.eip-card-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1.5rem}.eip-card-clinic{font-size:.78rem;font-weight:900;color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase}.eip-card-divider{width:100%;height:1px;background:#e2e8f0;margin:.1rem 0}.eip-card-info{display:flex;flex-direction:column;align-items:center;gap:.2rem}.eip-card-empno{font-size:.72rem;font-family:monospace;color:#64748b;font-weight:800}.eip-card-name{font-size:1rem;font-weight:900;color:#111827;text-align:center;line-height:1.2;word-break:break-word}.eip-role-tag{font-size:.7rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:999px;padding:.15rem .6rem}.eip-card-codes{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.eip-barcode-svg{width:100%;max-width:200px;height:auto}.eip-barcode-value{font-size:.7rem;font-family:monospace;color:#374151;font-weight:700}.eip-no-code{font-size:.75rem;color:#94a3b8;font-style:italic}.eip-spinner-lg{display:inline-block;width:28px;height:28px;border:3px solid rgba(255,95,147,.2);border-top-color:var(--color-primary);border-radius:50%;animation:eipSpin .7s linear infinite}@keyframes eipSpin{to{transform:rotate(360deg)}}.eip-print-sheet{position:fixed;left:-9999px;top:0;width:210mm;background:#fff;pointer-events:none;z-index:-1}.eip-print-card{width:85mm;min-height:54mm;border:.5pt solid #ccc;border-radius:3mm;padding:3mm 4mm;display:flex;flex-direction:column;align-items:center;gap:2mm;page-break-inside:avoid;background:#fff;box-sizing:border-box}.eip-print-clinic{font-size:11px;font-weight:900;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-family:sans-serif}.eip-print-rule{width:100%;height:1px;background:#ccc;margin:1mm 0}.eip-print-empno{font-size:10px;font-family:monospace;color:#555;font-weight:700}.eip-print-name{font-size:13px;font-weight:700;color:#000;text-align:center;line-height:1.2;font-family:sans-serif}.eip-print-role{font-size:10px;color:var(--color-primary);font-weight:700;font-family:sans-serif}.eip-print-barcode-svg{width:68mm;height:auto;max-height:14mm}.eip-print-code{font-size:9px;font-family:monospace;color:#333}@page{size:A4 portrait;margin:8mm}.hm-page{--hm-primary: var(--color-primary, #ff5f93);--hm-primary-light: var(--color-primary-light, #ff8db5);--hm-primary-soft: var(--color-primary-soft, #ffc8dd);--hm-surface: var(--color-surface, rgba(255, 255, 255, .9));--hm-surface-solid: var(--color-surface-solid, #ffffff);--hm-border: var(--color-border, rgba(255, 95, 147, .18));--hm-heading: var(--color-heading, #191919);--hm-text: var(--color-text, #1f2937);--hm-muted: var(--color-muted, #64748b);--hm-success: #10b981;--hm-warning: #f59e0b;--hm-danger: #ef4444;--hm-info: #3b82f6;--hm-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--hm-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--hm-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--hm-radius-card: var(--radius-card, 28px);--hm-radius-lg: var(--radius-lg, 22px);--hm-radius-md: var(--radius-md, 16px);--hm-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--hm-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.hm-page *{box-sizing:border-box}.hm-eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:max-content;min-height:28px;padding:0 .75rem;border-radius:var(--hm-radius-pill);background:#ff5f931a;color:var(--hm-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.hm-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--hm-border);border-radius:var(--hm-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 40%),var(--hm-surface);box-shadow:var(--hm-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hm-hero-left h1{margin:.65rem 0 0;color:var(--hm-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:950;line-height:1.05;letter-spacing:-.05em}.hm-hero-left p{margin:.6rem 0 0;color:var(--hm-muted);font-size:.97rem;font-weight:750;line-height:1.6}.hm-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;flex-shrink:0}.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border:none;border-radius:var(--hm-radius-pill);font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:all .22s ease;white-space:nowrap;text-decoration:none}.hm-btn.primary{background:linear-gradient(135deg,var(--hm-primary),var(--hm-primary-light));color:#fff;box-shadow:var(--hm-shadow-primary)}.hm-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #ff5f9361}.hm-btn.secondary{background:var(--hm-surface-solid);color:var(--hm-primary);border:1px solid var(--hm-border);box-shadow:var(--hm-shadow-soft)}.hm-btn.secondary:hover{transform:translateY(-2px);box-shadow:var(--hm-shadow-primary)}.hm-btn.danger{background:var(--hm-surface-solid);color:var(--hm-danger);border:1px solid rgba(239,68,68,.25)}.hm-btn.danger:hover{background:var(--hm-danger);color:#fff;transform:translateY(-1px)}.hm-btn.sm{min-height:34px;padding:0 .85rem;font-size:.8rem}.hm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.hm-year-select{min-height:44px;padding:0 1rem;border:1px solid var(--hm-border);border-radius:var(--hm-radius-pill);background:var(--hm-surface-solid);color:var(--hm-text);font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;outline:none;transition:border-color .2s}.hm-year-select:focus{border-color:var(--hm-primary);box-shadow:0 0 0 3px #ff5f9326}.hm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.hm-stat-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.25rem;border:1px solid var(--hm-border);border-radius:var(--hm-radius-lg);background:var(--hm-surface);box-shadow:var(--hm-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hm-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.15rem;flex-shrink:0}.hm-stat-card.total .hm-stat-icon{background:#ff5f931f;color:var(--hm-primary)}.hm-stat-card.regular .hm-stat-icon{background:#ef44441f;color:var(--hm-danger)}.hm-stat-card.special .hm-stat-icon{background:#f59e0b1f;color:var(--hm-warning)}.hm-stat-card strong{display:block;color:var(--hm-heading);font-size:1.55rem;font-weight:950;letter-spacing:-.03em;line-height:1}.hm-stat-card p{margin:.2rem 0 0;color:var(--hm-muted);font-size:.82rem;font-weight:750}.hm-table-card{border:1px solid var(--hm-border);border-radius:var(--hm-radius-lg);background:var(--hm-surface);box-shadow:var(--hm-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;-webkit-overflow-scrolling:touch}.hm-table{width:100%;min-width:680px;border-collapse:collapse;font-size:.88rem}.hm-table thead tr{background:#ff5f9312}.hm-table th{padding:.85rem 1.1rem;text-align:left;font-size:.75rem;font-weight:950;color:var(--hm-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.hm-table td{padding:.85rem 1.1rem;border-top:1px solid rgba(255,95,147,.07);color:var(--hm-text);font-weight:600}.hm-table tbody tr{transition:background .16s}.hm-table tbody tr:hover{background:#ff5f930a}.hm-month-row td{padding:.5rem 1.1rem;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-primary);background:#ff5f930a;border-top:2px solid rgba(255,95,147,.12)}.hm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 1rem;color:var(--hm-muted);font-weight:750}.hm-empty svg{font-size:2.5rem;opacity:.35}.hm-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--hm-radius-pill);font-size:.75rem;font-weight:950;white-space:nowrap}.hm-type-badge.regular{background:#ef44441a;color:#dc2626}.hm-type-badge.special_non_working{background:#f59e0b1f;color:#b45309}.hm-recurring-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--hm-radius-pill);font-size:.72rem;font-weight:950;background:#10b9811a;color:#059669}.hm-action-btns{display:flex;gap:.4rem;align-items:center}.hm-icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:all .18s ease;font-size:.8rem}.hm-icon-btn.edit{color:var(--hm-primary);border-color:#ff5f9333}.hm-icon-btn.edit:hover{background:#ff5f931a;transform:translateY(-1px)}.hm-icon-btn.delete{color:var(--hm-danger);border-color:#ef444433}.hm-icon-btn.delete:hover{background:#ef44441a;transform:translateY(-1px)}.hm-modal{width:100%;max-width:460px;border:1px solid var(--hm-border);border-radius:var(--hm-radius-card);background:var(--hm-surface-solid);box-shadow:0 32px 80px #0003;overflow:hidden;animation:hmModalIn .22s ease}@keyframes hmModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.hm-modal-body{padding:1.35rem 1.6rem;display:flex;flex-direction:column;gap:1rem}.hm-field{display:flex;flex-direction:column;gap:.4rem}.hm-field label{font-size:.8rem;font-weight:950;color:var(--hm-muted);text-transform:uppercase;letter-spacing:.04em}.hm-field input,.hm-field select{min-height:44px;padding:0 .95rem;border:1px solid var(--hm-border);border-radius:12px;background:#fff;color:var(--hm-text);font:inherit;font-size:.92rem;font-weight:650;outline:none;transition:border-color .2s,box-shadow .2s}.hm-field input:focus,.hm-field select:focus{border-color:var(--hm-primary);box-shadow:0 0 0 3px #ff5f9324}.hm-checkbox-field{display:flex;align-items:center;gap:.65rem;padding:.75rem .95rem;border:1px solid var(--hm-border);border-radius:12px;background:#ff5f9308;cursor:pointer}.hm-checkbox-field input[type=checkbox]{width:18px;height:18px;min-height:unset;padding:0;accent-color:var(--hm-primary);cursor:pointer}.hm-checkbox-field span{font-size:.9rem;font-weight:750;color:var(--hm-text)}.hm-modal-error{display:flex;align-items:center;gap:.5rem;padding:.75rem .95rem;border-radius:12px;background:#ef444414;color:#dc2626;font-size:.85rem;font-weight:750;border:1px solid rgba(239,68,68,.15)}@media(max-width:640px){.hm-stats{grid-template-columns:1fr}.hm-hero{flex-direction:column}.hm-hero-actions{justify-content:flex-start;width:100%}}.slm-page{--slm-primary: var(--color-primary, #ff5f93);--slm-primary-light: var(--color-primary-light, #ff8db5);--slm-primary-soft: var(--color-primary-soft, #ffc8dd);--slm-surface: var(--color-surface, rgba(255, 255, 255, .9));--slm-surface-solid: var(--color-surface-solid, #ffffff);--slm-border: var(--color-border, rgba(255, 95, 147, .18));--slm-heading: var(--color-heading, #191919);--slm-text: var(--color-text, #1f2937);--slm-muted: var(--color-muted, #64748b);--slm-success: #10b981;--slm-warning: #f59e0b;--slm-danger: #ef4444;--slm-info: #3b82f6;--slm-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--slm-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--slm-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--slm-radius-card: var(--radius-card, 28px);--slm-radius-lg: var(--radius-lg, 22px);--slm-radius-md: var(--radius-md, 16px);--slm-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--slm-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.slm-page *{box-sizing:border-box}.slm-eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:max-content;min-height:28px;padding:0 .75rem;border-radius:var(--slm-radius-pill);background:#ff5f931a;color:var(--slm-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.slm-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--slm-border);border-radius:var(--slm-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 40%),var(--slm-surface);box-shadow:var(--slm-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.slm-hero-left h1{margin:.65rem 0 0;color:var(--slm-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:950;line-height:1.05;letter-spacing:-.05em}.slm-hero-left p{margin:.6rem 0 0;color:var(--slm-muted);font-size:.97rem;font-weight:750;line-height:1.6}.slm-hero-actions{display:flex;align-items:center;flex-shrink:0}.slm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border:none;border-radius:var(--slm-radius-pill);font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:all .22s ease;white-space:nowrap}.slm-btn.primary{background:linear-gradient(135deg,var(--slm-primary),var(--slm-primary-light));color:#fff;box-shadow:var(--slm-shadow-primary)}.slm-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #ff5f9361}.slm-btn.secondary{background:var(--slm-surface-solid);color:var(--slm-primary);border:1px solid var(--slm-border);box-shadow:var(--slm-shadow-soft)}.slm-btn.secondary:hover{transform:translateY(-2px);box-shadow:var(--slm-shadow-primary)}.slm-btn.danger{background:var(--slm-surface-solid);color:var(--slm-danger);border:1px solid rgba(239,68,68,.25)}.slm-btn.danger:hover{background:var(--slm-danger);color:#fff;transform:translateY(-1px)}.slm-btn.sm{min-height:32px;padding:0 .8rem;font-size:.78rem}.slm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.slm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.slm-stat-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.25rem;border:1px solid var(--slm-border);border-radius:var(--slm-radius-lg);background:var(--slm-surface);box-shadow:var(--slm-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.slm-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.1rem;flex-shrink:0}.slm-stat-card.active-loans .slm-stat-icon{background:#ff5f931f;color:var(--slm-primary)}.slm-stat-card.principal .slm-stat-icon{background:#3b82f61f;color:var(--slm-info)}.slm-stat-card.balance .slm-stat-icon{background:#f59e0b1f;color:var(--slm-warning)}.slm-stat-card strong{display:block;color:var(--slm-heading);font-size:1.35rem;font-weight:950;letter-spacing:-.03em;line-height:1}.slm-stat-card p{margin:.2rem 0 0;color:var(--slm-muted);font-size:.82rem;font-weight:750}.slm-filter-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid var(--slm-border);border-radius:var(--slm-radius-lg);background:var(--slm-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.slm-filter-label{font-size:.8rem;font-weight:950;color:var(--slm-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:.25rem}.slm-filter-pill{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:0 1rem;border-radius:var(--slm-radius-pill);border:1px solid var(--slm-border);background:transparent;color:var(--slm-muted);font:inherit;font-size:.85rem;font-weight:750;cursor:pointer;transition:all .18s ease}.slm-filter-pill:hover{border-color:var(--slm-primary);color:var(--slm-primary);background:#ff5f930d}.slm-filter-pill.active{background:linear-gradient(135deg,var(--slm-primary),var(--slm-primary-light));border-color:transparent;color:#fff;box-shadow:var(--slm-shadow-primary)}.slm-table-card{border:1px solid var(--slm-border);border-radius:var(--slm-radius-lg);background:var(--slm-surface);box-shadow:var(--slm-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;-webkit-overflow-scrolling:touch}.slm-table{width:100%;min-width:780px;border-collapse:collapse;font-size:.88rem}.slm-table thead tr{background:#ff5f9312}.slm-table th{padding:.85rem 1.1rem;text-align:left;font-size:.75rem;font-weight:950;color:var(--slm-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.slm-table td{padding:.85rem 1.1rem;border-top:1px solid rgba(255,95,147,.07);color:var(--slm-text);font-weight:600}.slm-table tbody tr{transition:background .16s}.slm-table tbody tr:hover{background:#ff5f930a}.slm-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--slm-radius-pill);font-size:.75rem;font-weight:950}.slm-type-badge.salary_loan{background:#ff5f931a;color:var(--slm-primary)}.slm-type-badge.cash_advance{background:#f59e0b1f;color:#b45309}.slm-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--slm-radius-pill);font-size:.75rem;font-weight:950;text-transform:capitalize}.slm-status-badge.active{background:#10b9811a;color:#059669}.slm-status-badge.paid{background:#64748b1a;color:var(--slm-muted)}.slm-status-badge.cancelled{background:#ef44441a;color:#dc2626}.slm-progress-wrap{display:flex;flex-direction:column;gap:.3rem;min-width:100px}.slm-progress-track{height:5px;border-radius:3px;background:#00000014;overflow:hidden}.slm-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--slm-success),#34d399);transition:width .4s ease}.slm-progress-label{font-size:.72rem;font-weight:950;color:var(--slm-muted)}.slm-balance-paid{color:var(--slm-success);font-weight:950}.slm-icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(239,68,68,.2);border-radius:10px;background:transparent;color:var(--slm-danger);cursor:pointer;font-size:.8rem;transition:all .18s}.slm-icon-btn:hover{background:#ef44441a;transform:translateY(-1px)}.slm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 1rem;color:var(--slm-muted);font-weight:750}.slm-modal{width:100%;max-width:500px;max-height:92vh;border:1px solid var(--slm-border);border-radius:var(--slm-radius-card);background:var(--slm-surface-solid);box-shadow:0 32px 80px #0003;overflow:hidden;display:flex;flex-direction:column;animation:slmModalIn .22s ease}@keyframes slmModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.slm-modal-body{padding:1.35rem 1.6rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.slm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.slm-field{display:flex;flex-direction:column;gap:.4rem}.slm-field label{font-size:.78rem;font-weight:950;color:var(--slm-muted);text-transform:uppercase;letter-spacing:.04em}.slm-field input,.slm-field select,.slm-field textarea{min-height:44px;padding:0 .95rem;border:1px solid var(--slm-border);border-radius:12px;background:#fff;color:var(--slm-text);font:inherit;font-size:.9rem;font-weight:650;outline:none;transition:border-color .2s,box-shadow .2s}.slm-field textarea{min-height:80px;padding:.7rem .95rem;resize:vertical;line-height:1.5}.slm-field input:focus,.slm-field select:focus,.slm-field textarea:focus{border-color:var(--slm-primary);box-shadow:0 0 0 3px #ff5f9324}.slm-modal-error{display:flex;align-items:center;gap:.5rem;padding:.75rem .95rem;border-radius:12px;background:#ef444414;color:#dc2626;font-size:.85rem;font-weight:750;border:1px solid rgba(239,68,68,.15)}@media(max-width:640px){.slm-stats{grid-template-columns:1fr}.slm-hero{flex-direction:column}.slm-form-row{grid-template-columns:1fr}}.tmp-page{--tmp-primary: var(--color-primary, #ff5f93);--tmp-primary-light: var(--color-primary-light, #ff8db5);--tmp-primary-soft: var(--color-primary-soft, #ffc8dd);--tmp-surface: var(--color-surface, rgba(255, 255, 255, .9));--tmp-surface-solid: var(--color-surface-solid, #ffffff);--tmp-border: var(--color-border, rgba(255, 95, 147, .18));--tmp-heading: var(--color-heading, #191919);--tmp-text: var(--color-text, #1f2937);--tmp-muted: var(--color-muted, #64748b);--tmp-success: #10b981;--tmp-warning: #f59e0b;--tmp-danger: #ef4444;--tmp-info: #3b82f6;--tmp-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--tmp-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--tmp-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--tmp-radius-card: var(--radius-card, 28px);--tmp-radius-lg: var(--radius-lg, 22px);--tmp-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--tmp-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.tmp-page *{box-sizing:border-box}.tmp-eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:max-content;min-height:28px;padding:0 .75rem;border-radius:var(--tmp-radius-pill);background:#ff5f931a;color:var(--tmp-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.tmp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--tmp-border);border-radius:var(--tmp-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 40%),var(--tmp-surface);box-shadow:var(--tmp-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tmp-hero-left h1{margin:.65rem 0 0;color:var(--tmp-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:950;line-height:1.05;letter-spacing:-.05em}.tmp-hero-left p{margin:.6rem 0 0;color:var(--tmp-muted);font-size:.97rem;font-weight:750;line-height:1.6}.tmp-hero-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;flex-wrap:wrap}.tmp-year-select{min-height:44px;padding:0 1rem;border:1px solid var(--tmp-border);border-radius:var(--tmp-radius-pill);background:var(--tmp-surface-solid);color:var(--tmp-text);font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;outline:none;transition:border-color .2s}.tmp-year-select:focus{border-color:var(--tmp-primary);box-shadow:0 0 0 3px #ff5f9326}.tmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border:none;border-radius:var(--tmp-radius-pill);font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:all .22s ease;white-space:nowrap}.tmp-btn.primary{background:linear-gradient(135deg,var(--tmp-primary),var(--tmp-primary-light));color:#fff;box-shadow:var(--tmp-shadow-primary)}.tmp-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #ff5f9361}.tmp-btn.success{background:var(--tmp-success);color:#fff;box-shadow:0 10px 24px #10b9814d}.tmp-btn.success:hover{transform:translateY(-2px)}.tmp-btn.sm{min-height:34px;padding:0 .9rem;font-size:.8rem}.tmp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.tmp-alert{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;margin-bottom:1rem;border-radius:14px;font-size:.9rem;font-weight:750}.tmp-alert.info{background:#ff5f9314;color:var(--tmp-primary);border:1px solid rgba(255,95,147,.15)}.tmp-alert.error{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.tmp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.tmp-stat-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.25rem;border:1px solid var(--tmp-border);border-radius:var(--tmp-radius-lg);background:var(--tmp-surface);box-shadow:var(--tmp-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tmp-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.1rem;flex-shrink:0}.tmp-stat-card.accrued .tmp-stat-icon{background:#ff5f931f;color:var(--tmp-primary)}.tmp-stat-card.paid-out .tmp-stat-icon{background:#10b9811f;color:var(--tmp-success)}.tmp-stat-card.remaining .tmp-stat-icon{background:#f59e0b1f;color:var(--tmp-warning)}.tmp-stat-card strong{display:block;color:var(--tmp-heading);font-size:1.2rem;font-weight:950;letter-spacing:-.03em;line-height:1}.tmp-stat-card p{margin:.2rem 0 0;color:var(--tmp-muted);font-size:.82rem;font-weight:750}.tmp-table-card{border:1px solid var(--tmp-border);border-radius:var(--tmp-radius-lg);background:var(--tmp-surface);box-shadow:var(--tmp-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;-webkit-overflow-scrolling:touch}.tmp-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.88rem}.tmp-table thead tr{background:#ff5f9312}.tmp-table th{padding:.85rem 1.1rem;text-align:left;font-size:.74rem;font-weight:950;color:var(--tmp-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tmp-table th.num{text-align:right}.tmp-table td{padding:.85rem 1.1rem;border-top:1px solid rgba(255,95,147,.07);color:var(--tmp-text);font-weight:600}.tmp-table td.num{text-align:right;font-variant-numeric:tabular-nums}.tmp-table tbody tr{transition:background .16s}.tmp-table tbody tr:hover{background:#ff5f930a}.tmp-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:var(--tmp-radius-pill);font-size:.75rem;font-weight:950;text-transform:capitalize}.tmp-status-badge.accruing{background:#10b9811f;color:#059669}.tmp-status-badge.paid{background:#64748b1a;color:var(--tmp-muted)}.tmp-status-badge.partial{background:#f59e0b1f;color:#b45309}.tmp-loading,.tmp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3.5rem 1rem;color:var(--tmp-muted);font-weight:750}.tmp-month-grid{display:flex;gap:3px;align-items:flex-end;height:20px}.tmp-month-bar{width:8px;border-radius:2px;background:#ff5f9333;transition:background .2s}.tmp-month-bar.filled{background:var(--tmp-primary)}@media(max-width:768px){.tmp-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.tmp-stats{grid-template-columns:1fr}.tmp-hero{flex-direction:column}.tmp-hero-actions{width:100%}}.grr-page{--grr-primary: var(--color-primary, #ff5f93);--grr-primary-light: var(--color-primary-light, #ff8db5);--grr-surface: var(--color-surface, rgba(255, 255, 255, .9));--grr-surface-solid: var(--color-surface-solid, #ffffff);--grr-border: var(--color-border, rgba(255, 95, 147, .18));--grr-heading: var(--color-heading, #191919);--grr-text: var(--color-text, #1f2937);--grr-muted: var(--color-muted, #64748b);--grr-success: #10b981;--grr-warning: #f59e0b;--grr-danger: #ef4444;--grr-info: #3b82f6;--grr-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--grr-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--grr-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--grr-radius-card: var(--radius-card, 28px);--grr-radius-lg: var(--radius-lg, 22px);--grr-radius-pill: var(--radius-pill, 999px);--grr-sss: #2563eb;--grr-philhealth: #059669;--grr-pagibig: #dc2626;width:100%;min-height:100vh;padding:1.6rem;color:var(--grr-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.grr-page *{box-sizing:border-box}.grr-eyebrow{display:inline-flex;align-items:center;gap:.4rem;min-height:28px;padding:0 .75rem;border-radius:var(--grr-radius-pill);background:#ff5f931a;color:var(--grr-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.grr-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--grr-border);border-radius:var(--grr-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 40%),var(--grr-surface);box-shadow:var(--grr-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grr-hero-left h1{margin:.65rem 0 0;color:var(--grr-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:950;line-height:1.05;letter-spacing:-.05em}.grr-hero-sub{margin:.55rem 0 0;color:var(--grr-muted);font-size:.97rem;font-weight:750;line-height:1.6}.grr-agency-dots{display:inline-flex;align-items:center;gap:.55rem;margin-top:.65rem}.grr-dot{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--grr-radius-pill);font-size:.72rem;font-weight:950;letter-spacing:.04em}.grr-dot.sss{background:#2563eb1a;color:var(--grr-sss)}.grr-dot.philhealth{background:#0596691a;color:var(--grr-philhealth)}.grr-dot.pagibig{background:#dc26261a;color:var(--grr-pagibig)}.grr-tab-bar{display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.6rem .75rem;border:1px solid var(--grr-border);border-radius:var(--grr-radius-lg);background:var(--grr-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto}.grr-tab-btn{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:0 1.25rem;border-radius:var(--grr-radius-pill);border:2px solid transparent;background:transparent;font:inherit;font-size:.9rem;font-weight:750;color:var(--grr-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.grr-tab-btn:hover{background:#ff5f930f;color:var(--grr-primary)}.grr-tab-btn .grr-tab-accent{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:transform .2s}.grr-tab-btn.active{font-weight:950;background:var(--grr-surface-solid);box-shadow:var(--grr-shadow-soft)}.grr-tab-btn.sss.active{color:var(--grr-sss);border-color:var(--grr-sss)}.grr-tab-btn.philhealth.active{color:var(--grr-philhealth);border-color:var(--grr-philhealth)}.grr-tab-btn.pagibig.active{color:var(--grr-pagibig);border-color:var(--grr-pagibig)}.grr-tab-btn.active .grr-tab-accent{transform:scale(1.4)}.grr-controls-card{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:1.1rem 1.35rem;border:1px solid var(--grr-border);border-radius:var(--grr-radius-lg);background:var(--grr-surface);box-shadow:var(--grr-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.grr-control-field{display:flex;flex-direction:column;gap:.35rem}.grr-control-field label{font-size:.78rem;font-weight:950;color:var(--grr-muted);text-transform:uppercase;letter-spacing:.04em}.grr-input{min-height:44px;padding:0 .95rem;border:1px solid var(--grr-border);border-radius:12px;background:var(--grr-surface-solid);color:var(--grr-text);font:inherit;font-size:.9rem;font-weight:650;outline:none;transition:border-color .2s,box-shadow .2s}.grr-input:focus{border-color:var(--grr-primary);box-shadow:0 0 0 3px #ff5f9324}.grr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.3rem;border:none;border-radius:var(--grr-radius-pill);font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:all .22s ease;white-space:nowrap}.grr-btn.primary{background:linear-gradient(135deg,var(--grr-primary),var(--grr-primary-light));color:#fff;box-shadow:var(--grr-shadow-primary)}.grr-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #ff5f9361}.grr-btn.secondary{background:var(--grr-surface-solid);color:var(--grr-primary);border:1px solid var(--grr-border);box-shadow:var(--grr-shadow-soft)}.grr-btn.secondary:hover{transform:translateY(-2px)}.grr-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.grr-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.grr-total-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.25rem;border:1px solid var(--grr-border);border-radius:var(--grr-radius-lg);background:var(--grr-surface);box-shadow:var(--grr-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.grr-total-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.1rem;flex-shrink:0}.grr-total-card.emp .grr-total-icon{background:#3b82f61f;color:var(--grr-info)}.grr-total-card.empl .grr-total-icon{background:#10b9811f;color:var(--grr-success)}.grr-total-card.grand .grr-total-icon{background:#ff5f931f;color:var(--grr-primary)}.grr-total-card strong{display:block;color:var(--grr-heading);font-size:1.18rem;font-weight:950;letter-spacing:-.03em;line-height:1}.grr-total-card p{margin:.2rem 0 0;color:var(--grr-muted);font-size:.82rem;font-weight:750}.grr-alert{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;margin-bottom:1rem;border-radius:14px;font-size:.9rem;font-weight:750;background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.grr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:4rem 1rem;text-align:center;border:1px solid var(--grr-border);border-radius:var(--grr-radius-lg);background:var(--grr-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.grr-empty-state .grr-empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:#ff5f931a;color:var(--grr-primary);font-size:1.6rem}.grr-empty-state h3{margin:0;font-size:1.05rem;font-weight:950;color:var(--grr-heading)}.grr-empty-state p{margin:0;color:var(--grr-muted);font-size:.88rem;font-weight:650}.grr-table-card{border:1px solid var(--grr-border);border-radius:var(--grr-radius-lg);background:var(--grr-surface);box-shadow:var(--grr-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;-webkit-overflow-scrolling:touch}.grr-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.88rem}.grr-table thead tr{background:#ff5f9312}.grr-table th{padding:.85rem 1.1rem;text-align:left;font-size:.74rem;font-weight:950;color:var(--grr-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.grr-table th.num{text-align:right}.grr-table td{padding:.85rem 1.1rem;border-top:1px solid rgba(255,95,147,.07);color:var(--grr-text);font-weight:600}.grr-table td.num{text-align:right;font-variant-numeric:tabular-nums}.grr-table td.num.total-col{font-weight:950;color:var(--grr-heading)}.grr-table tbody tr{transition:background .16s}.grr-table tbody tr:hover{background:#ff5f930a}@media(max-width:768px){.grr-totals{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grr-totals{grid-template-columns:1fr}.grr-hero{flex-direction:column}}.dtr-page{--dtr-primary: var(--color-primary, #ff5f93);--dtr-primary-light: var(--color-primary-light, #ff8db5);--dtr-surface: var(--color-surface, rgba(255, 255, 255, .9));--dtr-surface-solid: var(--color-surface-solid, #ffffff);--dtr-border: var(--color-border, rgba(255, 95, 147, .18));--dtr-heading: var(--color-heading, #191919);--dtr-text: var(--color-text, #1f2937);--dtr-muted: var(--color-muted, #64748b);--dtr-success: #10b981;--dtr-warning: #f59e0b;--dtr-danger: #ef4444;--dtr-info: #3b82f6;--dtr-shadow-card: var(--shadow-card, 0 20px 50px rgba(255, 95, 147, .15));--dtr-shadow-soft: var(--shadow-soft, 0 12px 28px rgba(15, 23, 42, .08));--dtr-shadow-primary: var(--shadow-primary, 0 14px 34px rgba(255, 95, 147, .26));--dtr-radius-card: var(--radius-card, 28px);--dtr-radius-lg: var(--radius-lg, 22px);--dtr-radius-pill: var(--radius-pill, 999px);width:100%;min-height:100vh;padding:1.6rem;color:var(--dtr-text);background:transparent;font-family:Inter,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.dtr-page *{box-sizing:border-box}.dtr-eyebrow{display:inline-flex;align-items:center;gap:.4rem;min-height:28px;padding:0 .75rem;border-radius:var(--dtr-radius-pill);background:#ff5f931a;color:var(--dtr-primary);border:1px solid rgba(255,95,147,.14);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.dtr-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--dtr-border);border-radius:var(--dtr-radius-card);background:radial-gradient(circle at top right,rgba(255,95,147,.17),transparent 40%),var(--dtr-surface);box-shadow:var(--dtr-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dtr-hero-left h1{margin:.65rem 0 0;color:var(--dtr-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:950;line-height:1.05;letter-spacing:-.05em}.dtr-hero-left p{margin:.6rem 0 0;color:var(--dtr-muted);font-size:.97rem;font-weight:750;line-height:1.6}.dtr-dole-badge{display:inline-flex;align-items:center;gap:.35rem;margin-top:.65rem;padding:.28rem .75rem;border-radius:var(--dtr-radius-pill);background:#3b82f61a;color:var(--dtr-info);border:1px solid rgba(59,130,246,.2);font-size:.72rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.dtr-controls-card{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:1.1rem 1.35rem;border:1px solid var(--dtr-border);border-radius:var(--dtr-radius-lg);background:var(--dtr-surface);box-shadow:var(--dtr-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dtr-control-field{display:flex;flex-direction:column;gap:.35rem}.dtr-control-field label{font-size:.78rem;font-weight:950;color:var(--dtr-muted);text-transform:uppercase;letter-spacing:.04em}.dtr-input{min-height:44px;padding:0 .95rem;border:1px solid var(--dtr-border);border-radius:12px;background:var(--dtr-surface-solid);color:var(--dtr-text);font:inherit;font-size:.9rem;font-weight:650;outline:none;transition:border-color .2s,box-shadow .2s;min-width:150px}.dtr-input:focus{border-color:var(--dtr-primary);box-shadow:0 0 0 3px #ff5f9324}.dtr-period-pills{display:flex;gap:.35rem;flex-wrap:wrap}.dtr-period-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 .85rem;border-radius:var(--dtr-radius-pill);border:1px solid var(--dtr-border);background:var(--dtr-surface-solid);color:var(--dtr-muted);font:inherit;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .18s ease;white-space:nowrap}.dtr-period-pill:hover{border-color:var(--dtr-primary);color:var(--dtr-primary);background:#ff5f930d}.dtr-period-pill.active{background:linear-gradient(135deg,var(--dtr-primary),var(--dtr-primary-light));color:#fff;border-color:transparent;box-shadow:0 6px 16px #ff5f9347}.dtr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border:none;border-radius:var(--dtr-radius-pill);font:inherit;font-size:.9rem;font-weight:950;cursor:pointer;transition:all .22s ease;white-space:nowrap}.dtr-btn.primary{background:linear-gradient(135deg,var(--dtr-primary),var(--dtr-primary-light));color:#fff;box-shadow:var(--dtr-shadow-primary)}.dtr-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #ff5f9361}.dtr-btn.secondary{background:var(--dtr-surface-solid);color:var(--dtr-primary);border:1px solid var(--dtr-border);box-shadow:var(--dtr-shadow-soft)}.dtr-btn.secondary:hover{transform:translateY(-2px)}.dtr-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.dtr-alert{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;margin-bottom:1rem;border-radius:14px;font-size:.9rem;font-weight:750;background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.dtr-info-card{margin-bottom:1.1rem;padding:1.25rem 1.5rem;border:1px solid var(--dtr-border);border-radius:var(--dtr-radius-lg);background:var(--dtr-surface);box-shadow:var(--dtr-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dtr-info-name{font-size:1.2rem;font-weight:950;color:var(--dtr-heading);letter-spacing:-.02em;margin:0 0 .35rem}.dtr-info-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.85rem;font-weight:650;color:var(--dtr-muted)}.dtr-info-meta span{display:flex;align-items:center;gap:.35rem}.dtr-info-meta strong{color:var(--dtr-text);font-weight:950}.dtr-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.dtr-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;border-radius:var(--dtr-radius-pill);font-size:.82rem;font-weight:950}.dtr-chip .dtr-chip-num{font-size:1rem;font-weight:950}.dtr-chip.total{background:#ff5f931f;color:var(--dtr-primary)}.dtr-chip.present{background:#10b9811f;color:#059669}.dtr-chip.late{background:#f59e0b1f;color:#b45309}.dtr-chip.absent{background:#ef44441f;color:#dc2626}.dtr-chip.leave{background:#3b82f61f;color:#1d4ed8}.dtr-table-card{border:1px solid var(--dtr-border);border-radius:var(--dtr-radius-lg);background:var(--dtr-surface);box-shadow:var(--dtr-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;-webkit-overflow-scrolling:touch}.dtr-table{width:100%;min-width:840px;border-collapse:collapse;font-size:.87rem}.dtr-table thead tr{background:#ff5f9312}.dtr-table th{padding:.85rem 1rem;text-align:left;font-size:.73rem;font-weight:950;color:var(--dtr-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dtr-table td{padding:.8rem 1rem;border-top:1px solid rgba(255,95,147,.07);color:var(--dtr-text);font-weight:600}.dtr-table tbody tr{transition:background .16s}.dtr-table tbody tr:hover{background:#ff5f930a}.dtr-table tbody tr.dtr-row-absent{border-left:3px solid var(--dtr-danger);background:#ef444408}.dtr-late-in{color:var(--dtr-warning);font-weight:950}.dtr-ot{color:var(--dtr-info);font-weight:950}.dtr-status-pill{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:var(--dtr-radius-pill);font-size:.73rem;font-weight:950;text-transform:capitalize;white-space:nowrap}.dtr-status-pill.present{background:#10b9811f;color:#059669}.dtr-status-pill.late,.dtr-status-pill.early_leave{background:#f59e0b1f;color:#b45309}.dtr-status-pill.absent{background:#ef44441f;color:#dc2626}.dtr-status-pill.on_leave{background:#3b82f61f;color:#1d4ed8}.dtr-status-pill.rest_day{background:#64748b1a;color:var(--dtr-muted)}.dtr-footer{margin-top:.85rem;padding:.6rem 1rem;font-size:.78rem;font-weight:650;color:var(--dtr-muted);text-align:right}@media print{.dtr-page{padding:0;min-height:unset}.dtr-hero,.dtr-controls-card,.dtr-alert,.dtr-chips{display:none!important}.dtr-info-card{border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;page-break-after:avoid}.dtr-table-card{border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.dtr-table th,.dtr-table td{border:1px solid #ccc!important;background:#fff!important;color:#000!important;font-size:9pt}.dtr-table thead tr{background:#f3f4f6!important}.dtr-status-pill{background:transparent!important;border:1px solid currentColor;color:#000!important;padding:.1rem .4rem}.dtr-footer{text-align:left;font-size:8pt;color:#555!important}}@media(max-width:640px){.dtr-hero{flex-direction:column}.dtr-controls-card{flex-direction:column;align-items:stretch}.dtr-input{min-width:unset;width:100%}}.ml-container{padding:20px;max-width:800px}.ml-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ml-title{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin:0}.ml-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--color-primary);color:var(--color-primary);background:transparent;cursor:pointer;font-size:.85rem;font-weight:600}.ml-btn.primary{background:var(--color-primary);color:#fff}.ml-btn:disabled{opacity:.6;cursor:not-allowed}.ml-balances{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.ml-balance-chip{background:#7c3aed12;border:1px solid rgba(124,58,237,.18);border-radius:10px;padding:8px 14px;min-width:130px}.ml-balance-type{display:block;font-size:.73rem;color:var(--color-primary);font-weight:600;margin-bottom:2px}.ml-balance-count{display:block;font-size:1.1rem;font-weight:700;color:#1e1b4b}.ml-balance-chip small{font-size:.68rem;color:#94a3b8}.ml-form{padding:20px;margin-bottom:20px}.ml-form h4{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:12px}.ml-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px}.ml-form label,.ml-full{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:#475569}.ml-full{margin-bottom:12px}.ml-form select,.ml-form input,.ml-form textarea,.ml-full textarea{padding:8px 10px;border:1px solid rgba(124,58,237,.25);border-radius:8px;background:#fff9;font-size:.87rem}.ml-section-title{font-size:1rem;font-weight:700;color:#475569;margin-bottom:10px}.ml-list{display:flex;flex-direction:column;gap:10px}.ml-item{padding:14px 16px}.ml-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ml-item-type{font-weight:700;font-size:.9rem}.ml-status-pill{padding:2px 10px;border-radius:20px;font-size:.73rem;font-weight:700}.ml-item-dates{font-size:.82rem;color:#475569}.ml-days{margin-left:8px;color:var(--color-primary);font-weight:600}.ml-item-reason{font-size:.82rem;color:#64748b;font-style:italic;margin:4px 0 0}.ml-item-remarks{font-size:.82rem;color:#ef4444;margin:4px 0 0}.ml-cancel-btn{margin-top:8px;padding:4px 12px;border:1px solid #ef4444;color:#ef4444;background:transparent;border-radius:8px;cursor:pointer;font-size:.78rem}.ml-msg{font-size:.85rem;padding:8px 12px;border-radius:8px;margin-bottom:12px}.ml-msg.success{background:#0596691a;color:#059669}.ml-msg.error{background:#ef44441a;color:#ef4444}.ml-msg.standalone{margin-top:12px}.ml-empty{color:#94a3b8;font-size:.87rem}@media(max-width:600px){.ml-form-grid{grid-template-columns:1fr}}.mac-container{padding:20px;max-width:900px}.mac-title{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin-bottom:16px}.mac-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mac-section-title{font-size:1rem;font-weight:700;color:#475569;margin-bottom:10px}.mac-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.mac-item{padding:12px 14px;cursor:pointer;transition:box-shadow .15s}.mac-item.selected{box-shadow:0 0 0 2px var(--color-primary)}.mac-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mac-status{font-size:.73rem;font-weight:700;padding:2px 8px;border-radius:20px;background:#64748b1a;color:#475569}.mac-status.present{color:#059669;background:#0596691a}.mac-status.absent{color:#ef4444;background:#ef44441a}.mac-status.late{color:#f59e0b;background:#f59e0b1a}.mac-status.on_leave{color:#1d4ed8;background:#3b82f61a}.mac-status-pill{font-size:.73rem;font-weight:700;padding:2px 10px;border-radius:20px}.mac-times{display:flex;gap:12px;font-size:.8rem;color:#475569}.mac-reason{font-size:.8rem;color:#64748b;font-style:italic;margin:4px 0 0}.mac-remarks{font-size:.8rem;color:#ef4444;margin:4px 0 0}.mac-form{padding:16px;display:flex;flex-direction:column;gap:10px}.mac-current{font-size:.82rem;color:#64748b}.mac-form label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:#475569}.mac-form input,.mac-form textarea{padding:8px 10px;border:1px solid rgba(124,58,237,.25);border-radius:8px;background:#fff9}.mac-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--color-primary);color:var(--color-primary);background:transparent;cursor:pointer;font-size:.85rem;font-weight:600}.mac-btn.primary{background:var(--color-primary);color:#fff}.mac-btn:disabled{opacity:.6;cursor:not-allowed}.mac-msg{font-size:.85rem;padding:8px 12px;border-radius:8px;margin-bottom:12px}.mac-msg.success{background:#0596691a;color:#059669}.mac-msg.error{background:#ef44441a;color:#ef4444}.mac-empty{color:#94a3b8;font-size:.87rem}@media(max-width:640px){.mac-columns{grid-template-columns:1fr}}.super-receptionist-sidebar{--sidebar-accent: var(--color-primary, #ff5f93)}.super-receptionist-sidebar .sidebar-header{min-height:76px;border-bottom:1px solid rgba(255,255,255,.2)}.super-receptionist-sidebar .sidebar-logo{color:#fff;font-weight:800;font-size:1rem;letter-spacing:-.02em}.super-receptionist-sidebar .sidebar-nav{padding:.85rem .7rem}.super-receptionist-sidebar .super-back-btn{min-height:42px;border-radius:12px}.super-receptionist-sidebar .nav-section{margin-bottom:.55rem}.super-receptionist-sidebar .nav-section-toggle{width:100%;min-height:42px;display:flex;align-items:center;gap:.65rem;padding:.55rem .8rem;background:transparent;border:none;border-left:3px solid transparent;border-radius:10px;color:#ffffffdb;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;cursor:pointer;transition:all .2s ease}.super-receptionist-sidebar .nav-section-toggle:hover{background:#ffffff24;color:#fff;border-left-color:#ffffff7a}.super-receptionist-sidebar .nav-section-toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.super-receptionist-sidebar .nav-section-icon{width:18px;font-size:.82rem;opacity:.85;text-align:center}.super-receptionist-sidebar .nav-section-label{flex:1;text-align:left}.super-receptionist-sidebar .nav-section-chevron{font-size:.68rem;opacity:.65;transition:transform .2s ease}.super-receptionist-sidebar .nav-section-chevron.open{transform:rotate(180deg)}.super-receptionist-sidebar .nav-list{list-style:none;padding:.15rem 0 .35rem;margin:0}.super-receptionist-sidebar .nav-item{margin:.1rem 0}.super-receptionist-sidebar .nav-item a{position:relative;display:flex;align-items:center;gap:.7rem;min-height:42px;padding:.55rem .75rem .55rem 2.15rem;border-left:3px solid transparent;border-radius:10px;color:#ffffffc7;text-decoration:none;font-size:.84rem;font-weight:600;transition:all .18s ease}.super-receptionist-sidebar .nav-item a:hover{background:#ffffff24;color:#fff;border-left-color:#ffffff7a;transform:translate(2px)}.super-receptionist-sidebar .nav-item a.active{background:#fffffff5;color:var(--sidebar-accent);border-left-color:var(--sidebar-accent);font-weight:750;box-shadow:0 10px 24px #4b223229}.super-receptionist-sidebar .nav-item a.active:before{content:"";position:absolute;left:.35rem;top:50%;transform:translateY(-50%);width:4px;height:24px;border-radius:999px;background:var(--sidebar-accent)}.super-receptionist-sidebar .nav-icon{flex:0 0 18px;width:18px;font-size:.85rem;text-align:center;opacity:.9}.super-receptionist-sidebar .nav-item a.active .nav-icon,.super-receptionist-sidebar .nav-item a.active .external-icon{color:var(--sidebar-accent);opacity:1}.super-receptionist-sidebar .external-icon{margin-left:auto;font-size:.64rem;opacity:.55}.super-receptionist-sidebar .sidebar-footer{border-top:1px solid rgba(255,255,255,.15);padding:.85rem .7rem 1rem}.super-receptionist-sidebar .logout-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.6rem .9rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffeb;font-size:.85rem;font-weight:650;cursor:pointer;transition:all .2s ease}.super-receptionist-sidebar .logout-btn:hover{background:#dc26264d;border-color:#dc26267a;color:#fff}@media(max-width:1024px){.super-receptionist-sidebar{width:280px}.super-receptionist-sidebar .mobile-close-btn{display:grid}}.app-dashboard.super-receptionist-layout{--layout-accent: var(--color-primary, #ff5f93);--sr-canvas: var(--color-bg, #f7f5ee);--sr-surface: #ffffff;--sr-surface-muted: #fbfaf7;--sr-border: var(--color-border, #e9e6de);--sr-ink: #282c2a;--sr-muted: #68716d;--sr-shadow: 0 8px 26px rgba(39, 43, 37, .07);--sr-shadow-raised: 0 16px 36px rgba(39, 43, 37, .11);--color-bg-gradient: var(--sr-canvas);--color-surface: var(--sr-surface);--color-surface-solid: var(--sr-surface);--color-text: var(--sr-ink);--color-heading: #252a27;--color-muted: var(--sr-muted);--shadow-card: var(--sr-shadow);--shadow-soft: 0 4px 14px rgba(39, 43, 37, .06);min-height:100vh;color:var(--sr-ink);background:var(--sr-canvas)!important}.app-dashboard.super-receptionist-layout .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px;overflow-x:clip;background:transparent!important}.app-dashboard.super-receptionist-layout .app-topbar{position:sticky;top:0;z-index:1100;min-height:80px;padding:12px clamp(18px,2.5vw,36px);border-bottom:1px solid var(--sr-border);background:#fff;box-shadow:0 4px 16px #272b250b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-dashboard.super-receptionist-layout .navbar-left{min-width:0}.app-dashboard.super-receptionist-layout .navbar-left h1{margin:0;color:var(--sr-ink);font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:750;letter-spacing:-.035em}.app-dashboard.super-receptionist-layout .navbar-left p{margin:4px 0 0;color:var(--sr-muted);font-size:.84rem;font-weight:450}.app-dashboard.super-receptionist-layout .navbar-actions{gap:10px;flex-wrap:nowrap}.super-receptionist-layout .topbar-user{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.35rem .75rem;background:#fff;border:1px solid rgba(255,95,147,.18);border-radius:999px;cursor:pointer;transition:all .2s ease}.super-receptionist-layout .topbar-user:hover{background:#ff5f9312;border-color:#ff5f9359;box-shadow:0 4px 14px #ff5f931f}.super-receptionist-layout .topbar-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #ff5f93),var(--color-primary-light, #ff8db5));color:#fff;font-size:.9rem}.super-receptionist-layout .topbar-user strong{display:block;font-size:.82rem;color:var(--sr-ink);line-height:1.2;white-space:nowrap}.super-receptionist-layout .topbar-user small{display:block;font-size:.68rem;color:var(--sr-muted);line-height:1.2;white-space:nowrap}.super-receptionist-layout .topbar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid var(--sr-border);border-radius:12px;color:var(--sr-muted);cursor:pointer;transition:all .2s ease}.super-receptionist-layout .topbar-icon:hover{background:#ff5f9312;color:var(--color-primary, #ff5f93);border-color:#ff5f9359}.app-dashboard.super-receptionist-layout .app-content{width:100%;max-width:1680px;margin:0 auto;padding:clamp(18px,2.4vw,34px);color:var(--sr-ink)}.app-dashboard.super-receptionist-layout .app-content>*{min-width:0;max-width:100%}.app-dashboard.super-receptionist-layout .hotel-bookings,.app-dashboard.super-receptionist-layout .vet-bookings,.app-dashboard.super-receptionist-layout .grooming-bookings,.app-dashboard.super-receptionist-layout .walkins-page,.app-dashboard.super-receptionist-layout .customer-management,.app-dashboard.super-receptionist-layout .manage-services-page,.app-dashboard.super-receptionist-layout .ht-root,.app-dashboard.super-receptionist-layout .cashier-transactions,.app-dashboard.super-receptionist-layout .standard-report-layout,.app-dashboard.super-receptionist-layout .unified-inventory,.app-dashboard.super-receptionist-layout .monthly-audit-page,.app-dashboard.super-receptionist-layout .my-payroll-page,.app-dashboard.super-receptionist-layout .unified-report-engine{width:100%;min-width:0;min-height:0;max-width:none;margin:0;padding:0;color:var(--sr-ink);background:transparent!important}.app-dashboard.super-receptionist-layout .hotel-hero,.app-dashboard.super-receptionist-layout .vet-hero,.app-dashboard.super-receptionist-layout .grooming-header,.app-dashboard.super-receptionist-layout .walkins-hero,.app-dashboard.super-receptionist-layout .customers-header,.app-dashboard.super-receptionist-layout .services-header,.app-dashboard.super-receptionist-layout .ht-header,.app-dashboard.super-receptionist-layout .transactions-header,.app-dashboard.super-receptionist-layout .transactions-controls,.app-dashboard.super-receptionist-layout .standard-report-header,.app-dashboard.super-receptionist-layout .ui-header,.app-dashboard.super-receptionist-layout .monthly-audit-hero,.app-dashboard.super-receptionist-layout .my-payroll-hero{min-width:0;margin-bottom:1rem;padding:clamp(18px,2.3vw,28px);border:1px solid var(--sr-border);border-radius:18px;background:var(--sr-surface)!important;box-shadow:var(--sr-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.super-receptionist-layout .hotel-table-card,.app-dashboard.super-receptionist-layout .vet-table-card,.app-dashboard.super-receptionist-layout .grooming-table-container,.app-dashboard.super-receptionist-layout .customers-table-container,.app-dashboard.super-receptionist-layout .services-table-container,.app-dashboard.super-receptionist-layout .hotel-summary-card,.app-dashboard.super-receptionist-layout .vet-summary-card,.app-dashboard.super-receptionist-layout .grooming-stats .stat-card,.app-dashboard.super-receptionist-layout .customer-management .summary-card,.app-dashboard.super-receptionist-layout .services-stats .stat-card,.app-dashboard.super-receptionist-layout .room-card,.app-dashboard.super-receptionist-layout .walkins-notes-card,.app-dashboard.super-receptionist-layout .walkins-recent,.app-dashboard.super-receptionist-layout .walkins-services .service-card,.app-dashboard.super-receptionist-layout .ht-stat-card,.app-dashboard.super-receptionist-layout .ht-content,.app-dashboard.super-receptionist-layout .transactions-table-container,.app-dashboard.super-receptionist-layout .transactions-empty,.app-dashboard.super-receptionist-layout .pagination,.app-dashboard.super-receptionist-layout .ui-stat-card,.app-dashboard.super-receptionist-layout .ui-critical-banner,.app-dashboard.super-receptionist-layout .ui-reorder-panel,.app-dashboard.super-receptionist-layout .ui-filters-panel,.app-dashboard.super-receptionist-layout .ui-table-wrapper,.app-dashboard.super-receptionist-layout .ui-activity,.app-dashboard.super-receptionist-layout .standard-summary-cards .summary-card,.app-dashboard.super-receptionist-layout .standard-table-container,.app-dashboard.super-receptionist-layout .standard-loading-state,.app-dashboard.super-receptionist-layout .standard-error-state,.app-dashboard.super-receptionist-layout .standard-empty-state,.app-dashboard.super-receptionist-layout .data-table-section,.app-dashboard.super-receptionist-layout .chart-container,.app-dashboard.super-receptionist-layout .ure-filter-panel,.app-dashboard.super-receptionist-layout .ure-summary-card,.app-dashboard.super-receptionist-layout .ure-chart-container,.app-dashboard.super-receptionist-layout .ure-table-section,.app-dashboard.super-receptionist-layout .audit-progress-section,.app-dashboard.super-receptionist-layout .audit-loading-card,.app-dashboard.super-receptionist-layout .audit-table-card,.app-dashboard.super-receptionist-layout .mp-summary-card,.app-dashboard.super-receptionist-layout .mp-table-wrapper{min-width:0;border:1px solid var(--sr-border);border-radius:16px;background:var(--sr-surface);box-shadow:var(--sr-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-dashboard.super-receptionist-layout .hotel-summary-card,.app-dashboard.super-receptionist-layout .vet-summary-card,.app-dashboard.super-receptionist-layout .grooming-stats .stat-card,.app-dashboard.super-receptionist-layout .customer-management .summary-card,.app-dashboard.super-receptionist-layout .services-stats .stat-card,.app-dashboard.super-receptionist-layout .ht-stat-card,.app-dashboard.super-receptionist-layout .ui-stat-card,.app-dashboard.super-receptionist-layout .ure-summary-card,.app-dashboard.super-receptionist-layout .mp-summary-card{padding:16px}.app-dashboard.super-receptionist-layout .hotel-hero h1,.app-dashboard.super-receptionist-layout .vet-hero h1,.app-dashboard.super-receptionist-layout .grooming-header h1,.app-dashboard.super-receptionist-layout .walkins-hero-title,.app-dashboard.super-receptionist-layout .customers-header h1,.app-dashboard.super-receptionist-layout .services-header h1,.app-dashboard.super-receptionist-layout .ht-title,.app-dashboard.super-receptionist-layout .transactions-header h1,.app-dashboard.super-receptionist-layout .standard-report-header .page-title,.app-dashboard.super-receptionist-layout .ui-header-left h1,.app-dashboard.super-receptionist-layout .monthly-audit-hero h2,.app-dashboard.super-receptionist-layout .my-payroll-hero h1{color:var(--sr-ink);letter-spacing:-.035em}.app-dashboard.super-receptionist-layout .hotel-hero p,.app-dashboard.super-receptionist-layout .vet-hero p,.app-dashboard.super-receptionist-layout .grooming-header p,.app-dashboard.super-receptionist-layout .walkins-hero-sub,.app-dashboard.super-receptionist-layout .customers-header p,.app-dashboard.super-receptionist-layout .services-header p,.app-dashboard.super-receptionist-layout .ht-subtitle,.app-dashboard.super-receptionist-layout .transactions-header p,.app-dashboard.super-receptionist-layout .standard-report-header .page-subtitle,.app-dashboard.super-receptionist-layout .monthly-audit-hero p,.app-dashboard.super-receptionist-layout .my-payroll-hero p{color:var(--sr-muted);font-weight:450}.app-dashboard.super-receptionist-layout .hotel-table-scroll,.app-dashboard.super-receptionist-layout .vet-table-scroll,.app-dashboard.super-receptionist-layout .grooming-table-container,.app-dashboard.super-receptionist-layout .customers-table-container,.app-dashboard.super-receptionist-layout .services-table-container,.app-dashboard.super-receptionist-layout .transactions-table-container,.app-dashboard.super-receptionist-layout .transactions-table-wrapper,.app-dashboard.super-receptionist-layout .ui-table-wrapper,.app-dashboard.super-receptionist-layout .standard-table-container,.app-dashboard.super-receptionist-layout .audit-table-scroll,.app-dashboard.super-receptionist-layout .ht-content{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.app-dashboard.super-receptionist-layout .app-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-dashboard.super-receptionist-layout .app-main select,.app-dashboard.super-receptionist-layout .app-main textarea{min-height:42px;border-color:var(--sr-border);border-radius:10px;background:#fff;color:var(--sr-ink);box-shadow:none}.app-dashboard.super-receptionist-layout .app-main textarea{min-height:96px}.app-dashboard.super-receptionist-layout .app-main input:focus,.app-dashboard.super-receptionist-layout .app-main select:focus,.app-dashboard.super-receptionist-layout .app-main textarea:focus{border-color:var(--color-primary, #ff5f93);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary, #ff5f93) 18%,transparent);outline:none}.app-dashboard.super-receptionist-layout .app-main .primary-btn,.app-dashboard.super-receptionist-layout .app-main .secondary-btn,.app-dashboard.super-receptionist-layout .app-main .clear-btn,.app-dashboard.super-receptionist-layout .app-main .submit-btn,.app-dashboard.super-receptionist-layout .app-main .action-btn,.app-dashboard.super-receptionist-layout .app-main .btn,.app-dashboard.super-receptionist-layout .app-main .ht-btn,.app-dashboard.super-receptionist-layout .app-main .mp-btn,.app-dashboard.super-receptionist-layout .app-main .page-btn{min-height:42px;border-radius:10px}.app-dashboard.super-receptionist-layout .hotel-state,.app-dashboard.super-receptionist-layout .vet-error-banner,.app-dashboard.super-receptionist-layout .loading-state,.app-dashboard.super-receptionist-layout .empty-state,.app-dashboard.super-receptionist-layout .hotel-empty-state,.app-dashboard.super-receptionist-layout .customer-empty-state,.app-dashboard.super-receptionist-layout .ht-empty,.app-dashboard.super-receptionist-layout .ui-empty,.app-dashboard.super-receptionist-layout .ui-loading,.app-dashboard.super-receptionist-layout .ui-error,.app-dashboard.super-receptionist-layout .audit-empty,.app-dashboard.super-receptionist-layout .mp-empty,.app-dashboard.super-receptionist-layout .mp-error{border:1px solid var(--sr-border);border-radius:16px;background:var(--sr-surface);box-shadow:var(--sr-shadow)}.app-dashboard.super-receptionist-layout .hotel-table-card th,.app-dashboard.super-receptionist-layout .vet-table th,.app-dashboard.super-receptionist-layout .grooming-table th,.app-dashboard.super-receptionist-layout .customers-table th,.app-dashboard.super-receptionist-layout .services-table th,.app-dashboard.super-receptionist-layout .transactions-table th,.app-dashboard.super-receptionist-layout .ui-table th,.app-dashboard.super-receptionist-layout .standard-table th,.app-dashboard.super-receptionist-layout .audit-table th,.app-dashboard.super-receptionist-layout .mp-table th{background:#f4f2ec;color:#606b65;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.app-dashboard.super-receptionist-layout .hotel-table-card tbody tr:hover,.app-dashboard.super-receptionist-layout .vet-table tbody tr:hover,.app-dashboard.super-receptionist-layout .grooming-table tbody tr:hover,.app-dashboard.super-receptionist-layout .customers-table tbody tr:hover,.app-dashboard.super-receptionist-layout .services-table tbody tr:hover,.app-dashboard.super-receptionist-layout .transactions-table tbody tr:hover,.app-dashboard.super-receptionist-layout .ui-table tbody tr:hover,.app-dashboard.super-receptionist-layout .standard-table tbody tr:hover,.app-dashboard.super-receptionist-layout .audit-table tbody tr:hover,.app-dashboard.super-receptionist-layout .mp-table tbody tr:hover{background:#faf9f5}.app-dashboard.super-receptionist-layout .app-main :focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary, #ff5f93) 60%,white);outline-offset:2px}@media(max-width:1024px){.app-dashboard.super-receptionist-layout .app-sidebar.super-receptionist-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .25s ease;z-index:1400}.app-dashboard.super-receptionist-layout .app-sidebar.super-receptionist-sidebar.mobile-open{transform:translate(0)}.app-dashboard.super-receptionist-layout .mobile-menu-toggle{display:grid!important;place-items:center}.app-dashboard.super-receptionist-layout .app-main{width:100%;margin-left:0}.app-dashboard.super-receptionist-layout .mobile-backdrop{display:none}.app-dashboard.super-receptionist-layout .mobile-backdrop.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#1719176b}}@media(max-width:767px){.app-dashboard.super-receptionist-layout .app-topbar{min-height:64px;height:auto;padding:8px 12px;gap:8px}.app-dashboard.super-receptionist-layout .app-topbar h1{font-size:clamp(.95rem,4vw,1.15rem)}.app-dashboard.super-receptionist-layout .app-topbar p,.app-dashboard.super-receptionist-layout .topbar-user small{display:none}.app-dashboard.super-receptionist-layout .app-content{padding:14px}.app-dashboard.super-receptionist-layout .hotel-hero,.app-dashboard.super-receptionist-layout .vet-hero,.app-dashboard.super-receptionist-layout .grooming-header,.app-dashboard.super-receptionist-layout .walkins-hero,.app-dashboard.super-receptionist-layout .customers-header,.app-dashboard.super-receptionist-layout .services-header,.app-dashboard.super-receptionist-layout .ht-header,.app-dashboard.super-receptionist-layout .transactions-header,.app-dashboard.super-receptionist-layout .standard-report-header,.app-dashboard.super-receptionist-layout .ui-header,.app-dashboard.super-receptionist-layout .monthly-audit-hero,.app-dashboard.super-receptionist-layout .my-payroll-hero{align-items:flex-start;flex-direction:column;padding:16px}.app-dashboard.super-receptionist-layout .hotel-hero-actions,.app-dashboard.super-receptionist-layout .vet-hero-actions,.app-dashboard.super-receptionist-layout .header-actions,.app-dashboard.super-receptionist-layout .transactions-controls .search-filter-group,.app-dashboard.super-receptionist-layout .ui-header-actions,.app-dashboard.super-receptionist-layout .audit-month-control,.app-dashboard.super-receptionist-layout .audit-header-actions{width:100%;min-width:0;flex-wrap:wrap}.app-dashboard.super-receptionist-layout .hotel-summary-grid,.app-dashboard.super-receptionist-layout .vet-summary-grid,.app-dashboard.super-receptionist-layout .grooming-stats,.app-dashboard.super-receptionist-layout .summary-cards,.app-dashboard.super-receptionist-layout .services-stats,.app-dashboard.super-receptionist-layout .ht-stats,.app-dashboard.super-receptionist-layout .ui-stats-grid,.app-dashboard.super-receptionist-layout .standard-summary-cards .cards-grid,.app-dashboard.super-receptionist-layout .ure-summary-cards.grid,.app-dashboard.super-receptionist-layout .mp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-dashboard.super-receptionist-layout .hotel-controls,.app-dashboard.super-receptionist-layout .vet-controls,.app-dashboard.super-receptionist-layout .grooming-filters,.app-dashboard.super-receptionist-layout .customers-controls,.app-dashboard.super-receptionist-layout .services-toolbar,.app-dashboard.super-receptionist-layout .transactions-controls,.app-dashboard.super-receptionist-layout .ui-filters-bar,.app-dashboard.super-receptionist-layout .ui-filters-panel,.app-dashboard.super-receptionist-layout .audit-filters,.app-dashboard.super-receptionist-layout .audit-toolbar{align-items:stretch;flex-wrap:wrap}.app-dashboard.super-receptionist-layout .hotel-search-box,.app-dashboard.super-receptionist-layout .vet-search-box,.app-dashboard.super-receptionist-layout .gb-search-box,.app-dashboard.super-receptionist-layout .cm-search-box,.app-dashboard.super-receptionist-layout .services-search-box,.app-dashboard.super-receptionist-layout .search-box,.app-dashboard.super-receptionist-layout .ui-search-box,.app-dashboard.super-receptionist-layout .ure-search-box,.app-dashboard.super-receptionist-layout .search-group{width:100%;max-width:none}}@media(max-width:420px){.app-dashboard.super-receptionist-layout .app-content{padding:10px}.app-dashboard.super-receptionist-layout .hotel-summary-grid,.app-dashboard.super-receptionist-layout .vet-summary-grid,.app-dashboard.super-receptionist-layout .grooming-stats,.app-dashboard.super-receptionist-layout .summary-cards,.app-dashboard.super-receptionist-layout .services-stats,.app-dashboard.super-receptionist-layout .ht-stats,.app-dashboard.super-receptionist-layout .ui-stats-grid,.app-dashboard.super-receptionist-layout .standard-summary-cards .cards-grid,.app-dashboard.super-receptionist-layout .ure-summary-cards.grid,.app-dashboard.super-receptionist-layout .mp-summary-grid{grid-template-columns:1fr}}