@charset "UTF-8";*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--bg:oklch(97.7% .003 15);--surface:oklch(99.7% .002 15);--rose:oklch(95% .016 15);--rose-strong:oklch(88% .03 10);--wine:oklch(43% .106 5);--wine-dark:oklch(34% .082 5);--text:oklch(27% .008 15);--muted:oklch(46% .01 15);--line:oklch(89.5% .005 15);--sage:oklch(40% .065 150);--amber:oklch(42% .075 65);--danger:oklch(45% .15 25);--danger-line:oklch(80% .07 25);--radius:12px;--radius-control:9px;--ease:cubic-bezier(.22,1,.36,1);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--shadow-panel:0 1px 2px oklch(27% .008 15/.025);--shadow-float:0 8px 24px oklch(27% .008 15/.1);color-scheme:light}*{box-sizing:border-box}html{font-size:16px;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{accent-color:var(--wine)}button:disabled{opacity:.55;cursor:wait}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;line-height:1.25;letter-spacing:-.025em}h1{font-size:1.75rem}h2{line-height:1.5}h2,h3{font-size:1.125rem}h3{line-height:1.4;font-weight:600}p{max-width:70ch}em{font-weight:400}ol,ul{padding-left:22px}[hidden]{display:none!important}::-moz-selection{background:var(--rose-strong)}::selection{background:var(--rose-strong)}:focus-visible{outline:3px solid var(--wine);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:12px;opacity:0;pointer-events:none;z-index:100;background:var(--wine);color:var(--surface);padding:12px 20px;border-radius:8px}.skip-link:focus{opacity:1;pointer-events:auto}.muted{color:var(--muted)}.small,small{font-size:.875rem}.required{color:var(--wine)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.eyebrow,.section-kicker{font-size:.75rem;letter-spacing:.12em;font-weight:600;color:var(--wine)}.section-kicker{color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;width:-moz-max-content;width:max-content;flex-shrink:0}.brand-mark{font:40px/1 var(--font-serif);letter-spacing:-5px;color:var(--wine);position:relative;padding-right:9px}.brand-mark span{position:relative;top:3px}.brand-mark i{position:absolute;right:-2px;top:-7px;font-size:16px;font-style:normal;letter-spacing:0}.brand-name{font:26px/1 var(--font-serif);letter-spacing:-.5px;color:var(--wine)}.brand-name>span{display:block;font-size:10px;letter-spacing:2px;text-align:center;margin-top:8px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;min-width:0}.field label,legend{font-size:.875rem;font-weight:600}.correction input,.field input,.field select,.field textarea,.period-filter input,.period-filter select{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:11px 14px;min-height:48px;font-size:1rem;transition:border-color .18s var(--ease)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--muted);opacity:1}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--wine)}.field textarea{resize:vertical;line-height:1.7}.field select{cursor:pointer}.field input[aria-invalid=true]{border-color:var(--wine)}.field-label{display:block;font-weight:500;margin-bottom:8px}.setting-toggle{display:flex;align-items:flex-start;gap:12px;margin:0;min-height:48px}.setting-toggle input{margin-top:5px;width:20px;height:20px;flex-shrink:0}.setting-toggle small{display:block;color:var(--muted);font-size:.875rem;font-weight:400;line-height:1.6;margin-top:4px}.field-error{color:var(--wine-dark);font-size:.875rem;margin-top:6px}.centered-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 220px);padding:50px 22px;gap:22px}.centered-page h1{margin:20px 0 12px}.centered-page>p{max-width:46ch;color:var(--muted);line-height:1.8}.centered-page>.button{margin-top:28px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.button{min-height:48px;border:1px solid transparent;border-radius:var(--radius-control);padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:600;line-height:1.4;text-align:center;transition:background .18s var(--ease);white-space:normal}.button.primary{background:var(--wine);color:var(--surface)}.button.primary:hover{background:var(--wine-dark)}.button.secondary{background:var(--surface);border-color:var(--line)}.button.secondary:hover{background:var(--rose);border-color:var(--rose-strong)}.button.danger{background:var(--surface);border-color:var(--danger-line);color:var(--danger)}.button.danger:hover{background:oklch(96% .025 25)}.danger-zone{margin-top:24px;padding:22px 20px;display:grid;gap:12px}.danger-zone h2{font-size:1.125rem;margin:0}.danger-zone p{color:var(--muted);margin:4px 0 0}.danger-zone .button{justify-self:start}.button.text{background:transparent;color:var(--wine);padding-left:0}.button.compact{min-height:48px;font-size:.875rem;padding:10px 16px}.full-width{width:100%}.icon-button{background:transparent;border:0;min-height:48px;min-width:48px;padding:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:9px}.icon-button:hover{background:var(--rose);color:var(--wine)}.text-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--wine);font-size:.875rem;min-height:48px;padding:10px 0;line-height:1.5}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.checkbox-label{min-height:48px;display:flex;align-items:flex-start;gap:12px;font-size:.875rem;line-height:1.7;cursor:pointer;margin:10px 0 16px}.checkbox-label input{height:20px;width:20px;flex-shrink:0;margin:3px 0}.field-hint{font-size:.875rem;color:var(--muted);line-height:1.7;margin:18px 0;display:flex;gap:8px;align-items:flex-start}.field-hint svg{margin-top:4px}.notice{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px;display:flex;gap:12px;align-items:flex-start;font-size:.875rem;margin-bottom:24px}.inline-error,.notice.error{background:var(--rose);color:var(--wine-dark);border-color:var(--rose-strong)}.notice.success{background:oklch(95% .025 150);color:var(--sage)}.notice ul{margin:10px 0 0}.inline-error{padding:16px;border-radius:10px;font-size:.875rem;margin:18px 0}.icon-disc{display:inline-flex;align-items:center;justify-content:center;background:var(--rose);color:var(--wine);height:52px;width:52px;border-radius:50%;flex-shrink:0}.button-group{display:flex;flex-wrap:wrap;gap:12px}.button-group .button{flex:1}.page-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.page-heading h1{margin:0 0 8px}.page-heading p{font-size:1rem;line-height:1.6;color:var(--muted)}.page-heading .page-actions,.page-heading .page-actions .button{width:100%}.narrow-page{max-width:820px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);margin:-6px 0 12px;font-size:.875rem}.back-link:hover{color:var(--wine)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;flex-wrap:wrap}.panel-heading h2{font-family:inherit;font-size:1.125rem;font-weight:600;line-height:1.5;letter-spacing:0}.panel-heading p{font-size:.875rem;color:var(--muted);margin-top:6px}.panel-heading .eyebrow{display:block;margin-bottom:7px}.panel-heading>svg{color:var(--wine)}.panel-heading .text-button{justify-content:flex-start}.badge{font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;background:oklch(94% .012 55);color:var(--muted);border-radius:7px;line-height:1.5;white-space:normal;text-align:center}.badge.green{background:oklch(94% .025 150);color:var(--sage)}.badge.amber{background:oklch(95% .035 75);color:var(--amber)}.badge.rose{background:var(--rose);color:var(--wine)}.report-note{font-size:.875rem;color:var(--muted);line-height:1.8;margin-top:22px}.empty-state{padding:38px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;white-space:normal}.empty-state>svg{color:var(--wine)}.empty-state h3{font-size:1.125rem;font-weight:600;line-height:1.4}.empty-state p{color:var(--muted);max-width:45ch}.empty-state .button{margin-top:4px}.compact-empty{padding:26px 20px;color:var(--muted);font-size:.875rem}.period-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.period-filter>svg{display:none}.period-filter input,.period-filter select{flex:1;min-width:140px;width:auto}.period-filter .button{flex:1}.filter-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:24px 0}.pagination{padding:0 20px}.pagination nav{display:flex;justify-content:space-between;gap:18px;padding:18px 0;color:var(--wine);font-size:.875rem}.pagination nav a{min-height:48px;display:flex;align-items:center}.pagination [aria-disabled]{color:var(--muted)}.person{display:flex;align-items:center;gap:12px}.person strong{font-weight:600}.person small{display:block;color:var(--muted);font-size:.875rem;font-weight:400;margin-top:3px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--rose);color:var(--wine);font-size:.875rem;font-weight:600;width:44px;height:44px;border-radius:50%;flex-shrink:0}.role-admin{background:oklch(93% .022 300);color:oklch(40% .06 300)}.role-housekeeping{background:oklch(94% .025 145);color:var(--sage)}.role-hospitality{background:oklch(94% .035 75);color:var(--amber)}.rating-inline{display:inline-flex;align-items:center;gap:6px;font-size:1rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.rating-inline svg{color:oklch(51% .09 70);fill:currentColor}.performance{height:6px;background:var(--rose);border-radius:4px;overflow:hidden;max-width:150px;width:100%;align-self:center}.performance>span{display:block;height:100%;background:var(--wine);border-radius:4px}.cell-note{display:block;color:var(--muted);font-size:.875rem;margin-top:7px;white-space:normal}.text-link{color:var(--wine)}.text-amber{color:var(--amber)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;background:var(--wine-dark);color:var(--surface);padding:16px 20px;border-radius:10px;font-size:.875rem;max-width:90vw;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%)}@media (min-width:40rem){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.period-filter{width:auto}.period-filter input,.period-filter select{flex:0 1 auto;max-width:210px}.period-filter .button{flex:none}}@media (min-width:48rem){.page-heading{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.page-heading .page-actions{width:auto;flex-shrink:0}.page-heading .page-actions .button{width:auto}.filter-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}@media print{@page{size:A4 landscape;margin:15mm}.page-heading h1{font-size:24px}.panel{overflow:visible}.person small{font-size:10px}.badge{background:transparent!important;color:var(--text)!important;font-size:11px;padding:0}.button-group{display:none}}.table-scroll{position:relative;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}tbody{display:block}tbody tr{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding:16px 20px;border-top:1px solid var(--line)}tbody tr:has(.row-link):active,tbody tr:has(.row-link):hover{background:var(--bg)}td{display:block;min-width:0;padding:0;overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}td[colspan]{grid-column:1/-1}.cell-title{grid-row:1;grid-column:1/8;padding-right:12px;font-size:1rem}.cell-title strong,.row-link{font-weight:600}.cell-title .cell-note{margin-top:2px}.cell-full{grid-column:1/-1;padding-right:0}.cell-aside{grid-row:1;grid-column:8/13;justify-self:end;text-align:right}.cell-aside .cell-note{margin-top:2px}.cell-meta{grid-column:1/-1;margin-top:4px;color:var(--muted)}.cell-meta .cell-note{display:inline;margin:0}.cell-meta .cell-note:before{content:" · "}.cell-body{grid-column:1/-1;margin-top:10px}.cell-body:has(>.badge){display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.cell-body:has(>.badge) .cell-note{margin:0}.cell-stat{grid-column:span 3;padding-right:8px;margin-top:14px;font-weight:600;font-variant-numeric:tabular-nums}.list-table--stats-3 .cell-stat{grid-column:span 4}.cell-stat .cell-note{margin-top:2px;font-weight:400}.cell-label{display:block;margin-bottom:2px;font-size:.75rem;font-weight:400;line-height:1.4;color:var(--muted)}.row-link:after{content:"";position:absolute;inset:0}.row-link:focus-visible{outline:0}tbody tr:has(.row-link:focus-visible){outline:3px solid var(--wine);outline-offset:-3px}.cell-title .person{gap:10px}.cell-title .avatar{width:40px;height:40px}@media screen and (max-width:63.98rem){.cell-action,.cell-body:not(:has(>:not(.table-only))),.table-only{display:none}}@media (min-width:64rem){table{display:table;white-space:nowrap}thead{position:static;width:auto;height:auto;clip:auto;overflow:visible;display:table-header-group}tbody{display:table-row-group}tbody tr,thead tr{display:table-row;padding:0}th{background:var(--bg);color:var(--muted);font-weight:500;border-top:1px solid var(--line);padding:16px 22px}td,th{font-size:.875rem;border-bottom:1px solid var(--line)}td{display:table-cell;vertical-align:middle;padding:20px 22px;text-align:left;font-weight:400}.cell-title{font-size:.875rem}.cell-aside .cell-note,.cell-stat .cell-note,.cell-title .cell-note{margin-top:7px}.cell-meta{color:inherit}.cell-meta .cell-note{display:block;margin-top:7px}.cell-meta .cell-note:before{content:none}.cell-label{display:none}.cell-stat,.cell-title{padding-right:22px}.cell-aside{text-align:left}.cell-stat{font-weight:400}.cell-aside .cell-note,.cell-stat .cell-note{white-space:nowrap}.cell-body:has(>.badge){display:table-cell}.cell-body:has(>.badge) .cell-note{margin-top:7px}.row-link:after{content:none}.row-link:hover{color:var(--wine)}.row-link:focus-visible{outline:3px solid var(--wine);outline-offset:4px}tbody tr:has(.row-link):active,tbody tr:has(.row-link):hover{background:transparent}tbody tr:has(.row-link:focus-visible){outline:0}tbody tr:last-child td{border-bottom:0}td .cell-note{max-width:240px}.cell-title .avatar{width:44px;height:44px}.table-scroll{overflow-x:auto}}@media print{.table-scroll{overflow:visible}table{display:table;white-space:normal;font-size:11px}thead{position:static;width:auto;height:auto;clip:auto;display:table-header-group}tbody{display:table-row-group}tbody tr{display:table-row;-moz-column-break-inside:avoid;break-inside:avoid;padding:0}td,th{display:table-cell;padding:10px 7px;font-size:11px;border-bottom:1px solid var(--line)}.cell-label,.person .avatar,.row-link:after{display:none}}.app-shell.has-bottom-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-shell.nav-open{overflow:hidden}.app-workspace{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-topbar{position:sticky;top:0;z-index:30;gap:12px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line);font-size:.875rem}.app-topbar,.app-topbar-title{display:flex;align-items:center}.app-topbar-title{gap:10px;min-width:0;flex:1}.app-topbar-title strong{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-name,.app-topbar-date,.app-topbar-divider{display:none}.app-topbar-date{align-items:center;gap:9px;color:var(--muted)}.app-menu-button{border:1px solid var(--line);background:var(--surface)}.app-content{flex:1;width:100%;max-width:1400px;margin:0 auto;min-width:0;padding:24px max(20px,env(safe-area-inset-right)) 32px max(20px,env(safe-area-inset-left))}.app-footer{padding:20px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:280px;max-width:88vw;display:flex;flex-direction:column;padding:calc(20px + env(safe-area-inset-top)) 16px 0;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto;transform:translateX(-100%);transition:transform .2s var(--ease)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.drawer-heading .brand{transform:scale(.9);transform-origin:left center}.nav-group-label{display:block;padding:0 14px;margin:18px 0 10px;font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--muted)}.nav-item{min-height:52px;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:6px;border-radius:var(--radius-control);color:var(--muted);font-size:1rem}.nav-item:hover{background:var(--rose)}.nav-item[aria-current=page]{background:var(--rose);color:var(--wine);font-weight:600}.app-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 0 calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.app-account>span:nth-child(2){min-width:0}.app-account strong{display:block;font-size:.875rem;overflow-wrap:anywhere}.app-account small{color:var(--muted)}.app-account form{margin-left:auto}.nav-overlay{display:none}.nav-open .app-sidebar{transform:translateX(0)}.nav-open .nav-overlay{display:block;position:fixed;inset:0;z-index:49;background:oklch(25% .015 20/.4)}.app-bottom-nav{position:fixed;inset:auto 0 0;z-index:35;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.app-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:4px;border-radius:var(--radius-control);color:var(--muted);font-size:.875rem;line-height:1.4;text-align:center}.app-bottom-nav a:hover{background:var(--rose)}.app-bottom-nav a[aria-current=page]{background:var(--rose);color:var(--wine);font-weight:600}.has-bottom-nav .toast{bottom:calc(90px + env(safe-area-inset-bottom))}.site-header{justify-content:space-between;gap:16px;padding:16px max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line)}.site-header,.site-header-note{display:flex;align-items:center}.site-header-note{gap:8px;max-width:150px;font-size:.875rem;color:var(--muted);text-align:right}.site-header-note svg{display:none}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 20px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.site-footer>span:last-child{display:flex;align-items:center;gap:7px}@media (min-width:40rem){.app-topbar{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.app-name,.app-topbar-divider{display:inline;color:var(--muted)}.app-topbar-date{display:flex}.app-content{padding:32px max(28px,env(safe-area-inset-right)) 40px max(28px,env(safe-area-inset-left))}.app-bottom-nav{padding-left:10%;padding-right:10%}.site-header{padding:20px 30px}.site-header-note{max-width:none}.site-header-note svg{display:block}.site-footer{padding:26px 30px}}@media (min-width:64rem){.site-header{padding:22px 5%}}@media (min-width:72rem){.app-shell.has-bottom-nav{padding-bottom:0}.app-sidebar{transform:none;width:260px;max-width:none;padding-top:24px}.app-workspace{margin-left:260px}.app-bottom-nav,.app-menu-button,.drawer-close,.nav-overlay{display:none!important}.app-topbar{padding:16px 32px}.app-content{padding:32px 36px 48px}.has-bottom-nav .toast{bottom:24px}.app-shell .toast{left:calc(50% + 130px)}}@media print{.app-shell.has-bottom-nav{padding-bottom:0;background:var(--surface)}.app-bottom-nav,.app-footer,.app-sidebar,.app-topbar,.no-print,.skip-link,.toast{display:none!important}.app-workspace{margin:0}.app-content{padding:0;max-width:none}}.stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:22px 18px;margin:24px 0}.stat-item{display:flex;gap:10px;align-items:flex-start;min-width:0}.stat-icon{display:none}.stat-item>div>span{font-size:.875rem;color:var(--muted);display:block;margin-bottom:9px;line-height:1.5}.stat-item strong{display:block;font-size:1.75rem;font-weight:600;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-item strong small{display:block;font-size:.875rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:8px}.dashboard-middle{display:grid;gap:24px;margin-bottom:24px}.rating-attribution{padding:0 20px 20px;font-size:.875rem;color:var(--muted)}.rating-attribution p+p{margin-top:6px}.studio-ratings{margin-top:24px;-moz-column-break-inside:avoid;break-inside:avoid}.studio-ratings-note{margin:0 20px 8px;color:var(--muted);font-size:.875rem}.studio-rating-list{margin:0;padding:0 20px 8px}.studio-rating-list>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 0}.studio-rating-list>div+div{border-top:1px solid var(--line)}.studio-rating-list dt{font-weight:600}.studio-rating-list dt span{display:block;font-weight:400;margin-top:4px}.studio-rating-list dd{margin:0}.studio-rating-list .rating-inline{font-size:1.25rem;white-space:nowrap}.category-list{padding:0 20px 24px}.category-list>div{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin-bottom:20px;font-size:.875rem}.category-list>div:last-child{margin-bottom:0}.category-list .performance{grid-column:1/-1;max-width:none}.chart-legend{display:flex;gap:7px;align-items:center;font-size:.875rem;color:var(--muted)}.chart-legend i,.live-dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:var(--sage);flex-shrink:0}.chart-legend i{background:var(--wine);border-radius:2px}.bar-chart{height:220px;display:flex;gap:3px;padding:12px 20px 25px;align-items:stretch}.chart-column{flex:1;min-width:0;display:flex;flex-direction:column}.chart-bar-track{flex:1;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}.chart-bar{width:100%;min-height:1px;background:oklch(65% .07 5);border-radius:3px 3px 0 0;position:relative}.chart-bar:hover{background:var(--wine)}.chart-bar span{display:none;position:absolute;top:-27px;font-size:.875rem}.chart-bar:hover span{display:block}.chart-column small{font-size:.75rem;line-height:1.3;height:22px;margin-top:8px}.chart-column small,.chart-empty{text-align:center;color:var(--muted)}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px 35px;gap:10px;min-height:220px}.chart-empty small{font-size:.875rem}.team-panel{margin-bottom:24px}.recent-review{display:grid;grid-template-columns:44px minmax(0,1fr)auto;gap:12px;padding:22px 20px;border-bottom:1px solid var(--line);align-items:start}.recent-review:last-child{border-bottom:0}.recent-review>div{min-width:0}.recent-review strong{font-weight:600}.recent-review p{margin:7px 0;overflow-wrap:anywhere}.recent-review p,.recent-review small{font-size:.875rem;color:var(--muted)}.recent-review>svg{display:none}.recent-review .rating-inline{grid-column:2}.kpi-explanation{display:flex;align-items:flex-start;gap:14px;background:var(--rose);padding:23px 20px;border-radius:14px;margin-bottom:24px}.kpi-explanation>svg{color:var(--wine);margin-top:3px;display:none}.kpi-explanation h2{font-size:1.5rem;margin-bottom:14px}.kpi-explanation p{font-size:1rem;line-height:1.8}.kpi-explanation small{display:block;margin-top:14px}.kpi-explanation small,.kpi-legend{font-size:.875rem;color:var(--muted)}.kpi-legend{display:flex;flex-wrap:wrap;gap:14px 24px;margin:22px 0}.kpi-legend>span{display:flex;gap:7px;align-items:center}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-dot.green{background:var(--sage)}.legend-dot.amber{background:var(--amber)}.legend-dot.rose{background:var(--wine)}.review-overall{display:flex;gap:10px;align-items:center;font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.review-overall svg{color:oklch(51% .09 70);fill:currentColor}.review-overall small{color:var(--muted)}.review-detail-layout{display:grid;gap:24px;align-items:start}.answer-list{padding:0 20px}.answer-item{padding:25px 0;border-top:1px solid var(--line)}.answer-item h3{font-size:1rem;font-weight:500;line-height:1.7;margin:12px 0}.answer-item small{font-size:.875rem}.answer-stars{display:flex;align-items:center;gap:8px;color:var(--line);margin-top:18px}.answer-stars .filled{fill:var(--wine);color:var(--wine)}.answer-item>.badge{margin-top:18px}.answer-stars strong{color:var(--text);font-size:.875rem;margin-left:8px}.detail-note{padding:24px}.detail-note h2{margin:22px 0}.review-quote{line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.customer-contact{padding:26px 8px}.customer-contact dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;font-size:.875rem;margin:20px 0}.customer-contact dt{color:var(--muted)}.customer-contact dd{margin:0;overflow-wrap:anywhere}.correction{max-width:300px;white-space:normal}.correction summary{font-size:.875rem;color:var(--wine);cursor:pointer;min-height:44px;padding-top:10px}.correction form{display:flex;flex-direction:column;gap:12px}.correction label{font-size:.875rem}.correction input{margin-top:6px}@media (min-width:40rem){.recent-review .rating-inline{grid-column:3;grid-row:1}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px}.category-list>div{margin:0}}@media (min-width:48rem){.stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 22px;gap:25px}.stat-item strong{font-size:2rem}.kpi-explanation>svg{display:block}.review-side{display:grid;grid-template-columns:1fr 1fr;gap:25px}}@media (min-width:64rem){.dashboard-middle{grid-template-columns:minmax(0,1.5fr)minmax(0,1fr)}.category-list{display:block}.category-list>div{margin-bottom:20px}.review-detail-layout{grid-template-columns:minmax(0,1.7fr)minmax(0,1fr)}.review-side{display:block}}@media (min-width:72rem){.recent-review>svg{display:block;grid-column:4;grid-row:1}.recent-review{grid-template-columns:44px minmax(0,1fr)auto 20px}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--rose);color:var(--wine)}.stat-item{gap:12px}.stat-icon.sage{background:oklch(94% .025 150);color:var(--sage)}.stat-icon.sand{background:oklch(95% .035 75);color:var(--amber)}}@media print{.kpi-explanation{background:transparent;border:1px solid var(--line);-moz-column-break-inside:avoid;break-inside:avoid}.kpi-explanation p{font-size:12px}.kpi-explanation small,.report-note{font-size:11px}.kpi-explanation h2{font-size:20px}.kpi-legend{font-size:10px}}.transaction-counts{display:flex;flex-wrap:wrap;gap:15px 25px;margin-bottom:24px;color:var(--muted)}.transaction-counts>span{display:flex;align-items:center;gap:9px;font-size:.875rem}.transaction-counts strong{font-size:1.25rem;color:var(--text)}.transaction-filters{display:flex;flex-direction:column;gap:12px;margin:22px 0}.transaction-filters .field{margin:0}.transaction-treatment{display:block;line-height:1.9}.cashier-form .panel-heading{border-bottom:1px solid var(--line);margin-bottom:24px}.cashier-form form{padding:0 20px 24px}.treatment-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 18px}.treatment-heading h3{font-size:1.125rem}.subtle-label{color:var(--muted);font-size:.875rem}.treatment-row{display:grid;grid-template-columns:24px minmax(0,1fr)48px;gap:12px 10px;align-items:start;padding:8px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.row-number{grid-row:1/3;display:grid;place-items:center;width:24px;height:28px;margin-top:34px;font-size:.875rem;color:var(--wine)}.treatment-row .field{margin:0}.treatment-row .field:nth-of-type(2){grid-column:2}.treatment-row .remove-treatment{grid-column:3;grid-row:1/3;margin-top:29px}.add-treatment{min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px dashed var(--wine);color:var(--wine);border-radius:10px;padding:12px 15px;font-size:1rem}.add-treatment:hover,.handoff-note{background:var(--rose)}.handoff-note{display:flex;gap:12px;padding:18px;border-radius:10px;color:var(--wine);margin-top:26px}.handoff-note p{font-size:.875rem;line-height:1.8}.handoff-note>svg{margin-top:3px}.transaction-form-actions{display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}.transaction-form-actions>.button.primary{flex:1}.transaction-detail-layout{display:grid;gap:24px;align-items:start}.visit-item-list{padding:0 20px}.visit-item-list>div{display:flex;gap:15px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.visit-item-list strong{display:block;font-weight:600}.visit-item-list small{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.visit-contact{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding:22px 20px;font-size:.875rem}.visit-contact>span{color:var(--muted)}.visit-contact strong{font-size:1rem;letter-spacing:.02em}.transaction-share{padding:26px 20px;scroll-margin-top:20px}.transaction-share h2{margin:22px 0 16px}.transaction-share>p{color:var(--muted);font-size:1rem;margin:14px 0 24px}.transaction-share .share-hint,.transaction-share>.small{font-size:.875rem;margin:16px 0;line-height:1.8}.share-divider{height:1px;background:var(--line);margin:35px 0;position:relative;text-align:center}.share-divider span{font-size:.75rem;letter-spacing:.1em;position:relative;top:-14px;padding:0 12px;background:var(--surface);color:var(--muted)}.whatsapp-button{background:oklch(94% .03 150);color:var(--sage);border-color:oklch(84% .035 150)}.whatsapp-button:hover{background:oklch(90% .04 150)}.kiosk-handoff{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--rose);border-bottom:1px solid var(--rose-strong)}.kiosk-handoff>span{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;color:var(--wine)}.kiosk-handoff .button{width:100%}@media (min-width:40rem){.transaction-filters{flex-direction:row}.transaction-filters .field:first-child{flex:1}.transaction-filters .field{min-width:180px}.visit-contact{flex-direction:row;justify-content:space-between}}@media (min-width:48rem){.treatment-row{grid-template-columns:24px minmax(0,1fr)minmax(0,1fr)48px;align-items:center}.row-number{grid-row:1;margin-top:25px}.treatment-row .field:nth-of-type(2){grid-column:3}.treatment-row .remove-treatment{grid-column:4;grid-row:1;margin-top:25px}.kiosk-handoff{flex-direction:row;align-items:center;justify-content:space-between;padding:20px 30px}.kiosk-handoff .button{width:auto}.kiosk-handoff>span{font-size:1rem}.transaction-detail-layout{grid-template-columns:1fr 1fr}}@media (min-width:64rem){.cashier-form form{padding:0 28px 28px}.cashier-form .panel-heading{padding:25px 28px}.transaction-share{padding:30px}}.customer-page h1,.customer-page h2{font-family:var(--font-serif);font-weight:400;line-height:1.2;letter-spacing:-.02em}.customer-page h1{font-size:2rem}.customer-page h2{font-size:1.5rem}.customer-page .centered-page h1{color:var(--wine);font-size:2.5rem}.customer-page .panel-heading h2{font-family:inherit;font-size:1.125rem;font-weight:600;line-height:1.5;letter-spacing:0}.customer-review-layout{padding:28px 20px 45px;max-width:1240px;margin:auto}.customer-review-intro{padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid var(--line)}.customer-review-intro h1{color:var(--wine);margin:14px 0 20px;font-size:2rem}.customer-review-intro h1 br{display:none}.customer-review-intro>p{font-size:1rem;color:var(--muted);line-height:1.85}.customer-review-intro>img{display:none}.customer-visit{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:.875rem;color:var(--wine)}.customer-visit small{display:block;color:var(--muted);font-size:.875rem}.customer-review-intro .field-hint{font-size:.875rem;margin-bottom:0}.survey-intro{justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:28px}.survey-intro,.time-estimate{display:flex;align-items:center}.time-estimate{font-size:.875rem;color:var(--muted);gap:6px}.subsection-heading{display:flex;gap:11px;align-items:center;color:var(--wine);margin:30px 0 18px}.subsection-heading h2{font-size:1.5rem}.rating-question{border:0;border-bottom:1px solid var(--line);margin:0;padding:22px 0 28px;min-width:0}.rating-question legend{font-size:1rem;line-height:1.75;font-weight:500;display:flex;gap:10px;padding:0;float:left;width:100%}.rating-question:after{content:"";display:table;clear:both}.question-number{height:28px;min-width:28px;display:grid;place-items:center;background:var(--rose);border-radius:50%;color:var(--wine);font-size:.875rem;margin-top:2px}.stars{display:flex;justify-content:space-between;align-items:center;gap:4px;clear:both;padding-top:22px;margin:0 auto;max-width:340px;position:relative}.star-option{display:grid;place-items:center;min-height:48px;min-width:44px;cursor:pointer;position:relative;border-radius:8px;color:oklch(55% .075 5)}.star-option svg{width:34px;height:34px}.star-option input{position:absolute;opacity:0;width:1px;height:1px}.star-option:has(input:focus-visible){outline:3px solid var(--wine);outline-offset:2px}.star-option:hover{background:var(--rose)}.star-option.filled{color:var(--wine)}.star-option.filled svg{fill:var(--wine)}.rating-value{right:0;bottom:-56px;color:var(--wine);font-size:.875rem;background:var(--bg);line-height:1}.rating-value:empty{display:none}.rating-scale{display:flex;justify-content:space-between;gap:20px;margin:10px auto 0;max-width:340px;font-size:.875rem;color:var(--muted);padding-bottom:14px}.rating-scale>span:last-child{text-align:right}.choice-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;clear:both;padding:22px 0 14px;margin:0 auto;max-width:340px}.choice-option{display:grid;place-items:center;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;position:relative;font-weight:500;transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.choice-option input{position:absolute;opacity:0;width:1px;height:1px}.choice-option:hover{background:var(--rose)}.choice-option:has(input:checked){background:var(--wine);border-color:var(--wine);color:var(--surface)}.choice-option:has(input:focus-visible){outline:3px solid var(--wine);outline-offset:2px}.suggestion-field{margin-top:30px}.customer-submit{border-top:1px solid var(--line);padding-top:26px;margin-top:28px;display:flex;flex-direction:column-reverse;gap:18px}.customer-submit>span{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.875rem}.customer-submit .button{width:100%;min-height:54px}.survey-signoff{font:italic 1rem var(--font-serif);color:var(--muted);text-align:center;margin:30px 0 5px}.survey-signoff span{color:var(--wine);margin-left:7px}.thanks-bloom{font-size:60px;color:var(--wine);line-height:1}.thanks-line{width:50px;height:1px;background:var(--line)}.signature{font:italic 1.5rem var(--font-serif);color:var(--wine)}.completed-reference{display:flex;gap:10px;background:var(--rose);color:var(--wine);font-size:.875rem;border-radius:10px;padding:14px 16px;align-items:flex-start}.rating-value{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (min-width:40rem){.customer-review-layout{padding:35px 30px 50px}.customer-submit{flex-direction:row;align-items:center;justify-content:space-between}.customer-submit .button{width:auto;min-width:180px}}@media (min-width:64rem){.customer-review-layout{display:grid;grid-template-columns:minmax(0,.8fr)minmax(0,1.2fr);gap:7%;padding:45px 40px 60px}.customer-review-intro{position:sticky;top:30px;border:0;padding:0;margin:0}.customer-review-intro h1{font-size:2.5rem}.customer-review-intro>img{display:block;width:90%;height:auto;max-height:300px;margin:15px auto}.customer-review-intro h1 br{display:block}}@media (min-width:40rem){.customer-page .centered-page h1{font-size:3.5rem}}.login-layout{display:grid;justify-items:center;align-items:start;padding:32px 20px 48px}.login-form{width:100%;max-width:440px;padding:28px 20px}.login-form h1{margin:20px 0 8px}.login-form>p{margin-bottom:24px}.login-form form{margin-top:24px}.login-help{padding-top:24px;margin-top:28px;border-top:1px solid var(--line)}.login-help strong{font-size:1rem;font-weight:600}.login-help p{font-size:.875rem;color:var(--muted);margin-top:8px;line-height:1.7}@media (min-width:40rem){.login-layout{align-items:center;min-height:calc(100vh - 170px);min-height:calc(100dvh - 170px);padding:48px 30px}.login-form{padding:36px 32px}}.work-days{border:0;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}.work-days legend{margin-bottom:12px}.work-days label{position:relative;cursor:pointer}.work-days input{position:absolute;opacity:0}.work-days span{display:grid;place-items:center;min-height:48px;min-width:48px;padding:8px;border:1px solid var(--line);border-radius:8px;font-size:.875rem}.work-days input:checked+span{background:var(--rose);border-color:var(--wine);color:var(--wine)}.work-days input:focus-visible+span{outline:3px solid var(--wine);outline-offset:3px}.treatment-management{padding:0 20px}.treatment-edit-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:23px 0;border-top:1px solid var(--line)}.treatment-edit-row .field{margin:0;flex:1;min-width:150px}.treatment-edit-row .checkbox-label{margin:0;align-items:center}.treatment-edit-row .button{margin-left:auto}.treatment-edit-row .icon-disc{display:none}.add-treatment-panel{padding:30px 0}.add-treatment-panel h2{margin-bottom:23px}.inline-form{display:flex;flex-direction:column;gap:12px}.inline-form .field{margin:0}@media (min-width:40rem){.inline-form{flex-direction:row}.inline-form .field{flex:1}.treatment-edit-row .icon-disc{display:flex}}.staff-filters{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;gap:8px;padding:0 20px 20px;align-items:center}.staff-filters .field{margin:0}.staff-filters>input[type=search]{width:100%;border:1px solid var(--line);padding:11px 12px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.staff-search-button{border:1px solid var(--line);background:var(--surface)}.staff-filter-dropdown{position:relative}.staff-filter-dropdown summary{list-style:none;cursor:pointer;padding:11px 12px!important}.staff-filter-dropdown summary::-webkit-details-marker{display:none}.staff-filter-popover{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 72px);z-index:20;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-float)}.staff-filter-popover .button{margin-top:16px}.staff-directory-row{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:20px;border-top:1px solid var(--line)}.staff-directory-row:hover{background:var(--bg)}.staff-directory-row .avatar{width:40px;height:40px}.staff-name{display:block;font-size:1rem;font-weight:600}.staff-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.staff-title .badge{flex-shrink:0}.staff-account,.staff-meta{display:block;font-size:.875rem;color:var(--muted);line-height:1.6}.staff-meta{margin-top:3px}.staff-account{display:flex;align-items:center;gap:5px;margin-top:4px}.staff-account.text-amber{color:var(--amber)}.staff-directory-row>.badge{align-self:start;margin-top:3px}.directory-hint{font-size:.875rem;color:var(--muted);margin-top:16px}.employee-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.employee-tabs a{display:flex;align-items:center;gap:8px;min-height:52px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.employee-tabs a[aria-current=page]{color:var(--wine);border-bottom-color:var(--wine);font-weight:600}.tab-dot{width:7px;height:7px;background:var(--amber);border-radius:50%}.staff-form-panel{margin-bottom:20px}.staff-form-panel .panel-heading{border-bottom:1px solid var(--line)}.staff-form-panel .form-body{padding:20px}.staff-form-panel .field{margin-bottom:20px}.staff-form-panel .work-days{margin-bottom:0;gap:6px}.staff-form-panel .work-days span{min-width:44px}.staff-form-panel .work-days input:checked+span{background:var(--wine);color:var(--surface);border-color:var(--wine)}.staff-form-panel [data-review-recipient]{margin-top:24px}.account-intro{color:var(--muted);margin-bottom:24px}.editor-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:12px 0;margin-top:4px}.editor-actions .button{flex:1}@media (min-width:40rem){.staff-directory-row{grid-template-columns:44px minmax(0,1fr) 20px;gap:16px;padding:20px 24px}.staff-directory-row .avatar{width:44px;height:44px}.staff-directory-row>.badge{align-self:center;margin-top:0}.staff-filters{padding:4px 24px 24px}.staff-form-panel .form-body{padding:24px}.staff-form-panel .panel-heading{padding:20px 24px}.staff-form-panel .work-days{gap:8px}.staff-form-panel .work-days span{min-width:48px}.editor-actions .button{flex:none}}@media print{.back-link,.editor-actions,.employee-tabs{display:none!important}}.personal-shift{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:25px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.personal-shift>div{display:flex;flex-direction:column;gap:7px}.personal-shift span{font-size:.875rem;color:var(--muted)}.personal-shift strong{font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums}.employee-attendance-layout{display:grid;gap:24px;align-items:start}.attendance-status-list{padding:0 20px;margin:0}.attendance-status-list>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line);font-size:.875rem}.attendance-status-list dt{color:var(--muted)}.attendance-status-list dd{margin:0;font-weight:600;text-align:right}.attendance-status>.text-button{margin:7px 20px 10px}.attendance-panel{padding:24px 20px}.section-heading{margin-bottom:25px}.section-heading h2{margin:12px 0 16px;font-size:1.5rem}.section-heading p{color:var(--muted);font-size:1rem}.camera-view{aspect-ratio:4/3;background:var(--rose);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;margin:20px 0}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:13px;padding:20px;text-align:center}.camera-placeholder strong{font-size:1rem}.camera-placeholder p{font-size:.875rem;color:var(--muted)}.camera-view video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.camera-live{position:absolute;top:12px;left:12px;background:var(--surface);border-radius:6px;font-size:.75rem;letter-spacing:.08em;padding:7px 10px;display:flex;align-items:center;gap:7px}.attendance-success{text-align:center;padding:20px 0}.attendance-success h2{margin:25px 0 15px}.attendance-success>p{color:var(--muted)}.attendance-success strong{display:block;font-size:1rem;margin:20px 0;color:var(--wine)}.employee-attendance-layout{grid-template-areas:"camera" "status"}.attendance-status{grid-area:status}.attendance-panel{grid-area:camera}@media (min-width:40rem){.personal-shift strong{font-size:1.875rem}}@media (min-width:48rem){.employee-attendance-layout{grid-template-areas:"status camera";grid-template-columns:minmax(0,.8fr)minmax(0,1.2fr);gap:26px}}.tw-grid{display:grid}.tw-min-w-0{min-width:0}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-gap-4{gap:1rem}.tw-gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}@media (min-width:40rem){.sm\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}