@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@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{--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-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-ease:initial}::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-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-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;--spacing:.25rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{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;appearance:button}::file-selector-button{-webkit-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}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.-end{inset-inline-end:calc(var(--spacing) * -1)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.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}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.blur{--tw-blur:blur(8px);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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--ink:#121a26;--ink-2:#2a3447;--muted:#5f6b7e;--faint:#878fa0;--line:#d9dfe9;--line-2:#e8ecf3;--bg:#eceff4;--paper:#fff;--panel-2:#f4f7fb;--dark:#152438;--dark-2:#1e3350;--brand:var(--brand-light,#1f5aa8);--brand-2:var(--brand-light-2,#3f80d8);--brand-ink:var(--brand-light-ink,#17457f);--gold:#84682f;--gold-soft:#f7f1e2;--green:#127d50;--green-bg:#e6f6ed;--amber:#9f5c15;--amber-bg:#fcf0e0;--rose:#bb3f56;--rose-bg:#fcecf0;--violet:#6b4fd0;--violet-bg:#efebfb;--red:#c73333;--red-bg:#fcecec;--r:16px;--r-sm:10px;--r-lg:22px;--sh-sm:0 1px 2px #121a260d,0 2px 6px #121a260d;--sh:0 8px 24px #121a2614,0 2px 6px #121a260d;--sh-lg:0 30px 72px #121a2638;--ease:cubic-bezier(.22,.61,.36,1)}html[data-theme=dark]{--ink:#e7edf6;--ink-2:#c8d3e2;--muted:#9aa8bd;--faint:#728197;--line:#334259;--line-2:#293952;--bg:#0c1420;--paper:#162133;--panel-2:#1c2a3d;--dark:#0b1320;--dark-2:#172842;--brand:var(--brand-dark,#76a9f3);--brand-2:var(--brand-dark-2,#4d8ee8);--brand-ink:var(--brand-dark-ink,#bcd7ff);--gold:#ddb96b;--gold-soft:#332c1e;--green:#55d69d;--green-bg:#153627;--amber:#efa85a;--amber-bg:#372819;--rose:#f0788e;--rose-bg:#40242c;--violet:#a993ff;--violet-bg:#30284d;--red:#f77;--red-bg:#412323;--sh-sm:0 1px 3px #0000004d;--sh:0 10px 28px #00000057;--sh-lg:0 32px 76px #00000080}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Thai,Segoe UI,system-ui,-apple-system,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;transition:transform .12s var(--ease),background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease),border-color .18s var(--ease)}button:active{transform:scale(.98)}input,select{transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}:is(input:focus-visible,select:focus-visible){border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1f5aa829}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.5}}.app-shell{min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--dark),#0f1b2c);color:#b6c2d2;z-index:30;flex-direction:column;width:246px;padding:22px 15px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:2px 6px 22px;display:flex}.logo>span{width:44px;height:44px;color:var(--brand);background:#fff;border-radius:13px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 6px 16px #1f5aa847}.logo-mark{width:28px;height:28px}.logo>span img.logo-mark{object-fit:contain;width:78%;height:78%}.login-mark img{object-fit:contain;width:70%;height:70%}.logo div>*{display:block}.logo b{letter-spacing:1.4px;font-size:15.5px}.logo small{color:#8ea3bb;letter-spacing:.5px;margin-top:3px;font-size:9.5px}.role-badge{color:#8fc0ff;text-align:center;letter-spacing:1.4px;text-transform:uppercase;background:#5a9bff17;border:1px solid #78a0d24d;border-radius:999px;margin:0 6px 15px;padding:7px 10px;font-size:9.5px;font-weight:700}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8fc0ff80 transparent;gap:3px;min-height:0;display:grid;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#8fc0ff73;border-radius:999px}.sidebar nav button{color:#9fb0c4;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;display:flex;position:relative}.sidebar nav button:hover{color:#eef3f8;background:#ffffff0f}.sidebar nav button i{text-align:center;width:24px;font-size:16px;font-style:normal;line-height:1}.ico{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;margin:0 auto;display:block}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#3f80d852,#3f80d81a);font-weight:600}.sidebar nav button.active:before{content:"";background:var(--brand-2);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-15px}.sidebar nav em{background:var(--rose);color:#fff;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar nav .nav-group-label{color:#6f849b;letter-spacing:.12em;text-transform:uppercase;padding:14px 12px 5px;font-size:10px;font-weight:900;display:block}.sidebar nav .nav-group-label:first-child{padding-top:5px}.sync{background:#ffffff0a;border:1px solid #7896be38;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.sync>span{color:#3ad693;border-radius:50%;font-size:8px;animation:2.6s infinite pulse}.sync div>*{display:block}.sync b{color:#e2eaf2;letter-spacing:.4px;font-size:11px}.sync small{color:#8095a9;margin-top:3px;font-size:8.5px}.profile{border-top:1px solid #7896be2e;align-items:center;gap:10px;margin-top:14px;padding:16px 4px 0;display:flex}.profile>span{color:#5c3216;background:linear-gradient(135deg,#f0b98f,#e79b6b);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.profile div>*{display:block}.profile b{color:#fff;font-size:11.5px}.profile small{color:#8fa2b6;font-size:9px}.profile button{color:#c8d3df;letter-spacing:.4px;background:#ffffff0d;border:1px solid #ffffff29;border-radius:8px;margin-left:auto;padding:7px 11px;font-size:10.5px}.profile button:hover{color:var(--dark);background:#fff;border-color:#fff}.workspace{flex-direction:column;min-height:100vh;margin-left:246px;display:flex}.topbar{-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffe0;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 30px;display:flex;position:sticky;top:0}.topbar>b{letter-spacing:-.2px;font-size:15px}.mobile-menu{display:none}.top-actions{align-items:center;gap:10px;display:flex}.top-actions select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-size:12.5px}.profile-pill{border:1px solid var(--brand);color:var(--brand-ink);letter-spacing:.4px;background:#fff;border-radius:999px;padding:8px 15px;font-size:10.5px;font-weight:700}.profile-pill:hover{background:var(--brand);color:#fff}.content{flex:1;width:100%;padding:26px 32px 76px}.content>*{animation:fadeUp .4s var(--ease) both}@media (min-width:1700px){.content{padding:30px 44px 80px}.metrics,.rules-grid,.people-grid{grid-template-columns:repeat(4,1fr)}.action-grid{grid-template-columns:repeat(5,1fr)}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head p{color:var(--brand);letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;font-size:10.5px;font-weight:700}.page-head h1{letter-spacing:-.4px;margin:0 0 8px;font-size:27px;font-weight:700}.page-head span,.panel-head p{color:var(--muted);font-size:12.5px}.page-head>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:0;border-radius:11px;padding:11px 18px;font-weight:600;box-shadow:0 6px 16px #1f5aa842}.primary:hover{box-shadow:0 8px 22px #1f5aa857}.primary:disabled{opacity:.5;box-shadow:none}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;padding:10px 15px;font-weight:600}.secondary:hover{border-color:var(--brand-2);color:var(--brand-ink);background:#f5f9ff}.danger-btn{color:var(--red);background:#fff6f6;border:1px solid #f0c3c3;border-radius:11px;margin-right:auto;padding:10px 15px;font-weight:600}.danger-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.personal-summary{background:linear-gradient(135deg,var(--dark),var(--dark-2));color:#fff;border-radius:var(--r-lg);grid-template-columns:1.35fr .65fr;align-items:center;gap:24px;margin-bottom:18px;padding:28px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #15294147}.personal-summary:before{content:"";background:radial-gradient(circle,var(--brand),transparent 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-50px;right:-50px}@supports (color:color-mix(in lab, red, red)){.personal-summary:before{background:radial-gradient(circle,color-mix(in srgb,var(--brand) 60%,transparent),transparent 70%)}}.personal-summary:after{content:"";background:radial-gradient(circle,#b08a3e61,#0000 70%);border-radius:50%;width:190px;height:190px;position:absolute;bottom:-70px;left:28%}.personal-copy{position:relative}.personal-copy>span{letter-spacing:3px;color:var(--brand);font-size:9px}@supports (color:color-mix(in lab, red, red)){.personal-copy>span{color:color-mix(in srgb,var(--brand) 42%,#fff)}}.personal-copy>span{font-weight:700}.personal-copy h2{letter-spacing:-.2px;margin:10px 0;font-size:23px;font-weight:700}.personal-copy p{color:#c2d3e6;margin:0;font-size:12px}.mini-insights{grid-template-columns:repeat(3,1fr);gap:9px;display:grid;position:relative}.mini-insights div{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:13px;padding:15px 8px}.mini-insights b,.mini-insights span{display:block}.mini-insights b{font-size:22px;font-weight:700}.mini-insights span{color:#c2d3e6;letter-spacing:.4px;margin-top:5px;font-size:8px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.today-team-panel{margin-bottom:16px;padding:22px 24px}.today-team-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.today-team-head span{letter-spacing:1.6px;color:var(--brand);font-size:11px;font-weight:800}.today-team-head h2{color:var(--dark);margin:4px 0 0;font-size:21px}.today-off{border-top:1px solid #e6ebf1;padding-top:16px}.today-off>p{color:#748195;margin:10px 0 0;font-size:13px}.off-people{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.off-people>span{background:#f7f1e8;border:1px solid #eadcc8;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;display:flex}.off-people strong{color:var(--dark);font-size:13px}.off-people small{color:#7b6d5b;border-left:1px solid #d8c9b3;padding-left:8px;font-size:10px}.ot-form,.ot-list{margin-bottom:16px;padding:22px 24px}.ot-form-head,.ot-list-head,.ot-main,.ot-review{justify-content:space-between;align-items:center;gap:14px;display:flex}.ot-form-head h2,.ot-list-head h2{color:var(--dark);margin:0;font-size:20px}.ot-form-head>span,.ot-main span{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.advance{color:#177341;background:#e5f4eb}.retro{color:#a85c00;background:#fff0dc}.ot-fields{grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:18px;display:grid}.ot-form label,.ot-review label{color:var(--dark);gap:6px;font-size:12px;font-weight:700;display:grid}.ot-form input,.ot-form textarea,.ot-review select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:11px;padding:11px 12px}.ot-form textarea{resize:vertical;min-height:72px;margin-bottom:12px}.ot-calculation{background:#f3f7fb;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 14px;font-size:12px;display:flex}.ot-calculation b{color:var(--brand);font-size:15px}.ot-form>.primary{width:100%;margin-top:4px}.ot-list-head{margin-bottom:12px}.ot-list-head>span{color:var(--muted);font-size:12px}.ot-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:10px;padding:16px}.ot-card.pending{border-top:3px solid #946200}.ot-card.approved{border-top:3px solid #16713a}.ot-card.rejected,.ot-card.cancelled{border-top:3px solid #6b7280}html[data-theme=dark] .ot-card.pending{border-top-color:#946200}html[data-theme=dark] .ot-card.approved{border-top-color:#16713a}html[data-theme=dark] .ot-card.rejected,html[data-theme=dark] .ot-card.cancelled{border-top-color:#6b7280}.ot-main{align-items:flex-start}.ot-main h3{margin:7px 0 2px;font-size:16px}.ot-main p{color:var(--dark);margin:0;font-size:12px}.ot-main small{color:var(--muted);margin-top:6px;display:block}.ot-status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:800}.ot-status.pending{color:#946200;background:#fff3cf}.ot-status.approved{color:#16713a;background:#dcfce7}.ot-status.rejected,.ot-status.cancelled{color:#6b7280;background:#f1f3f5}.ot-review{border-top:1px solid var(--line);justify-content:flex-end;margin-top:14px;padding-top:12px}.ot-review label{align-items:center;display:flex}.ot-review select{padding:8px}.ot-cancel{color:#a94848;background:0 0;border:0;margin-top:10px;padding:4px 0;text-decoration:underline}.ot-approved{color:#16713a;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:12px;font-weight:800}.empty-ot{text-align:center;color:var(--muted);padding:35px 10px}.actual-ot{color:#d11f2f;background:#fff0f1;border:1px solid #ffc8ce;border-radius:7px;margin-left:4px;padding:3px 7px;font-size:14px;font-weight:900;display:inline-block}.actual-ot-wait{color:#9a6500;font-weight:800}.admin-record-actions{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:10px;display:flex}.admin-record-actions button{padding:7px 12px}.admin-edit-dialog{max-width:430px}.admin-edit-dialog h2{margin:0 0 16px}.admin-edit-dialog>input{border:1px solid var(--line);border-radius:10px;width:100%;padding:13px;font-size:16px}.admin-edit-buttons{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.schedule-approval{color:#9a5600;background:#fff4d8;border-radius:7px;margin-top:7px;padding:4px 8px;display:inline-block}.ot-payroll{margin-bottom:16px;padding:22px 24px}.ot-payroll-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.ot-payroll-head span{letter-spacing:1.4px;color:var(--brand);font-size:10px;font-weight:800}.ot-payroll-head h2{color:var(--dark);margin:3px 0 0;font-size:20px}.ot-report-filters{grid-template-columns:auto 1fr 1.4fr;align-items:end;gap:12px;margin:18px 0;display:grid}.ot-report-filters label{gap:6px;font-size:11px;font-weight:700;display:grid}.ot-report-filters input,.ot-report-filters select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:11px;padding:10px 11px}.ot-report-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.ot-report-metrics div{text-align:center;background:#f3f7fb;border-radius:12px;padding:14px}.ot-report-metrics b,.ot-report-metrics span{display:block}.ot-report-metrics b{color:var(--dark);font-size:22px}.ot-report-metrics span{color:var(--muted);margin-top:3px;font-size:10px}.ot-summary-table{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.ot-summary-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) 90px 80px 110px;align-items:center;min-width:650px;padding:11px 13px;font-size:12px;display:grid}.ot-summary-row.head{background:#eef3f8;border-top:0;font-size:10px;font-weight:800}.ot-summary-row>span:first-child b,.ot-summary-row>span:first-child small{display:block}.ot-summary-row small{color:var(--muted);margin-top:2px;font-size:9px}.leave-form,.leave-report,.leave-list{margin-bottom:16px;padding:22px 24px}.leave-form h2{margin:0 0 16px;font-size:20px}.leave-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.leave-form label,.leave-filters label{gap:6px;font-size:11px;font-weight:700;display:grid}.leave-form input,.leave-form select,.leave-form textarea,.leave-filters input,.leave-filters select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:11px;padding:10px 11px}.leave-form textarea{resize:vertical;min-height:76px}.leave-count{background:#f3f7fb;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 14px;font-size:11px;display:flex}.leave-count b{color:var(--brand);font-size:16px}.leave-upload{margin-top:12px}.leave-upload small{color:var(--muted)}.leave-form>.primary{width:100%;margin-top:14px}.leave-report-head,.leave-main,.leave-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.leave-report-head span{letter-spacing:1.4px;color:var(--brand);font-size:10px;font-weight:800}.leave-report-head h2{margin:3px 0 0;font-size:20px}.leave-filters{grid-template-columns:auto 1fr 1.4fr 1fr;align-items:end;gap:12px;margin:18px 0;display:grid}.leave-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.leave-metrics div{text-align:center;background:#f3f7fb;border-radius:12px;padding:14px}.leave-metrics b,.leave-metrics span{display:block}.leave-metrics b{font-size:22px}.leave-metrics span{color:var(--muted);font-size:10px}.leave-summary-table{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.leave-summary-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) 90px 110px;align-items:center;min-width:560px;padding:11px 13px;font-size:12px;display:grid}.leave-summary-row.head{background:#eef3f8;border-top:0;font-size:10px;font-weight:800}.leave-summary-row b,.leave-summary-row small{display:block}.leave-summary-row small{color:var(--muted);font-size:9px}.leave-card{border:1px solid var(--line);border-radius:14px;margin-top:10px;padding:16px}.leave-main{align-items:flex-start}.leave-main h3{margin:7px 0 2px;font-size:16px}.leave-main p{margin:0;font-size:12px}.leave-main small{color:var(--muted);margin-top:6px;display:block}.leave-main a{color:var(--brand);margin-top:8px;font-size:11px;font-weight:700;display:inline-block}.leave-type{color:var(--brand);background:#e8f0fb;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.leave-type.sick{color:#a43d3d;background:#fee8e8}.leave-type.annual{color:#177341;background:#e5f4eb}.leave-type.other{color:#7045a5;background:#f0eafb}.leave-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:14px;padding-top:12px}.leave-card.pending{border-top:3px solid #946200}.leave-card.approved{border-top:3px solid #16713a}.leave-card.rejected,.leave-card.cancelled{border-top:3px solid #6b7280}html[data-theme=dark] .leave-card.pending{border-top-color:#946200}html[data-theme=dark] .leave-card.approved{border-top-color:#16713a}html[data-theme=dark] .leave-card.rejected,html[data-theme=dark] .leave-card.cancelled{border-top-color:#6b7280}html[data-thr-role=supervisor] .ot-payroll,html[data-thr-role=supervisor] .leave-report{display:none}.swap-form,.swap-list{margin-bottom:16px;padding:22px 24px}.swap-form h2,.swap-list h2{margin:0 0 16px;font-size:20px}.swap-fields{grid-template-columns:1fr 1fr 1.5fr;gap:12px;display:grid}.swap-form label{gap:6px;font-size:11px;font-weight:700;display:grid}.swap-form input,.swap-form select,.swap-form textarea{border:1px solid var(--line);font:inherit;background:#fff;border-radius:11px;padding:10px 11px}.swap-form textarea{resize:vertical;min-height:70px}.swap-form>.primary{width:100%;margin-top:12px}.swap-preview{text-align:center;background:#f3f7fb;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:14px 0;padding:14px;display:grid}.swap-preview span,.swap-preview b{display:block}.swap-preview span{color:var(--muted);font-size:10px}.swap-card{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;gap:12px;margin-top:10px;padding:16px;display:grid}.swap-card>div>span{color:var(--brand);font-size:10px;font-weight:800}.swap-card h3{margin:4px 0;font-size:16px}.swap-card p,.swap-card small{color:var(--muted);margin:0;font-size:11px;display:block}.swap-card>button,.swap-actions{grid-column:1/-1}.swap-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.swap-mode-explain{border-left:4px solid var(--brand);background:#fff7ed;border-radius:10px;gap:4px;margin:-4px 0 16px;padding:12px 14px;display:grid}.swap-mode-explain b{color:#9a4215;font-size:12px}.swap-mode-explain span{color:var(--muted);font-size:10px;line-height:1.55}.branch-schedule-preview{background:#fff;border:1px solid #d7e5f5;border-radius:15px;margin:14px 0 18px;overflow:hidden}.branch-schedule-preview header{background:#eef5ff;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.branch-schedule-preview header div{gap:2px;display:grid}.branch-schedule-preview header span,.branch-schedule-preview header small{color:var(--muted);font-size:9px}.branch-schedule-preview header b{font-size:13px}.branch-schedule-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.branch-schedule-grid{grid-template-rows:44px;grid-template-columns:116px repeat(7,104px);grid-auto-rows:62px;width:max-content;min-width:844px;display:grid}.branch-schedule-grid>*{box-sizing:border-box;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;place-content:center;min-width:0;padding:7px 6px;font-size:10px;line-height:1.25;display:grid;overflow:hidden}.branch-schedule-grid>b{background:var(--panel-2);color:var(--muted);z-index:1;position:sticky;top:0}.branch-schedule-grid>b:first-child{z-index:4;left:0}.branch-schedule-grid>strong{text-align:left;z-index:2;background:#fff;justify-content:start;padding-left:12px;position:sticky;left:0}.branch-schedule-grid>strong.selected{color:var(--brand);background:#eef5ff}.branch-schedule-grid>span i{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal;font-weight:700;display:-webkit-box;overflow:hidden}.branch-schedule-grid>span small{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:8px;display:block}.branch-schedule-grid>span.off{color:#9a6b45;background:#fff8ef}.branch-schedule-grid>span.focus{outline:2px solid var(--brand);outline-offset:-2px;color:var(--brand);z-index:1;font-weight:800;position:relative}.branch-schedule-hint{color:var(--muted);text-align:center;background:#fbfcfe;margin:0;padding:9px 12px;font-size:9px}.branch-preview-legend{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:7px;padding:9px 12px;display:flex}.branch-preview-legend span{color:var(--muted);background:#f7f8fa;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:700;display:flex}.branch-preview-legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.branch-preview-legend .legend-person{background:#e7f1ff}.branch-preview-legend .legend-date{border:2px solid var(--brand);background:#fff}.branch-preview-legend .legend-off{background:#fff1df}.branch-schedule-grid>span.selected-person:not(.off){background:#eef5ff}.branch-schedule-grid>span.selected-person.focus{box-shadow:inset 0 0 0 2px var(--brand);background:#fff0df}.metric{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease);align-items:flex-start;gap:13px;padding:18px;display:flex}.metric:hover{box-shadow:var(--sh);transform:translateY(-3px)}.metric>span{background:var(--panel-2);border-radius:13px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.metric .blue{background:linear-gradient(135deg,#e7f0ff,#d7e6ff)}.metric .purple{background:linear-gradient(135deg,#efeafd,#e5dcfb)}.metric .orange{background:linear-gradient(135deg,#fff0dd,#ffe3c4)}.metric .green{background:linear-gradient(135deg,#e3f6ec,#d2f0df)}.metric p{color:var(--muted);margin:0 0 4px;font-size:11px}.metric b{font-size:21px;font-weight:700;display:block}.metric small{color:var(--green);font-size:9px}.metric small.warn{color:var(--amber)}.action-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.action-grid button{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);text-align:left;box-shadow:var(--sh-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);padding:20px}.action-grid button:hover{box-shadow:var(--sh);border-color:var(--brand-2);transform:translateY(-3px)}.action-grid i{background:linear-gradient(135deg,#eaf2ff,#dcebff);border-radius:13px;place-items:center;width:46px;height:46px;font-size:22px;font-style:normal;display:grid}.action-grid b,.action-grid span{display:block}.action-grid b{margin:15px 0 5px;font-weight:700}.action-grid span{color:var(--muted);font-size:10px}.rule-highlight{border-radius:var(--r);background:linear-gradient(135deg,#fff8ea,#fdf1dc);border:1px solid #efe1c2;margin-top:16px;padding:20px 22px}.rule-highlight header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rule-highlight header b{color:#7a5c1f;font-size:15px}.rule-highlight header button{color:var(--gold);letter-spacing:.4px;background:0 0;border:0;font-size:11px;font-weight:700}.rule-highlight ul{gap:8px;margin:0;padding-left:20px;display:grid}.rule-highlight li{color:#6b5227;font-size:12px;line-height:1.55}.rules-tabs{background:var(--line-2);border-radius:11px;flex-wrap:wrap;gap:0;width:fit-content;margin-bottom:20px;padding:3px;display:flex}.rules-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 16px;font-size:11.5px;font-weight:600}.rules-tabs button.selected{color:var(--brand-ink);box-shadow:var(--sh-sm);background:#fff}.rules-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rules-grid.two{grid-template-columns:repeat(2,1fr)}.rule-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:22px}.rule-card header{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.rule-card header i{background:linear-gradient(135deg,#eaf2ff,#dcebff);border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;font-style:normal;display:grid}.rule-card header h3{margin:0;font-size:15px;font-weight:700}.rule-card ul{gap:10px;margin:0;padding-left:20px;display:grid}.rule-card li{color:var(--ink-2);font-size:12px;line-height:1.6}.rule-card ul.check{padding:0;list-style:none}.rule-card ul.check li{padding-left:26px;position:relative}.rule-card ul.check li:before{content:"";border:1.5px solid var(--brand);border-radius:4px;width:15px;height:15px;position:absolute;top:2px;left:0}.recipe-handbook{gap:16px;max-width:1180px;display:grid}.recipe-tools{color:#fff;box-shadow:var(--sh-md);background:linear-gradient(135deg,#10253d,#1f4568);border-radius:22px;grid-template-columns:1fr minmax(260px,380px);align-items:end;gap:24px;padding:26px;display:grid}.recipe-tools small{letter-spacing:.16em;color:#f5a45f;font-size:11px;font-weight:800}.recipe-tools h2{margin:7px 0 4px;font-size:27px}.recipe-tools p{color:#c4d3e2;margin:0;font-size:13px}.recipe-tools label{gap:7px;display:grid}.recipe-tools label span{color:#c4d3e2;font-size:11px;font-weight:700}.recipe-tools input{color:#162436;width:100%;font:inherit;background:#fff;border:1px solid #55718d;border-radius:13px;outline:none;padding:13px 15px}.recipe-tools input:focus{border-color:#ef7b33;box-shadow:0 0 0 3px #ef7b3333}.recipe-categories{scrollbar-width:none;gap:8px;padding:2px 1px 6px;display:flex;overflow-x:auto}.recipe-categories::-webkit-scrollbar{display:none}.recipe-categories button{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;flex:none;padding:9px 13px;font-weight:700}.recipe-categories button b{background:var(--line-2);border-radius:999px;place-items:center;min-width:23px;height:23px;margin-left:5px;font-size:10px;display:inline-grid}.recipe-categories button.active{background:var(--brand);border-color:var(--brand);color:#fff}.recipe-categories button.active b{color:#fff;background:#ffffff25}.recipe-results>p{color:var(--muted);margin:0 0 10px;font-size:12px}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.recipe-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:17px;flex-direction:column;gap:13px;padding:17px;display:flex}.recipe-card>header{border-bottom:1px solid var(--line-2);align-items:center;gap:11px;padding-bottom:12px;display:flex}.recipe-card>header>span{color:#29557d;background:#eaf1fa;border-radius:11px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.recipe-card header small{color:var(--brand);letter-spacing:.08em;font-size:9px;font-weight:800;display:block}.recipe-card h3{margin:2px 0 0;font-size:16px}.recipe-card ol{gap:7px;margin:0;padding-left:23px;display:grid}.recipe-card li{color:var(--ink-2);padding-left:3px;font-size:12px;line-height:1.5}.recipe-card li::marker{color:var(--brand);font-weight:800}.recipe-sweet{background:#fff4ea;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:11px;display:grid}.recipe-sweet b{color:#a94b11;grid-column:1/-1;font-size:10px}.recipe-sweet span{color:#77350f;font-size:10px}.recipe-note{background:var(--line-2);color:var(--ink-2);border-left:3px solid #e96c20;border-radius:8px;margin:0;padding:10px;font-size:10px;line-height:1.5}.recipe-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:16px;padding:40px}.recipe-source-note{background:var(--line-2);color:var(--muted);border-radius:12px;padding:13px 15px;font-size:10px;line-height:1.5}.rule-panel{margin-bottom:16px}.rule-h{margin:0 0 14px;font-size:15px;font-weight:700}.disc-list{gap:10px;display:grid}.disc-list>div{border:1px solid var(--line);border-radius:11px;padding:14px 16px}.disc-list>div>div{align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.disc-list b{font-size:14px}.disc-list em{color:var(--brand);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700}.disc-list p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.55}.thresh-list{background:var(--line);border:1px solid var(--line);border-radius:11px;gap:1px;margin-bottom:12px;display:grid;overflow:hidden}.thresh-list>div{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.thresh-list span{color:var(--muted);font-size:12px;font-weight:600}.thresh-list b{text-align:right;font-size:12.5px}.espresso-sop{gap:16px;max-width:1040px;display:grid}.espresso-hero{color:#fff;box-shadow:var(--sh-lg);background:radial-gradient(circle at 90% 15%,#c1571d52,#0000 32%),linear-gradient(135deg,#14293d,#1d3953);border-radius:22px;grid-template-columns:1fr auto;gap:8px 24px;padding:28px;display:grid}.espresso-hero p{color:#f1b78f;letter-spacing:2px;margin:0 0 7px;font-size:10px;font-weight:800}.espresso-hero h2{margin:0;font-size:30px}.espresso-hero div>span{color:#c9d7e7;margin-top:6px;font-size:12px;display:block}.espresso-hero>strong{white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-self:center;padding:12px 16px;font-size:13px}.espresso-hero>small{color:#dce6ef;grid-column:1/-1;line-height:1.6}.espresso-recipe{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.espresso-recipe>div{background:#fffaf5;border:1px solid #dcc9b7;border-radius:16px;gap:4px;padding:18px 20px;display:grid}.espresso-recipe small{color:#a55729;letter-spacing:1.5px;font-size:10px;font-weight:900}.espresso-recipe b{color:#38251b;font-size:22px}.espresso-note{color:#6c3c20;background:#fff5eb;border-left:4px solid #c1571d;border-radius:0 12px 12px 0;margin:0;padding:14px 16px;font-size:12px;line-height:1.65}.espresso-section{border:1px solid var(--line);box-shadow:var(--sh-sm);background:#fff;border-radius:18px;padding:24px}.espresso-section>h3{align-items:center;gap:10px;margin:0 0 10px;font-size:18px;display:flex}.espresso-section>h3>span{color:#fff;background:#14293d;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-size:13px;display:grid}.espresso-section>p{color:var(--ink-2);margin:8px 0 16px;font-size:12px;line-height:1.7}.espresso-check{grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none;display:grid}.espresso-check li{color:var(--ink-2);background:#f6f8fb;border-radius:11px;padding:11px 12px 11px 34px;font-size:11.5px;line-height:1.5;position:relative}.espresso-check li:before{content:"✓";color:#248152;font-weight:900;position:absolute;top:11px;left:12px}.espresso-steps{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.espresso-steps article{border:1px solid var(--line);border-radius:14px;grid-template-columns:38px 1fr;gap:10px;padding:16px;display:grid}.espresso-steps article>b{color:#174f91;background:#e8f0fa;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.espresso-steps small{color:#a55729;letter-spacing:1px;font-size:9px;font-weight:900}.espresso-steps h4{margin:2px 0 7px;font-size:15px}.espresso-steps p{margin:0 0 9px;font-size:11px;line-height:1.55}.espresso-steps em,.espresso-steps span{font-size:10.5px;line-height:1.5;display:block}.espresso-steps em{color:#95511f;font-style:normal;font-weight:800}.espresso-steps span{color:var(--muted);margin-top:3px}.espresso-taste{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.espresso-taste article{background:#f7f9fc;border-radius:13px;gap:11px;padding:14px;display:flex}.espresso-taste article>b{color:#fff;background:#c1571d;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:11px;display:grid}.espresso-taste h4{margin:0 0 4px;font-size:13px}.espresso-taste p{color:var(--muted);margin:0;font-size:10.5px;line-height:1.5}.espresso-flow,.espresso-columns{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.espresso-flow>div{background:#fff4ed;border:1px solid #edc9b5;border-radius:14px;gap:5px;padding:16px;display:grid}.espresso-flow>div:last-child{background:#f2f6fb;border-color:#cad8e8}.espresso-flow b{font-size:13px}.espresso-flow span{color:var(--muted);font-size:10px}.espresso-flow strong{color:#8c431b;font-size:11px}.espresso-process{color:#fff;background:#14293d;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:14px;display:flex}.espresso-process b{background:#ffffff1a;border-radius:8px;padding:6px 9px;font-size:10px}.espresso-process i{color:#f1b78f;font-style:normal}.espresso-columns>div{background:#f7f9fc;border-radius:14px;padding:16px}.espresso-columns h4{margin:0 0 11px;font-size:13px}.espresso-columns .espresso-check{grid-template-columns:1fr}.espresso-warning{text-align:center;border-radius:11px;font-weight:900;background:var(--red-bg)!important;color:var(--red)!important;margin:14px 0 0!important}.espresso-table{border:1px solid var(--line);border-radius:13px;overflow:hidden}.espresso-tr{grid-template-columns:1fr 1.3fr 1.3fr;display:grid}.espresso-tr span{border-right:1px solid var(--line);border-top:1px solid var(--line);padding:11px 12px;font-size:10.5px;line-height:1.4}.espresso-tr span:last-child{border-right:0}.espresso-tr.head span{color:#fff;background:#14293d;border-top:0;font-weight:800}.espresso-qc{background:#f3f6f9;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-size:11px;display:flex}.espresso-qc b{color:#a55729}.espresso-golden{color:#fff;background:#c1571d;border-radius:18px;grid-template-columns:repeat(5,1fr);gap:9px;padding:22px;display:grid}.espresso-golden>small{letter-spacing:2px;grid-column:1/-1;font-weight:900}.espresso-golden>div{background:#ffffff1f;border-radius:10px;grid-template-columns:26px 1fr;align-items:center;gap:7px;padding:9px;font-size:10.5px;display:grid}.espresso-golden b{color:#a74a19;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}@media (max-width:760px){.rules-tabs{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.rules-tabs::-webkit-scrollbar{display:none}.rules-tabs button{flex:none;min-height:42px}.espresso-hero{grid-template-columns:1fr;padding:22px 18px}.espresso-hero h2{font-size:24px}.espresso-hero>strong{justify-self:start}.espresso-recipe{gap:7px}.espresso-recipe>div{padding:13px 10px}.espresso-recipe b{font-size:17px}.espresso-section{padding:19px 15px}.espresso-section>h3{font-size:16px}.espresso-check,.espresso-steps,.espresso-taste,.espresso-flow,.espresso-columns{grid-template-columns:1fr}.espresso-tr{min-width:540px}.espresso-table{overflow-x:auto}.espresso-qc{text-align:center;flex-direction:column;align-items:stretch}.espresso-golden{grid-template-columns:1fr 1fr;padding:18px 14px}.espresso-golden>small,.espresso-golden>div:last-child{grid-column:1/-1}}@media (max-width:900px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.recipe-tools{grid-template-columns:1fr;gap:17px;padding:20px 17px}.recipe-tools h2{font-size:23px}.recipe-grid{grid-template-columns:1fr}.recipe-card{padding:15px}.recipe-sweet{grid-template-columns:1fr}.handbook-tabs{margin-bottom:14px}}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.panel-head h2{margin:0 0 3px;font-size:14px}.panel-head p{margin:0}.table-panel{-webkit-overflow-scrolling:touch;padding:0;overflow:auto hidden}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px;display:flex}.filters input{border:1px solid var(--line);border-radius:10px;flex:1;min-width:240px;padding:10px 13px}.table{min-width:760px}.tr{border-top:1px solid var(--line-2);grid-template-columns:2.2fr .6fr .8fr .7fr .8fr .7fr .7fr;align-items:center;padding:13px 18px;font-size:12px;display:grid}.tr.head{background:var(--panel-2);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:9px}.tr:not(.head):hover{background:var(--panel-2)}.tr span>*{display:block}.tr span small{color:var(--faint);margin-top:3px;font-size:9px}.table em{border-radius:999px;padding:5px 9px;font-size:9.5px;font-style:normal;font-weight:600}.table em.ok{color:var(--green);background:var(--green-bg)}.table em.danger,.late-pill{color:var(--amber);background:var(--amber-bg)}.late-text{color:var(--red);font-weight:700}.attendance-summary-head{grid-template-columns:1.4fr .7fr .7fr .7fr .7fr .7fr .8fr}.attendance-detail{margin-top:18px;padding:22px}.attendance-detail>div>h2{margin:0 0 4px}.attendance-detail>div>p{color:var(--muted);margin:0 0 16px;font-size:12px}.attendance-detail article{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.5fr) 120px 110px auto;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:grid}.attendance-detail article span:first-child b,.attendance-detail article span:first-child small{display:block}.attendance-detail article small{color:var(--muted);margin-top:3px}.attendance-edit-modal textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-height:92px;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;margin-top:6px;padding:11px}.attendance-edit-modal footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.attendance-edit-modal footer button{min-height:42px;padding:0 16px}@media (max-width:700px){.attendance-detail article{grid-template-columns:1fr 1fr}.attendance-detail article button{grid-column:1/-1}.attendance-detail{padding:16px}}.attendance-filters{align-items:flex-end}.attendance-filters label{color:var(--muted);font-size:9px;font-weight:600}.attendance-filters label input{border:1px solid var(--line);border-radius:9px;min-width:150px;margin-top:4px;padding:9px;display:block}.period-tabs{background:var(--line-2);border-radius:10px;padding:3px;display:flex}.period-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 13px;font-size:10px;font-weight:600}.period-tabs button.selected{color:var(--brand-ink);box-shadow:var(--sh-sm);background:#fff}.sched-config{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:14px;padding:16px 18px;display:flex}.sched-config label{color:var(--muted);letter-spacing:.3px;gap:6px;font-size:10.5px;font-weight:700;display:grid}.sched-config input,.sched-config select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px}.sched-config p{min-width:200px;color:var(--muted);flex:1;margin:0;font-size:11.5px}.sched-config p b{color:var(--brand-ink)}.schedule-table{min-width:900px}.schedule-row{border-top:1px solid var(--line-2);grid-template-columns:150px repeat(7,1fr);display:grid}.schedule-row>span,.schedule-row>button{border:0;border-right:1px solid var(--line-2);padding:11px 8px;font-size:9px}.schedule-row.head{background:var(--panel-2);text-align:center;color:var(--muted);font-weight:600}.schedule-row.head span:first-child{text-align:left}.schedule-row>span:first-child{z-index:2;background:#fff;position:sticky;left:0;box-shadow:5px 0 10px -10px #10243c}.schedule-row.head>span:first-child{z-index:3;background:var(--panel-2)}.schedule-row>span>*{display:block}.schedule-row>span b{font-size:11px}.schedule-row>span small{color:var(--faint)}.schedule-row>select{border:1px solid var(--line);background:#f2f7ff;border-radius:8px;min-width:96px;margin:6px;padding:4px;font-size:9px}.shift-view{text-align:center;border-radius:8px;margin:6px;padding:9px 5px;font-size:9px}.shift-view>*{display:block}.shift-view small{margin-top:3px;font-size:7px}.clock-grid{grid-template-columns:1.15fr .85fr;gap:18px;max-width:900px;display:grid}.clock-card{border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;box-shadow:var(--sh);background:linear-gradient(160deg,#fff,#f4f9ff);padding:34px 30px}.clock-date{color:var(--muted);letter-spacing:.4px;font-size:12px;font-weight:600}.clock-card time{letter-spacing:-3px;background:linear-gradient(135deg,var(--brand),#3fb0c9);color:#0000;-webkit-background-clip:text;background-clip:text;margin:14px 0;font-size:60px;font-weight:800;display:block}.status-quote{color:#6f4b2d;text-align:left;background:linear-gradient(135deg,#fffaf2,#f7efe4);border:1px solid #eadcc9;border-radius:14px;margin:18px 0 0;padding:14px 16px}.status-quote span{font-size:14px;font-weight:700;line-height:1.55;display:block}.status-quote small{display:none}.status-quote:after{content:"คู่มือเช็กช็อตกาแฟ · THE ROSETTA";color:#9b7658;letter-spacing:.3px;margin-top:7px;font-size:10px;font-weight:700;display:block}.weekly-adjust{margin-bottom:22px}.weekly-adjust>header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.weekly-adjust header span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.weekly-adjust header h2{margin:5px 0}.weekly-adjust header p{color:var(--muted);margin:0;font-size:12px}.weekly-adjust header label{min-width:190px}.weekly-adjust input{width:100%}.weekly-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:16px;margin-top:18px;padding:22px}.weekly-table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;margin-top:20px;overflow-x:auto}.weekly-table{background:#fff;min-width:1080px;display:grid}.weekly-table>b,.weekly-table>strong,.weekly-table>select{border:0;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-height:58px;padding:10px}.weekly-table>b{z-index:1;text-align:center;background:#f5f7fb;font-size:11px;position:sticky;top:0}.weekly-table>strong{z-index:1;background:#fff;font-size:12px;position:sticky;left:0}.weekly-table>strong small{color:var(--muted);margin-top:3px;font-weight:500;display:block}.weekly-table>select{background:#fff;border-radius:0;font-size:11px}.weekly-table>select.changed{color:#9b4b17;background:#fff2df;font-weight:800;box-shadow:inset 0 0 0 2px #e8782e}.weekly-submit{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.weekly-submit span{color:var(--muted);font-weight:700}.weekly-requests{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.weekly-requests h3{margin:0 0 12px}.weekly-requests article{border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:10px;padding:15px;display:grid}.weekly-requests article>div:first-child{flex-direction:column;gap:4px;display:flex}.weekly-requests article span,.weekly-requests article small{color:var(--muted);font-size:11px}.weekly-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.weekly-preview-toggle{border:1px solid var(--line);background:var(--soft);width:100%;min-height:42px;color:var(--text);border-radius:11px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.weekly-preview-toggle:hover{color:#b55219;border-color:#e8782e}.weekly-requests .rejected-note{color:#b42318}.weekly-requests .acknowledged{color:#27845b;font-weight:800}@media (max-width:760px){.weekly-adjust{padding:18px}.weekly-adjust>header{flex-direction:column;align-items:stretch}.weekly-adjust header label{min-width:0}.weekly-submit{flex-direction:column;align-items:stretch}.weekly-submit button{width:100%}.weekly-requests article{grid-template-columns:1fr}.weekly-actions{grid-column:1}.weekly-actions button{flex:1}}.clock-card p{color:var(--muted);font-size:13px}.clock-card p b{color:var(--ink)}.clock-coffee-guide{text-align:left;color:#5c3b18;background:linear-gradient(135deg,#fff8e9,#f7ead3);border:1px solid #d7b98d;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin-top:16px;padding:14px;display:grid}.clock-coffee-guide>span{background:#fff;border-radius:13px;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:0 5px 16px #865b2020}.clock-coffee-guide div{gap:2px;display:grid}.clock-coffee-guide small{color:#a45a20;letter-spacing:.1em;font-size:9px;font-weight:950}.clock-coffee-guide b{font-size:15px}.clock-coffee-guide em{color:#755d43;font-size:10px;font-style:normal}.clock-coffee-guide>strong{color:#a94f18;white-space:nowrap;font-size:11px}.clock-shot-guide .clock-guide-quick{gap:14px;display:grid}.clock-guide-recipe{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.clock-guide-recipe article{border:1px solid var(--line);background:var(--panel-2);text-align:center;border-radius:14px;padding:14px}.clock-guide-recipe small{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:900;display:block}.clock-guide-recipe b{color:var(--ink);margin-top:3px;font-size:20px;display:block}.clock-guide-quick h3{color:var(--ink);align-items:center;gap:9px;margin:4px 0 0;display:flex}.clock-guide-quick h3 span{color:#fff;background:#d45b1b;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.clock-guide-quick ol{color:var(--ink);gap:9px;margin:0;padding-left:22px;display:grid}.clock-guide-quick li,.clock-guide-quick>p{font-size:13px;line-height:1.65}.clock-guide-adjust{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clock-guide-adjust article{background:var(--panel-2);border:1px solid var(--line);border-radius:13px;gap:5px;padding:13px;display:grid}.clock-guide-adjust b{color:var(--ink)}.clock-guide-adjust span{color:var(--muted);font-size:12px}.location-ok,.location-out,.location-off{border-radius:11px;margin-top:4px;padding:11px;font-size:11.5px;font-weight:700}.location-ok{background:var(--green-bg);color:var(--green)}.location-out{background:var(--red-bg);color:var(--red)}.location-off{color:var(--muted);background:#eef1f6}.clock-hint{color:var(--red);margin-top:8px;font-size:10px;display:block}.clock-block{gap:8px;margin-top:10px;display:grid}.clock-block small{color:var(--red);font-size:10.5px;line-height:1.5}.geo-retry{border:1px solid var(--brand);color:var(--brand-ink);background:#fff;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:600}.geo-retry:hover{background:var(--brand);color:#fff}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.clock-in,.clock-out,.break-btn,.break-end{color:#fff;border:0;border-radius:13px;width:100%;margin-top:12px;padding:15px;font-size:15px;font-weight:700}.clock-in{background:linear-gradient(135deg,#12a065,#1cc07f);box-shadow:0 10px 22px #12a06552}.clock-out{background:linear-gradient(135deg,#e0574d,#ec7a6f);box-shadow:0 10px 22px #e0574d4d}.break-btn{color:var(--ink-2);box-shadow:none;background:#eef1f6}.break-end{background:linear-gradient(135deg,#e08a1f,#f0a63f);box-shadow:0 10px 22px #e08a1f47}.clock-in:disabled,.clock-out:disabled{opacity:.45;box-shadow:none}.today-card h2{margin:0 0 4px;font-size:15px}.today-card>div{border-top:1px solid var(--line-2);justify-content:space-between;padding:13px 0;font-size:12px;display:flex}.today-card>div:first-of-type{border-top:0}.today-card span{color:var(--muted)}.green-text{color:var(--green);font-weight:700}.export-preview-overlay{z-index:500;background:#091828b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.export-preview-card{background:#fff;border-radius:22px;width:min(620px,100%);max-height:94dvh;padding:22px;overflow:auto;box-shadow:0 24px 70px #00000047}.export-preview-card h2{color:var(--dark);margin:0 0 5px;font-size:21px}.export-preview-card>p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.55}.export-preview-card>img{border:1px solid var(--line);background:#f6f8fb;border-radius:14px;width:100%;height:auto;display:block}.export-preview-actions{background:linear-gradient(#ffffffe0,#fff 28%);gap:8px;margin:14px -22px -22px;padding:14px 22px 20px;display:flex;position:sticky;bottom:-22px}.export-preview-actions button{border-radius:11px;flex:1;min-height:46px;font-weight:700}.export-preview-close{color:var(--muted);background:#eef2f6;border:0;padding:0 18px;flex:none!important}.supplier-export-card{width:min(760px,100%)}.supplier-export-list{gap:16px;margin-top:14px;display:grid}.supplier-export-list article{border:1px solid var(--line);background:#f8fafc;border-radius:16px;grid-template-columns:1fr auto;gap:4px 12px;padding:14px;display:grid}.supplier-export-list h3{color:var(--dark);margin:0;font-size:17px}.supplier-export-list small{color:var(--muted);align-self:center}.supplier-export-list img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;grid-column:1/-1;width:100%;height:auto;max-height:360px;display:block}.supplier-export-list .export-preview-actions{background:0 0;grid-column:1/-1;margin:8px 0 0;padding:0;position:static}.supplier-export-card>.export-preview-close{border-radius:11px;width:100%;min-height:46px;margin-top:14px}@media (max-width:560px){.supplier-export-list article{padding:10px}.supplier-export-list .export-preview-actions{flex-direction:column}.supplier-export-list img{max-height:280px}}.people-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.person-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease);align-items:center;gap:14px;padding:18px;display:flex;position:relative}.person-card:hover{box-shadow:var(--sh);transform:translateY(-2px)}.avatar{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:grid}.a1{background:linear-gradient(135deg,#e0704a,#ef9a6b)}.a2{background:linear-gradient(135deg,#2f9e6b,#57c78d)}.a3{background:linear-gradient(135deg,#7a5bd0,#a184e6)}.a4{background:linear-gradient(135deg,#d99a2b,#efbb5a)}.person-card h3{margin:0;font-size:14px}.person-card p,.person-card small{color:var(--muted);margin:3px 0;font-size:10px;display:block}.person-card em{background:var(--green-bg);color:var(--green);border-radius:999px;padding:4px 9px;font-size:9px;font-style:normal;font-weight:700;position:absolute;bottom:14px;right:14px}.person-card em.inactive{background:var(--line-2);color:var(--faint)}.person-card>button{border:1px solid var(--line);color:var(--brand-ink);background:#fff;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.person-card>button:hover{border-color:var(--brand-2);background:#f2f7ff}.branch-card p{color:var(--ink);font-weight:600}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;animation:fade .2s var(--ease);background:#121e3085;display:flex;position:fixed;inset:0}.center{justify-content:center;align-items:center}.employee-modal{background:var(--paper);border-radius:var(--r-lg);width:min(520px,94vw);max-height:92vh;box-shadow:var(--sh-lg);animation:pop .26s var(--ease);padding:26px;overflow:auto}.modal-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;display:flex}.checkpoint-modal{text-align:center;width:min(420px,94vw)}.checkpoint-modal .modal-title{text-align:center;border-bottom:0;margin-bottom:4px;padding-bottom:0;display:block}.checkpoint-modal .modal-title p{color:var(--brand);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 6px;font-size:10.5px;font-weight:800}.checkpoint-modal .modal-title h2{margin:0 0 18px;font-size:21px}.checkpoint-list{text-align:left;gap:10px;margin-bottom:18px;display:grid}.checkpoint-item{border:1.5px solid var(--line);background:var(--panel-2);border-radius:14px;align-items:center;gap:12px;width:100%;min-height:48px;padding:13px 14px;display:flex}.checkpoint-item i{background:var(--paper);color:#fff;border:2px solid #aeb9c5;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:15px;font-style:normal;font-weight:900;display:grid}.checkpoint-item span{color:var(--ink);font-size:13px;font-weight:600}.checkpoint-item.done{border-color:var(--green);background:var(--green-bg)}.checkpoint-item.done i{border-color:var(--green);background:var(--green);color:#fff}.checkpoint-modal footer{flex-direction:column;gap:9px;display:flex}.checkpoint-modal footer .primary{min-height:50px;font-size:14px}.checkpoint-skip{display:none}html[data-theme=dark] .checkpoint-item{background:var(--panel-2);border-color:var(--line)}html[data-theme=dark] .checkpoint-item.done{border-color:var(--green);background:#173a2d}.modal-title p{color:var(--brand);letter-spacing:1.6px;text-transform:uppercase;margin:0;font-size:9px;font-weight:700}.modal-title h2{margin:6px 0 0;font-size:20px;font-weight:700}.modal-title button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:#fff;border-radius:9px;font-size:18px;line-height:1}.modal-title button:hover{background:var(--red-bg);color:var(--red);border-color:#f0c3c3}.employee-modal label{color:#41526a;margin:14px 0;font-size:10.5px;font-weight:700;display:block}.employee-modal input,.employee-modal select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin-top:6px;padding:11px;display:block}.employee-modal label small{color:var(--muted);margin-top:6px;font-weight:400;line-height:1.5;display:block}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.employee-modal .active-check{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;align-items:center;gap:9px;padding:12px;font-weight:600;display:flex}.employee-modal .active-check input{width:auto;margin:0}.pin-inline{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:14px}.pin-inline label{margin:10px 0 0}.pin-inline>button{margin-top:10px}.pin-cur{align-items:center;gap:10px;font-size:11px;display:flex}.pin-cur span{color:#41526a;font-weight:700}.pin-cur b{letter-spacing:3px;color:var(--brand-ink);font-family:Noto Sans Thai,monospace;font-size:16px}.pin-cur button{border:1px solid var(--line);color:var(--brand-ink);background:#fff;border-radius:8px;margin-left:auto;padding:5px 12px;font-size:10.5px;font-weight:700}.pin-inline-hint{background:var(--gold-soft);color:#7a5c1e;border:1px solid #e7d6ac;border-radius:11px;margin:14px 0 0;padding:11px 13px;font-size:10.5px;line-height:1.5}.employee-modal footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;display:flex}.employee-modal footer>button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;font-weight:600}.employee-modal footer>.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:#0000}.employee-modal button:disabled{opacity:.5}.product-modal{width:min(600px,94vw)}.product-image-editor{border:1px solid var(--line);background:var(--panel-2);border-radius:16px;grid-template-columns:132px 1fr;align-items:center;gap:16px;margin:2px 0 16px;padding:14px;display:grid}.product-image-editor>img{object-fit:cover;border:1px solid var(--line);background:#eef2f7;border-radius:12px;width:132px;height:112px}.product-image-editor>div{min-width:0}.product-image-editor b,.product-image-editor p,.product-image-editor small{display:block}.product-image-editor p{color:var(--muted);margin:4px 0 10px;font-size:12px}.product-image-editor small{color:var(--muted);margin-top:7px}.product-image-picker{border:1px dashed var(--brand-2);color:var(--brand-ink);cursor:pointer;background:#fff7ed;border-radius:10px;justify-content:center;align-items:center;padding:10px 13px;font-weight:800;width:auto!important;margin:0 8px 0 0!important;display:inline-flex!important}.product-image-picker input{display:none}.product-image-editor .secondary{padding:10px 13px}html[data-theme=dark] .product-image-editor{background:#17263a}html[data-theme=dark] .product-image-picker{color:#ffb077;background:#2b241f;border-color:#a95b2a}@media (max-width:560px){.product-image-editor{grid-template-columns:94px 1fr;gap:12px;padding:11px}.product-image-editor>img{width:94px;height:94px}.product-image-picker{width:100%!important;margin:0 0 7px!important;display:flex!important}.product-image-editor .secondary{width:100%}}.shift-modal{width:min(760px,100vw - 22px)}.modal-help{color:var(--muted);margin:-2px 0 14px;font-size:12px}.shift-modal-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.shift-modal-toolbar .modal-help{margin:0}.shift-edit-list{gap:8px;max-height:52vh;padding-right:4px;display:grid;overflow:auto}.shift-edit-head,.shift-edit-row{grid-template-columns:minmax(200px,1fr) 120px 120px 60px;align-items:start;gap:9px;display:grid}.shift-edit-head{color:var(--muted);padding:0 2px;font-size:12px;font-weight:700}.shift-edit-row{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;padding:10px}.shift-edit-row input{border:1px solid var(--line);border-radius:8px;width:100%;min-width:0;padding:8px}.shift-name-color{gap:7px;display:grid}.color-palette{flex-wrap:wrap;gap:5px;display:flex}.color-palette button{width:26px;min-width:26px;height:26px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:8px;padding:0}.color-palette button.selected{box-shadow:0 0 0 3px var(--brand);transform:scale(.9)}.delete-shift{border-radius:8px;font-weight:600;color:var(--red)!important;background:#fff1f0!important;border:1px solid #f6c9cc!important}.brand-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (max-width:760px){.brand-grid{grid-template-columns:1fr}}.brand-panel{align-content:start;gap:12px;display:grid}.brand-panel label{color:#41526a;gap:7px;font-size:11px;font-weight:700;display:grid}.brand-panel input:not([type=color]){border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}.brand-logo-row{align-items:flex-start;gap:16px;display:flex}.brand-logo-preview{border:1px solid var(--line);width:76px;height:76px;color:var(--brand);background:#fff;border-radius:16px;flex-shrink:0;place-items:center;display:grid}.brand-logo-preview :is(img,svg){object-fit:contain;width:64%;height:64%}.brand-logo-row>div{gap:8px;display:grid}.brand-file{border:1px dashed var(--brand-2);color:var(--brand-ink);cursor:pointer;background:#f5f9ff;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.brand-file input{display:none}.brand-panel small{color:var(--muted);font-size:10.5px;font-weight:400;line-height:1.5}.brand-color{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:100%;height:44px;padding:4px}.brand-presets{flex-wrap:wrap;gap:7px;display:flex}.brand-presets button{width:28px;height:28px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:8px;padding:0}.brand-presets button.on{box-shadow:0 0 0 3px var(--ink);transform:scale(.9)}.brand-preview{flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:relative}.brand-preview-tag{letter-spacing:1px;color:var(--faint);text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;top:12px;right:14px}.bp-mark{border:1px solid var(--line);width:52px;height:52px;color:var(--brand);background:#fff;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.bp-mark :is(img,svg){object-fit:contain;width:64%;height:64%}.brand-preview>div:not(.bp-mark){flex:1;gap:2px;min-width:160px;display:grid}.brand-preview b{font-size:16px}.brand-preview small{color:var(--muted);font-size:11px}.brand-preview p{margin:4px 0 0;font-size:13px;font-weight:600}.brand-preview p em{color:var(--brand);font-style:normal}.brand-note{color:var(--muted);margin:12px 0 0;font-size:11px}.dc-preview{max-width:620px;margin-bottom:16px}.dc-sub{color:var(--muted);margin:14px 0 6px;font-size:11px;font-weight:700}.dc-sub:first-of-type{margin-top:8px}.dc-msg{color:#dbdee1;background:#313338;border-radius:10px;padding:12px 14px;font-size:12.5px}.dc-msg+.dc-sub{margin-top:16px}.dc-bot{color:#f2f3f5;margin-bottom:6px;font-size:12.5px;font-weight:700}.dc-bot span{color:#fff;vertical-align:middle;letter-spacing:.3px;background:#5865f2;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:8px;font-weight:700}.dc-embed{background:#2b2d31;border-left:4px solid #2b8a3e;border-radius:4px;padding:10px 12px}.dc-embed>b{color:#fff;margin-bottom:6px;font-size:13px;display:block}.dc-fields{flex-wrap:wrap;gap:12px 24px;display:flex}.dc-fields>div span{color:#b5bac1;font-size:10px;font-weight:700;display:block}.dc-fields>div p{color:#dbdee1;margin:2px 0 0;font-size:12px}.dc-embed pre{white-space:pre-wrap;word-break:break-word;color:#dbdee1;margin:0;font-family:inherit;font-size:11.5px;line-height:1.6}.dc-embed small{color:#949ba4;margin-top:8px;font-size:10px;display:block}.dc-preview>small{color:var(--muted);margin-top:10px;font-size:10.5px;display:block}.pin-panel{gap:13px;max-width:560px;margin-bottom:16px;display:grid}.pin-h{color:var(--brand-ink);letter-spacing:.3px;margin:0;font-size:13px}.pin-panel label{color:#41526a;gap:7px;font-size:11px;font-weight:700;display:grid}.pin-panel input,.pin-panel select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.pin-panel button{justify-self:start}.pin-panel small{color:var(--muted);font-weight:400;line-height:1.5}.pin-panel .active-check{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;align-items:flex-start;gap:9px;padding:12px;font-size:12px;font-weight:600;display:flex}.pin-panel .active-check input{flex-shrink:0;width:auto;margin:2px 0 0}.pin-panel .btn-row button{justify-self:auto}.boot-screen{text-align:center;color:#fff;background:radial-gradient(circle at 50% 0%,var(--brand),transparent 55%),linear-gradient(160deg,var(--dark),var(--dark-2));place-items:center;min-height:100dvh;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.boot-screen{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 55%),linear-gradient(160deg,var(--dark),var(--dark-2))}}.boot-mark{width:72px;height:72px;color:var(--brand);background:#fff;border-radius:20px;place-items:center;margin:0 auto 22px;display:grid;position:relative;box-shadow:0 18px 40px #1f5aa861}.boot-mark svg,.boot-mark img{object-fit:contain;width:70%;height:70%}.boot-mark:after{content:"";border:2px solid #ffffff38;border-top-color:#fff;border-radius:26px;animation:1s linear infinite bootSpin;position:absolute;inset:-9px}.boot-screen h1{letter-spacing:-.2px;margin:0 0 8px;font-size:clamp(19px,3vw,23px);font-weight:700}.boot-screen p{color:#c2d3e6;margin:0 0 28px;font-size:12.5px}.boot-track{background:#ffffff24;border-radius:4px;width:180px;height:4px;margin:0 auto;position:relative;overflow:hidden}.boot-track i{background:linear-gradient(90deg,transparent,var(--brand-2) 35%,#fff 65%,transparent);border-radius:4px;width:40%;animation:1.4s ease-in-out infinite bootSlide;display:block;position:absolute;top:0;bottom:0}@keyframes bootSpin{to{transform:rotate(360deg)}}@keyframes bootSlide{0%{left:-45%}to{left:105%}}@media (prefers-reduced-motion:reduce){.boot-mark:after{animation:none}.boot-track i{background:linear-gradient(90deg,var(--brand-2),#fff);width:100%;animation:none;left:0}}.login-page{background:var(--bg);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{background:linear-gradient(150deg,var(--dark),var(--dark-2));color:#fff;flex-direction:column;justify-content:center;padding:8vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";background:radial-gradient(circle,var(--brand),transparent 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-90px;right:-90px}@supports (color:color-mix(in lab, red, red)){.login-brand:after{background:radial-gradient(circle,color-mix(in srgb,var(--brand) 55%,transparent),transparent 70%)}}.login-mark{width:60px;height:60px;color:var(--brand);background:#fff;border-radius:16px;place-items:center;display:grid;position:relative;box-shadow:0 14px 34px #1f5aa866}.login-mark svg{width:40px;height:40px}.brand-name{letter-spacing:5px!important;color:var(--brand)!important;font-size:11px!important}@supports (color:color-mix(in lab, red, red)){.brand-name{color:color-mix(in srgb,var(--brand) 42%,#fff)!important}}.brand-name{font-weight:700;margin:24px 0 0!important}.login-brand h1{letter-spacing:-1.5px;margin:12px 0 16px;font-size:clamp(38px,5.5vw,64px);font-weight:800;line-height:1.08;position:relative}.login-brand h1 em{color:var(--brand);font-style:normal}@supports (color:color-mix(in lab, red, red)){.login-brand h1 em{color:color-mix(in srgb,var(--brand) 42%,#fff)}}.login-brand>p{color:#aec4d8;position:relative}.source-chips{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex;position:relative}.source-chips span{background:#ffffff0d;border:1px solid #8cb4dc57;border-radius:999px;padding:8px 14px;font-size:11px}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);width:min(400px,88%);box-shadow:var(--sh-lg);animation:fadeUp .45s var(--ease);margin:auto;padding:38px}.eyebrow{color:var(--brand-ink);letter-spacing:2.4px;font-size:10px;font-weight:700}.login-card h2{margin:10px 0;font-size:27px;font-weight:800}.login-card>p{color:var(--muted);font-size:12.5px}.login-card label{color:#41526a;margin:18px 0 0;font-size:11px;font-weight:700;display:block}.login-card select,.login-card input{border:1px solid var(--line);background:#fff;border-radius:11px;width:100%;margin-top:8px;padding:12px;display:block}.login-primary,.login-manager{border:0;border-radius:12px;width:100%;margin-top:18px;padding:14px;font-weight:700}.login-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 10px 22px #1f5aa84d}.login-manager{color:var(--brand-ink);background:#eaf1fc}.login-card>small{color:var(--faint);text-align:center;margin-top:15px;font-size:9px;display:block}.or{color:var(--faint);align-items:center;gap:10px;margin:14px 0;font-size:9px;display:flex}.or span{background:var(--line);flex:1;height:1px}.login-error{background:var(--red-bg);border-radius:10px;padding:9px 11px;font-size:10.5px;line-height:1.5;color:var(--red)!important;margin:8px 0 0!important;display:block!important}.reset-pin{width:100%;color:var(--red);background:#fff;border:1px solid #f0bcbc;border-radius:10px;margin:8px 0 0;padding:10px;font-weight:700}.recovery-box{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:10px;margin:12px 0 0;padding:14px;display:grid}.recovery-box .recovery-title{color:var(--brand-ink);margin:0;font-size:12px;font-weight:700}.recovery-box label{margin:0!important}.recovery-box .reset-pin{margin:2px 0 0}.forgot-pin{width:100%;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:8px 0 0;font-size:11px;font-weight:600;text-decoration:underline}.forgot-pin:hover{color:var(--brand-ink)}.install-login{gap:6px;margin-top:14px;display:grid}.install-login .install-btn{border:1px dashed var(--brand-2);width:100%;color:var(--brand-ink);background:#f5f9ff;border-radius:11px;padding:11px;font-size:12.5px;font-weight:700}.install-login .install-btn:hover{background:var(--brand);color:#fff;border-style:solid}.install-login small{color:var(--muted);text-align:center;font-size:10.5px;line-height:1.5}.install-side{margin-top:10px}.install-side .install-btn{color:#dbe6f2;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:9px;width:100%;padding:9px;font-size:11px;font-weight:600}.install-side .install-btn:hover{color:var(--dark);background:#fff}.install-side small{color:#9fb0c4;margin-top:6px;font-size:9px;line-height:1.5;display:block}@media (max-width:760px){.install-side{display:none}}.toast{z-index:200;color:#fff;box-shadow:var(--sh-lg);animation:drop .3s var(--ease);background:linear-gradient(135deg,#15633f,#1c8a58);border-radius:999px;padding:12px 22px;font-size:12.5px;font-weight:700;position:fixed;top:18px;left:50%;transform:translate(-50%)}.pull-refresh{z-index:450;min-width:168px;color:var(--brand-ink);text-align:center;pointer-events:none;background:#fff;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;transition:background .15s,color .15s;position:fixed;top:-46px;left:50%;box-shadow:0 8px 28px #0f233733}.pull-refresh.ready{background:var(--brand);color:#fff}.notification-fab{z-index:70;border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;display:grid;position:fixed;bottom:80px;right:18px;box-shadow:0 8px 25px #14283c2e}.notification-fab.granted{background:#e9f7ef;border-color:#9bd5b3}.image-lightbox{z-index:700;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));overscroll-behavior:contain;background:#06111ddb;place-items:center;display:grid;position:fixed;inset:0}.image-lightbox-card{background:#fff;border-radius:18px;flex-direction:column;width:min(920px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 28px 70px #00000059}.image-lightbox-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.image-lightbox-head h2{margin:0;font-size:15px}.image-lightbox-head button{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:9px 12px;font-weight:700}.image-lightbox-card>img{object-fit:contain;background:#101820;max-width:100%;max-height:calc(100dvh - 100px);display:block}.lightbox-open{overflow:hidden}.notify-permission-overlay{z-index:800;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#081625b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.notify-permission-card{text-align:center;width:min(390px,100%);animation:fadeUp .3s var(--ease);background:#fff;border-radius:24px;padding:28px 24px 22px;box-shadow:0 28px 80px #00000052}.notify-permission-icon{background:#eaf2ff;border-radius:22px;place-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:34px;display:grid}.notify-permission-card h2{color:var(--dark);margin:0 0 9px;font-size:22px}.notify-permission-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.notify-permission-card small{background:var(--panel-2);color:#52657a;white-space:pre-line;border-radius:11px;margin:14px 0 0;padding:10px;font-size:11px;line-height:1.6;display:block}.notify-permission-card small.permission-help{color:#8a4b09;text-align:left;background:#fff3df}.notify-permission-actions{gap:9px;margin-top:18px;display:grid}.notify-permission-actions button{border-radius:12px;min-height:46px;font-weight:800}.notify-permission-actions button:last-child{color:var(--muted);background:0 0;border:0}.notification-fab.granted{display:none}.notification-history-fab,.schedule-guide-fab{z-index:69;color:var(--brand-ink);background:#fff;border:0;border-radius:999px;padding:11px 15px;font-size:11px;font-weight:800;position:fixed;right:18px;box-shadow:0 8px 25px #14283c2e}.notification-history-fab{bottom:80px}.schedule-guide-fab{background:var(--brand);color:#fff;bottom:128px}.page-tools{background:var(--bg);justify-content:flex-end;gap:10px;padding:14px 30px 0;display:flex}.page-tools button{border:1px solid var(--line);min-height:42px;color:var(--brand-ink);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:800;box-shadow:0 6px 18px #14283c1a}.page-tools button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.shift-view.adjusted{outline-offset:-2px;outline:2px solid #df6a2e;position:relative}.shift-view.adjusted em{color:#b9470b;margin-top:3px;font-size:8px;font-style:normal;font-weight:900;line-height:1.1;display:block}.weekly-update-banner{text-align:left;color:#14532d;background:#edfbf2;border:1px solid #a7e2be;border-radius:16px;gap:4px;width:100%;margin-bottom:16px;padding:15px 18px;display:grid;box-shadow:0 8px 22px #1665341a}.weekly-update-banner b{font-size:15px}.weekly-update-banner span{font-size:11px;font-weight:800}.weekly-update-banner small{color:#287344;font-size:10px}.weekly-requests .ack-summary{color:#475569;background:#f1f5f9;border-radius:9px;margin-top:7px;padding:7px 9px;font-size:9px;font-weight:800;display:block}.weekly-request-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.weekly-request-heading h3{margin:0}.weekly-request-heading small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.weekly-history-filter{background:var(--soft);border-radius:12px;align-items:flex-end;gap:10px;margin:10px 0 14px;padding:12px;display:flex}.weekly-history-filter label{gap:5px;min-width:160px;font-size:10px;font-weight:800;display:grid}.weekly-history-filter input,.weekly-history-filter select{min-height:40px}.weekly-history-filter>span{color:var(--muted);margin-left:auto;font-size:11px;font-weight:800}@media (max-width:760px){.weekly-request-heading{flex-direction:column;align-items:stretch}.weekly-request-heading button{width:100%}.weekly-history-filter{flex-direction:column;align-items:stretch}.weekly-history-filter label{min-width:0}.weekly-history-filter>span{margin-left:0}}.weekly-request-preview{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-column:1/-1;margin-top:8px;overflow:hidden}.weekly-request-preview>header{background:#fff8ed;border-bottom:1px solid #f2c38d;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.weekly-request-preview>header div{gap:2px;display:grid}.weekly-request-preview>header b{color:#66340c}.weekly-request-preview>header small{color:#8b5b31!important}.weekly-request-preview>header span{background:#fff;border-radius:999px;padding:5px 9px;font-weight:800;color:#9b4b17!important}.weekly-preview-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.weekly-preview-grid{min-width:1040px;display:grid}.weekly-preview-grid>b,.weekly-preview-grid>strong,.weekly-preview-grid>.preview-cell{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-height:62px;padding:9px}.weekly-preview-grid>b{text-align:center;background:#f5f7fb;font-size:10px}.weekly-preview-grid>strong{z-index:1;background:var(--card);font-size:12px;position:sticky;left:0}.weekly-preview-grid>strong small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:500;display:block}.weekly-preview-grid>.preview-cell{background:var(--card);align-content:center;gap:4px;display:grid}.weekly-preview-grid>.preview-cell>b{font-size:10px}.weekly-preview-grid>.preview-cell>small{gap:2px;display:grid;font-size:8px!important}.weekly-preview-grid>.preview-cell.changed{background:#fff2df;box-shadow:inset 0 0 0 2px #e8782e}.weekly-preview-grid>.preview-cell.changed>b{color:#8a3c0c}.weekly-preview-grid>.preview-cell.changed small span{color:#c55412;font-weight:800}html[data-theme=dark] .weekly-request-preview>header{background:#33271c;border-color:#815329}html[data-theme=dark] .weekly-request-preview>header b{color:#ffd3a8}html[data-theme=dark] .weekly-request-preview>header small{color:#e6b985!important}html[data-theme=dark] .weekly-request-preview>header span{background:#182538;color:#ffb56d!important}html[data-theme=dark] .weekly-preview-grid>b{background:#1c2c40}html[data-theme=dark] .weekly-preview-grid>.preview-cell.changed{background:#3b2a1d}html[data-theme=dark] .weekly-preview-grid>.preview-cell.changed>b{color:#ffd1a4}.mobile-more,.mobile-more-overlay,.mobile-nav-label{display:none}.top-notification{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.panel,.personal-summary,.metric,.action-grid>button{box-shadow:0 4px 16px #14283c11}.request-switch{background:var(--bg);gap:7px;padding:12px 30px 0;display:flex}.request-switch button{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fff;border-radius:999px;padding:9px 16px;font-size:11px;font-weight:800}.request-switch button.active{border-color:var(--brand);background:var(--brand);color:#fff}.work-mode-switch{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:6px;width:max-content;margin:12px 30px 0;padding:5px;display:flex;box-shadow:0 4px 16px #14283c0f}.work-mode-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 14px;font-size:11px;font-weight:800}.work-mode-switch button.active{background:var(--navy);color:#fff;box-shadow:0 5px 13px #142b4333}html[data-thr-work-mode=self] .page-tools{display:none}.global-work-mode{background:#152b43;border-color:#8fc0ff40;width:max-content;margin:12px 30px 0;padding:4px;display:flex;box-shadow:0 8px 22px #05122038}.global-work-mode>span{color:#c9d6e4;white-space:nowrap;place-items:center;padding:0 8px;font-size:9px;font-weight:900;display:grid}.global-work-mode button{text-align:center;color:#b7c8da;flex:1;min-width:0;min-height:34px;padding:6px 9px;font-size:9px}.global-work-mode button.active{color:#152b43;background:#fff}html[data-thr-role=supervisor] .role-badge{visibility:hidden}@media (max-width:760px){.sidebar{height:calc(78px + env(safe-area-inset-bottom))!important;padding:0 6px env(safe-area-inset-bottom)!important}.sidebar nav{grid-template-columns:repeat(5,1fr)!important;padding:0!important;display:grid!important;overflow:visible!important}.sidebar nav button{flex:auto!important;width:100%!important;min-width:0!important;min-height:70px!important;padding:8px 2px!important;font-size:9px!important}.sidebar nav button.mobile-secondary{display:none!important}.sidebar nav .mobile-more{display:flex!important}.sidebar nav .desktop-nav-label{display:none}.sidebar nav .mobile-nav-label{display:inline}.sidebar nav .nav-group-label{display:none!important}.sidebar nav .mobile-more i{letter-spacing:2px;font-size:17px!important}.mobile-more-overlay{z-index:880;padding:18px 12px calc(94px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0916247a;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-sheet{width:100%;max-height:70dvh;animation:pop .2s var(--ease);background:#fff;border-radius:24px;padding:18px;overflow:auto;box-shadow:0 22px 70px #00000047}.mobile-more-sheet>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.mobile-more-sheet h2{margin:2px 0}.mobile-more-sheet header small{color:var(--accent);font-weight:800}.mobile-more-sheet header button{background:#eef2f6;border:0;border-radius:50%;width:44px;height:44px;font-size:24px}.mobile-more-sheet>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mobile-more-sheet>div>button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:10px;min-height:72px;padding:12px;display:flex}.mobile-more-sheet>div>button.active{border-color:var(--brand);background:#eef5ff}.mobile-more-sheet i{font-size:24px;font-style:normal}.mobile-more-sheet span{gap:2px;display:grid}.mobile-more-sheet b{font-size:12px}.mobile-more-sheet small{color:var(--muted);font-size:9px;line-height:1.25}.mobile-more-sheet>.mobile-menu-groups{grid-template-columns:1fr;gap:17px;display:grid}.mobile-menu-group{gap:8px;display:grid}.mobile-menu-group h3{color:var(--accent);letter-spacing:.06em;margin:0;padding:0 3px;font-size:11px;font-weight:900}.mobile-menu-group>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mobile-menu-group>div>button{text-align:left;border:1px solid var(--line);min-height:72px;color:var(--ink);background:#fff;border-radius:15px;align-items:center;gap:10px;padding:12px;display:flex}.mobile-menu-group>div>button.active{border-color:var(--brand);background:#eef5ff}.topbar{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0;padding:10px 14px!important}.top-actions{gap:7px}.top-actions select{max-width:108px!important}.top-notification{flex:0 0 44px;width:44px;height:44px}.profile-pill{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}.request-switch{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f7fbf5;padding:8px 12px;position:sticky;top:58px}.request-switch button{border-radius:12px;flex:1;min-width:0;min-height:40px;padding:8px 5px;font-size:10px}.global-work-mode{z-index:1;background:#fff;border-color:#1f5aa859;width:auto;margin:10px 12px 0;padding:5px;display:flex;position:relative;inset:auto;box-shadow:0 8px 22px #10243a1f}.global-work-mode>span{color:#33465a;padding:0 8px;font-size:10px}.work-mode-switch button{text-align:center;flex:1;min-height:44px;padding:8px 7px;color:#152b43!important;opacity:1!important;background:#f1f5f9!important;font-size:12px!important;font-weight:900!important}.work-mode-switch button.active{box-shadow:0 5px 14px #152b4347;color:#fff!important;background:#152b43!important}html[data-thr-role=supervisor] .content{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}.content{padding:14px 12px calc(112px + env(safe-area-inset-bottom))!important}.page-head{margin-bottom:15px}.page-head h1{font-size:clamp(24px,7vw,31px)}.page-head span{font-size:11px}.panel{border-radius:18px;padding:18px 15px}.personal-summary{border-radius:22px;padding:24px 20px}.metrics{gap:10px}.metric{padding:14px}.action-grid{gap:10px}.action-grid>button{min-height:96px;padding:15px}.page-tools{padding:9px 12px 0!important}.page-tools button{min-height:40px!important}.notification-fab{right:12px;bottom:calc(92px + env(safe-area-inset-bottom))}.schedule-approval-alert{border-radius:13px;width:calc(100vw - 20px);padding:10px 13px;top:66px;right:10px}.weekly-approval-alert{top:148px}.weekly-requests article,.swap-card{padding:13px!important}.weekly-update-banner{border-radius:14px;margin-bottom:12px;padding:13px 14px}.notification-history{padding:4px}.notification-history article{grid-template-columns:34px 1fr auto;gap:9px;padding:13px 10px}.notification-history article>span{font-size:20px}}.theme-toggle{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);box-shadow:var(--sh-sm);border-radius:50%;place-items:center;font-size:18px;display:grid}.theme-toggle:hover{border-color:var(--brand);background:var(--panel-2)}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] .topbar{background:#0d1521eb}html[data-theme=dark] .panel,html[data-theme=dark] .metric,html[data-theme=dark] .action-grid>button,html[data-theme=dark] .ot-card,html[data-theme=dark] .leave-card,html[data-theme=dark] .swap-card,html[data-theme=dark] .person-card,html[data-theme=dark] .employee-modal,html[data-theme=dark] .branch-schedule-preview,html[data-theme=dark] .espresso-section,html[data-theme=dark] .notify-permission-card,html[data-theme=dark] .image-lightbox-card,html[data-theme=dark] .mobile-more-sheet,html[data-theme=dark] .occ-branch,html[data-theme=dark] .occ-draft-finder>div>article,html[data-theme=dark] .schedule-guide-card,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .secondary,html[data-theme=dark] .profile-pill,html[data-theme=dark] .top-notification,html[data-theme=dark] .request-switch button,html[data-theme=dark] .page-tools button,html[data-theme=dark] .notification-fab,html[data-theme=dark] .notification-history-fab,html[data-theme=dark] .schedule-guide-fab{background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .schedule-row>span:first-child,html[data-theme=dark] .weekly-table,html[data-theme=dark] .weekly-table>strong,html[data-theme=dark] .weekly-table>select,html[data-theme=dark] .branch-schedule-grid>strong,html[data-theme=dark] .branch-preview-legend{background:var(--paper);color:var(--ink)}html[data-theme=dark] .schedule-row>select,html[data-theme=dark] .shift-view{color:#172235!important}html[data-theme=dark] .shift-view small{color:#42526b!important}html[data-theme=dark] .shift-view em{color:#8a3e12!important}html[data-theme=dark] .weekly-table>select.changed{color:#74330f!important}html[data-theme=dark] .branch-schedule-grid>span.off,html[data-theme=dark] .branch-schedule-grid>span.selected-person,html[data-theme=dark] .branch-schedule-grid>span.focus{color:#172235}html[data-theme=dark] .schedule-row.head>span,html[data-theme=dark] .branch-schedule-grid>b,html[data-theme=dark] .weekly-table>b,html[data-theme=dark] .tr:first-child,html[data-theme=dark] .table .head{background:var(--panel-2);color:var(--muted)}html[data-theme=dark] .sched-config,html[data-theme=dark] .ot-report-metrics>div,html[data-theme=dark] .leave-count,html[data-theme=dark] .swap-preview,html[data-theme=dark] .period-tabs,html[data-theme=dark] .work-mode-switch,html[data-theme=dark] .global-work-mode{background:var(--panel-2);border-color:var(--line)}html[data-theme=dark] .schedule-draft-inline,html[data-theme=dark] .schedule-request-detail,html[data-theme=dark] .schedule-approval-alert,html[data-theme=dark] .schedule-draft-people{color:var(--ink);background:#29261f;border-color:#6d5738}html[data-theme=dark] .occ-draft-finder{background:linear-gradient(135deg,#29261f,var(--paper));border-color:#6d5738}html[data-theme=dark] .espresso-recipe>div{background:#241c16;border-color:#5c4733}html[data-theme=dark] .espresso-recipe b{color:var(--ink)}html[data-theme=dark] .espresso-note{color:#e8c9a8;background:#2e2016}html[data-theme=dark] .mobile-more-sheet>div>button,html[data-theme=dark] .mobile-menu-group>div>button{background:var(--paper);border-color:var(--line);color:var(--ink)}html[data-theme=dark] .mobile-menu-group>div>button.active{background:#203654;border-color:#76a9f3}html[data-theme=dark] img{filter:brightness(.92)}html[data-theme=dark] .logo-mark,html[data-theme=dark] .brand-logo-preview img{filter:none}@media (max-width:760px){html[data-theme=dark] .topbar{background:#0d1521f7}html[data-theme=dark] .global-work-mode{border-color:var(--line);background:#162234fa}.theme-toggle{flex:none;width:44px;height:44px;font-size:16px}}.occ-hero{border-radius:var(--r-lg);color:#fff;background:linear-gradient(135deg,var(--dark),var(--dark-2));grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;margin-bottom:18px;padding:28px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px #10243a33}.occ-hero:before{content:"";background:radial-gradient(circle,var(--brand),transparent 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-50px;right:-50px}@supports (color:color-mix(in lab, red, red)){.occ-hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--brand) 60%,transparent),transparent 70%)}}.occ-hero:after{content:"";background:radial-gradient(circle,#b08a3e61,#0000 70%);border-radius:50%;width:190px;height:190px;position:absolute;bottom:-70px;left:28%}.occ-hero>div{position:relative}.occ-hero>div>span,.occ-section-head>div>span,.occ-compare header span,.occ-approvals header span,.occ-alerts header span{color:#d96526;letter-spacing:2px;font-size:10px;font-weight:900;display:block}.occ-hero h2{margin:7px 0 6px;font-size:28px}.occ-hero p{color:#c8d5e2;margin:0;font-size:13px}.occ-hero-stats{grid-template-columns:repeat(5,1fr);gap:9px;display:grid;position:relative}.occ-hero-stats button{color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:13px;gap:3px;min-height:88px;padding:10px 6px;display:grid}.occ-hero-stats button:hover{background:#ffffff29}.occ-hero-stats b{font-size:22px}.occ-hero-stats span{color:#c8d5e2;letter-spacing:.3px;font-size:9px}.occ-branch-avatars{flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 12px;display:flex}.occ-branch-avatars span{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:grid}.occ-branch-avatars span.more{background:var(--panel-2);color:var(--muted)}.occ-branch-extra{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.occ-branch-extra .chip{background:var(--green-bg);color:var(--green);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:8.5px;font-weight:800;display:inline-flex}.occ-branch-extra .chip svg{width:10px;height:10px}.occ-branch-extra .chip.warn{background:var(--amber-bg);color:var(--amber)}.occ-branch-extra .chip.neutral{background:var(--panel-2);color:var(--muted)}.occ-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);align-items:start;gap:18px;display:grid}.occ-main,.occ-side{gap:18px;display:grid}.occ-section-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.occ-section-head h2,.occ-compare h2,.occ-approvals h2,.occ-alerts h2{margin:4px 0 0;font-size:20px}.occ-section-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.occ-section-tools small{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.occ-section-tools em{color:var(--muted);font-size:8px;font-style:normal}.occ-refresh{border:1px solid var(--line);background:var(--panel);min-height:32px;color:var(--ink);border-radius:9px;padding:6px 10px;font-size:9px;font-weight:800}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.green{background:var(--green)}.dot.yellow{background:var(--amber)}.dot.red{background:var(--red)}.occ-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.occ-branch{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;border-top:4px solid;border-radius:18px;padding:17px;display:block;box-shadow:0 7px 22px #14283c0f}.occ-branch.green{border-top-color:var(--green)}.occ-branch.yellow{border-top-color:var(--amber)}.occ-branch.red{border-top-color:var(--red)}.occ-branch header{justify-content:space-between;align-items:center;display:flex}.occ-branch header>div{align-items:center;gap:7px;display:flex}.occ-branch header span{color:var(--muted);font-size:10px;font-weight:900}.occ-branch header em,.health-pill{border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900}.occ-branch header em,.health-pill.green{color:var(--green);background:var(--green-bg)}.occ-branch.yellow header em,.health-pill.yellow{color:var(--amber);background:var(--amber-bg)}.occ-branch.red header em,.health-pill.red{color:var(--red);background:var(--red-bg)}.occ-branch h3{margin:13px 0 4px;font-size:17px}.occ-branch>p{color:var(--muted);margin:0 0 14px;font-size:11px}.occ-branch-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:5px;padding-top:12px;display:grid}.occ-branch-metrics span{color:var(--muted);gap:2px;font-size:8px;display:grid}.occ-branch-metrics b{color:var(--ink);font-size:15px}.occ-compare{padding:20px}.occ-compare>header,.occ-approvals>header,.occ-alerts>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.occ-compare-grid{border:1px solid var(--line);border-radius:14px;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;display:grid;overflow:hidden}.occ-compare-grid>*{border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px}.occ-compare-grid>b{color:var(--muted);background:#f7f9fc;font-size:9px}.occ-compare-grid>:nth-last-child(-n+4){border-bottom:0}.occ-approvals,.occ-alerts{padding:19px}.occ-approvals>header>b,.occ-alerts>header>b{color:#a64817;background:#fff0e7;border-radius:11px;place-items:center;min-width:34px;height:34px;padding:0 8px;display:grid}.occ-approvals>button,.occ-alerts>button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.occ-approvals>button>i{background:#f0f4f9;border-radius:11px;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.occ-approvals>button>span,.occ-alerts>button>span{flex:1;gap:2px;display:grid}.occ-approvals>button small,.occ-alerts>button small{color:var(--muted);font-size:9px}.occ-approvals>button>em{border-radius:9px;place-items:center;min-width:27px;height:27px;font-size:10px;font-style:normal;font-weight:900;display:grid}.occ-approvals>button>em.waiting{color:#a64817;background:#fff0e7}.occ-approvals>button>em.clear{color:var(--green);background:var(--green-bg)}.occ-alerts>button>i{border-radius:11px;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.occ-alerts>button>i.red{background:var(--red-bg)}.occ-alerts>button>i.yellow{background:var(--amber-bg)}.occ-alerts>button>em{color:var(--muted);font-size:20px;font-style:normal}.occ-all-clear{color:var(--muted);text-align:center;justify-items:center;gap:5px;padding:22px 10px;display:grid}.occ-all-clear i{width:42px;height:42px;color:var(--green);background:var(--green-bg);border-radius:50%;place-items:center;font-size:20px;font-style:normal;display:grid}.occ-all-clear b{color:var(--ink)}.occ-all-clear span{font-size:10px}.occ-draft-finder{background:linear-gradient(135deg,#fffaf3,#fff);border:1px solid #f1d6b8;margin-bottom:18px;padding:20px}.occ-draft-finder>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.occ-draft-finder>header span{color:#d96526;letter-spacing:2px;font-size:10px;font-weight:900;display:block}.occ-draft-finder>header h2{margin:4px 0 3px;font-size:20px}.occ-draft-finder>header p{color:var(--muted);margin:0;font-size:11px}.occ-draft-finder>header>b{color:#a64817;white-space:nowrap;background:#fff0e7;border-radius:10px;padding:7px 10px;font-size:11px}.occ-draft-finder>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.occ-draft-finder>div>article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:14px;display:grid}.occ-draft-finder article>span{gap:3px;min-width:0;display:grid}.occ-draft-finder article>span>b{font-size:14px}.occ-draft-finder article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.occ-draft-finder article>em{color:#916300;background:#fff3cf;border-radius:999px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:900}.occ-draft-finder article>div{grid-column:1/-1;gap:8px;display:flex}.occ-draft-finder article>div button{flex:1;min-height:38px}.schedule-draft-popup{z-index:95}.schedule-draft-dialog{width:min(500px,100vw - 28px)}.schedule-draft-dialog>.modal-title{margin-bottom:14px}.schedule-draft-dialog>.modal-title p{color:#d96526;font-weight:900}.schedule-draft-people{background:#fffaf3;border:1px solid #f1d6b8;border-radius:14px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.schedule-draft-people span{color:#6f3b16;background:#ffead8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.schedule-draft-dialog>footer{grid-template-columns:1fr 1.5fr;gap:10px;margin-top:18px;display:grid}.schedule-draft-dialog>footer button{min-height:46px}.schedule-draft-inline{background:#fff8ed;border:1px solid #f1c998;border-left:5px solid #d96526;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;padding:14px 16px;display:flex;box-shadow:0 8px 22px #8c4e1914}.schedule-draft-inline>div:first-child{gap:3px;display:grid}.schedule-draft-inline b{color:#6f3b16;font-size:14px}.schedule-draft-inline small{color:#946746;font-size:10px}.schedule-draft-inline>div:last-child{gap:8px;display:flex}.schedule-draft-inline button{min-width:108px;min-height:40px}@media (max-width:1100px){.occ-layout{grid-template-columns:1fr}.occ-side{grid-template-columns:1fr 1fr}}@media (max-width:760px){.occ-hero{border-radius:22px;grid-template-columns:1fr;padding:22px 18px}.occ-hero h2{font-size:24px}.occ-hero-stats{grid-template-columns:repeat(3,1fr)}.occ-hero-stats button{min-height:78px;padding:9px 4px}.occ-hero-stats b{font-size:20px}.occ-layout,.occ-branches,.occ-side{grid-template-columns:1fr}.occ-section-head{flex-direction:column;align-items:flex-start}.occ-section-tools{justify-content:flex-start}.occ-section-tools small{white-space:normal}.occ-compare{overflow:hidden}.occ-compare-grid{min-width:520px}.occ-compare{overflow-x:auto}.occ-branch-metrics span{font-size:9px}.occ-draft-finder>header{display:grid}.occ-draft-finder>header>b{justify-self:start}.occ-draft-finder>div{grid-template-columns:1fr}.schedule-draft-inline{flex-direction:column;align-items:stretch}.schedule-draft-inline>div:last-child{grid-template-columns:1fr 1fr;display:grid}.schedule-draft-inline button{min-width:0}}@media (max-width:390px){.mobile-more-sheet>div,.mobile-menu-group>div{grid-template-columns:1fr}.topbar>b{text-overflow:ellipsis;white-space:nowrap;max-width:74px;overflow:hidden}.profile-pill{max-width:78px}}.schedule-approval-alert{z-index:72;text-align:left;color:#61330b;background:#fff8ed;border:1px solid #f2c38d;border-radius:16px;gap:3px;width:min(330px,100vw - 28px);padding:13px 15px;display:grid;position:fixed;top:72px;right:18px;box-shadow:0 12px 34px #4e2d0e38}.weekly-approval-alert{top:166px}.schedule-approval-alert b{font-size:13px}.schedule-approval-alert span{font-size:11px;font-weight:800}.schedule-approval-alert small{color:#9a5600;font-size:9px}.schedule-request-detail{background:#fff8ed;border:1px solid #f2c38d;border-left:5px solid #df6a2e;border-radius:14px;margin:0 0 16px;padding:16px 18px}.schedule-request-detail b{color:#66340c;font-size:16px;display:block}.schedule-request-detail p{margin:5px 0;font-size:12px;font-weight:700}.schedule-request-detail small{color:#8b5b31;font-size:11px;display:block}.notification-history{padding:8px}.notification-history article{border-bottom:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.notification-history article.unread{background:#eef5ff}.notification-history article>span{font-size:23px}.notification-history h3{margin:0;font-size:14px}.notification-history p{color:var(--muted);margin:4px 0;font-size:12px}.notification-history small{color:var(--faint)}.notification-history i{background:var(--brand);color:#fff;border-radius:999px;padding:3px 8px;font-size:9px;font-style:normal}.notification-range{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.notification-presets button{min-width:88px}.notification-custom-dates{align-items:flex-end;gap:10px;display:flex}.notification-custom-dates label{color:var(--muted);font-size:10px;font-weight:700}.notification-custom-dates input{border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:5px;padding:9px 11px;display:block}.notification-custom-dates span{color:var(--muted);padding-bottom:10px}.notification-range>small{color:var(--muted);margin-left:auto}.history-filters{grid-template-columns:minmax(320px,2fr) minmax(170px,1fr)}.history-range-picker{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.history-range-presets{flex-shrink:0}.history-range-presets button{min-width:78px}.history-custom-dates{align-items:flex-end;gap:8px;display:flex}.history-custom-dates label{color:var(--muted);font-size:10px;font-weight:700}.history-custom-dates input{margin-top:5px;display:block}.history-custom-dates span{color:var(--muted);padding-bottom:10px}.attendance-filters .history-range-picker{flex:1}.schedule-guide-overlay{z-index:850;background:#081625bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.schedule-guide-card{background:#fff;border-radius:24px;width:min(680px,100%);max-height:94dvh;padding:26px;overflow:auto;box-shadow:0 28px 80px #0000004d}.schedule-guide-card h2{margin:6px 0 18px}.schedule-guide-card ol{counter-reset:guide;gap:10px;padding:0;list-style:none;display:grid}.schedule-guide-card li{counter-increment:guide;background:var(--panel-2);border-radius:13px;grid-template-columns:38px 1fr;gap:2px 12px;padding:12px;display:grid}.schedule-guide-card li:before{content:counter(guide);background:var(--brand);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.schedule-guide-card li b{font-size:13px}.schedule-guide-card li span{color:var(--muted);font-size:11px;line-height:1.55}.schedule-guide-flow{border:1px solid var(--line);border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:11px;display:flex}.schedule-guide-flow i{color:var(--brand);font-style:normal}.schedule-guide-card aside{background:#fff4dc;border-radius:13px;gap:5px;margin:12px 0;padding:14px;font-size:11px;line-height:1.55;display:grid}.schedule-guide-card>button{border:0;border-radius:12px;width:100%;padding:13px}@media (max-width:760px){.notification-history-fab{bottom:72px;right:10px}.schedule-guide-fab{bottom:118px;right:10px}.notification-range{align-items:stretch}.notification-presets{width:100%}.notification-presets button{flex:1;min-width:0}.notification-custom-dates{grid-template-columns:1fr auto 1fr;align-items:end;width:100%;display:grid}.notification-custom-dates input{width:100%;min-width:0}.notification-range>small{margin-left:0}.history-range-picker{align-items:stretch;width:100%}.history-range-presets{width:100%;display:flex}.history-range-presets button{flex:1;min-width:0}.history-custom-dates{grid-template-columns:1fr auto 1fr;align-items:end;width:100%;display:grid}.history-custom-dates input{width:100%;min-width:0}.history-filters{grid-template-columns:1fr}.page-tools{z-index:2;justify-content:stretch;padding:12px 14px 0;position:relative}.page-tools button{border-radius:13px;flex:1;min-width:0;min-height:46px;padding:10px 8px;font-size:10.5px}.schedule-guide-card{padding:20px 16px}.schedule-guide-flow{text-align:center;flex-direction:column;align-items:stretch}.schedule-guide-flow i{transform:rotate(90deg)}}.today-work-status{background:#f5f8fb;border:2px solid #b8c7d7;border-radius:18px;grid-template-columns:58px 1fr;align-items:center;gap:15px;margin:0 0 18px;padding:18px 20px;display:grid;box-shadow:0 8px 26px #14283c14}.today-work-status>span{text-align:center;font-size:34px}.today-work-status div{gap:2px;display:grid}.today-work-status small{letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:800}.today-work-status strong{font-size:24px;line-height:1.2}.today-work-status p{color:var(--muted);margin:2px 0 0;font-size:12px}.today-work-status.late{color:#b91c1c;background:#fff0f0;border-color:#ef4444;animation:1.8s ease-in-out 2 latePulse}.today-work-status.late strong{font-size:28px}.today-work-status.ontime{color:#11643a;background:#edfbf3;border-color:#43b978}.today-work-status.waiting{color:#80520a;background:#fff8e6;border-color:#f2b84b}.today-work-status.off{color:#245c9e;background:#eef5ff;border-color:#79a9ea}@keyframes latePulse{50%{box-shadow:0 0 0 6px #ef444424}}@media (max-width:760px){.today-work-status{grid-template-columns:44px 1fr;gap:10px;margin-bottom:14px;padding:15px 14px}.today-work-status>span{font-size:28px}.today-work-status strong,.today-work-status.late strong{font-size:21px}.today-work-status p{font-size:11px}}.swap-quick-guide{background:linear-gradient(135deg,#eef5ff,#f8fbff);border:1px solid #d7e5f5;border-radius:15px;justify-content:space-between;align-items:center;gap:8px;margin:-3px 0 18px;padding:14px;display:flex}.swap-quick-guide>div{align-items:center;gap:8px;min-width:0;display:flex}.swap-quick-guide>div>b{background:var(--brand);color:#fff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.swap-quick-guide span{gap:2px;display:grid}.swap-quick-guide strong{font-size:11px}.swap-quick-guide small{color:var(--muted);font-size:9px;line-height:1.35}.swap-quick-guide>i{color:var(--brand);font-style:normal;font-weight:900}@media (max-width:760px){.content{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.notification-history-fab{bottom:calc(86px + env(safe-area-inset-bottom))}.schedule-guide-fab{bottom:calc(132px + env(safe-area-inset-bottom))}.swap-form,.swap-list{padding:20px 16px}.swap-form h2{margin-bottom:14px;font-size:22px}.swap-quick-guide{grid-template-columns:1fr;gap:7px;padding:12px;display:grid}.swap-quick-guide>i{text-align:center;height:12px;transform:rotate(90deg)}.swap-quick-guide>div{background:#fff;border-radius:11px;padding:9px}.swap-quick-guide strong{font-size:12px}.swap-quick-guide small{font-size:10px}.swap-fields{gap:14px}.swap-form label{gap:7px;font-size:12px}.swap-form input,.swap-form select{border-width:1.5px;border-radius:13px;min-height:52px;padding:13px;font-size:16px}.swap-form textarea{min-height:96px;padding:13px;font-size:16px}.swap-form>.primary{border-radius:14px;min-height:54px;font-size:15px}.swap-preview{gap:6px;padding:12px 8px;grid-template-columns:1fr auto 1fr!important}.swap-preview>div:nth-child(2){font-size:22px;transform:none!important}.swap-preview b{font-size:12px}.swap-preview span{font-size:9px}.swap-card{grid-template-columns:1fr;padding:15px}.swap-card>.ot-status{justify-self:start}.swap-actions{grid-template-columns:1fr 1fr;display:grid}.swap-actions button{min-height:46px}}@media (max-width:1100px){.rules-grid,.action-grid,.metrics,.people-grid{grid-template-columns:repeat(2,1fr)}.personal-summary{grid-template-columns:1fr}}@media (max-width:900px){.sidebar{width:212px}.workspace{margin-left:212px}}@media (max-width:760px){.login-page{background:linear-gradient(180deg,var(--dark) 0 205px,var(--bg) 205px);min-height:100dvh;display:block}.login-brand{background:linear-gradient(145deg,var(--dark),var(--dark-2));min-height:205px;padding:24px 22px 70px;display:block}.login-brand:after{width:220px;height:220px;bottom:-100px;right:-90px}.login-mark{border-radius:13px;width:44px;height:44px;box-shadow:0 9px 24px #1f5aa84d}.login-mark svg{width:29px;height:29px}.brand-name{letter-spacing:3.5px!important;margin:13px 0 0!important;font-size:9px!important}.login-brand h1{letter-spacing:-.8px;max-width:330px;margin:7px 0 0;font-size:clamp(28px,8vw,36px);line-height:1.05}.login-brand>p,.source-chips{display:none}.login-card{z-index:2;border-radius:24px;width:calc(100% - 24px);max-width:460px;margin:-48px auto 24px;padding:24px 20px 22px;position:relative;box-shadow:0 18px 48px #12253b24}.login-card h2{margin:7px 0 4px;font-size:25px}.login-card>p{margin:0;font-size:12px;line-height:1.55}.login-card label{margin-top:15px;font-size:12px}.login-card select,.login-card input{border-radius:12px;min-height:48px;margin-top:6px;padding:12px 13px;font-size:16px}.login-primary,.login-manager{min-height:48px;margin-top:14px;padding:12px 14px;font-size:14px}.or{margin:11px 0}.forgot-pin{padding:9px 0;font-size:11px}.login-card>small{margin-top:11px;font-size:9px}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff7;flex-direction:row;width:auto;height:63px;padding:0;inset:auto 0 0;box-shadow:0 -6px 20px #14203417}.logo,.role-badge,.sync,.profile{display:none}.sidebar nav{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:0;height:100%}.sidebar nav button{color:var(--muted);white-space:nowrap;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:0;overflow:hidden}.sidebar nav button i{width:auto;font-size:20px}.sidebar nav button.active{color:var(--brand);background:0 0;font-size:8px;font-weight:700}.sidebar nav button.active i{font-size:18px}.sidebar nav button.active:before{border-radius:0 0 4px 4px;width:auto;height:3px;inset:0 26% auto}.sidebar nav em{margin:0;padding:1px 4px;font-size:8px;position:absolute;top:3px;right:24%}.workspace{margin-left:0}.topbar{min-height:54px;padding:10px 16px}.topbar>b{font-size:14px}.top-actions select{max-width:118px}.content{padding:18px 14px 88px}.page-head h1{font-size:23px}.today-team-panel{padding:18px}.today-team-head{flex-direction:column;align-items:flex-start}.today-team-head button{width:100%}.off-people>span{flex:140px;justify-content:space-between}.ot-form,.ot-list,.ot-payroll{padding:18px}.ot-payroll-head{flex-direction:column;align-items:flex-start}.ot-payroll-head button{width:100%}.ot-report-filters{grid-template-columns:1fr}.ot-report-filters .period-tabs{width:100%}.ot-report-filters .period-tabs button{flex:1}.leave-form,.leave-report,.leave-list{padding:18px}.leave-fields,.leave-filters{grid-template-columns:1fr}.leave-report-head{flex-direction:column;align-items:flex-start}.leave-report-head button,.leave-filters .period-tabs{width:100%}.leave-filters .period-tabs button,.leave-actions button{flex:1}.swap-form,.swap-list{padding:18px}.swap-fields,.swap-preview{grid-template-columns:1fr}.swap-preview>div:nth-child(2){transform:rotate(90deg)}.ot-fields{grid-template-columns:1fr 1fr}.ot-fields label:first-child{grid-column:1/-1}.ot-calculation,.ot-review{flex-direction:column;align-items:stretch}.ot-review button{width:100%}.metrics,.action-grid,.people-grid,.rules-grid,.rules-grid.two{grid-template-columns:1fr 1fr}.clock-grid{grid-template-columns:1fr}.clock-card time{font-size:52px}.filters input{width:100%;min-width:0}.tr{padding:11px 12px;font-size:11px}.schedule-row{grid-template-columns:118px repeat(7,minmax(76px,1fr))}.sched-config{flex-direction:column;align-items:stretch}.employee-modal{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:88vh;animation:fadeUp .3s var(--ease);align-self:flex-end}.center{align-items:flex-end}}@media (max-width:440px){.metrics,.people-grid,.rules-grid,.rules-grid.two,.form-two{grid-template-columns:1fr}}.schedule-request-detail.mismatch{background:#fff3f3;border-color:#ef9a9a #ef9a9a #ef9a9a #c62828}.schedule-request-detail>strong{color:#a61b1b;background:#ffe1e1;border-radius:9px;margin-top:10px;padding:9px 10px;font-size:11px;line-height:1.5;display:block}.schedule-reject-button{color:#a61b1b!important;background:#fff5f5!important;border-color:#e6a1a1!important}.schedule-reject-button:hover{background:#ffe7e7!important}.schedule-diff-button{color:#174f91!important;background:#f2f7ff!important;border-color:#9bbce8!important}.schedule-diff-modal{flex-direction:column;width:min(720px,100vw - 24px);max-height:min(82vh,760px);display:flex;overflow:hidden}.schedule-diff-modal>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.schedule-diff-modal>header small{color:var(--brand);font-weight:800}.schedule-diff-modal>header h2{margin:4px 0 0;font-size:20px}.schedule-diff-modal>header button{background:#eef1f5;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.schedule-diff-modal>p{margin:14px 0 10px;font-weight:800}.schedule-diff-legend{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.schedule-diff-legend span{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.schedule-diff-legend .added,.schedule-diff-row.added{background:var(--green-bg);border-color:var(--green)}.schedule-diff-legend .changed,.schedule-diff-row.changed{background:var(--amber-bg);border-color:var(--amber)}.schedule-diff-legend .removed,.schedule-diff-row.removed{background:var(--red-bg);border-color:var(--red)}.schedule-diff-list{gap:8px;padding-right:3px;display:grid;overflow:auto}.schedule-diff-row{border:1px solid;border-radius:11px;grid-template-columns:130px 1fr;gap:10px;padding:11px 12px;display:grid}.schedule-diff-row b{font-size:12px}.schedule-diff-row span{font-size:11px;line-height:1.45}.schedule-diff-empty{text-align:center;color:var(--muted);padding:28px}@media (max-width:600px){.schedule-diff-row{grid-template-columns:1fr}.schedule-diff-modal>header h2{font-size:17px}}@media (min-width:761px){.sidebar{background:linear-gradient(#10243a 0%,#152d48 100%);width:252px;padding:24px 16px;box-shadow:8px 0 30px #0f23391f}.workspace{margin-left:252px}.logo{padding:0 8px 20px}.role-badge{color:#dce7f2;background:#ffffff0f;border-color:#ffffff29;margin:0 8px 64px}.sidebar nav{flex:1;align-content:start;gap:6px;margin-right:-4px;padding-right:4px}.sidebar nav button{color:#b8c6d4;border-radius:12px;min-height:46px;padding:11px 13px;font-weight:700}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;box-shadow:none;background:#1d4267}.sidebar nav button.active:before{display:none}.global-work-mode{background:#0c2136;border:1px solid #ffffff26;border-radius:13px;width:max-content;padding:4px;box-shadow:0 10px 26px #04111f1f}.global-work-mode button{border-radius:9px;min-height:36px;font-size:10px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;min-height:74px;padding:0 30px;box-shadow:0 1px #0f233912}.content{max-width:1280px;margin:0 auto;padding:28px 30px 54px}.personal-summary{background:radial-gradient(circle at 80% 25%,#da652852,#0000 30%),linear-gradient(135deg,#10243a,#1b3654);border-radius:28px;padding:30px;box-shadow:0 20px 48px #10243a38}.personal-summary .personal-copy>span{color:#f1b287;letter-spacing:3px}.mini-insights{gap:12px}.mini-insights>div{background:#ffffff12;border:1px solid #ffffff2b;border-radius:17px;padding:17px 12px}.panel{border-radius:22px;box-shadow:0 8px 28px #14283c12}.metrics,.action-grid{gap:14px}.metric,.action-grid>button{border-radius:18px;box-shadow:0 7px 22px #14283c12}}@media (max-width:760px){.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;min-height:62px;padding:8px 14px}.topbar>b{font-size:15px}.global-work-mode{background:#fffffffa;border:1px solid #1f5aa838;border-radius:15px;width:auto;margin:10px 12px 0;padding:5px;position:relative;inset:auto;box-shadow:0 8px 22px #10243a1f}.global-work-mode>span{padding:0 7px;font-size:9px}.global-work-mode button{border-radius:10px;min-height:42px}html[data-thr-role=supervisor] .content{padding-top:18px!important;padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}.content{padding:18px 13px calc(108px + env(safe-area-inset-bottom))!important}.sidebar{height:calc(78px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);box-shadow:0 -8px 26px #1420341a}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:0!important;display:grid!important;overflow:visible!important}.sidebar nav button{gap:4px;line-height:1.15;overflow:visible;min-width:0!important;min-height:68px!important;padding:8px 1px!important;font-size:8px!important}.sidebar nav button i,.sidebar nav button.active i{font-size:20px}.personal-summary{background:radial-gradient(circle at 84% 18%,#da65284d,#0000 29%),linear-gradient(145deg,#10243a,#1b3654);border-radius:23px;padding:23px 20px;box-shadow:0 16px 38px #10243a2e}.personal-summary h2{font-size:26px;line-height:1.2}.mini-insights{gap:8px}.mini-insights>div{background:#ffffff12;border:1px solid #ffffff29;border-radius:15px;padding:13px 7px}.panel{border-radius:20px;box-shadow:0 6px 22px #14283c12}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-grid>button{border-radius:18px;min-height:102px}}.safe-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.safe-branch-card{border:1px solid var(--line);border-top:4px solid var(--green);background:var(--paper);box-shadow:var(--sh-sm);border-radius:17px;gap:7px;padding:17px;display:grid}.safe-branch-card.different{border-top-color:var(--red)}.safe-branch-card.empty,.safe-branch-card.first{border-top-color:var(--amber)}.safe-branch-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.safe-branch-card header span{color:var(--muted);font-size:10px;font-weight:900}.safe-branch-card header em{background:var(--green-bg);color:var(--green);border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900}.safe-branch-card.different header em{background:var(--red-bg);color:var(--red)}.safe-branch-card.empty header em,.safe-branch-card.first header em{background:var(--amber-bg);color:var(--amber)}.safe-branch-card h3{margin:2px 0 0;font-size:15px}.safe-branch-card>b{font-size:23px}.safe-branch-card>small{color:var(--muted);font-size:9px;line-height:1.45}.safe-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:18px;display:grid}.safe-form,.safe-history{padding:22px}.safe-form>header,.safe-history>header,.safe-dashboard>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.safe-form>header span,.safe-history>header span,.safe-dashboard>header span{color:var(--accent);letter-spacing:1.7px;font-size:9px;font-weight:900}.safe-form h2,.safe-history h2,.safe-dashboard h2{margin:4px 0 0}.safe-form>header label{gap:5px;min-width:180px;font-size:10px;font-weight:800;display:grid}.safe-form select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:9px 11px}.safe-denom-section{margin-top:18px}.safe-denom-section h3{margin:0 0 9px;font-size:13px}.safe-denoms{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.safe-denoms label{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;grid-template-columns:1fr 74px;align-items:center;gap:5px 8px;padding:11px;display:grid}.safe-denoms label>span{font-size:10px;font-weight:800}.safe-denoms input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);text-align:center;border-radius:8px;padding:8px;font-weight:800}.safe-denoms small{color:var(--muted);grid-column:1/-1;font-size:8px}.safe-note{gap:6px;margin-top:15px;font-size:11px;font-weight:800;display:grid}.safe-note textarea{border:1px solid var(--line);background:var(--paper);min-height:68px;color:var(--ink);resize:vertical;border-radius:11px;padding:10px}.safe-check-result{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.safe-check-result>div{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:3px;padding:13px;display:grid}.safe-check-result small{color:var(--muted);font-size:8px}.safe-check-result b{font-size:14px}.safe-check-result .matched{background:var(--green-bg);color:var(--green)}.safe-check-result .different{background:var(--red-bg);color:var(--red)}.safe-check-result .first{background:var(--amber-bg);color:var(--amber)}.safe-save{width:100%;margin-top:14px}.safe-history>header>b{background:var(--panel-2);border-radius:9px;padding:6px 9px;font-size:10px}.safe-history article{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 0;display:grid}.safe-history article:first-of-type{margin-top:12px}.safe-history article div{gap:2px;display:grid}.safe-history article small{color:var(--muted);font-size:8px}.safe-history article p{color:var(--ink-2);margin:4px 0 0;font-size:9px}.safe-history article>strong{white-space:nowrap;font-size:12px}.safe-history article>em,.safe-dashboard-list em{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:900}.safe-history em.matched,.safe-dashboard-list em.matched{background:var(--green-bg);color:var(--green)}.safe-history em.different,.safe-dashboard-list em.different{background:var(--red-bg);color:var(--red)}.safe-history em.first,.safe-dashboard-list em.first,.safe-dashboard-list em.empty{background:var(--amber-bg);color:var(--amber)}.safe-dashboard{margin-bottom:18px;padding:20px}.safe-dashboard header p{color:var(--muted);margin:3px 0 0;font-size:10px}.safe-dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0;display:grid}.safe-dashboard-metrics>div{background:var(--panel-2);border-radius:12px;gap:3px;padding:13px;display:grid}.safe-dashboard-metrics small{color:var(--muted);font-size:8px}.safe-dashboard-metrics b{font-size:17px}.safe-dashboard-metrics .warn{background:var(--red-bg);color:var(--red)}.safe-dashboard-metrics .ok{background:var(--green-bg);color:var(--green)}.safe-dashboard-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.safe-dashboard-list button{border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:11px;display:grid}.safe-dashboard-list button>span{gap:2px;display:grid}.safe-dashboard-list button small{color:var(--muted);font-size:8px}.safe-dashboard-list button strong{white-space:nowrap;font-size:11px}@media (max-width:900px){.safe-layout{grid-template-columns:1fr}.safe-denoms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.safe-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.safe-form,.safe-history,.safe-dashboard{padding:16px}.safe-form>header,.safe-dashboard>header{display:grid}.safe-form>header label{min-width:0}.safe-denoms,.safe-check-result,.safe-dashboard-metrics{grid-template-columns:1fr}.safe-history article{grid-template-columns:1fr auto}.safe-history article>em{grid-column:1/-1;justify-self:start}.safe-dashboard-list{grid-template-columns:1fr}.safe-dashboard-list button{grid-template-columns:1fr auto}.safe-dashboard-list em{grid-column:1/-1;justify-self:start}}.safe-denom-section:first-of-type .safe-denoms label:nth-child(5){border-style:dashed;border-color:var(--accent);background:var(--accent-soft)}.safe-denom-section:first-of-type .safe-denoms label:nth-child(5) small{display:none}.safe-breakdown{grid-template-columns:1fr 1fr .85fr;gap:9px;margin-top:16px;display:grid}.safe-breakdown>section{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:4px;padding:13px;display:grid}.safe-breakdown span{color:var(--muted);font-size:9px;font-weight:800}.safe-breakdown b{font-size:15px}.safe-breakdown small{color:var(--ink-2);font-size:8px;line-height:1.5}.safe-breakdown-total{align-content:center;background:var(--accent-soft)!important;border-color:var(--accent)!important}.safe-breakdown-total b{color:var(--accent);font-size:18px}.safe-breakdown.compact{grid-template-columns:1fr;margin:7px 0 0}.safe-breakdown.compact>section{padding:7px 8px}.safe-breakdown.compact b{font-size:10px}.safe-breakdown.compact small{font-size:7px}.safe-breakdown.compact .safe-breakdown-total{display:none}@media (max-width:600px){.safe-breakdown{grid-template-columns:1fr 1fr}.safe-breakdown-total{grid-column:1/-1}.safe-breakdown.compact{grid-template-columns:1fr}}html[data-theme=dark] ::placeholder{color:#8999af;opacity:1}html[data-theme=dark] option{background:var(--paper);color:var(--ink)}html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] button:disabled{color:var(--muted);opacity:.72}html[data-theme=dark] .ot-calculation,html[data-theme=dark] .ot-report-metrics>div,html[data-theme=dark] .leave-metrics>div,html[data-theme=dark] .leave-count,html[data-theme=dark] .swap-preview,html[data-theme=dark] .espresso-check li,html[data-theme=dark] .espresso-taste article,html[data-theme=dark] .espresso-columns>div,html[data-theme=dark] .espresso-qc,html[data-theme=dark] .occ-compare-grid>b,html[data-theme=dark] .occ-approvals>button>i,html[data-theme=dark] .safe-denoms label,html[data-theme=dark] .safe-check-result>div,html[data-theme=dark] .safe-breakdown>section,html[data-theme=dark] .rules-tabs button.selected,html[data-theme=dark] .period-tabs button.selected,html[data-theme=dark] .thresh-list>div,html[data-theme=dark] .branch-schedule-hint,html[data-theme=dark] .branch-preview-legend span,html[data-theme=dark] .swap-quick-guide>div{background:var(--panel-2);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .safe-denoms label>span,html[data-theme=dark] .safe-breakdown b,html[data-theme=dark] .occ-approvals>button,html[data-theme=dark] .occ-alerts>button{color:var(--ink)}html[data-theme=dark] .safe-denoms small,html[data-theme=dark] .safe-breakdown small{color:var(--ink-2)}html[data-theme=dark] .safe-breakdown-total{background:#203654!important;border-color:#76a9f3!important}html[data-theme=dark] .safe-breakdown-total b{color:#c8dcff}html[data-theme=dark] .off-people>span,html[data-theme=dark] .swap-mode-explain,html[data-theme=dark] .schedule-draft-inline,html[data-theme=dark] .schedule-request-detail,html[data-theme=dark] .schedule-approval-alert{color:#ffe0b8;background:#332b22;border-color:#7d5a34}html[data-theme=dark] .off-people strong,html[data-theme=dark] .swap-mode-explain b,html[data-theme=dark] .schedule-draft-inline b,html[data-theme=dark] .schedule-request-detail b{color:#ffd09a}html[data-theme=dark] .off-people small,html[data-theme=dark] .schedule-draft-inline small,html[data-theme=dark] .schedule-request-detail small,html[data-theme=dark] .schedule-approval-alert small{color:#e6bb8c}html[data-theme=dark] .notification-history article.unread,html[data-theme=dark] .weekly-update-banner{color:#e7f2ff;background:#17324b;border-color:#4678a8}html[data-theme=dark] .weekly-update-banner small{color:#b9d5ff}html[data-theme=dark] .today-work-status{background:var(--panel-2);color:var(--ink);border-color:#53677f}html[data-theme=dark] .today-work-status.late{color:#ffb2b2;background:#412323;border-color:#f77}html[data-theme=dark] .today-work-status.ontime{color:#a7f0cf;background:#173a2d;border-color:#55d69d}html[data-theme=dark] .today-work-status.waiting{color:#ffd498;background:#3a2c1c;border-color:#f3ad55}html[data-theme=dark] .today-work-status.off{color:#c8dcff;background:#203654;border-color:#76a9f3}html[data-theme=dark] .ot-payroll-head h2,html[data-theme=dark] .leave-report-head h2,html[data-theme=dark] .ot-form-head h2,html[data-theme=dark] .ot-list-head h2,html[data-theme=dark] .ot-main h3,html[data-theme=dark] .leave-main h3{color:var(--ink)}html[data-theme=dark] .ot-report-metrics b,html[data-theme=dark] .leave-metrics b{color:#f7faff}html[data-theme=dark] .ot-report-metrics span,html[data-theme=dark] .leave-metrics span,html[data-theme=dark] .ot-list-head>span{color:#b8c5d7}html[data-theme=dark] .ot-summary-row.head,html[data-theme=dark] .leave-summary-row.head{color:#dce7f5;background:#233249}html[data-theme=dark] .ot-summary-row,html[data-theme=dark] .leave-summary-row{color:var(--ink);border-color:var(--line)}html[data-theme=dark] .ot-summary-row small,html[data-theme=dark] .leave-summary-row small{color:#aab9cc}html[data-theme=dark] .mobile-more-sheet>header h2{color:var(--ink)}html[data-theme=dark] .mobile-more-sheet>header button{color:#fff;background:#24344a;border:1px solid #42546b}html[data-theme=dark] .mobile-more-sheet>div>button small{color:#b7c4d5}html[data-theme=dark] .mobile-more-sheet>div>button.active{background:#203654;border-color:#76a9f3}html[data-theme=dark] .brand-panel label{color:#d9e3f0}html[data-theme=dark] .brand-panel input:not([type=color]){background:var(--panel-2);color:var(--ink);border-color:#465970}html[data-theme=dark] .brand-panel input:not([type=color])::placeholder{color:#8fa1b8}html[data-theme=dark] .brand-file{color:#d9e9ff;background:#203654;border-color:#76a9f3}html[data-theme=dark] .brand-color{background:var(--panel-2);border-color:#465970}html[data-theme=dark] .brand-logo-preview,html[data-theme=dark] .bp-mark{background:#f8fafc;border-color:#53677f}html[data-theme=dark] .brand-preview>div:not(.bp-mark) b{color:#f5f8fc!important}html[data-theme=dark] .branch-schedule-preview header{color:var(--ink);background:#24344a}html[data-theme=dark] .branch-schedule-preview header span,html[data-theme=dark] .branch-schedule-preview header small{color:#b8c6d8}html[data-theme=dark] .branch-preview-legend{background:#1b293b}html[data-theme=dark] .branch-preview-legend span{color:#d6e0ed;background:#24344a}html[data-theme=dark] .branch-schedule-hint{color:#b8c6d8;background:#1b293b}.stock-v2-nav{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.stock-v2-tabs{background:var(--panel,#fff);border:1px solid var(--line,#e2e8f0);border-radius:16px;gap:8px;padding:5px;display:flex}.stock-v2-tabs button{color:var(--ink-2,#64748b);background:0 0;border:0;border-radius:12px;padding:11px 18px;font-weight:800}.stock-v2-tabs button.active{color:#fff;background:#d35b17;box-shadow:0 8px 20px #d35b1730}.stock-v2-nav label{align-items:center;gap:10px;font-weight:800;display:flex}.stock-v2-nav select,.stock-v2-filter input,.stock-v2-filter select{background:var(--panel,#fff);color:var(--ink,#132238);border:1px solid var(--line,#dce4ed);border-radius:13px;padding:12px 14px}.stock-v2-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 15px;display:grid}.stock-v2-metrics article{background:var(--panel,#fff);border:1px solid var(--line,#e4eaf0);border-radius:16px;padding:16px 18px}.stock-v2-metrics span{color:var(--ink-2,#667085);font-size:13px;display:block}.stock-v2-metrics b{font-size:26px}.stock-v2-filter{grid-template-columns:1fr 220px;gap:10px;margin-bottom:16px;display:grid}.stock-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stock-v2-card{background:var(--panel,#fff);border:1px solid var(--line,#e3e9ef);border-radius:19px;overflow:hidden;box-shadow:0 10px 28px #18324a0c}.stock-v2-card>img{object-fit:cover;width:100%;height:150px}.stock-v2-card>div{padding:14px}.stock-v2-card span{letter-spacing:.08em;color:#c75013;font-size:11px;font-weight:900}.stock-v2-card h3{color:var(--ink,#172235);margin:6px 0 2px;font-size:17px}.stock-v2-card p,.stock-v2-card small{color:var(--ink-2,#667085);margin:0 0 7px;display:block}.stock-v2-card strong{margin:10px 0;display:block}.stock-v2-card footer{grid-template-columns:auto 58px 1fr;gap:7px;display:grid}.stock-v2-card footer button,.stock-v2-card footer input{border:1px solid var(--line,#dfe5eb);background:var(--panel-2,#f7f9fc);min-width:0;color:var(--ink,#172235);border-radius:10px;padding:9px}.stock-v2-card footer .primary{color:#fff;background:#d35b17}.stock-v2-cart,.stock-count-panel,.stock-track{background:var(--panel,#fff);border:1px solid var(--line,#e1e7ee);border-radius:20px;margin-top:18px;padding:20px;box-shadow:0 12px 34px #1d30480c}.stock-v2-cart>header,.stock-v2-cart>footer,.stock-count-panel>header,.stock-track>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.stock-v2-cart h2,.stock-count-panel h2,.stock-track h2{margin:2px 0}.supplier-order{border:1px solid var(--line,#e2e8ef);border-radius:15px;margin:14px 0;overflow:hidden}.supplier-order h3{background:var(--panel-2,#f5f8fb);margin:0;padding:12px 15px}.supplier-line{border-top:1px solid var(--line,#e9edf2);grid-template-columns:1fr auto 100px;align-items:center;gap:12px;padding:11px 15px;display:grid}.supplier-line>span:nth-child(2){align-items:center;gap:8px;display:flex}.supplier-line button{border:1px solid var(--line,#dde4eb);background:var(--panel-2,#f7f9fc);width:30px;height:30px;color:var(--ink,#172235);border-radius:9px}.stock-v2-cart>footer{justify-content:flex-end}.stock-v2-cart>footer strong{margin-right:auto}.stock-v2-cart>footer button{border:1px solid var(--line,#dce3ea);border-radius:11px;padding:11px 16px}.stock-count-row{border-top:1px solid var(--line,#e6ebf0);grid-template-columns:52px 1fr 130px;align-items:center;gap:12px;padding:10px 0;display:grid}.stock-count-row img{object-fit:cover;border-radius:11px;width:52px;height:52px}.stock-count-row span small{color:var(--ink-2,#667085);margin-top:3px;display:block}.stock-count-row label{color:var(--ink-2,#667085);font-size:11px}.stock-count-row input{border:1px solid var(--line,#dce3ea);background:var(--panel-2,#f7f9fc);width:100%;color:var(--ink,#172235);border-radius:9px;margin-top:3px;padding:9px}.stock-track>article{border-top:1px solid var(--line,#e5eaf0);grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.stock-track article h3{margin:5px 0 2px}.stock-track article p{color:var(--ink-2,#667085);margin:0}.po-status{color:#966000;background:#fff0d0;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:900}.po-status.ordered{color:#167447;background:#dcfce7}.po-status.closed{color:#275b9c;background:#e0ecff}.supplier-modal .or-divider{text-align:center;color:var(--ink-2,#778195);margin:5px}.stock-v2-card,.stock-v2-cart,.stock-count-panel,.stock-track,.supplier-order{color:var(--ink,#172235)}@media (max-width:800px){.stock-v2-nav{flex-direction:column;align-items:stretch}.stock-v2-tabs{grid-template-columns:repeat(3,1fr);display:grid}.stock-v2-tabs button{padding:10px 5px;font-size:12px}.stock-v2-nav label{justify-content:space-between}.stock-v2-nav select{flex:1}.stock-v2-metrics{grid-template-columns:repeat(3,1fr)}.stock-v2-metrics article{padding:12px 10px}.stock-v2-metrics span{font-size:10px}.stock-v2-metrics b{font-size:21px}.stock-v2-filter{grid-template-columns:1fr}.stock-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stock-v2-card>img{height:105px}.stock-v2-card>div{padding:10px}.stock-v2-card h3{min-height:36px;font-size:14px}.stock-v2-card p,.stock-v2-card small{font-size:11px}.stock-v2-card footer{grid-template-columns:1fr 46px}.stock-v2-card footer .primary{grid-column:1/-1}.stock-v2-cart,.stock-count-panel,.stock-track{padding:14px}.supplier-line{grid-template-columns:1fr auto}.supplier-line>strong{text-align:right;grid-column:1/-1}.stock-count-panel>header{flex-direction:column;align-items:flex-start}.stock-count-row{grid-template-columns:42px 1fr 90px}.stock-count-row img{width:42px;height:42px}.stock-count-row span small{font-size:10px}.stock-track>article{grid-template-columns:1fr auto}.stock-track>article button{grid-column:1/-1}.stock-v2-cart>footer{flex-wrap:wrap}.stock-v2-cart>footer strong{width:100%;margin:0}}@media (max-width:390px){.stock-v2-grid{grid-template-columns:1fr}.stock-v2-card>img{height:125px}}html[data-theme=dark] .stock-v2-tabs,html[data-theme=dark] .stock-v2-metrics article,html[data-theme=dark] .stock-v2-card,html[data-theme=dark] .stock-v2-cart,html[data-theme=dark] .stock-count-panel,html[data-theme=dark] .stock-track{background:var(--panel);border-color:var(--line)}html[data-theme=dark] .supplier-order h3,html[data-theme=dark] .stock-v2-card footer button,html[data-theme=dark] .stock-v2-card footer input,html[data-theme=dark] .stock-count-row input{background:var(--panel-2);color:var(--ink)}.stock-count-filter{margin:18px 0 4px}.stock-count-list{margin-top:8px}.floating-order-cart{z-index:45;color:#fff;cursor:pointer;background:linear-gradient(145deg,#d55716,#ef7c38);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:78px;height:78px;display:flex;position:fixed;bottom:26px;right:24px;box-shadow:0 14px 34px #b8432555}.floating-order-cart>span{font-size:24px;line-height:1}.floating-order-cart>b{color:#fff;background:#14293d;border:2px solid #fff;border-radius:99px;place-items:center;min-width:25px;height:25px;padding:0 6px;font-size:12px;display:grid;position:absolute;top:-3px;right:-2px}.floating-order-cart>small{margin-top:3px;font-size:10px;font-weight:900}@media (max-width:800px){.floating-order-cart{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));width:68px;height:68px}.floating-order-cart>span{font-size:21px}}.order-reason-modal textarea{resize:vertical;border:1px solid var(--line,#dce3ea);background:var(--panel-2,#f7f9fc);width:100%;min-height:110px;color:var(--ink,#172235);font:inherit;border-radius:12px;padding:12px}.order-action-warning{color:#24558a;background:#eff6ff;border-radius:12px;margin-bottom:14px;padding:12px 14px}.order-action-warning.danger{color:#a42525;background:#fff1f1}.required-mark{color:#dc2626}.po-actions{justify-content:flex-end;gap:7px;display:flex}.po-actions button{border:1px solid var(--line,#dce3ea);background:var(--panel-2,#f7f9fc);color:var(--ink,#172235);border-radius:9px;padding:8px 12px}.stock-summary-detail{background:var(--panel,#fff);border:1px solid var(--line,#e1e7ee);border-radius:20px;margin-top:18px;padding:20px}.stock-summary-detail>header{justify-content:space-between;align-items:center;display:flex}.stock-summary-detail h2{margin:2px 0}.stock-summary-detail p{color:var(--ink-2,#667085);margin:0}.stock-summary-table{border:1px solid var(--line,#e2e8ef);border-radius:15px;overflow-x:auto}.stock-summary-row{border-top:1px solid var(--line,#e7ecf1);grid-template-columns:minmax(260px,2fr) repeat(4,minmax(100px,1fr));align-items:center;min-width:760px;display:grid}.stock-summary-row:first-child{border-top:0}.stock-summary-row>span{padding:12px}.stock-summary-row.head{background:var(--panel-2,#f5f8fb);color:var(--ink-2,#667085);font-size:12px;font-weight:900}.stock-summary-row:not(.head)>span:first-child{grid-template-columns:40px 1fr;column-gap:10px;display:grid}.stock-summary-row img{object-fit:cover;border-radius:9px;grid-row:1/3;width:40px;height:40px}.stock-summary-row small{color:var(--ink-2,#667085)}.stock-summary-row em{border-radius:99px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900;display:inline-block}.stock-summary-row em.ok{color:#167447;background:#dcfce7}.stock-summary-row em.low{color:#b42318;background:#fee2e2}.stock-summary-row em.unknown{color:#966000;background:#fff0d0}@media (max-width:800px){.stock-v2-tabs{grid-template-columns:repeat(4,1fr)}.stock-v2-tabs button{font-size:10px}.stock-track>article .po-actions{grid-column:1/-1}.stock-summary-detail{padding:14px}}html[data-theme=dark] .stock-summary-detail{background:var(--panel);border-color:var(--line)}html[data-theme=dark] .po-actions button,html[data-theme=dark] .stock-summary-row.head{background:var(--panel-2);color:var(--ink)}.mission-lab{--mission-navy:#12233a;--mission-orange:#e76d25;color:var(--ink);gap:18px;display:grid}.mission-lab-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.mission-lab-head p,.mission-list header p,.mission-detail>p:first-of-type{color:var(--mission-orange);letter-spacing:.16em;margin:0 0 5px;font-size:11px;font-weight:950}.mission-lab-head h1{margin:0;font-size:clamp(28px,4vw,46px)}.mission-lab-head span{color:var(--muted)}.mission-lab-head>b{color:#9a4614;white-space:nowrap;background:#fff2e5;border:1px solid #e8ba8f;border-radius:999px;padding:9px 13px;font-size:12px}.mission-hero{background:var(--mission-navy);color:#fff;border-radius:26px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);min-height:300px;display:grid;overflow:hidden;box-shadow:0 18px 50px #12233a25}.mission-scene{background:linear-gradient(#6dc9ec 0 56%,#d6f2ee 56%);min-height:300px;position:relative;overflow:hidden}.pixel-sky i{filter:drop-shadow(28px 7px #fff9);background:#fff9;border-radius:99px;width:85px;height:22px;position:absolute}.pixel-sky i:first-child{animation:13s linear infinite mission-cloud;top:15%;left:8%}.pixel-sky i:nth-child(2){animation:18s linear infinite reverse mission-cloud;top:24%;left:58%;transform:scale(.7)}.pixel-sky i:nth-child(3){animation:16s linear infinite mission-cloud;top:8%;left:35%;transform:scale(.45)}.pixel-shop{background:#f6d6a8;border:8px solid #1b2e47;border-bottom:0;height:175px;position:absolute;bottom:43px;left:12%;right:12%;box-shadow:12px 12px #16304a}.pixel-shop>span{text-align:center;color:#182a42;letter-spacing:.16em;font:950 18px/1 monospace;position:absolute;top:18px;left:0;right:0}.pixel-awning{background:repeating-linear-gradient(90deg,#e66d26 0 38px,#fff1d1 38px 76px);border:7px solid #1b2e47;height:30px;position:absolute;top:55px;left:-8px;right:-8px}.pixel-door{background:#24517a;border:7px solid #1b2e47;width:70px;height:83px;position:absolute;bottom:0;left:18%}.pixel-window{background:#bcebf4;border:7px solid #1b2e47;place-items:center;width:88px;height:58px;font-size:28px;display:grid;position:absolute;bottom:24px;right:14%}.pixel-road{background:repeating-linear-gradient(90deg,#26374b 0 70px,#31465f 70px 140px);height:56px;position:absolute;bottom:0;left:0;right:0}.pixel-hero{filter:drop-shadow(5px 6px #10223855);font-size:62px;animation:1.8s ease-in-out infinite mission-bob;position:absolute;bottom:10px;left:50%}.pixel-spark{color:#fff0a8;font-size:24px;animation:1.4s ease-in-out infinite mission-spark;position:absolute}.pixel-spark.one{bottom:90px;left:34%}.pixel-spark.two{animation-delay:.7s;bottom:115px;right:27%}.mission-status{flex-direction:column;justify-content:center;padding:30px;display:flex}.mission-status>p{color:#ff9a57;letter-spacing:.16em;margin:0 0 8px;font:900 11px/1 monospace}.mission-status h2{margin:0 0 5px;font-size:28px}.mission-status>span{color:#bdd0e4}.mission-rank{background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:24px 0 12px;padding:12px;display:grid}.mission-rank i{color:#ffc795;font-size:9px;font-style:normal}.mission-rank b{font-size:13px}.mission-rank em{color:#ffd768;font-style:normal;font-weight:900}.mission-progress{background:#06162b;border:3px solid #fff3;border-radius:99px;height:13px;overflow:hidden}.mission-progress span{background:linear-gradient(90deg,#ffb22e,#ed6b28);border-radius:99px;height:100%;transition:width .35s;display:block}.mission-status small{color:#bcd0e6;margin-top:7px}.mission-periods{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mission-periods button{border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;border-radius:16px;align-items:center;gap:11px;padding:14px;display:flex}.mission-periods button>i{font-size:26px;font-style:normal}.mission-periods button span{gap:2px;display:grid}.mission-periods button small{color:var(--muted);font-size:10px}.mission-periods button.active{border-color:var(--mission-orange);background:#fff4e8;box-shadow:0 8px 24px #e76d2520}.mission-periods button.active b{color:#a84612}.mission-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;display:grid}.mission-list,.mission-detail{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:19px;box-shadow:0 12px 36px #17304b0d}.mission-list>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mission-list h2,.mission-detail h2{margin:0}.mission-list>header>span{color:#24704a;background:#e7f5ed;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:900}.mission-list>button{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);text-align:left;border-radius:15px;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;margin-top:9px;padding:13px;transition:transform .18s,border-color .18s;display:grid}.mission-list>button:hover,.mission-list>button.selected{border-color:#e76d25;transform:translateY(-2px)}.mission-list>button>i{color:#188654;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;font-style:normal;display:grid}.mission-list>button span{gap:3px;display:grid}.mission-list>button small{color:var(--muted)}.mission-list>button em{color:#cf5a18;font-style:normal;font-weight:900}.mission-list>button.complete{background:#effaf4;border-color:#8bd5ae}.mission-list>button.complete b{color:#527061;text-decoration:line-through}.mission-detail{position:relative;overflow:hidden}.mission-detail:after{content:"";background:#ffb35622;border-radius:50%;width:130px;height:130px;position:absolute;top:-42px;right:-42px}.mission-detail-icon{z-index:1;background:linear-gradient(145deg,#ffedd7,#ffd19e);border-radius:20px;place-items:center;width:66px;height:66px;margin-bottom:18px;font-size:36px;animation:2s ease-in-out infinite mission-bob;display:grid;position:relative}.mission-xp{color:#fff;background:#14283f;border-radius:12px;margin:14px 0;padding:10px 12px}.mission-xp b{float:right;color:#ffd26b}.mission-copy{color:var(--muted);line-height:1.6}.mission-detail ul{color:var(--muted);padding-left:20px;font-size:13px;line-height:1.8}.mission-detail>button{color:#fff;background:linear-gradient(135deg,#d55a16,#f38340);border:0;border-radius:13px;width:100%;padding:13px;font-weight:900;box-shadow:0 9px 22px #d55a1633}.mission-detail>button.done{background:linear-gradient(135deg,#168259,#39af78)}.mission-lab-note{color:#6f5612;background:#fff7da;border-radius:15px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.mission-lab-note b{white-space:nowrap}html[data-theme=dark] .mission-lab-head>b{color:#ffd0a9;background:#412a1d;border-color:#8b5838}html[data-theme=dark] .mission-periods button.active{background:#3a291d}html[data-theme=dark] .mission-periods button.active b{color:#ffb177}html[data-theme=dark] .mission-list>button>i{background:#25364c}html[data-theme=dark] .mission-list>button.complete{background:#18382d}html[data-theme=dark] .mission-lab-note{color:#ffe49b;background:#3a321c}@keyframes mission-bob{50%{transform:translateY(-7px)}}@keyframes mission-spark{50%{opacity:.45;transform:scale(1.35)rotate(15deg)}}@keyframes mission-cloud{50%{transform:translate(30px)}}@media (max-width:900px){.mission-hero,.mission-layout{grid-template-columns:1fr}.mission-scene{min-height:270px}.mission-periods{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mission-lab-head{flex-direction:column;align-items:flex-start}.mission-lab-head h1{font-size:31px}.mission-hero{min-height:0}.mission-scene{min-height:225px}.pixel-shop{height:150px;left:8%;right:8%}.pixel-door{height:65px}.pixel-window{height:50px}.pixel-hero{font-size:50px}.mission-status{padding:22px}.mission-periods button{padding:11px}.mission-periods button small{display:none}.mission-layout{gap:12px}.mission-list,.mission-detail{padding:14px}.mission-list>button{grid-template-columns:40px 1fr}.mission-list>button em{grid-column:2}.mission-lab-note{font-size:12px}}@media (prefers-reduced-motion:reduce){.mission-lab *{transition:none!important;animation:none!important}}.mission-scene{image-rendering:pixelated;background:linear-gradient(#54b8ed 0 58%,#7edb87 58% 63%,#d79a51 63%);box-shadow:inset 0 0 0 6px #172841}.mission-scene:before{content:"";background:repeating-linear-gradient(90deg,#57a553 0 18px,#73c45f 18px 36px);border-top:5px solid #24422f;border-bottom:5px solid #24422f;height:18px;position:absolute;bottom:47px;left:0;right:0}.mission-scene:after{content:"";background:repeating-linear-gradient(90deg,#b96c32 0 28px,#d9873c 28px 56px);border-top:7px solid #7c421f;height:48px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 12px #efb251}.pixel-sky i{filter:drop-shadow(14px 0 #fff)drop-shadow(28px 0 #fff);background:#fff;border:5px solid #d8f5ff;border-radius:0;height:18px;box-shadow:0 5px #c5ebfa}.pixel-coin{z-index:2;color:#9b5c0a;background:#ffd63c;border:5px solid #7b4813;border-radius:50%;place-items:center;width:26px;height:34px;font:950 11px/1 monospace;animation:1.1s steps(2,end) infinite pixel-coin-spin;display:grid;position:absolute;box-shadow:inset -5px 0 #ee9f1d,0 5px #315b7a}.pixel-coin.c1{top:34%;left:18%}.pixel-coin.c2{animation-delay:.3s;top:18%;left:48%}.pixel-coin.c3{animation-delay:.6s;top:39%;right:16%}.pixel-shop{background:repeating-linear-gradient(0deg,#f2c685 0 22px,#e7b66e 22px 25px);border-width:7px;border-radius:0;height:155px;bottom:66px;box-shadow:10px 10px #17314b}.pixel-shop>span{background:#f9e5b8;border-top:4px solid #1b2e47;border-bottom:4px solid #1b2e47;padding:8px 0;font-size:15px;top:14px}.pixel-awning{background:repeating-linear-gradient(90deg,#e05d22 0 28px,#fff2cc 28px 56px);border-width:5px;height:24px;top:55px}.pixel-door{border-width:5px;height:66px;box-shadow:inset 12px 0 #3977a1}.pixel-window{border-width:5px;border-radius:0;height:44px;font-size:22px;box-shadow:inset 0 -8px #83cadb}.pixel-road{z-index:3;background:0 0;height:53px;bottom:0}.pixel-hero{filter:drop-shadow(6px 6px #10223866);transform-origin:bottom;width:54px;height:88px;font-size:0;animation:1s steps(2,end) infinite pixel-run;bottom:42px;left:50%}.pixel-hero i{border-radius:0;display:block;position:absolute}.pixel-cap{background:#f2e2b8;border:5px solid #17263b;width:40px;height:15px;top:0;left:7px;box-shadow:10px 5px #f2e2b8}.pixel-face{background:#ffd0a4;border:5px solid #17263b;width:32px;height:27px;top:19px;left:12px;box-shadow:inset -7px 0 #efaa81}.pixel-face:before{content:"";background:#17263b;width:5px;height:5px;position:absolute;top:7px;left:6px;box-shadow:14px 0 #17263b}.pixel-face:after{content:"";background:#a44b34;width:13px;height:4px;position:absolute;top:17px;left:10px}.pixel-body{background:#8a542f;border:5px solid #17263b;width:40px;height:29px;top:51px;left:8px;box-shadow:inset 0 9px #f4e3bb}.pixel-body:after{content:"THR";color:#fff;font:900 8px/1 monospace;position:absolute;top:7px;left:7px}.pixel-leg{background:#243b60;border:5px solid #17263b;width:18px;height:14px;bottom:0}.pixel-leg.left{left:6px}.pixel-leg.right{right:1px}.pixel-spark{z-index:5;text-shadow:3px 3px #975b19;font-family:monospace}.mission-status{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:16px 16px}.mission-status h2,.mission-rank b{text-shadow:3px 3px #071526;font-family:ui-monospace,Cascadia Mono,monospace}.mission-rank{border-width:3px;border-radius:0;box-shadow:5px 5px #071526}.mission-progress{border-color:#f8f0cf;border-radius:0;height:17px;box-shadow:4px 4px #071526}.mission-progress span{background:repeating-linear-gradient(90deg,#ffd43b 0 12px,#f08b25 12px 24px);border-radius:0}.mission-periods button,.mission-list,.mission-detail{border-width:3px;border-radius:8px;box-shadow:5px 5px #17284120}.mission-periods button.active{box-shadow:5px 5px #b84513}.mission-list>button{border-width:2px;border-radius:4px}.mission-list>button>i,.mission-detail-icon,.mission-detail>button{border-radius:4px}.mission-detail>button{border:3px solid #8b340d;box-shadow:5px 5px #7f3210}.mission-xp{border:3px solid #08172b;border-radius:3px;box-shadow:4px 4px #e0a93a}@keyframes pixel-coin-spin{50%{transform:scaleX(.35)translateY(-4px)}}@keyframes pixel-run{50%{transform:translateY(-7px)rotate(-2deg)}}@media (max-width:600px){.pixel-coin.c1{left:8%}.pixel-coin.c3{right:7%}.pixel-shop{bottom:62px}.pixel-hero{bottom:41px;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.pixel-coin,.pixel-hero{animation:none!important}}.mission-hero.game-hub{background:radial-gradient(circle at 8% 15%,#315b86 0,#0000 32%),linear-gradient(135deg,#11243a,#172f4c);border:1px solid #ffffff1c;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(170px,.55fr));gap:14px;min-height:0;padding:24px}.game-profile,.game-wallet,.game-streak{background:#ffffff0a;border:1px solid #ffffff24;border-radius:18px;align-items:center;gap:17px;padding:18px;display:flex}.game-profile{min-width:0}.game-profile>div:last-child{flex:1}.game-profile p,.mission-game-grid header p{color:#ed7b39;letter-spacing:.13em;margin:0 0 5px;font-size:10px;font-weight:950}.game-profile h2{margin:0;font-size:21px}.game-profile>div>span{color:#ffc26f;font-size:12px;font-weight:900}.game-profile small{color:#b9cee4;margin-top:7px;display:block}.game-avatar{color:#6f3815;background:linear-gradient(145deg,#fff4d9,#eab568);border:3px solid #f5c176;border-radius:22px;flex:0 0 78px;place-items:center;height:78px;font-size:36px;display:grid;position:relative;box-shadow:0 8px 22px #0004}.game-avatar span{color:#fff;background:#e96825;border-radius:7px;padding:4px 7px;font:900 9px/1 monospace;position:absolute;bottom:-7px;right:-8px}.game-profile .mission-progress{height:10px;box-shadow:none;border-width:2px;border-radius:99px;margin-top:12px}.game-profile .mission-progress span{border-radius:99px}.game-wallet,.game-streak{flex-direction:column;justify-content:center;align-items:flex-start}.game-wallet span,.game-streak span{color:#c0d2e5;font-size:12px;font-weight:800}.game-wallet b,.game-streak b{color:#fff;font-size:30px}.game-wallet small,.game-streak small{color:#91a9c1;font-size:10px;line-height:1.4}.mission-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mission-game-grid>article{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:18px;box-shadow:0 10px 28px #11243a0c}.mission-game-grid h2{margin:0;font-size:18px}.team-goal header{justify-content:space-between;align-items:flex-start;display:flex}.team-goal header>b{color:#d85d19;font-size:27px}.team-goal>div{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;height:13px;margin:17px 0 10px;overflow:hidden}.team-goal>div span{border-radius:inherit;background:linear-gradient(90deg,#1a9665,#5ec88d);height:100%;display:block}.team-goal>p,.coffee-collection>p{color:var(--muted);margin:0;font-size:12px}.team-goal footer{color:var(--muted);gap:18px;margin-top:15px;font-size:11px;display:flex}.coffee-collection>div{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.coffee-collection>div>span{border:1px dashed var(--line);background:var(--panel-2);filter:grayscale();opacity:.42;border-radius:14px;place-items:center;min-height:90px;padding:8px;font-size:24px;display:grid}.coffee-collection>div>span.unlocked{filter:none;opacity:1;background:#fff6e8;border-style:solid;border-color:#f0b66e}.coffee-collection b,.coffee-collection small{font-size:10px;display:block}.coffee-collection small{color:var(--muted)}.branch-shop>div{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px;display:grid}.branch-shop button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);text-align:left;border-radius:13px;align-items:center;gap:10px;padding:11px;display:flex}.branch-shop button i{font-size:25px;font-style:normal}.branch-shop button span{display:grid}.branch-shop button small{color:#d05b1a}.branch-shop button.owned{background:#eaf8f0;border-color:#79c69b}.branch-shop button.owned small{color:#258357}.adventure-map>div{align-items:flex-start;margin-top:22px;display:flex}.adventure-map>div>span{border:2px solid var(--line);background:var(--panel-2);height:38px;color:var(--muted);border-radius:50%;flex:0 0 38px;place-items:center;font-weight:950;display:grid;position:relative}.adventure-map>div>span small{text-align:center;width:65px;color:var(--muted);font-size:9px;position:absolute;top:43px}.adventure-map>div>span.passed{color:#fff;background:#25875e;border-color:#25875e}.adventure-map>div>span.current{color:#fff;background:#e96d28;border-color:#e96d28;box-shadow:0 0 0 7px #e96d2820}.adventure-map>div>i{background:var(--line);flex:1;height:4px;margin-top:17px}html[data-theme=dark] .coffee-collection>div>span.unlocked{background:#3c2d20}html[data-theme=dark] .branch-shop button.owned{background:#183a2d}@media (max-width:1050px){.mission-hero.game-hub{grid-template-columns:1fr 1fr}.game-profile{grid-column:1/-1}.mission-game-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.mission-hero.game-hub,.mission-game-grid{grid-template-columns:1fr;padding:14px}.game-profile{grid-column:auto}.game-wallet,.game-streak{padding:14px}.game-wallet b,.game-streak b{font-size:24px}.adventure-map{padding-bottom:30px!important}}.decor-studio{border:1px solid var(--line);background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:0 16px 45px #10243a17}.decor-studio>header{justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.decor-studio>header p{color:#e36a27;letter-spacing:.14em;margin:0 0 4px;font-size:10px;font-weight:950}.decor-studio>header h2{margin:0}.decor-studio>header span{color:var(--muted);font-size:12px}.decor-studio>header button{color:#fff;background:#e76b27;border:0;border-radius:12px;padding:11px 16px;font-weight:900;box-shadow:0 8px 20px #d45b1e32}.decor-stage{border-top:1px solid #ffffff1d;border-bottom:1px solid var(--line);background:linear-gradient(#13334c 0 52%,#274f5b 52% 57%,#d28b4f 57%);height:330px;position:relative;overflow:hidden}.decor-sky{background:radial-gradient(circle at 72% 30%,#ffd88a 0 34px,#ffb14d 35px 42px,#0000 43px),linear-gradient(#132b51,#32667b);position:absolute;inset:0 0 48%}.decor-sky:after{content:"";background:linear-gradient(#0000,#1d5362);height:62px;position:absolute;inset:auto 0 0}.decor-sky i{background:#7cb4bd55;width:100px;height:9px;position:absolute;bottom:26px;left:8%;box-shadow:140px -18px #7cb4bd44,330px 5px #7cb4bd33}.decor-room{background:linear-gradient(90deg,#183043 0 4%,#0000 4% 96%,#183043 96%),linear-gradient(#f4dcb8 0 68%,#845437 68%);border:7px solid #10263b;border-bottom:0;height:245px;position:absolute;bottom:0;left:6%;right:6%;box-shadow:12px 0 #08182855}.decor-room:before{content:"";background:linear-gradient(#72a9b7aa,#326977aa);border:8px solid #5d3b29;width:29%;height:43%;position:absolute;top:17%;left:5%;box-shadow:inset 0 0 0 4px #e5c89a}.decor-sign{color:#fff4d7;letter-spacing:.11em;background:#13283e;border:4px solid #b97b3a;padding:9px 20px;font:950 14px/1 monospace;position:absolute;top:18px;left:42%;box-shadow:5px 5px #6e4324}.decor-sign small{color:#e8ab69;text-align:center;margin-top:5px;font-size:7px;display:block}.decor-shelf{text-align:center;background:#d8aa76;border:6px solid #5b3826;border-bottom-width:12px;width:31%;padding:10px 6px;font-size:24px;position:absolute;top:69px;right:5%}.decor-counter{background:linear-gradient(#754228 0 17%,#aa6c42 17%);border:7px solid #442719;height:83px;position:absolute;bottom:0;left:33%;right:7%}.decor-counter span{color:#f7d8aa;font:900 11px/1 monospace;position:absolute;top:34px;right:12%}.decor-barista{filter:drop-shadow(5px 7px #3e281c55);font-size:62px;animation:2s ease-in-out infinite mission-bob;position:absolute;bottom:66px;left:45%}.placed{z-index:4;filter:drop-shadow(4px 5px #0003);font-size:46px;animation:.28s ease-out decor-pop;position:absolute}.placed.window{top:75px;left:17%}.placed.counter{bottom:68px;right:24%}.placed.floor{bottom:2px;left:17%}.decor-controls{background:var(--panel-2);grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px;display:grid}.decor-controls>div{gap:9px;display:grid}.decor-controls>div>span{flex-wrap:wrap;gap:7px;display:flex}.decor-controls button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:9px 11px;font-weight:800}.decor-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:flex!important}.decor-actions .primary{color:#fff;background:#e66a27}.decor-controls>small{color:var(--muted);grid-column:1/-1}@keyframes decor-pop{0%{transform:scale(.2)rotate(-18deg)}70%{transform:scale(1.15)}}html[data-theme=dark] .decor-controls{background:var(--panel-2)}@media (max-width:650px){.decor-studio>header{flex-direction:column;align-items:flex-start}.decor-stage{height:270px}.decor-room{height:205px;left:3%;right:3%}.decor-sign{padding:7px 10px;font-size:10px;left:38%}.decor-shelf{font-size:18px}.decor-barista{font-size:48px}.decor-controls{grid-template-columns:1fr;padding:14px}.decor-actions,.decor-controls>small{grid-column:auto}.placed{font-size:37px}}.daily-board{--mission-orange:#d76020;gap:18px;display:grid}.daily-overview{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.daily-overview>div{border:1px solid var(--line);background:var(--paper);border-radius:16px;gap:5px;padding:17px 18px;display:grid;box-shadow:0 8px 24px #14293d0b}.daily-overview small{color:var(--muted)}.daily-overview b{font-size:17px}.daily-progress{background:var(--panel-2);border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.daily-progress i{background:var(--mission-orange,#d76020);border-radius:3px;height:100%;transition:width .35s;display:block}.daily-role-tabs{border:1px solid var(--line);background:var(--panel-2);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:10px;padding:6px;display:grid}.daily-role-tabs button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:13px;font-weight:900}.daily-role-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 5px 18px #14293d16}.daily-task-panel{border:1px solid var(--line);background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:0 12px 36px #17304b0d}.daily-task-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 20px;display:flex}.daily-task-panel>header p{color:#d76020;letter-spacing:.15em;margin:0 0 4px;font-size:10px;font-weight:950}.daily-task-panel>header h2{margin:0}.daily-task-panel>header>span{background:var(--panel-2);color:var(--muted);border-radius:99px;padding:7px 11px;font-size:11px;font-weight:900}.daily-task-list{display:grid}.daily-task-list article{border-bottom:1px solid var(--line);grid-template-columns:46px 44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 20px;transition:background .18s;display:grid}.daily-task-list article:last-child{border-bottom:0}.daily-task-list article.complete{background:#eff9f3}.daily-check{background:var(--paper);color:#fff;border:2px solid #aeb9c5;border-radius:12px;width:44px;height:44px;font-size:21px;font-weight:950;transition:transform .12s}.daily-check:disabled{opacity:.6}.daily-task-body{cursor:pointer}.complete .daily-check{background:#23855b;border-color:#23855b}.daily-task-list article>i{text-align:center;font-size:27px;font-style:normal}.daily-task-list h3{margin:0 0 4px;font-size:16px}.daily-task-list p{color:var(--muted);margin:0 0 7px;font-size:12px}.daily-task-list small{color:var(--muted)}.daily-task-list small b{color:var(--ink)}.daily-task-list article>strong{color:#a64a18;white-space:nowrap;background:#fff1e6;border-radius:99px;padding:7px 10px;font-size:10px}.daily-task-list article.complete>strong{color:#24734e;background:#dff4e8}.daily-warning{color:#76513a;background:#fff5eb;border-left:4px solid #d76020;border-radius:12px;gap:12px;padding:14px 16px;display:flex}.daily-warning b{white-space:nowrap}html[data-theme=dark] .daily-task-list article.complete{background:#18382d}html[data-theme=dark] .daily-warning{color:#ffd9bd;background:#38291f}html[data-theme=dark] .daily-task-list article>strong{color:#ffc293;background:#442b1e}html[data-theme=dark] .daily-task-list article.complete>strong{color:#9ee0bd;background:#194331}@media (max-width:700px){.daily-overview{grid-template-columns:1fr}.daily-task-list article{grid-template-columns:46px 38px minmax(0,1fr);padding:14px}.daily-task-list article>strong{grid-column:3;justify-self:start}.daily-warning{display:grid}.daily-role-tabs button{padding:11px 7px;font-size:12px}}.daily-head-actions{align-items:center;gap:9px;display:flex}.daily-head-actions>span{background:var(--panel-2);color:var(--muted);border-radius:99px;padding:7px 11px;font-size:11px;font-weight:900}.daily-head-actions button{color:#a84813;background:#fff4e9;border:1px solid #e6a06d;border-radius:10px;padding:8px 11px;font-weight:900}.daily-task-list article{position:relative}.daily-task-list article.issue{background:#fff3f3;border-color:#ef8b8b}.daily-task-list article.issue>.daily-check{color:#fff;background:#c63f3f}.daily-meta{color:var(--muted);margin-top:7px;display:block}.daily-remove{color:#b42318;background:0 0;border:0;font-size:10px;font-weight:900;position:absolute;bottom:8px;right:12px}.daily-task-modal textarea{resize:vertical;min-height:95px}.daily-upload input{margin-top:6px}.daily-task-modal>.secondary{width:100%;margin:0 0 10px}.daily-task-modal footer{justify-content:flex-end;gap:8px;display:flex}html[data-theme=dark] .daily-head-actions button{color:#ffb077;background:#3b291d;border-color:#754326}html[data-theme=dark] .daily-task-list article.issue{background:#321f25;border-color:#8d4651}@media (max-width:700px){.daily-task-panel>header{align-items:flex-start}.daily-head-actions{flex-direction:column;align-items:flex-end}.daily-head-actions button{font-size:10px}.daily-remove{grid-column:3;justify-self:start;position:static}.daily-task-modal{max-height:90dvh;overflow:auto}}.shot-guide-button{color:#a84612;background:#fff7ef;border:1px solid #d76020;border-radius:9px;margin-top:10px;padding:8px 11px;font-size:11px;font-weight:900;display:block}.shot-guide-modal{background:var(--paper);border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,100vw - 28px);height:min(90vh,920px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0006}.shot-guide-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:18px 20px;display:flex}.shot-guide-modal>header p{color:#d76020;letter-spacing:.14em;margin:0 0 3px;font-size:10px;font-weight:950}.shot-guide-modal>header h2{margin:0}.shot-guide-modal>header span{color:var(--muted);font-size:11px}.shot-guide-modal>header>button{border:1px solid var(--line);background:var(--panel-2);width:38px;height:38px;color:var(--ink);border-radius:50%;font-size:25px}.shot-guide-scroll{padding:18px;overflow:auto}.shot-guide-modal>footer{border-top:1px solid var(--line);background:var(--paper);padding:14px 18px}.shot-guide-modal>footer button{width:100%}html[data-theme=dark] .shot-guide-button{color:#ffc091;background:#3a291d;border-color:#a94f22}@media (max-width:600px){.shot-guide-modal{border-radius:18px;height:94vh}.shot-guide-scroll{padding:10px}.shot-guide-modal>header{padding:14px}.shot-guide-modal>header h2{font-size:20px}}html[data-theme=dark] .action-grid i,html[data-theme=dark] .metric>span,html[data-theme=dark] .rule-card header i{color:#9fc5ff;background:#24364d;border:1px solid #415771}html[data-theme=dark] .action-grid i .ico,html[data-theme=dark] .metric>span .ico{color:#9fc5ff;stroke:#9fc5ff}html[data-theme=dark] .action-grid b{color:#f4f7fb}html[data-theme=dark] .action-grid span{color:#b5c2d4}html[data-theme=dark] .rule-highlight{background:linear-gradient(135deg,#2d291f,#26251f);border-color:#655638}html[data-theme=dark] .rule-highlight header b{color:#f4d58e}html[data-theme=dark] .rule-highlight header button{color:#f1ca75}html[data-theme=dark] .rule-highlight li{color:#e1d3b4}html[data-theme=dark] .rules-tabs{border:1px solid var(--line);background:#1b293b}html[data-theme=dark] .rules-tabs button{color:#aebbcf}html[data-theme=dark] .rules-tabs button.selected{color:#d7e7ff;background:#2a3b52}html[data-theme=dark] .recipe-tools{background:linear-gradient(135deg,#152337,#1b3855);border:1px solid #344a64}html[data-theme=dark] .recipe-tools input{color:#f3f7fc;background:#0f1b2a;border-color:#445b74}html[data-theme=dark] .recipe-categories button{color:#d6e0ec;background:#18283b;border-color:#3b4d63}html[data-theme=dark] .recipe-categories button b{color:#c9d7e7;background:#263a51}html[data-theme=dark] .recipe-categories button.active{color:#fff;background:#c85a1b;border-color:#e06e2c}html[data-theme=dark] .recipe-card>header>span{color:#a9ccf0;background:#243a53}html[data-theme=dark] .recipe-sweet{background:#34281f}html[data-theme=dark] .recipe-sweet b{color:#f09a5f}html[data-theme=dark] .recipe-sweet span{color:#f2cfb6}html[data-theme=dark] .thresh-list>div{background:var(--paper)}html[data-theme=dark] .clock-card{background:linear-gradient(160deg,#18263a,#131f30);border-color:#3c4e65}html[data-theme=dark] .clock-date{color:#bdc9d8}html[data-theme=dark] .clock-card time{color:#0000;background:linear-gradient(135deg,#a8caff,#63d4dc);-webkit-background-clip:text;background-clip:text}html[data-theme=dark] .clock-card p{color:#aebdd0}html[data-theme=dark] .clock-card p b{color:#f0f5fb}html[data-theme=dark] .clock-coffee-guide{color:#ffe1b6;background:linear-gradient(135deg,#352719,#2a2118);border-color:#7c5835}html[data-theme=dark] .clock-coffee-guide>span{background:#172438}html[data-theme=dark] .clock-coffee-guide small{color:#ffae72}html[data-theme=dark] .clock-coffee-guide em{color:#d6c1a5}html[data-theme=dark] .clock-coffee-guide>strong{color:#ffb276}@media (max-width:600px){.clock-coffee-guide{grid-template-columns:auto 1fr;padding:12px}.clock-coffee-guide>strong{grid-column:2}.clock-guide-recipe{gap:6px}.clock-guide-recipe article{padding:10px 6px}.clock-guide-recipe b{font-size:17px}.clock-guide-adjust{grid-template-columns:1fr}}html[data-theme=dark] .status-quote{color:#f3d9b7;background:linear-gradient(135deg,#32291f,#27231f);border-color:#6c563b}html[data-theme=dark] .status-quote:after{color:#c8a781}html[data-theme=dark] .location-off,html[data-theme=dark] .break-btn{color:#d7e1ee;background:#25344a}html[data-theme=dark] .geo-retry{color:#d7e8ff;background:#203654;border-color:#76a9f3}html[data-theme=dark] .today-card>div{border-color:var(--line)}html[data-theme=dark] .espresso-section{background:var(--paper)}html[data-theme=dark] .espresso-section>p,html[data-theme=dark] .espresso-steps p,html[data-theme=dark] .espresso-steps span,html[data-theme=dark] .espresso-taste p,html[data-theme=dark] .espresso-flow span{color:#b6c3d4}html[data-theme=dark] .espresso-check li,html[data-theme=dark] .espresso-taste article,html[data-theme=dark] .espresso-columns>div,html[data-theme=dark] .espresso-qc{color:#e4ebf5;background:#1c2c40;border:1px solid #354962}html[data-theme=dark] .espresso-steps article{background:#19283b;border-color:#3b4d64}html[data-theme=dark] .espresso-steps article>b{color:#b9d6ff;background:#294566}html[data-theme=dark] .espresso-steps em{color:#f0ad79}html[data-theme=dark] .espresso-recipe small,html[data-theme=dark] .espresso-steps small{color:#efad7d}html[data-theme=dark] .espresso-flow>div{color:#f6e7db;background:#38281f;border-color:#815139}html[data-theme=dark] .espresso-flow>div:last-child{color:#e8f1fb;background:#1e3047;border-color:#45617e}html[data-theme=dark] .espresso-flow strong{color:#ffc18e}html[data-theme=dark] .espresso-process{background:#091523;border:1px solid #344a63}html[data-theme=dark] .espresso-tr span{color:#d8e2ee;border-color:#405068}html[data-theme=dark] .espresso-tr.head span{color:#f2f6fb;background:#0d1c2d}html[data-theme=dark] .espresso-qc b{color:#f1b17f}html[data-theme=dark] .top-actions select:disabled{opacity:1;color:#bcc9da;-webkit-text-fill-color:#bcc9da}html[data-theme=dark] .notify-permission-card h2{color:var(--ink)}html[data-theme=dark] .notify-permission-card small{background:var(--panel-2);color:#bdc9d8}html[data-theme=dark] .notify-permission-card small.permission-help{color:#ffd0a4;background:#38291f}@media (max-width:760px){html[data-theme=dark] .sidebar{border-top-color:var(--line);background:#0d1521fa;box-shadow:0 -8px 28px #00000057}html[data-theme=dark] .sidebar nav button{color:#91a2b8}html[data-theme=dark] .sidebar nav button.active{color:#8db9f8}html[data-theme=dark] .request-switch{background:#0d1521f5}html[data-theme=dark] .global-work-mode{background:#162234fa;border-color:#40536b}html[data-theme=dark] .work-mode-switch:before{color:#c4cfde}}.daily-live-notice{color:#1f6345;background:#eef9f2;border:1px solid #b9dfc9;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex}.daily-live-notice>div{gap:3px;display:grid}.daily-live-notice span{color:#47745f;font-size:12px}.daily-live-notice button{color:#fff;white-space:nowrap;background:#237b55;border:0;border-radius:12px;min-height:42px;padding:0 16px;font-weight:900}.daily-live-notice button:disabled{opacity:.45}.daily-task-list article.issue{background:#fff4ef}.daily-task-list article.issue .daily-check{background:#d35d32;border-color:#d35d32}.daily-task-list article.issue>strong{color:#a43718;background:#ffe0d4}html[data-theme=dark] .daily-live-notice{color:#b8f0d2;background:#172f27;border-color:#315c49}html[data-theme=dark] .daily-live-notice span{color:#91bea8}html[data-theme=dark] .daily-task-list article.issue{background:#39231e}html[data-theme=dark] .daily-task-list article.issue>strong{color:#ffc2aa;background:#532b21}@media (max-width:700px){.daily-live-notice{flex-direction:column;align-items:stretch}.daily-live-notice button{width:100%}}.payroll-page{gap:18px;display:grid}.payroll-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.payroll-head p{color:#cf5d20;letter-spacing:.16em;margin:0 0 5px;font-size:10px;font-weight:950}.payroll-head h1{margin:0;font-size:34px}.payroll-head span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.payroll-head button{color:#fff;background:#d76020;border:0;border-radius:12px;min-height:44px;padding:0 17px;font-weight:900}.payroll-loading{border:1px solid var(--line);background:var(--paper);text-align:center;color:var(--muted);border-radius:20px;padding:42px}.payroll-toolbar{border:1px solid var(--line);background:var(--paper);border-radius:18px;grid-template-columns:180px 210px 1fr;gap:12px;padding:16px;display:grid}.payroll-toolbar label,.payroll-fields label,.payroll-note{color:var(--muted);gap:6px;font-size:10px;font-weight:900;display:grid}.payroll-toolbar input,.payroll-toolbar select,.payroll-fields input,.payroll-fields select,.payroll-note input{border:1px solid var(--line);background:var(--panel-2);min-height:43px;color:var(--ink);border-radius:11px;padding:0 12px}.payroll-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.payroll-metrics>div{border:1px solid var(--line);background:var(--paper);border-radius:17px;gap:6px;padding:18px;display:grid}.payroll-metrics span{color:var(--muted);font-size:11px}.payroll-metrics b{font-size:21px}.payroll-metrics .net{color:#17633f;background:#eff9f3;border-color:#83c8a8}.payroll-rules{color:#744622;background:#fff5e8;border-left:4px solid #d76020;border-radius:12px;gap:12px;padding:13px 16px;font-size:12px;display:flex}.payroll-color-legend{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:13px 16px;font-size:11px;display:flex}.payroll-color-legend b{margin-right:4px}.payroll-color-legend span{color:var(--muted);align-items:center;gap:6px;display:flex}.payroll-color-legend i{border:1px solid #0002;border-radius:5px;width:15px;height:15px}.payroll-color-legend .commission-one{background:#2679e8}.payroll-color-legend .commission-half{background:#ef4444}.payroll-list{gap:13px;display:grid}.payroll-card{border:1px solid var(--line);border-left:7px solid var(--employee-color,#cbd5e1);background:var(--paper);border-radius:19px;overflow:hidden;box-shadow:0 10px 30px #14293d0a}.payroll-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.payroll-card>header div{gap:3px;display:grid}.payroll-card>header b{background:var(--employee-color,#cbd5e1);width:max-content;color:var(--employee-ink,#172033);border-radius:8px;padding:5px 9px;font-size:16px}.payroll-card>header span,.payroll-person small{color:var(--muted);font-size:10px}.payroll-person .commission-badge{color:#fff;border-radius:999px;width:max-content;margin-top:3px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:950}.commission-badge.rate-1{background:#2679e8}.commission-badge.rate-0-5{background:#ef4444}.payroll-card>header select{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:10px;padding:8px 10px;font-weight:900}.payroll-auto{background:var(--line);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.payroll-auto span{background:var(--panel-2);color:var(--muted);gap:3px;padding:11px 14px;font-size:10px;display:grid}.payroll-auto b{color:var(--ink);font-size:12px}.payroll-fields{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;display:grid}.payroll-start-date{border:2px solid var(--employee-color,#cbd5e1);background:var(--employee-color,#cbd5e1);border-radius:13px;padding:8px}@supports (color:color-mix(in lab, red, red)){.payroll-start-date{background:color-mix(in srgb,var(--employee-color,#cbd5e1) 12%,var(--paper))}}.payroll-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:12px;padding:13px 16px;font-size:11px;display:flex}.payroll-summary b{color:#18734c;margin-left:auto;font-size:16px}.payroll-summary button{color:#fff;background:#d76020;border:0;border-radius:10px;padding:9px 15px;font-weight:900}.payroll-summary button:disabled{opacity:.45}.payroll-note{padding:13px 16px 16px}.payroll-note input{width:100%}html[data-theme=dark] .payroll-metrics .net{color:#a9edc9;background:#17372b;border-color:#315f4a}html[data-theme=dark] .payroll-rules{color:#ffd9bd;background:#38291f}@media (max-width:800px){.payroll-head{flex-direction:column;align-items:stretch}.payroll-head button{width:100%}.payroll-toolbar{grid-template-columns:1fr 1fr}.payroll-toolbar .grow{grid-column:1/3}.payroll-metrics{grid-template-columns:1fr 1fr}.payroll-auto{grid-template-columns:repeat(2,1fr)}.payroll-fields{grid-template-columns:1fr 1fr}.payroll-summary{flex-direction:column;align-items:stretch}.payroll-summary b{margin-left:0}.payroll-summary button{width:100%}.payroll-rules{display:grid}}.daily-announcement-banner{color:#4d3219;background:linear-gradient(135deg,#fff8e7,#fff1d7);border:1px solid #efb36e;border-left:5px solid #dc681f;border-radius:18px;gap:10px;margin-bottom:16px;padding:18px 20px;display:grid;box-shadow:0 10px 26px #8b521215}.daily-announcement-banner header{align-items:center;gap:11px;display:flex}.daily-announcement-banner header>span{background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.daily-announcement-banner header div{flex:1;display:grid}.daily-announcement-banner header small{color:#b45318;letter-spacing:.12em;font-size:9px;font-weight:950}.daily-announcement-banner header b{font-size:18px}.daily-announcement-banner header em{color:#9d4c16;background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:900}.daily-announcement-banner>p{white-space:pre-wrap;margin:0;line-height:1.65}.daily-announcement-banner footer{color:#856b50;justify-content:space-between;font-size:10px;display:flex}.daily-announcement-banner details{border-top:1px solid #e8cda9;padding-top:9px}.daily-announcement-banner summary{cursor:pointer;font-size:11px;font-weight:900}.daily-announcement-banner details article{background:#ffffffa8;border-radius:10px;margin-top:9px;padding:10px}.daily-announcement-banner details article p{margin:4px 0;font-size:12px}.announcement-center{margin-bottom:18px}.announcement-center>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.announcement-center>header span{color:#d45b1b;letter-spacing:.14em;font-size:9px;font-weight:950}.announcement-center>header h2{margin:5px 0}.announcement-center>header p{color:var(--muted);margin:0;font-size:12px}.announcement-form{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;padding:16px;display:grid}.announcement-form label{color:var(--ink);gap:6px;font-size:11px;font-weight:900;display:grid}.announcement-form .wide{grid-column:span 2}.announcement-form textarea{resize:vertical;min-height:88px}.announcement-form>button{align-self:end;min-height:46px}.announcement-list{gap:8px;margin-top:14px;display:grid}.announcement-list article{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.announcement-list article>i{border-radius:50%;width:9px;height:9px}.announcement-list i.live{background:#2ebd78;box-shadow:0 0 0 5px #2ebd7820}.announcement-list i.scheduled{background:#f2a63a}.announcement-list i.expired{background:#96a1b0}.announcement-list article div{gap:2px;display:grid}.announcement-list article p{color:var(--muted);margin:0;font-size:11px}.announcement-list article small{color:var(--muted);font-size:9px}.announcement-list article>em{font-size:10px;font-style:normal;font-weight:900}.announcement-list article>button{border:1px solid var(--line);color:#c44e35;background:0 0;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:900}html[data-theme=dark] .daily-announcement-banner{color:#ffe4bd;background:linear-gradient(135deg,#352719,#2a2118);border-color:#805638}html[data-theme=dark] .daily-announcement-banner header>span,html[data-theme=dark] .daily-announcement-banner header em{color:#ffc08f;background:#172438}html[data-theme=dark] .daily-announcement-banner footer{color:#ccb798}@media (max-width:700px){.announcement-center>header{flex-direction:column;align-items:stretch}.announcement-center>header button{width:100%}.announcement-form{grid-template-columns:1fr}.announcement-form .wide{grid-column:auto}.announcement-list article{grid-template-columns:auto 1fr auto}.announcement-list article>button{grid-column:2/4}.daily-announcement-banner header{flex-wrap:wrap;align-items:flex-start}.daily-announcement-banner header em{margin-left:53px}.daily-announcement-banner footer{flex-direction:column;align-items:flex-start;gap:3px}}.role-dashboard-intro{border:1px solid var(--line);color:#fff;background:linear-gradient(135deg,#12243b,#183555);border-radius:26px;margin:0 0 22px;padding:26px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f233b24}.role-dashboard-intro:after{content:"";pointer-events:none;background:radial-gradient(circle,#eb762f57,#0000 66%);border-radius:50%;width:250px;height:250px;position:absolute;top:-90px;right:-70px}.role-dashboard-intro>header{z-index:1;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px;display:flex;position:relative}.role-dashboard-intro>header span{color:#f29a62;letter-spacing:.16em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.role-dashboard-intro h2{color:#fff;margin:0 0 6px;font-size:clamp(24px,3vw,36px);line-height:1.18}.role-dashboard-intro p{color:#c5d2e1;margin:0;line-height:1.6}.role-dashboard-intro>header em{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex:none;padding:9px 13px;font-size:13px;font-style:normal;font-weight:800}.role-dashboard-actions{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.role-dashboard-actions button{color:#fff;text-align:left;background:#ffffff12;border:1px solid #ffffff21;border-radius:17px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:78px;padding:13px;transition:all .18s;display:grid}.role-dashboard-actions button:hover{background:#ffffff1f;border-color:#f29a62bf;transform:translateY(-2px)}.role-dashboard-actions i{color:#ff9b5c;background:#ffffff1f;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.role-dashboard-actions .ico{width:21px;height:21px}.role-dashboard-actions span{gap:3px;min-width:0;display:grid}.role-dashboard-actions b{color:#fff;font-size:15px}.role-dashboard-actions small{color:#aebed0;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.role-dashboard-actions strong{color:#f29a62;font-size:18px}.role-dashboard-intro.role-supervisor{background:linear-gradient(135deg,#122b35,#16534b)}.role-dashboard-intro.role-operations{background:linear-gradient(135deg,#101f39,#243b72)}.role-dashboard-intro.role-owner{background:linear-gradient(135deg,#172235,#4a2d20)}@media (max-width:900px){.role-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.role-dashboard-intro{border-radius:21px;margin:0 0 16px;padding:18px 15px}.role-dashboard-intro>header{margin-bottom:16px;display:block}.role-dashboard-intro>header em{margin-top:12px;display:inline-block}.role-dashboard-intro h2{font-size:25px}.role-dashboard-intro p{font-size:13px}.role-dashboard-actions{grid-template-columns:1fr 1fr;gap:8px}.role-dashboard-actions button{grid-template-columns:36px 1fr;min-height:70px;padding:10px}.role-dashboard-actions i{width:36px;height:36px}.role-dashboard-actions strong{display:none}.role-dashboard-actions b{font-size:13px}.role-dashboard-actions small{font-size:10px}}[data-theme=dark] .role-dashboard-intro{box-shadow:none;border-color:#344760}.announcement-popup-overlay{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081423b8;padding:18px}.announcement-popup{background:var(--card);text-align:center;border:1px solid #ee7e3a52;border-radius:28px;width:min(500px,100%);padding:30px;box-shadow:0 26px 80px #00000047}.announcement-popup-icon{border:5px solid var(--card);background:linear-gradient(145deg,#d95f16,#f18a47);border-radius:22px;place-items:center;width:66px;height:66px;margin:-62px auto 17px;font-size:31px;display:grid;box-shadow:0 12px 28px #d95f164d}.announcement-popup>small{color:var(--accent);letter-spacing:.1em;font-weight:900}.announcement-popup h2{color:var(--text);margin:9px 0 8px;font-size:27px}.announcement-popup p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:16px;line-height:1.7}.announcement-popup>div{color:var(--muted);justify-content:center;gap:10px;margin:20px 0;font-size:12px;display:flex}.announcement-popup>div b{color:var(--text)}.announcement-popup .primary{width:100%;min-height:52px}@media (max-width:600px){.announcement-popup{border-radius:24px;padding:26px 18px 20px}.announcement-popup h2{font-size:23px}.announcement-popup>div{flex-direction:column;align-items:center;gap:2px}}.payroll-extra{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;margin:0 16px 16px;overflow:hidden}.payroll-extra summary{cursor:pointer;color:var(--ink);padding:12px 14px;font-weight:900}.payroll-extra[open] summary{border-bottom:1px solid var(--line)}.payroll-extra .payroll-fields{padding:14px}.payroll-warning{color:#8a4b08;background:#fff7e6;border:1px solid #efbd62;border-left-width:4px}html[data-theme=dark] .payroll-warning{color:#ffe0a3;background:#3b2d18;border-color:#8a642b}.assistant-floating-button{z-index:78;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ef823f,#c94f16);border:2px solid #ffffffd9;border-radius:50%;grid-template-rows:1fr auto;align-content:center;place-items:center;gap:0;width:64px;height:64px;padding:0;transition:box-shadow .2s,transform .2s,filter .2s;display:grid;position:fixed;bottom:92px;right:18px;box-shadow:0 13px 34px #a43d235c,0 3px 10px #10243c2e}.assistant-floating-button span{pointer-events:none;font-size:25px;line-height:25px}.assistant-floating-button small{letter-spacing:.09em;pointer-events:none;font-size:9px;font-weight:950;line-height:11px}.assistant-floating-button:before{content:"";pointer-events:none;border:1px solid #e8753573;border-radius:50%;animation:2.4s ease-out infinite assistantFabRing;position:absolute;inset:-6px}:is(.assistant-floating-button:hover,.assistant-floating-button:focus-visible){outline-offset:2px;outline:3px solid #f5a16d55;transform:translateY(-2px)scale(1.04);box-shadow:0 17px 40px #a43d2370,0 4px 12px #10243c38}.assistant-floating-button.dragging{cursor:grabbing;filter:brightness(1.07);transition:none;transform:scale(1.08)}.assistant-floating-button.active{background:linear-gradient(145deg,#1f4871,#10243c);border-color:#f59a60}.assistant-floating-button.active:before{border-color:#4d86bd80}@keyframes assistantFabRing{0%{opacity:.8;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.22)}}html[data-theme=dark] .assistant-floating-button{border-color:#314b68;box-shadow:0 14px 38px #0009,0 0 0 1px #f18a4c55}.thr-assistant-page{gap:14px;max-width:940px;margin:auto;display:grid}.thr-assistant-page>header{color:#fff;background:linear-gradient(135deg,#10243c,#1f4871);border-radius:24px;grid-template-columns:62px 1fr auto;align-items:center;gap:16px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #10243c22}.thr-assistant-page>header:after{content:"";background:radial-gradient(circle,#e875354f,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;bottom:-80px;right:-45px}.assistant-orb{background:linear-gradient(145deg,#e86f2b,#f7a35e);border:1px solid #fff5;border-radius:20px;place-items:center;width:62px;height:62px;font-size:30px;display:grid;box-shadow:0 10px 28px #e96d2942}.thr-assistant-page>header small{color:#f7a16b;letter-spacing:.16em;font-weight:950}.thr-assistant-page>header h1{margin:4px 0 2px;font-size:28px}.thr-assistant-page>header p{color:#c4d4e6;margin:0;font-size:12px}.thr-assistant-page>header em{z-index:1;background:#ffffff12;border:1px solid #ffffff30;border-radius:999px;padding:8px 12px;font-size:11px;font-style:normal;font-weight:900;position:relative}.assistant-scope{border:1px solid var(--line);background:var(--paper);border-radius:15px;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 14px;display:flex}.assistant-scope span{background:var(--panel-2);color:var(--ink);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.assistant-scope small{color:var(--muted);margin-left:auto}.assistant-chat{border:1px solid var(--line);background:var(--paper);scrollbar-width:thin;border-radius:22px;align-content:start;gap:13px;min-height:380px;max-height:58vh;padding:20px;display:grid;overflow:auto}.assistant-chat article{align-items:flex-start;gap:9px;max-width:82%;display:flex}.assistant-chat article.user{flex-direction:row-reverse;justify-self:end}.assistant-chat article>i{color:#fff;background:#173454;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:9px;font-style:normal;font-weight:950;display:grid}.assistant-chat article.user>i{background:#d86120}.assistant-chat article>div{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);white-space:normal;border-radius:5px 16px 16px;padding:12px 14px;font-size:13px;line-height:1.72}.assistant-chat article.user>div{background:#fff4eb;border-color:#e4763b;border-radius:16px 5px 16px 16px}.assistant-mode{color:#a65b2f;margin-top:8px;font-size:9px;display:block}.assistant.thinking div{gap:5px;padding:15px;display:flex}.assistant.thinking span{background:#8194aa;border-radius:50%;width:7px;height:7px;animation:1s infinite assistantPulse}.assistant.thinking span:nth-child(2){animation-delay:.15s}.assistant.thinking span:nth-child(3){animation-delay:.3s}@keyframes assistantPulse{50%{opacity:.25;transform:translateY(-3px)}}.assistant-quick{gap:7px;padding:2px 1px 5px;display:flex;overflow-x:auto}.assistant-quick button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;flex:none;padding:9px 12px;font-size:11px;font-weight:800}.assistant-quick button:hover{color:#c65318;border-color:#df6b2d}.assistant-compose{border:1px solid var(--line);background:var(--paper);border-radius:18px;grid-template-columns:1fr auto;gap:9px;padding:10px;display:grid}.assistant-compose textarea{resize:vertical;min-height:52px;max-height:130px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:8px}.assistant-compose button{align-self:stretch;min-width:125px}.thr-assistant-page>footer{text-align:center;color:var(--muted);font-size:10px}html[data-theme=dark] .assistant-chat article.user>div{background:#35251e;border-color:#81472d}html[data-theme=dark] .assistant-quick button:hover{color:#ffb184;border-color:#ef8a51}.assistant-history{border:1px solid var(--line);background:var(--paper);border-radius:17px;grid-template-columns:minmax(150px,1fr) minmax(190px,1.4fr) auto auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.assistant-history>div{gap:2px;display:grid}.assistant-history strong{color:var(--ink);font-size:13px}.assistant-history small{color:var(--muted);font-size:10px}.assistant-history select,.assistant-history button{border:1px solid var(--line);background:var(--panel-2);min-height:42px;color:var(--ink);font:inherit;border-radius:12px;font-size:11px;font-weight:850}.assistant-history select{min-width:0;padding:0 11px}.assistant-history button{cursor:pointer;padding:0 13px}.assistant-history .limit{color:#237449;text-align:center;background:#edf9f1;border:1px solid #acd9bf;border-radius:12px;min-width:94px;padding:7px 10px;font-size:13px;font-weight:950;display:grid}.assistant-history .limit small{color:#438264;font-size:9px;display:block}.assistant-history .limit.reached{color:#b53d2e;background:#fff0ed;border-color:#efb1a7}.assistant-history .limit.reached small{color:#b53d2e}html[data-theme=dark] .assistant-history .limit{color:#91e2b1;background:#173629;border-color:#326449}html[data-theme=dark] .assistant-history .limit small{color:#8ecba8}html[data-theme=dark] .assistant-history .limit.reached{color:#ff9b8f;background:#3d2522;border-color:#743c35}html[data-theme=dark] .assistant-history .limit.reached small{color:#ff9b8f}@media (max-width:650px){.assistant-floating-button{right:14px;bottom:calc(96px + env(safe-area-inset-bottom));width:60px;height:60px}.thr-assistant-page>header{grid-template-columns:50px 1fr;padding:18px 15px}.assistant-orb{border-radius:16px;width:50px;height:50px}.thr-assistant-page>header h1{font-size:22px}.thr-assistant-page>header em{grid-column:1/3;width:max-content}.assistant-history{grid-template-columns:1fr auto}.assistant-history>div{grid-column:1/2}.assistant-history .limit{grid-area:1/2/auto/3}.assistant-history select,.assistant-history button{grid-column:1/3}.assistant-scope small{width:100%;margin-left:0}.assistant-chat{min-height:48vh;max-height:53vh;padding:13px}.assistant-chat article{max-width:94%}.assistant-compose{grid-template-columns:1fr}.assistant-compose button{min-height:46px}.thr-assistant-page{padding-bottom:8px}}.avatar-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.avatar-chip svg{display:block}.av-studio{grid-template-columns:minmax(230px,300px) 1fr;align-items:start;gap:18px;display:grid}.av-stage{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sh-sm);justify-items:center;gap:12px;padding:22px 18px;display:grid;position:sticky;top:16px}.av-preview{background:linear-gradient(160deg,var(--panel-2),var(--bg));border:1px solid var(--line);border-radius:50%;place-items:center;width:210px;height:210px;display:grid}.av-name{text-align:center;gap:2px;display:grid}.av-name b{font-size:16px}.av-name span{color:var(--muted);font-size:11.5px}.av-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.av-controls{gap:14px;display:grid}.av-group{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:14px 15px}.av-group h4{letter-spacing:.4px;color:var(--muted);text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:700}.av-options{flex-wrap:wrap;gap:7px;display:flex}.av-option{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:999px;min-height:38px;padding:8px 14px;font-size:12.5px;font-weight:600}.av-option:hover{border-color:var(--brand-2);color:var(--brand-ink)}.av-option.on{background:var(--brand);border-color:var(--brand);color:#fff}.av-swatches{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.av-swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:34px;height:34px;padding:0}.av-swatch:hover{transform:scale(1.06)}.av-swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.av-swatch.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent)}}html[data-theme=dark] .av-group,html[data-theme=dark] .av-stage{background:var(--panel-2)}html[data-theme=dark] .av-option{background:var(--paper)}html[data-theme=dark] .av-swatch.on{border-color:#fff}@media (max-width:760px){.av-studio{grid-template-columns:1fr}.av-stage{position:static}.av-preview,.av-preview svg{width:170px;height:170px}}.cs-rig{display:block;overflow:visible}.cs-rig .cs-leg{transform-origin:50% 128px}.cs-rig .cs-arm{transform-origin:50% 104px}.cs-rig .cs-head{transform-origin:50% 60px}.pose-walk .cs-leg.l{animation:.52s linear infinite csLegA}.pose-walk .cs-leg.r{animation:.52s linear infinite csLegB}.pose-walk .cs-arm.l{animation:.52s linear infinite csArmB}.pose-walk .cs-arm.r{animation:.52s linear infinite csArmA}.pose-walk .cs-torso{animation:.26s ease-in-out infinite alternate csBob}@keyframes csLegA{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes csLegB{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes csArmA{0%{transform:rotate(16deg)}50%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}@keyframes csArmB{0%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}to{transform:rotate(-16deg)}}@keyframes csBob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.pose-work .cs-arm.l{animation:.7s ease-in-out infinite csTamp}.pose-work .cs-arm.r{transform:rotate(-26deg)}.pose-work .cs-head{animation:1.9s ease-in-out infinite csNod}@keyframes csTamp{0%,to{transform:rotate(-14deg)}50%{transform:rotate(-40deg)}}@keyframes csNod{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}.pose-serve .cs-arm.r{transform:rotate(-54deg)}.pose-serve .cs-leg.l{animation:.52s linear infinite csLegA}.pose-serve .cs-leg.r{animation:.52s linear infinite csLegB}.pose-serve .cs-torso{animation:.26s ease-in-out infinite alternate csBob}.pose-rest .cs-leg.l,.pose-rest .cs-leg.r{transform:rotate(62deg)}.pose-rest .cs-torso{transform:translateY(16px)}.pose-rest .cs-head{animation:2.6s ease-in-out infinite csSnooze}.pose-rest .cs-shadow{opacity:.5}@keyframes csSnooze{0%,to{transform:rotate(-6deg)}50%{transform:rotate(2deg)}}.pose-idle .cs-torso{animation:2.8s ease-in-out infinite alternate csBreathe}@keyframes csBreathe{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.cs-rig *{animation:none!important}}@media (max-width:760px){.cs-floor{aspect-ratio:4/5;min-height:360px}.cs-zone-tag{font-size:8.5px}.cs-bubble{display:none}}.cafe3d{gap:10px;display:grid}.c3-canvas{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--r-lg);isolation:isolate;background:#1a2030;width:100%;min-height:340px;position:relative;overflow:hidden}.c3-canvas:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(125deg,#ffffff1f,#0000 32%,#070e1c29);position:absolute;inset:0}.cafe-period-morning .c3-canvas:after{background:linear-gradient(125deg,#ffdaa647,#0000 38%,#482a1626)}.cafe-period-evening .c3-canvas:after{background:linear-gradient(125deg,#ffae7033,#0000 38%,#321a3433)}.cafe-period-night .c3-canvas:after{background:linear-gradient(125deg,#719eff1f,#0000 42%,#03091457)}.c3-canvas canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.c3-labels{z-index:2;pointer-events:none;position:absolute;inset:0}.c3-label{white-space:nowrap;justify-items:center;gap:3px;display:grid;position:absolute;transform:translate(-50%,-100%)}.c3-name{color:var(--ink);background:var(--paper);font-size:12px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.c3-name{background:color-mix(in srgb,var(--paper) 93%,transparent)}}.c3-name{border:1px solid #ffffff73;border-radius:999px;padding:3px 10px;box-shadow:0 3px 10px #00000059}.c3-name.rest{background:var(--amber-bg);color:var(--amber)}.c3-status{text-overflow:ellipsis;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15764de6;border-radius:999px;max-width:180px;padding:2px 8px;font-size:9.5px;font-weight:800;overflow:hidden;box-shadow:0 3px 9px #0000003d}.c3-status.break{background:#9a6417eb}.c3-bubble{color:var(--ink);background:var(--paper);border:1px solid var(--line);animation:csPop .25s var(--ease) both;border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:600;box-shadow:0 6px 16px #0000004d}@keyframes csPop{0%{opacity:0;transform:translateY(5px)scale(.9)}to{opacity:1;transform:none}}.c3-branchtag{z-index:2;color:#fff;letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a101cb8;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;position:absolute;top:12px;left:14px}.c3-live{z-index:2;color:#fff;letter-spacing:.6px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a101cc2;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:900;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 7px 18px #0003}.c3-live i{background:#55e38a;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite c3Live;box-shadow:0 0 0 4px #55e38a29}@keyframes c3Live{50%{opacity:.55;box-shadow:0 0 0 8px #55e38a00}}.c3-empty{z-index:2;text-align:center;border-radius:var(--r);background:var(--paper);justify-items:center;gap:4px;padding:18px 26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.c3-empty{background:color-mix(in srgb,var(--paper) 93%,transparent)}}.c3-empty{border:1px solid var(--line);box-shadow:var(--sh)}.c3-empty b{font-size:15px}.c3-empty span{color:var(--muted);font-size:12px}.cs-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:11.5px;display:flex}.cs-legend .dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.cs-legend .dot.work{background:var(--green)}.cs-legend .dot.rest{background:var(--amber)}.cs-hint{opacity:.8;margin-left:auto;font-size:10.5px}.cs-picker{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}@media (max-width:760px){.c3-canvas{aspect-ratio:4/5;min-height:400px}}.c3-bubble.guest{background:var(--panel-2)}@supports (color:color-mix(in lab, red, red)){.c3-bubble.guest{background:color-mix(in srgb,var(--panel-2) 92%,transparent)}}.c3-bubble.guest{opacity:.95;border-style:dashed;font-weight:500}.cafe-wall{gap:12px;margin-bottom:18px;display:grid}.cafe-wall .panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cafe-wall .panel-head p{color:var(--brand);letter-spacing:2px;text-transform:uppercase;margin:0 0 2px;font-size:10.5px;font-weight:700}.cafe-wall .panel-head h3{margin:0;font-size:19px}.cafe-wall .panel-head span{color:var(--muted);font-size:11.5px}.cafe-wall-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cafe-branch-picker{scrollbar-width:thin;gap:10px;padding:2px 2px 10px;display:flex;overflow-x:auto}.cafe-branch-picker button{border:1px solid var(--line);background:var(--card);min-width:160px;color:var(--ink);text-align:left;box-shadow:none;border-radius:16px;flex:1;padding:12px 14px}.cafe-branch-picker button b,.cafe-branch-picker button small{display:block}.cafe-branch-picker button small{color:var(--muted);margin-top:3px;font-size:12px}.cafe-branch-picker button.active{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange)}@supports (color:color-mix(in lab, red, red)){.cafe-branch-picker button.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 18%,transparent)}}.cafe-branch-picker button.active{background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.cafe-branch-picker button.active{background:color-mix(in srgb,var(--orange) 8%,var(--card))}}.cafe-branch-picker button.active b{color:var(--orange)}.cafe-simulation-note{color:var(--muted);margin:10px 2px 0;font-size:12px;line-height:1.55}.cafe3d.compact .c3-canvas{aspect-ratio:4/3;min-height:0}.cafe3d.compact .c3-name{padding:2px 8px;font-size:10.5px}.cafe3d.compact .c3-status{max-width:125px;padding:2px 6px;font-size:8px}.cafe3d.compact .c3-bubble{padding:3px 8px;font-size:10px}.cafe3d.compact .c3-branchtag{padding:5px 11px;font-size:11px;top:9px;left:10px}.cafe3d.compact .c3-live{padding:5px 8px;font-size:8.5px;top:9px;right:9px}.cafe3d.compact .cs-legend{gap:10px;font-size:10.5px}.cafe3d.compact .cs-hint{display:none}@media (max-width:1100px){.cafe-wall-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.cafe-wall-grid{grid-template-columns:1fr}.cafe-wall{min-width:0;overflow:hidden}.cafe-branch-picker{overscroll-behavior-inline:contain;max-width:100%}.cafe3d.compact,.cafe3d.compact .c3-canvas{width:100%;min-width:0;max-width:100%}.cafe3d.compact .c3-canvas{aspect-ratio:4/3;min-height:0;max-height:none}.cafe3d.compact .c3-empty{width:min(78%,280px);padding:14px 16px}}.operations-dashboard{gap:18px;display:grid}.operations-dashboard>.role-dashboard-intro{margin-bottom:0}.operations-dashboard>.page-head{display:none}.dashboard-disclosure{border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh-sm);border-radius:20px;margin:0 0 18px;overflow:hidden}.dashboard-disclosure>summary{cursor:pointer;min-height:70px;color:var(--ink);grid-template-columns:minmax(150px,auto) 1fr auto;align-items:center;gap:14px;padding:15px 18px;list-style:none;display:grid}.dashboard-disclosure>summary::-webkit-details-marker{display:none}.dashboard-disclosure>summary span{font-size:16px;font-weight:900}.dashboard-disclosure>summary small{color:var(--muted);font-size:11px}.dashboard-disclosure>summary b{background:var(--panel-2);color:var(--brand);white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:10px}.dashboard-disclosure>summary b:after{content:" ↓"}.dashboard-disclosure[open]>summary{border-bottom:1px solid var(--line)}.dashboard-disclosure[open]>summary b:after{content:" ↑"}.dashboard-disclosure>.cafe-wall,.dashboard-disclosure>.announcement-center,.dashboard-disclosure>.safe-dashboard{box-shadow:none;border:0;border-radius:0;margin:0;padding:20px}.dashboard-live-store>summary:before,.dashboard-broadcast>summary:before,.dashboard-safe>summary:before{background:var(--panel-2);border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.dashboard-live-store>summary:before{content:"☕"}.dashboard-broadcast>summary:before{content:"📣"}.dashboard-safe>summary:before{content:"💵"}.dashboard-live-store>summary,.dashboard-broadcast>summary,.dashboard-safe>summary{grid-template-columns:38px minmax(140px,auto) 1fr auto}.dashboard-disclosure .safe-dashboard-list{display:none}.dashboard-disclosure .safe-dashboard{background:0 0}@media (max-width:1100px){.occ-layout{flex-direction:column;display:flex}.occ-side{order:-1;grid-template-columns:1fr 1fr;width:100%}.occ-main{width:100%}}@media (max-width:700px){.dashboard-disclosure{border-radius:17px}.dashboard-disclosure>summary,.dashboard-live-store>summary,.dashboard-broadcast>summary,.dashboard-safe>summary{grid-template-columns:36px 1fr auto;gap:10px;min-height:64px;padding:12px 13px}.dashboard-disclosure>summary:before{width:36px;height:36px}.dashboard-disclosure>summary span{font-size:14px}.dashboard-disclosure>summary small{display:none}.dashboard-disclosure>summary b{font-size:9px}.dashboard-disclosure>.cafe-wall,.dashboard-disclosure>.announcement-center,.dashboard-disclosure>.safe-dashboard{padding:14px 12px}.occ-side{grid-template-columns:1fr}.occ-compare{display:none}.operations-dashboard{gap:14px}}.expense-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.expense-head small{color:var(--brand);letter-spacing:.18em;font-weight:900}.expense-head h1{margin:5px 0;font-size:clamp(28px,4vw,44px)}.expense-head p{color:var(--muted);margin:0}.expense-actions{flex-wrap:wrap;gap:9px;display:flex}.expense-actions button,.expense-filter button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:13px;padding:0 16px;font-weight:800}.expense-actions .primary{background:var(--brand);color:#fff;border-color:var(--brand)}.expense-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.expense-summary article{border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh-sm);border-radius:18px;padding:18px}.expense-summary small,.expense-summary span{color:var(--muted);display:block}.expense-summary b{color:var(--ink);margin:5px 0;font-size:25px;display:block}.expense-filter{gap:10px;margin-bottom:14px;display:flex}.expense-filter select{border:1px solid var(--line);background:var(--paper);min-width:150px;min-height:44px;color:var(--ink);border-radius:13px;padding:0 13px}.expense-list{gap:12px;display:grid}.expense-list>article{border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh-sm);border-radius:19px;grid-template-columns:112px 1fr;gap:16px;padding:14px;display:grid}.receipt-thumb{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;height:112px;padding:0;overflow:hidden}.receipt-thumb img{object-fit:cover;width:100%;height:100%}.receipt-thumb span{font-size:38px}.expense-main header{justify-content:space-between;gap:12px;display:flex}.expense-main h3{margin:3px 0}.expense-main p,.expense-main>small{color:var(--muted)}.expense-main>strong{color:#dc5d36;display:block}.expense-main em{border-radius:999px;height:max-content;padding:6px 10px;font-size:11px;font-style:normal;font-weight:900}.expense-main em.pending{color:#916300;background:#fff2c8}.expense-main em.approved{color:#167746;background:#dff7e9}.expense-main em.rejected{color:#ad3030;background:#ffe2e2}.expense-main footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.expense-main footer b{margin-right:auto;font-size:22px}.expense-main footer button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:8px 11px}.expense-main footer .approve{color:#fff;background:#168a55}.expense-main footer .reject{color:#fff;background:#b63e3e}.expense-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:18px;padding:42px}.expense-modal{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07101dcc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.expense-modal>form{background:var(--paper);width:min(760px,100%);max-height:92vh;color:var(--ink);border-radius:22px;padding:22px;overflow:auto;box-shadow:0 25px 80px #0007}.expense-modal>form>header{justify-content:space-between;align-items:center;display:flex}.expense-modal h2{margin:3px 0 14px}.expense-modal header button{border:0;border-radius:50%;width:42px;height:42px;font-size:24px}.receipt-preview{object-fit:contain;background:var(--panel-2);border-radius:14px;width:100%;max-height:230px;margin-bottom:15px;display:block}.expense-form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.expense-form label{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.expense-form .wide{grid-column:1/-1}.expense-form input,.expense-form select,.expense-form textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px}.expense-form textarea{min-height:78px}.expense-form .total input{font-size:20px;font-weight:900}.expense-lines{border:1px solid var(--line);border-radius:13px;margin:14px 0;padding:12px}.expense-lines summary{cursor:pointer;font-weight:900}.expense-lines div{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;gap:12px;padding:9px 0;display:grid}.expense-modal>form>footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.expense-modal footer button{border:1px solid var(--line);border-radius:12px;min-height:46px;padding:0 18px}.expense-modal footer .primary{background:var(--brand);color:#fff}.dark .expense-main em.pending{color:#ffe59a;background:#624b12}.dark .expense-main em.approved{color:#aaf0ca;background:#174f38}.dark .expense-main em.rejected{color:#ffc1c1;background:#592727}.receipt-viewer{z-index:1300;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a13f0;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;position:fixed;inset:0}.receipt-viewer>header{color:#fff;justify-content:space-between;align-items:center;gap:14px;display:flex}.receipt-viewer>header div{display:grid}.receipt-viewer>header small{color:#ff9a62;letter-spacing:.12em;font-weight:900}.receipt-viewer>header b{text-overflow:ellipsis;white-space:nowrap;max-width:70vw;overflow:hidden}.receipt-viewer>header button{color:#fff;background:#17253a;border:1px solid #fff5;border-radius:50%;flex:0 0 46px;width:46px;height:46px;font-size:28px;line-height:1}.receipt-viewer>img{object-fit:contain;border-radius:14px;width:100%;height:100%;min-height:0;display:block}.receipt-viewer-close{color:#132033;background:#fff;border:1px solid #fff4;border-radius:14px;min-height:50px;font-size:15px;font-weight:900}@media (max-width:700px){.expense-head{flex-direction:column;align-items:stretch}.expense-actions{grid-template-columns:1fr 1fr;display:grid}.expense-actions .primary{grid-column:1/-1}.expense-summary{grid-template-columns:1fr 1fr}.expense-summary article:last-child{grid-column:1/-1}.expense-filter>*{flex:1;min-width:0!important}.expense-list>article{grid-template-columns:76px 1fr;gap:11px;padding:11px}.receipt-thumb{height:76px}.expense-main footer{flex-wrap:wrap}.expense-main footer b{width:100%}.expense-form{grid-template-columns:1fr}.expense-form .wide{grid-column:auto}.expense-modal{padding:8px}.expense-modal>form{padding:16px}.expense-lines div{grid-template-columns:1fr auto}.expense-lines div b{grid-column:2}.expense-main header h3{font-size:16px}}.advance-head{margin-bottom:18px}.advance-head small,.advance-form header small,.advance-list header small{color:var(--brand);letter-spacing:.15em;font-weight:900}.advance-head h1{color:var(--ink);margin:5px 0;font-size:clamp(28px,4vw,44px)}.advance-head p{color:var(--muted);margin:0}.advance-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.advance-summary article{border:1px solid var(--line);background:var(--paper);box-shadow:var(--sh-sm);border-radius:18px;padding:18px}.advance-summary small,.advance-summary span{color:var(--muted);display:block}.advance-summary b{color:var(--ink);margin:5px 0;font-size:25px;display:block}.advance-form,.advance-list{margin-bottom:16px;padding:22px 24px}.advance-form>header,.advance-list>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.advance-form h2,.advance-list h2{color:var(--ink);margin:4px 0 0}.advance-form>header>span{text-align:right;max-width:280px;color:var(--muted);font-size:12px}.advance-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advance-fields label{color:var(--ink);gap:6px;font-size:12px;font-weight:800;display:grid}.advance-fields .wide{grid-column:1/-1}.advance-fields input,.advance-fields textarea,.advance-list select{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px}.advance-fields textarea{resize:vertical;min-height:76px}.advance-fields fieldset{border:0;gap:8px;padding:0;display:flex}.advance-fields legend{color:var(--ink);margin-bottom:7px;font-size:12px;font-weight:800}.advance-fields fieldset button{border:1px solid var(--line);background:var(--panel-2);min-height:48px;color:var(--ink);border-radius:12px;flex:1;font-weight:800}.advance-fields fieldset button.selected{border-color:var(--brand);background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.advance-fields fieldset button.selected{background:color-mix(in srgb,var(--brand) 16%,var(--paper))}}.advance-fields fieldset button.selected{color:var(--brand)}.advance-submit{width:100%;min-height:50px;margin-top:15px}.advance-list>header select{width:auto;min-width:150px}.advance-items{gap:12px;display:grid}.advance-items>article{border:1px solid var(--line);background:var(--paper);border-left:4px solid #dca53d;border-radius:17px;padding:16px}.advance-items>article.approved{border-left-color:#24a46d}.advance-items>article.rejected,.advance-items>article.cancelled{border-left-color:#c85151}.advance-main{justify-content:space-between;gap:16px;display:flex}.advance-main h3{color:var(--ink);margin:4px 0}.advance-main p,.advance-main small{color:var(--muted);margin:0}.advance-amount{text-align:right}.advance-amount b{color:var(--ink);font-size:24px;display:block}.advance-amount em{color:#916300;background:#fff2c8;border-radius:999px;margin-top:5px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900;display:inline-block}.approved .advance-amount em{color:#167746;background:#dff7e9}.rejected .advance-amount em,.cancelled .advance-amount em{color:#ad3030;background:#ffe2e2}.advance-account{background:var(--panel-2);border-radius:13px;align-items:center;gap:10px;margin-top:13px;padding:12px;display:flex}.advance-account>span{font-size:24px}.advance-account div{grid-template-columns:auto auto;align-items:center;column-gap:10px;display:grid}.advance-account small{color:var(--muted);grid-column:1/-1}.advance-account b,.advance-account code{color:var(--ink)}.advance-account code{letter-spacing:.06em;font-family:inherit}.advance-note,.advance-review-note{color:var(--muted);margin:10px 0 0}.advance-review-note{color:#c85151;font-weight:800}.advance-items footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:13px;display:flex}.advance-items footer small{color:var(--muted);margin-right:auto}.advance-items footer button{border:1px solid var(--line);border-radius:11px;min-height:40px;padding:0 15px;font-weight:800}.advance-items footer .approve{color:#fff;background:#168a55}.advance-items footer .reject{color:#fff;background:#b63e3e}.advance-items footer .cancel{background:var(--paper);color:#b63e3e}.advance-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:15px;padding:36px}html[data-theme=dark] .advance-amount em{color:#ffe59a;background:#624b12}html[data-theme=dark] .approved .advance-amount em{color:#aaf0ca;background:#174f38}html[data-theme=dark] .rejected .advance-amount em,html[data-theme=dark] .cancelled .advance-amount em{color:#ffc1c1;background:#592727}@media (max-width:700px){.advance-summary{grid-template-columns:1fr 1fr}.advance-summary article:last-child{grid-column:1/-1}.advance-form,.advance-list{padding:17px}.advance-form>header{display:block}.advance-form>header>span{text-align:left;max-width:none;margin-top:8px;display:block}.advance-fields{grid-template-columns:1fr}.advance-fields .wide{grid-column:auto}.advance-list>header{flex-direction:column;align-items:stretch}.advance-list>header select{width:100%}.advance-main{align-items:flex-start}.advance-account div{grid-template-columns:1fr}.advance-account small{grid-column:auto}.advance-account code{word-break:break-all}.advance-items footer{flex-wrap:wrap}.advance-items footer small{width:100%}}.advance-items>article.paid{border-left-color:#24a46d}.paid .advance-amount em{color:#167746;background:#dff7e9}.advance-paid-note{color:#168a55;margin:10px 0 0;font-weight:900}.advance-items footer .paid{color:#fff;background:#168a55}html[data-theme=dark] .paid .advance-amount em{color:#aaf0ca;background:#174f38}.advance-modal-backdrop{z-index:10050;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050e1bad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.advance-pay-modal{border:1px solid var(--line);background:var(--paper);border-radius:22px;width:min(520px,100%);padding:24px;box-shadow:0 24px 70px #00000052}.advance-pay-modal>small{color:var(--brand);letter-spacing:.14em;font-weight:900}.advance-pay-modal h2{color:var(--ink);margin:5px 0}.advance-pay-modal>p{color:var(--muted);margin:0 0 16px}.advance-payee{background:var(--panel-2);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.advance-payee>span{font-size:26px}.advance-payee>div{min-width:0;display:grid}.advance-payee small{color:var(--muted)}.advance-payee b,.advance-payee code,.advance-payee strong{color:var(--ink)}.advance-payee code{word-break:break-all;font-family:inherit}.advance-payee strong{font-size:21px}.advance-pay-modal>label{color:var(--ink);gap:7px;margin-top:16px;font-size:12px;font-weight:900;display:grid}.advance-pay-modal input{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:48px;color:var(--ink);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:12px;padding:10px 12px}@media (prefers-color-scheme:dark){.advance-pay-modal input{--lightningcss-light: ;--lightningcss-dark:initial}}.advance-pay-modal>footer{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.advance-pay-modal>footer button{border:1px solid var(--line);border-radius:12px;min-height:44px;padding:0 18px;font-weight:900}.advance-pay-modal .cancel{background:var(--paper);color:var(--muted)}.advance-pay-modal .confirm{color:#fff;background:#168a55;border-color:#168a55}.advance-pay-modal button:disabled{opacity:.55}@media (max-width:540px){.advance-modal-backdrop{align-items:end;padding:10px}.advance-pay-modal{border-radius:22px 22px 14px 14px;padding:20px 17px}.advance-payee{grid-template-columns:auto 1fr}.advance-payee strong{border-top:1px solid var(--line);text-align:right;grid-column:1/-1;padding-top:7px}.advance-pay-modal>footer button{flex:1}}.expense-lines div{grid-template-columns:minmax(190px,2fr) repeat(3,minmax(90px,1fr));align-items:end}.expense-lines div.needs-name{background:#fff4db;border-radius:10px;margin:6px -4px;padding:10px 4px}.expense-lines label{min-width:0;color:var(--muted);gap:5px;font-size:11px;font-weight:800;display:grid}.expense-lines input{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 10px}.expense-lines .needs-name label:first-child input{background:#fffaf0;border-color:#df7627}.dark .expense-lines div.needs-name{background:#3b2b19}.dark .expense-lines .needs-name label:first-child input{color:#fff3df;background:#251c13}@media (max-width:700px){.expense-lines div{grid-template-columns:1fr 1fr}.expense-lines div label:first-child{grid-column:1/-1}}.expense-filter{flex-wrap:wrap}.expense-search{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;border-radius:13px;flex:280px;padding:0 14px}.expense-filter input[type=date]{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:13px;padding:0 12px}@media (prefers-color-scheme:dark){.expense-filter input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial}}.expense-main em.void{color:#555f70;background:#e7e9ee}.expense-warning{margin-top:7px;font-weight:900;color:#c36919!important}.expense-main .maker-checker{color:#9b6819}.expense-main footer button.void{color:#a72f2f;background:#fff1f1;border-color:#b64444}.expense-check{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;padding:14px;display:grid}.expense-check>div{gap:3px;display:grid}.expense-check span{color:var(--muted);font-size:11px;font-weight:800}.expense-check b{color:var(--ink)}.expense-check ul,.expense-check strong{grid-column:1/-1;margin:3px 0 0}.expense-check ul{color:#a13c22;background:#fff0e8;border-radius:11px;padding:10px 12px 10px 30px}.expense-check strong{color:#168a55}.expense-history{max-height:min(70vh,650px);overflow:auto}.expense-history article{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:12px;padding:12px 0;display:grid}.expense-history time{color:var(--muted);font-size:12px}.expense-history p{color:var(--ink);margin:3px 0}html[data-theme=dark] .expense-main em.void{color:#d9dfeb;background:#343b48}html[data-theme=dark] .expense-main footer button.void{color:#ffc5c5;background:#4c2525}html[data-theme=dark] .expense-check ul{color:#ffd1c3;background:#4a2b24}@media (max-width:700px){.expense-filter{grid-template-columns:1fr 1fr;display:grid}.expense-filter .expense-search{grid-column:1/-1;width:100%}.expense-filter button{grid-column:1/-1}.expense-check{grid-template-columns:1fr}.expense-check ul,.expense-check strong{grid-column:auto}.expense-history article{grid-template-columns:1fr;gap:3px}}.lf{--lf-label:118px;gap:14px;display:grid}.lf-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--r);background:var(--panel-2);padding:26px 18px}.lf-empty p{margin:0 0 4px;font-size:13.5px;font-weight:600}.lf-empty small{color:var(--muted);font-size:11.5px}.lf-quiet-note{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r);margin:0;padding:16px;font-size:12.5px}.lf-alerts{gap:7px;display:grid}.lf-alert{background:var(--paper);border:1px solid var(--line-2);border-left:3px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.lf-alert.lf-high{border-left-color:var(--rose)}.lf-alert.lf-medium{border-left-color:var(--amber)}.lf-alert.lf-low{border-left-color:var(--brand-2)}.lf-ic{border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.lf-ic svg{width:14px;height:14px}.lf-high .lf-ic{background:var(--rose-bg);color:var(--rose)}.lf-medium .lf-ic{background:var(--amber-bg);color:var(--amber)}.lf-low .lf-ic{color:var(--brand-ink);background:#3f80d81f}.lf-txt{font-size:12.5px;line-height:1.45}.lf-txt small{color:var(--muted);font-size:11px;display:block}.lf-where{letter-spacing:.6px;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.lf-more{-webkit-appearance:none;appearance:none;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:var(--r-sm);text-align:left;padding:8px 12px;font-size:11.5px;font-weight:600}.lf-more:hover{color:var(--ink);border-color:var(--brand-2)}.lf-scroller{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:var(--sh-sm);overflow-x:auto}.lf-ribbon{min-width:640px}.lf-axis{grid-template-columns:var(--lf-label) 1fr;border-bottom:1px solid var(--line-2);display:grid}.lf-pad{border-right:1px solid var(--line-2);z-index:4;background:var(--paper);position:sticky;left:0}.lf-ticks{height:24px;position:relative}.lf-ticks span{color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:6px;transform:translate(-50%)}.lf-branch{border-bottom:1px solid var(--line-2)}.lf-branch:last-of-type{border-bottom:0}.lf-bhead{background:var(--panel-2);align-items:center;gap:8px;padding:9px 13px;display:flex}.lf-bh-l{z-index:4;align-items:center;gap:8px;display:flex;position:sticky;left:13px}.lf-bhead b{font-size:13px;font-weight:700}.lf-code{color:var(--faint);letter-spacing:.7px;font-size:9.5px}.lf-hours{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10.5px}.lf-count{z-index:4;color:var(--green);background:var(--green-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600;display:flex;position:sticky;right:13px}.lf-count.lf-none{color:var(--muted);background:var(--panel-2);border:1px solid var(--line-2)}.lf-pip{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.lf-cov{grid-template-columns:var(--lf-label) 1fr;display:grid}.lf-lab{border-right:1px solid var(--line-2);color:var(--faint);z-index:4;background:var(--paper);align-items:center;padding:6px 11px;font-size:10px;display:flex;position:sticky;left:0}.lf-plot{align-items:flex-end;gap:1px;height:34px;padding:4px 0;display:flex;position:relative}.lf-plot i{background:var(--brand-2);opacity:.32;border-radius:1px 1px 0 0;flex:1 1 0;min-height:2px;display:block}.lf-plot i.lf-thin{background:var(--rose);opacity:.85}.lf-plot i.lf-shut{background:var(--line);opacity:.45}.lf-tracks{position:relative}.lf-lane{grid-template-columns:var(--lf-label) 1fr;border-top:1px solid var(--line-2);align-items:center;display:grid}.lf-who{border-right:1px solid var(--line-2);z-index:4;background:var(--paper);min-width:0;padding:6px 11px;position:sticky;left:0}.lf-who b{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;display:block;overflow:hidden}.lf-who small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;display:block;overflow:hidden}.lf-track{height:32px;position:relative}.lf-bar{background:var(--line-2);border:1px solid var(--line);border-radius:999px;height:15px;position:absolute;top:8px}.lf-on{background:var(--brand-2);border-radius:999px;position:absolute;top:-1px;bottom:-1px}.lf-brk{background:var(--amber);border-radius:3px;position:absolute;top:-1px;bottom:-1px}.lf-late{background:var(--rose);border-radius:999px 3px 3px 999px;position:absolute;top:-1px;bottom:-1px}.lf-quiet .lf-track{opacity:.5}.lf-nowline{background:var(--ink);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.lf-nowline:after{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.lf-legend{color:var(--muted);border-top:1px solid var(--line-2);background:var(--panel-2);flex-wrap:wrap;gap:13px;padding:9px 13px;font-size:10.5px;display:flex}.lf-legend span{align-items:center;gap:5px;display:inline-flex}.lf-legend i{border-radius:999px;width:13px;height:9px;display:block}.lf-k-on{background:var(--brand-2)}.lf-k-brk{background:var(--amber)}.lf-k-late{background:var(--rose)}.lf-k-plan{background:var(--line-2);border:1px solid var(--line)}.lf-wallhead{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:4px;display:flex}.lf-wallhead h4{margin:0;font-size:13.5px;font-weight:700}.lf-wallhead span{color:var(--muted);font-size:11.5px}.lf-wall{grid-template-columns:repeat(auto-fill,minmax(222px,1fr));gap:10px;display:grid}.lf-pc{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--sh-sm);--lf-rc:var(--green);gap:9px;padding:12px;display:grid}.lf-pc-brk{--lf-rc:var(--amber)}.lf-pc-top{align-items:center;gap:9px;display:flex}.lf-ring{background:var(--panel-2);width:46px;height:46px;box-shadow:0 0 0 2px var(--lf-rc) inset;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.lf-ring svg{display:block}.lf-dot{border:2px solid var(--paper);background:var(--lf-rc);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.lf-idn{min-width:0}.lf-idn b{font-size:13.5px;font-weight:700;display:block}.lf-idn small{color:var(--muted);font-size:10.5px;display:block}.lf-bchip{color:var(--faint);letter-spacing:.6px;margin-left:auto;font-size:9.5px}.lf-prog{background:var(--line-2);border-radius:999px;height:4px;overflow:hidden}.lf-prog i{background:var(--lf-rc);height:100%;transition:width .4s var(--ease);border-radius:999px;display:block}.lf-meta{border-top:1px solid var(--line-2);gap:4px;padding-top:8px;display:grid}.lf-row{align-items:center;gap:8px;font-size:11.5px;display:flex}.lf-k{color:var(--faint);min-width:50px}.lf-v{font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:500}.lf-v.lf-warn{color:var(--amber);font-weight:600}.lf-v.lf-bad{color:var(--rose);font-weight:600}.lf-chip{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:600}.lf-chip-work{background:var(--green-bg);color:var(--green)}.lf-chip-brk{background:var(--amber-bg);color:var(--amber)}@media (max-width:620px){.cafe-wall{min-width:0;overflow:hidden}.lf{--lf-label:84px;min-width:0}.lf-scroller{border-radius:14px;width:100%;max-width:100%;overflow-x:hidden}.lf-ribbon{width:100%;min-width:0}.lf-axis,.lf-cov,.lf-lane{grid-template-columns:var(--lf-label) minmax(0,1fr)}.lf-ticks span{font-size:8px;top:7px}.lf-bhead{gap:5px;min-width:0;padding:8px 9px}.lf-bh-l{gap:5px;min-width:0;left:9px;overflow:hidden}.lf-bhead b{text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:11px;overflow:hidden}.lf-code{font-size:8px}.lf-hours{display:none}.lf-count{padding:3px 7px;font-size:8.5px;right:8px}.lf-lab,.lf-who{padding-left:8px;padding-right:7px}.lf-who b{font-size:10.5px}.lf-who small{font-size:8px}.lf-plot,.lf-track{height:29px}.lf-bar{height:14px;top:7px}.lf-legend{gap:8px;padding:8px 9px;font-size:9px}.lf-wall{grid-template-columns:1fr;gap:8px}.lf-pc{grid-template-columns:auto 1fr;align-items:center;gap:0 10px;padding:10px 11px}.lf-pc-top{display:contents}.lf-ring{grid-row:span 2}.lf-bchip{display:none}.lf-prog{grid-column:2;margin-top:6px}.lf-meta{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:8px}.lf-meta .lf-row:first-child{grid-column:1/-1}.lf-k{min-width:0;font-size:10px}.lf-row{font-size:10.5px}}.cafe-mode{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.cafe-mode button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:600}.cafe-mode button.active{background:var(--paper);color:var(--ink);box-shadow:var(--sh-sm)}.cafe-mode-note{color:var(--muted);margin:-4px 0 10px;font-size:11.5px}.lf-dressup{border:1px solid var(--line);background:var(--paper);color:var(--brand-ink);box-shadow:var(--sh-sm);border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:7px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.lf-dressup svg{width:14px;height:14px}.lf-dressup:hover{border-color:var(--brand-2);background:var(--panel-2)}.lf-empty .lf-dressup{margin:12px auto 0}.shift-duty-guide{border:1px solid var(--line);background:var(--paper);max-width:980px;box-shadow:var(--sh-sm);color:var(--ink);border-radius:20px;margin:0 auto 16px;overflow:hidden}.shift-duty-guide>summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 18px;list-style:none;display:grid}.shift-duty-guide>summary::-webkit-details-marker{display:none}.shift-duty-guide>summary>span{background:var(--brand);border-radius:13px;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.shift-duty-guide>summary>span{background:color-mix(in srgb,var(--brand) 12%,var(--paper))}}.shift-duty-guide>summary>span{font-size:23px}.shift-duty-guide>summary>div{gap:1px;display:grid}.shift-duty-guide>summary small{color:var(--brand);letter-spacing:.12em;font-size:9px;font-weight:950}.shift-duty-guide>summary b{font-size:16px}.shift-duty-guide>summary em{color:var(--muted);font-size:11px;font-style:normal}.shift-duty-guide>summary>strong{color:var(--brand);white-space:nowrap;font-size:11px}.shift-duty-guide[open]>summary{border-bottom:1px solid var(--line)}.shift-duty-guide[open]>summary>strong:after{content:" ↑"}.shift-duty-content{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.shift-duty-content article{border:1px solid var(--line);background:var(--panel-2);border-radius:15px;padding:14px}.shift-duty-content article.evening{grid-column:1/-1}.shift-duty-content article header{align-items:center;gap:10px;margin-bottom:9px;display:flex}.shift-duty-content article header>span{font-size:23px}.shift-duty-content article header small{color:var(--brand);letter-spacing:.1em;font-size:9px;font-weight:950;display:block}.shift-duty-content h3{margin:1px 0 0;font-size:15px}.shift-duty-content p{color:var(--muted);margin:0 0 9px;font-size:12px;line-height:1.55}.shift-duty-content ul{color:var(--ink);gap:7px;margin:0;padding-left:20px;font-size:12px;line-height:1.55;display:grid}.shift-duty-content>footer{background:#1b9b64;border-radius:12px;grid-column:1/-1;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.shift-duty-content>footer{background:color-mix(in srgb,#1b9b64 12%,var(--paper))}}.shift-duty-content>footer{color:#18704d;font-size:11px;font-weight:900}html[data-theme=dark] .shift-duty-content>footer{color:#9ee5c3}@media (max-width:620px){.shift-duty-guide{border-radius:18px;margin:0 0 12px}.shift-duty-guide>summary{grid-template-columns:auto 1fr;padding:13px}.shift-duty-guide>summary>strong{grid-column:2}.shift-duty-content{grid-template-columns:1fr;padding:11px}.shift-duty-content article.evening,.shift-duty-content>footer{grid-column:auto}}.clock-recipe-finder{border:1px solid var(--line);background:var(--paper);max-width:980px;box-shadow:var(--sh-sm);border-radius:22px;margin:0 auto 16px;padding:18px}.clock-recipe-finder>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.clock-recipe-finder>header small{color:var(--brand);letter-spacing:.12em;font-size:11px;font-weight:900}.clock-recipe-finder>header h2{color:var(--ink);margin:4px 0 2px;font-size:22px}.clock-recipe-finder>header p{color:var(--muted);margin:0;font-size:13px}.clock-recipe-finder>header>span{background:var(--brand);border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.clock-recipe-finder>header>span{background:color-mix(in srgb,var(--brand) 13%,var(--paper))}}.clock-recipe-finder>header>span{font-size:25px}.clock-recipe-search{border:1px solid var(--line);background:var(--panel-2);min-height:50px;color:var(--muted);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 12px;display:grid}.clock-recipe-search>span{font-size:24px}.clock-recipe-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:16px}.clock-recipe-search input::placeholder{color:var(--muted)}.clock-recipe-search button{background:var(--line);width:34px;height:34px;color:var(--ink);border:0;border-radius:50%;font-size:20px}.clock-recipe-search button[hidden]{display:none}.clock-recipe-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.clock-recipe-results>button{border:1px solid var(--line);background:var(--paper);min-height:58px;color:var(--ink);text-align:left;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}:is(.clock-recipe-results>button:hover,.clock-recipe-results>button:focus-visible){border-color:var(--brand);background:var(--brand)}@supports (color:color-mix(in lab, red, red)){:is(.clock-recipe-results>button:hover,.clock-recipe-results>button:focus-visible){background:color-mix(in srgb,var(--brand) 7%,var(--paper))}}:is(.clock-recipe-results>button:hover,.clock-recipe-results>button:focus-visible){outline:0}.clock-recipe-results>button span{min-width:0;display:grid}.clock-recipe-results b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clock-recipe-results small{color:var(--muted);font-size:11px}.clock-recipe-results i{color:var(--brand);flex:none;font-size:11px;font-style:normal;font-weight:900}.clock-recipe-results>p{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px;grid-column:1/-1;margin:0;padding:18px}.clock-recipe-overlay{z-index:12000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040b16c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.clock-recipe-modal{border:1px solid var(--line);background:var(--paper);width:min(560px,100%);max-height:min(86vh,720px);color:var(--ink);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000073}.clock-recipe-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 20px 14px;display:flex}.clock-recipe-modal>header small{color:var(--brand);letter-spacing:.12em;font-weight:900}.clock-recipe-modal>header h2{margin:3px 0 0;font-size:26px}.clock-recipe-modal>header button{border:1px solid var(--line);background:var(--panel-2);width:42px;height:42px;color:var(--ink);border-radius:50%;flex:0 0 42px;font-size:26px}.clock-recipe-body{padding:18px 20px;overflow:auto}.clock-recipe-body h3{margin:0 0 11px;font-size:14px}.clock-recipe-body ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.clock-recipe-body li{background:var(--panel-2);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.clock-recipe-body li>span{background:var(--brand);color:#fff;border-radius:9px;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:grid}.clock-recipe-sweet{border:1px solid var(--line);border-radius:14px;gap:7px;margin-top:18px;padding:14px;display:grid}.clock-recipe-sweet h3,.clock-recipe-sweet p{margin:0}.clock-recipe-sweet p{color:var(--muted);font-size:13px}.clock-recipe-note{color:#714b10;background:#fff4dc;border-radius:13px;margin:14px 0 0;padding:13px}.clock-recipe-modal>footer{padding:14px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.clock-recipe-modal>footer button{background:var(--brand);color:#fff;border:0;border-radius:13px;width:100%;min-height:48px;font-weight:900}html[data-theme=dark] .clock-recipe-note{color:#ffe0a6;background:#3c2c18}@media (max-width:620px){.clock-recipe-finder{border-radius:18px;margin:0 0 12px;padding:14px}.clock-recipe-finder>header h2{font-size:19px}.clock-recipe-finder>header p{font-size:12px}.clock-recipe-finder>header>span{flex-basis:42px;width:42px;height:42px}.clock-recipe-results{grid-template-columns:1fr}.clock-recipe-results>button:nth-of-type(n+6){display:none}.clock-recipe-overlay{align-items:end;padding:8px}.clock-recipe-modal{border-radius:22px 22px 12px 12px;max-height:88vh}.clock-recipe-modal>header,.clock-recipe-body,.clock-recipe-modal>footer{padding-left:16px;padding-right:16px}}.clock-recipe-finder{border-radius:16px;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;max-width:760px;padding:10px 12px;display:grid}.clock-recipe-finder>header{white-space:nowrap;justify-content:flex-start;gap:9px;margin:0}.clock-recipe-finder>header>span{border-radius:11px;flex-basis:36px;order:-1;width:36px;height:36px;font-size:19px}.clock-recipe-finder>header small{font-size:8px}.clock-recipe-finder>header h2{margin:0;font-size:14px}.clock-recipe-search{min-height:42px}.clock-recipe-finder>.clock-recipe-results{grid-column:1/-1;margin-top:0}@media (max-width:620px){.clock-recipe-finder{border-radius:15px;grid-template-columns:1fr;gap:8px;margin:0 0 10px;padding:9px 10px}.clock-recipe-finder>header{display:none}.clock-recipe-search{min-height:42px}.clock-recipe-results>button:nth-of-type(n+5){display:none}}.grievance-page{gap:18px;display:grid}.grievance-head{color:#fff;background:linear-gradient(135deg,#132a45,#1d4772);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px;display:flex}.grievance-head small{color:#f28a45;letter-spacing:.18em;font-weight:900}.grievance-head h1{margin:8px 0 4px;font-size:clamp(28px,4vw,46px)}.grievance-head p{color:#c8d6e6;margin:0}.grievance-stats{text-align:center;background:#ffffff0d;border:1px solid #ffffff36;border-radius:18px;min-width:160px;padding:18px;display:grid}.grievance-stats b{font-size:34px}.grievance-stats span{color:#c8d6e6;font-size:13px}.grievance-form{gap:15px;display:grid}.grievance-form label{gap:7px;font-weight:800;display:grid}.grievance-form input,.grievance-form select,.grievance-form textarea,.grievance-modal textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:14px;padding:13px}.grievance-form textarea,.grievance-modal textarea{resize:vertical;min-height:110px}.grievance-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grievance-privacy{color:#163b61;background:#eaf5ff;border-radius:14px;gap:3px;padding:13px 15px;display:grid}.grievance-privacy span{font-size:13px}.grievance-check{border:1px solid var(--line);border-radius:14px;align-items:flex-start;padding:13px;grid-template-columns:auto 1fr!important}.grievance-check input{width:20px;height:20px}.grievance-check span{display:grid}.grievance-check small{color:var(--muted);font-weight:500}.grievance-upload{border:1px dashed var(--brand-light);color:var(--brand-light-ink);cursor:pointer;border-radius:14px;padding:14px;position:relative;display:block!important}.grievance-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.grievance-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.grievance-toolbar>div{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:5px;padding:5px;display:flex}.grievance-toolbar button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:9px 13px;font-weight:800}.grievance-toolbar button.active{background:var(--brand-light);color:#fff}.grievance-toolbar span{color:var(--muted)}.grievance-list{gap:10px;display:grid}.grievance-card{text-align:left;border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-left:5px solid #4b91d1;border-radius:18px;justify-content:space-between;gap:18px;padding:18px;display:flex}.grievance-card.urgent{border-left-color:#e55d5d}.grievance-card h3{margin:9px 0 4px;font-size:18px}.grievance-card p{color:var(--muted);margin:0}.grievance-card>div:last-child{align-content:center;justify-items:end;gap:4px;min-width:180px;display:grid}.grievance-card small{color:var(--muted)}.grievance-card i{color:var(--brand-light-ink);font-style:normal;font-weight:800}.grievance-status,.grievance-secret{color:#31506f;background:#e8f0f8;border-radius:99px;margin-right:6px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.grievance-secret{color:#62439a;background:#eee7ff}.grievance-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:18px;padding:38px}.grievance-modal{background:var(--card);width:min(680px,100vw - 28px);max-height:88vh;color:var(--ink);border-radius:22px;overflow:auto;box-shadow:0 24px 70px #0006}.grievance-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:22px;display:flex}.grievance-modal h2{margin:5px 0}.grievance-modal header p{color:var(--muted);margin:0}.grievance-modal header>button{color:var(--ink);background:0 0;border:0;font-size:28px}.grievance-detail{background:var(--soft);white-space:pre-wrap;border-radius:14px;margin:20px;padding:16px}.grievance-evidence{color:var(--brand-light-ink);margin:0 20px 10px;font-weight:900;display:inline-flex}.grievance-timeline{padding:8px 22px;display:grid}.grievance-timeline article{grid-template-columns:14px 1fr;gap:12px;padding:10px 0;display:grid}.grievance-timeline article>i{background:var(--brand-light);width:10px;height:10px;box-shadow:0 0 0 4px var(--brand-light);border-radius:50%;margin-top:6px}@supports (color:color-mix(in lab, red, red)){.grievance-timeline article>i{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-light),transparent 78%)}}.grievance-timeline p{margin:3px 0}.grievance-timeline small{color:var(--muted)}.grievance-modal footer{border-top:1px solid var(--line);gap:10px;padding:18px 22px;display:grid}.grievance-modal footer>div{flex-wrap:wrap;gap:8px;display:flex}.grievance-modal footer button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:11px;padding:10px 12px;font-weight:800}.grievance-modal footer button.primary{background:var(--brand-light);color:#fff}html[data-theme=dark] .grievance-privacy{color:#ddecfb;background:#162f49}html[data-theme=dark] .grievance-status{color:#d8eaff;background:#253d56}html[data-theme=dark] .grievance-status.resolved,html[data-theme=dark] .grievance-status.closed{color:#9be2ba;background:#153c2b}html[data-theme=dark] .grievance-secret{color:#d9caff;background:#32284b}@media (max-width:700px){.grievance-head{flex-direction:column;align-items:stretch;padding:20px}.grievance-stats{text-align:left;grid-template-columns:auto 1fr;align-items:center;min-width:0}.grievance-two{grid-template-columns:1fr}.grievance-toolbar{flex-direction:column;align-items:stretch}.grievance-toolbar>div{overflow:auto}.grievance-card{flex-direction:column}.grievance-card>div:last-child{justify-items:start;min-width:0}.grievance-modal{max-height:84vh}.grievance-modal footer>div{grid-template-columns:1fr 1fr;display:grid}}.agreement-page{gap:18px;margin-bottom:26px;display:grid}.agreement-hero{color:#fff;background:linear-gradient(135deg,#122b47,#1e4b77);border-radius:24px;padding:28px}.agreement-hero small,.conduct-panel header small{color:#f28a45;letter-spacing:.15em;font-weight:900}.agreement-hero h2{margin:8px 0;font-size:clamp(26px,4vw,42px)}.agreement-hero p{color:#d3dfeb;max-width:850px;margin:0;line-height:1.75}.agreement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.agreement-grid article{border:1px solid var(--line);background:var(--card);box-shadow:var(--sh-sm);border-radius:18px;gap:13px;padding:18px;display:flex}.agreement-grid article>span{background:var(--brand-light);color:#fff;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.agreement-grid h3{margin:2px 0 7px;font-size:15px}.agreement-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.conduct-panel{gap:14px;display:grid}.conduct-panel>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.conduct-panel h2{margin:4px 0}.conduct-panel header>span{color:#945600;background:#fff0d6;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:900}.conduct-panel>p{color:var(--ink-2);margin:0;line-height:1.7}.conduct-panel ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.conduct-panel li{grid-template-columns:30px 1fr;align-items:center;gap:10px;display:grid}.conduct-panel li b{background:var(--soft);width:28px;height:28px;color:var(--brand-light-ink);border-radius:50%;place-items:center;display:grid}.protected-reporting{color:#145a40;background:#eaf8f1;border:1px solid #99d9bb;border-left:5px solid #18875a;border-radius:16px;padding:17px 19px}.protected-reporting b{font-size:15px}.protected-reporting p{margin:6px 0 0;line-height:1.65}.grievance-protection{margin-bottom:0}.agreement-ack{border:1px solid var(--line);background:var(--card);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.agreement-ack small{color:var(--muted)}.agreement-ack h3{margin:4px 0}.agreement-ack p{color:var(--muted);margin:0}.agreement-ack button{min-width:220px}.agreement-ack button:disabled{opacity:.72;cursor:not-allowed}.agreement-notice-overlay{z-index:1400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f1db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.agreement-notice-card{background:var(--card);text-align:center;border:1px solid #ffffff29;border-radius:26px;width:min(440px,100%);padding:28px;box-shadow:0 28px 80px #00000057}.agreement-notice-icon{background:#fff0df;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:31px;display:grid}.agreement-notice-card small{color:var(--brand-light-ink);letter-spacing:.08em;font-weight:900}.agreement-notice-card h2{margin:8px 0 10px;font-size:clamp(23px,6vw,30px)}.agreement-notice-card p{color:var(--muted);margin:0 0 20px;line-height:1.7}.agreement-notice-card button{width:100%;min-height:52px}html[data-theme=dark] .protected-reporting{color:#c5f2dc;background:#15382c;border-color:#33765c}html[data-theme=dark] .conduct-panel header>span{color:#ffe3a2;background:#553e16}@media (max-width:900px){.agreement-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.agreement-hero{padding:21px 18px}.agreement-grid{grid-template-columns:1fr}.conduct-panel>header,.agreement-ack{flex-direction:column;align-items:stretch}.agreement-ack button{width:100%;min-width:0}}.grievance-status{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);filter:drop-shadow(0 3px 5px #15263b18);position:relative;border-radius:5px 0 0 5px!important;padding:6px 18px 6px 11px!important}.grievance-status.new{color:#285da0;background:#e9f1ff}.grievance-status.acknowledged{color:#31506f;background:#e8eff6}.grievance-status.waiting{color:#850;background:#fff0cf}.grievance-status.in_progress{color:#8d4600;background:#ffdfb7}.grievance-status.resolved,.grievance-status.closed{color:#147144;background:#dcf6e8}html[data-theme=dark] .grievance-status.new{color:#b9dbff;background:#1d4168}html[data-theme=dark] .grievance-status.acknowledged{color:#dcecff;background:#294158}html[data-theme=dark] .grievance-status.waiting{color:#ffe29a;background:#584116}html[data-theme=dark] .grievance-status.in_progress{color:#ffd2a8;background:#663c17}@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-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-ease{syntax:"*";inherits:false}