@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.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}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef4fb;--line:#1623381a;--line-strong:#1623382e;--ink:#152033;--muted:#5d6b7f;--faint:#8190a4;--blue:#2f80ed;--azure:#68b6ff;--blue-deep:#1f62b8;--green:#11875d;--green-soft:#e6f8f1;--red:#d43838;--red-soft:#fff0f0;--orange:#c46a16;--orange-soft:#fff6e9;--cyan:#087d99;--cyan-soft:#e9f9fd;--violet:#6d3fc4;--violet-soft:#f2ecfc;--pink:#c22a7c;--pink-soft:#fce9f3;--dark:#26384f;--shadow:0 16px 42px -32px #13233a47;--shadow-strong:0 24px 54px -34px #13233a57;--grad-brand:linear-gradient(135deg, var(--blue), var(--azure));--grad-soft:linear-gradient(135deg, #2f80ed1a, #68b6ff0d);--radius:12px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 20% -20%, #2f80ed14, transparent 28rem), linear-gradient(180deg, #fbfcff 0%, var(--bg) 100%);color:var(--ink);font-feature-settings:"cv05", "ss01";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer;border:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{letter-spacing:0;margin:0}strong{font-weight:600}img{max-width:100%;display:block}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-layout{--sidebar-w:272px;grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .28s var(--ease);display:grid}.app-layout.sidebar-collapsed{--sidebar-w:88px}.sidebar{z-index:80;width:var(--sidebar-w);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:100vh;transition:width .28s var(--ease);background:#fffffff0;flex-direction:column;display:flex;position:sticky;top:0}.sidebar-nav-scroll{flex:1;min-height:0;overflow-y:auto}.brand{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;height:92px;padding:0 1.1rem;display:flex;position:relative}.brand-logo-link{flex:1;align-items:center;min-width:0;height:34px;display:inline-flex;position:relative;overflow:hidden}.brand-logo,.brand-mark{transition:opacity .24s var(--ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-logo{object-fit:contain;opacity:1;width:auto;max-width:168px;height:50px}.brand-mark{object-fit:contain;opacity:0;pointer-events:none;width:auto;max-width:32px;height:32px}.sidebar.collapsed .brand-logo{opacity:0}.sidebar.collapsed .brand-mark{opacity:1;pointer-events:auto}.collapse-toggle{z-index:5;border:1px solid var(--line-strong);background:var(--surface);width:28px;height:28px;color:var(--muted);box-shadow:var(--shadow);transition:background .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:32px;right:-14px}.collapse-toggle:hover{background:var(--surface-2);color:var(--ink);transform:scale(1.08)}.collapse-toggle svg{transition:transform .28s var(--ease)}.sidebar.collapsed .collapse-toggle svg{transform:rotate(180deg)}.sidebar-close{background:var(--surface-2);width:40px;height:40px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:none}.sidebar-section{padding:.65rem .8rem 1rem;overflow:hidden}.nav-label{white-space:nowrap;opacity:1;max-width:200px;transition:opacity .18s var(--ease), max-width .22s var(--ease);overflow:hidden}.sidebar.collapsed .nav-title,.sidebar.collapsed .nav-label{opacity:0}.sidebar.collapsed .nav-label{max-width:0}.nav-title{transition:opacity .16s var(--ease)}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding-inline:0;overflow:hidden}.sidebar.collapsed .nav-list{gap:.5rem}.sidebar.collapsed .sidebar-section{padding-left:.5rem;padding-right:.5rem}.role-info div{white-space:nowrap;opacity:1;min-width:0;max-width:160px;transition:opacity .18s var(--ease), max-width .24s var(--ease);overflow:hidden}.sidebar.collapsed .role-info{justify-content:center;gap:0}.sidebar.collapsed .role-info div{opacity:0;max-width:0}.logout-button{transition:width .24s var(--ease), padding .24s var(--ease)}.logout-button span{white-space:nowrap;opacity:1;max-width:140px;transition:opacity .18s var(--ease), max-width .24s var(--ease);overflow:hidden}.sidebar.collapsed .logout-button span{opacity:0;max-width:0}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem}.sidebar.collapsed .role-card{padding:.5rem}.sidebar.collapsed .logout-button{width:42px;padding:0}.mono,.nav-title,.eyebrow{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.nav-title{color:var(--faint);text-transform:uppercase;margin:.65rem .65rem .45rem;font-size:.68rem}.nav-list{gap:.28rem;display:grid}.nav-item{width:100%;min-height:44px;color:var(--muted);text-align:left;transition:background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);background:0 0;border-radius:10px;align-items:center;gap:.72rem;padding:.72rem .8rem;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--ink);transform:translate(2px)}.nav-item.active{color:var(--blue-deep);background:#2280e617;font-weight:600}.nav-item.active:before{content:"";background:var(--grad-brand);border-radius:999px;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{width:26px;height:26px;color:var(--blue);background:#2280e614;border-radius:8px;place-items:center;font-size:.72rem;font-weight:800;display:inline-grid}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:1rem}.role-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:.72rem;padding:.85rem;display:grid}.role-info{align-items:center;gap:.6rem;min-width:0;display:flex}.role-info strong{font-size:.92rem}.avatar.sm{border-radius:10px;width:36px;height:36px;font-size:.8rem}.logout-button{justify-content:center;width:100%}.main{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7fbe6;justify-content:space-between;align-items:center;gap:1rem;height:92px;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.mobile-menu{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:10px;display:none}.page-title{gap:.22rem;min-width:0;display:grid}.page-title h1,.page-title p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breadcrumb{color:var(--faint);font-size:.76rem}.page-title h1{font-size:clamp(1.35rem,2.4vw,2.05rem);line-height:1.12}.page-title p{color:var(--muted);font-size:.94rem}.topbar-actions{align-items:center;gap:.7rem;display:flex}.content{gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.content>*{animation:content-in .36s var(--ease) both}.panel,.metric-card,.surface-card,.modal-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffffff0;position:relative}.panel:before,.metric-card:before,.surface-card:before{content:"";inset-inline:14px;background:linear-gradient(90deg,#0000,#2f80ed33,#0000);height:1px;position:absolute;top:0}.panel{padding:clamp(1rem,2vw,1.35rem);overflow:hidden}.blueprint{background:linear-gradient(135deg,#2f80ed14,#fffffff0),#fffffff0}.eyebrow{color:var(--muted);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.eyebrow:before{content:"";background:var(--blue);width:14px;height:1px}.hero-strip{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:1rem;display:grid}.hero-copy{align-content:center;gap:1.15rem;min-height:190px;display:grid}.hero-copy h2{max-width:760px;font-size:clamp(1.75rem,3vw,3rem);line-height:1.08}.text-brand{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy p{max-width:720px;color:var(--muted);font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.6}.inline{align-items:center;gap:.55rem;display:flex}.between{justify-content:space-between}.stack{gap:.8rem;display:grid}.tight{gap:.45rem}.muted{color:var(--muted)}.faint{color:var(--faint)}.tiny{font-size:.78rem}.small{font-size:.88rem}.button,.icon-button{min-height:42px;color:var(--ink);background:var(--surface);transition:transform .18s var(--ease), border .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1rem;font-weight:600;display:inline-flex}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--grad-brand);box-shadow:0 18px 40px -24px #2280e6e6}.button.outline{border-color:var(--line-strong);background:#ffffffbf}.button.ghost{color:var(--muted);background:0 0}.button.danger{color:#fff;background:linear-gradient(135deg,#d43838,#f06b6b)}.button.small{min-height:34px;padding:.45rem .74rem;font-size:.86rem}.button.block{width:100%}.icon-button{border-color:var(--line);width:42px;padding:0}.recent-search-open{text-align:left;background:0 0;flex:1;min-width:0}.action-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.metric-card{gap:.45rem;min-height:116px;padding:1rem;display:grid}.metric-card .label{color:var(--muted);font-size:.86rem}.metric-card .value{font-size:clamp(2rem,3.2vw,3rem);font-weight:800;line-height:1}.report-panel{gap:.95rem;display:grid}.report-metrics{margin-bottom:0}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.insight-card{border:1px solid var(--line);border-left:4px solid var(--blue);background:#ffffffc7;border-radius:10px;gap:.58rem;min-width:0;padding:.9rem;display:grid}.insight-card.red{border-left-color:var(--red);background:var(--red-soft)}.insight-card.orange{border-left-color:var(--orange);background:var(--orange-soft)}.insight-card.green{border-left-color:var(--green);background:var(--green-soft)}.insight-card.neutral{border-left-color:var(--faint);background:#f4f7fb}.dashboard-grid,.create-layout,.split-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:1rem;display:grid}.dashboard-grid:has(>:only-child){grid-template-columns:1fr}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2,.section-heading h3{font-size:clamp(1.1rem,2vw,1.48rem);line-height:1.2}.section-heading p{color:var(--muted);margin-top:.22rem;font-size:.9rem}.field-label{align-items:center;gap:.35rem;display:flex}.help-tip{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.help-trigger{width:24px;height:24px;color:var(--blue-deep);transition:background .18s var(--ease), transform .18s var(--ease);background:#2f80ed14;border:1px solid #2f80ed38;border-radius:999px;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.help-trigger:hover{background:#2f80ed24;transform:translateY(-1px)}.help-popover{z-index:45;border:1px solid var(--line-strong);width:min(290px,100vw - 2rem);color:var(--ink);box-shadow:var(--shadow-strong);text-align:left;animation:popover-in .16s var(--ease) both;background:#fffffffa;border-radius:10px;gap:.28rem;padding:.72rem .78rem;line-height:1.45;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.help-popover span{color:var(--muted);font-size:.84rem;font-weight:500}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.surface-card{gap:.8rem;min-width:0;padding:1rem;display:grid;overflow:hidden}.surface-card.compact{padding:.82rem}.clickable{text-align:left;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border .18s var(--ease)}.clickable:hover{box-shadow:var(--shadow-strong);border-color:#2280e657;transform:translateY(-2px)}.selected{background:linear-gradient(135deg,#2280e61f,#ffffffeb);border-color:#2280e68c}.avatar{color:#fff;background:var(--grad-brand);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.progress{background:#2280e61a;border-radius:999px;height:8px;overflow:hidden}.progress>span{height:100%;width:var(--value,0%);border-radius:inherit;background:var(--grad-brand);display:block}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-height:26px;padding:.25rem .58rem;font-size:.76rem;font-weight:750;display:inline-flex}.badge.blue{color:var(--blue-deep);background:#2280e61f}.badge.green{color:var(--green);background:var(--green-soft)}.badge.red{color:var(--red);background:var(--red-soft)}.badge.orange{color:var(--orange);background:var(--orange-soft)}.badge.cyan{color:var(--cyan);background:var(--cyan-soft)}.badge.violet{color:var(--violet);background:var(--violet-soft)}.badge.pink{color:var(--pink);background:var(--pink-soft)}.badge.neutral{color:var(--muted);background:#edf1f7}.badge.dark{color:var(--dark);background:#e9edf4}.field{gap:.38rem;display:grid}.field label{color:var(--muted);font-size:.83rem;font-weight:600}.field input,.field select,.field textarea,.search-input,.date-field,.role-select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#ffffffe0;border-radius:10px;padding:.68rem .78rem}.field textarea{resize:vertical;min-height:94px}.select-trigger{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);text-align:left;background:#ffffffe0;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.68rem .78rem;font-weight:600;display:flex}.select-trigger:hover{border-color:var(--line-strong)}.select-placeholder{color:var(--faint);font-weight:500}.select-chevron{color:var(--faint);transition:transform .16s var(--ease);flex:none}.select-chevron.open{transform:rotate(180deg)}.select-popover{z-index:130;border:1px solid var(--line-strong);max-height:280px;box-shadow:var(--shadow-strong);animation:popover-in .14s var(--ease) both;background:#fffffffa;border-radius:12px;margin:0;padding:.35rem;list-style:none;position:absolute;overflow-y:auto}.profile-menu-trigger{transition:transform .14s var(--ease);background:0 0;border-radius:999px;display:inline-flex}.profile-menu-trigger:hover{transform:scale(1.05)}.profile-menu-popover{z-index:130;border:1px solid var(--line-strong);width:240px;box-shadow:var(--shadow-strong);animation:popover-in .14s var(--ease) both;background:#fffffffa;border-radius:14px;padding:.4rem;position:absolute}.profile-menu-header{border-bottom:1px solid var(--line);margin-bottom:.3rem;padding:.55rem .7rem .7rem}.profile-menu-item{width:100%;min-height:40px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.9rem;font-weight:500;display:flex}.profile-menu-item:hover{background:var(--surface-2)}.profile-menu-item.danger{color:var(--red)}.profile-menu-item.danger:hover{background:var(--red-soft)}.select-option{width:100%;min-height:38px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.92rem;display:flex}.select-option.active{background:var(--surface-2)}.select-option.selected{color:var(--blue-deep);font-weight:700}.form-grid,.duration-box,.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.duration-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.duration-stat{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.72rem}.toggle-row{border:1px solid var(--line);background:#ffffffb8;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.75rem .85rem;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--blue)}.checkbox{flex:none;width:20px;height:20px;display:inline-flex;position:relative}.checkbox input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.checkbox-box{border:1.5px solid var(--line-strong);background:var(--surface);transition:background .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease);border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}.checkbox-check{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;width:13px;height:13px;transition:stroke-dashoffset .22s var(--ease) 40ms}.checkbox.checked .checkbox-box{background:var(--grad-brand);border-color:var(--blue)}.checkbox.checked .checkbox-check{stroke-dashoffset:0}.checkbox:active .checkbox-box{transform:scale(.88)}.checkbox.disabled{opacity:.5}.checkbox.disabled input{cursor:not-allowed}.checkbox input:focus-visible~.checkbox-box{outline:2px solid var(--blue);outline-offset:2px}.search-results,.timeline-list{gap:.6rem;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.6rem;margin-top:.6rem;display:grid}.photo-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-remove{color:#fff;background:#0f172a8c;width:26px;height:26px;position:absolute;top:4px;right:4px}.photo-remove:hover{background:#d43838d9}.customer-result,.slot-card{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem;display:flex}.slot-card{gap:.16rem;min-height:56px;display:grid}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;display:grid}.unavailable{color:var(--faint);background:#f1f4f9;text-decoration:line-through}.slot-card{border-width:1.5px;position:relative}.slot-card.selected{border-color:var(--blue);background:var(--grad-brand);color:#fff;box-shadow:0 14px 28px -18px #2280e6e6}.slot-card.selected .tiny{color:#ffffffd9}.slot-card.warning{background:var(--orange-soft);border-color:#c46a1673}.slot-warning-label{color:var(--orange);font-weight:600}.slot-check{position:absolute;top:6px;right:6px}.customer-history,.privacy-notice{background:var(--grad-soft);border:1px solid #2280e629;border-radius:12px;gap:.65rem;padding:.9rem;display:grid}.view-tabs{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;flex-wrap:wrap;gap:.5rem;padding:.35rem;display:flex;position:relative}.view-fade{animation:view-fade-in .18s var(--ease)}@keyframes view-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.view-tabs-indicator{z-index:0;background:var(--grad-brand);transition:transform .22s var(--ease), width .22s var(--ease);border-radius:999px;position:absolute;top:.35rem;bottom:.35rem;left:0}.tab-button{z-index:1;min-height:36px;color:var(--muted);transition:color .18s var(--ease);background:0 0;border-radius:999px;padding:.48rem .8rem;font-weight:600;position:relative}.tab-button.active{color:#fff}.date-shortcuts{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.85rem;display:flex}.shortcut{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffffc7;border-radius:999px;padding:.42rem .74rem;font-weight:600}.shortcut.active{color:var(--blue-deep);background:#2f80ed1a;border-color:#2f80ed57}.filters{grid-template-columns:1fr .8fr .8fr 1fr;gap:.7rem;margin-bottom:1rem;display:grid}.calendar-board,.timeline-wrap,.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;overflow-x:auto}.calendar-grid{grid-template-columns:82px repeat(var(--staff-count), minmax(190px, 1fr));min-width:900px;display:grid}.calendar-cell,.calendar-head,.calendar-hour{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:64px;padding:.58rem}.calendar-head{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f9fef5;min-height:70px;position:sticky;top:0}.calendar-hour{color:var(--faint);background:#f6f9fed1;font-size:.78rem}.appointment-chip{border-left:4px solid var(--blue);width:100%;min-height:58px;color:var(--ink);text-align:left;transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:#fff;border-radius:10px;gap:.25rem;margin-bottom:.45rem;padding:.58rem;display:grid;box-shadow:0 12px 24px -22px #16305873}.appointment-chip:hover{transform:translateY(-1px);box-shadow:0 16px 32px -24px #1630588c}.appointment-chip strong,.appointment-chip .small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hover-card-popover{z-index:60;border:1px solid var(--line-strong);color:#fff;pointer-events:none;min-width:200px;max-width:260px;animation:hover-card-in .14s var(--ease);background:#152033f5;border-radius:12px;gap:.3rem;padding:.7rem .85rem;font-size:.82rem;display:grid;position:absolute;box-shadow:0 20px 40px -20px #0a14238c}.hover-card-popover strong{font-size:.86rem}.hover-card-popover .muted{color:#ffffffa8}@keyframes hover-card-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.timeline{width:100%;min-width:1236px}.timeline-header,.timeline-row{grid-template-columns:180px repeat(22,minmax(48px,1fr));display:grid}.timeline-header>div,.timeline-staff,.timeline-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:48px;padding:.5rem}.timeline-header{z-index:2;background:#f6f9fef7;position:sticky;top:0}.timeline-row{position:relative}.timeline-staff{background:#f6f9fed1;align-items:center;gap:.55rem;display:flex}.timeline-cell{background:linear-gradient(#ffffff59,#eef4fc66)}.timeline-block{white-space:nowrap;text-overflow:ellipsis;color:#fff;background:var(--grad-brand);cursor:pointer;border-radius:9px;align-items:center;min-width:38px;height:34px;padding:0 .55rem;font-size:.78rem;font-weight:650;display:flex;position:absolute;top:8px;overflow:hidden;box-shadow:0 16px 30px -22px #2280e6e6}.data-table{border-collapse:collapse;width:100%;overflow:hidden}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.82rem}.data-table th{color:var(--muted);background:#f6f9feeb;font-size:.78rem}.data-table tr{background:#ffffffbf}.mobile-card-list{display:none}.history-line{grid-template-columns:18px minmax(0,1fr);gap:.6rem;display:grid}.history-dot{background:var(--blue);border-radius:999px;width:10px;height:10px;margin-top:.3rem;box-shadow:0 0 0 4px #2280e621}.sidebar-backdrop{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:backdrop-in .22s var(--ease) both;background:#0f172a29;position:fixed;inset:0}.bottom-nav,.sidebar.open~.bottom-nav{display:none}.toast-root{z-index:120;gap:.7rem;display:grid;position:fixed;bottom:1rem;right:1rem}.toast{border:1.5px solid var(--line-strong);width:min(380px,100vw - 2rem);box-shadow:var(--shadow-strong);animation:toast-in .22s var(--ease) both;background:#fff;border-left-width:5px;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;padding:.85rem .95rem;display:grid}.toast-icon{border-radius:9px;place-items:center;width:30px;height:30px;display:inline-grid}.toast-body strong{margin-bottom:.1rem;font-size:.92rem;display:block}.toast-body p{color:var(--muted)}.toast-close{width:26px;height:26px;color:var(--faint);background:0 0;border-radius:8px;grid-area:1/3;place-items:center;display:inline-grid}.toast-undo{background:var(--surface-2);color:var(--blue-deep);border-radius:8px;grid-area:2/2;justify-self:start;padding:.3rem .7rem;font-size:.82rem;font-weight:600}.toast-undo:hover{background:var(--surface-3)}.toast-close:hover{background:var(--surface-2);color:var(--ink)}.toast.success{border-color:#11875d66;border-left-color:var(--green)}.toast.success .toast-icon{background:var(--green-soft);color:var(--green)}.toast.error{border-color:#d4383866;border-left-color:var(--red)}.toast.error .toast-icon{background:var(--red-soft);color:var(--red)}.toast.info{border-color:#2f80ed66;border-left-color:var(--blue)}.toast.info .toast-icon{color:var(--blue-deep);background:#2f80ed1f}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:150px;color:var(--muted);text-align:center;background:#ffffff7a;place-items:center;padding:1.4rem;display:grid}.card-grid .empty-state,.search-results .empty-state{grid-column:1/-1;width:100%}.login-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,420px);align-items:center;gap:clamp(1rem,4vw,3rem);min-height:100vh;padding:clamp(1rem,5vw,4rem);display:grid}.login-copy{gap:1rem;max-width:640px;display:grid}.login-copy h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02}.login-copy p{max-width:560px;color:var(--muted);font-size:1.05rem;line-height:1.7}.login-card{border:1px solid var(--line);box-shadow:var(--shadow-strong);background:#fffffff5;border-radius:18px;padding:clamp(1.1rem,4vw,1.6rem)}.login-card h1{font-size:1.65rem}.login-error{background:var(--red-soft);color:var(--red);border:1px solid #d4383833;border-radius:10px;padding:.7rem .8rem;font-size:.9rem}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-in{0%{opacity:0}to{opacity:1}}@media (max-width:1180px){.app-layout,.app-layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar,.sidebar.collapsed{width:min(300px,86vw);transition:transform .24s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed .brand-logo{opacity:1}.sidebar.collapsed .brand-mark{opacity:0;pointer-events:none}.sidebar.collapsed .nav-title,.sidebar.collapsed .nav-label{opacity:1}.sidebar.collapsed .role-info div{opacity:1;max-width:160px}.sidebar.collapsed .logout-button span{opacity:1;max-width:140px}.sidebar.collapsed .nav-item{overflow:visible}.sidebar.collapsed .logout-button{width:100%;padding:.45rem .74rem}.desktop-only{display:none!important}.mobile-menu{place-items:center;display:inline-grid}.hero-strip,.dashboard-grid,.create-layout,.split-grid{grid-template-columns:1fr}.metric-grid,.card-grid,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-only{display:none}@media (max-width:760px){body{padding-bottom:76px}.sidebar,.sidebar.collapsed{border-right:0;width:100vw}.mobile-only{display:inline-grid}.topbar{flex-wrap:nowrap;align-items:center;gap:.6rem}.topbar-actions .button.primary span,.page-title p{display:none}.content{padding:.85rem}.hero-copy h2{font-size:1.9rem}.metric-grid,.card-grid,.insight-grid,.form-grid,.staff-grid,.duration-box,.filters{grid-template-columns:1fr}.view-tabs{border-radius:12px;width:100%}.tab-button{flex:1}.date-shortcuts{align-items:stretch}.date-shortcuts .shortcut{flex:30%}.help-popover{left:50%;right:auto;transform:translate(-50%)}.data-table{display:none}.mobile-card-list{gap:.7rem;display:grid}.modal-root{padding:0}.modal-card,.modal-card.modal-lg{border-radius:0;width:100vw;height:100vh;max-height:100vh}.login-layout{grid-template-columns:1fr;align-content:center}.login-copy h2{font-size:2.2rem}.bottom-nav{z-index:60;padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(5,1fr);gap:.25rem;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -18px 44px -34px #13233a57}.bottom-nav a{min-height:54px;color:var(--muted);text-align:center;background:0 0;border-radius:12px;place-items:center;gap:.18rem;font-size:.68rem;font-weight:600;display:grid}.bottom-nav a.active{color:var(--blue-deep);background:#2f80ed1a}.bottom-nav svg{width:18px;height:18px}}.spin{animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button[aria-busy=true]{cursor:progress}.toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.data-table-toolbar .search-input{flex:220px;width:auto}.data-table-toolbar .select-trigger{width:auto;min-width:150px}.data-table-toolbar .result-count{white-space:nowrap;margin-left:auto}.toolbar .date-field,.inline-field .date-field{width:auto;min-width:170px}.inline-field{align-items:center;gap:.6rem;display:flex}.inline-field label{margin:0}.section-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.link-button{color:var(--blue-deep);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.action-row.end{justify-content:flex-end}.full-span{grid-column:1/-1}.metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card.debt{background:var(--orange-soft);border-color:#c46a1666}.metric-card.debt .label{color:var(--orange)}.value.sm{font-size:clamp(1.4rem,2.4vw,1.9rem)}.wizard{gap:1rem;display:grid}.wizard-steps{border:1px solid var(--line);background:#ffffffbf;border-radius:14px;flex-wrap:wrap;gap:.5rem;margin:0;padding:.4rem;list-style:none;display:flex}.wizard-step{flex:auto}.wizard-step button{width:100%;min-height:44px;color:var(--muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .7rem;font-weight:600;display:flex}.wizard-step .step-index{background:var(--surface-3);width:24px;height:24px;color:var(--muted);border-radius:999px;place-items:center;font-size:.82rem;display:inline-grid}.wizard-step.active button{background:var(--grad-brand);color:#fff}.wizard-step.active .step-index{color:#fff;background:#ffffff40}.wizard-step.done .step-index{background:var(--green-soft);color:var(--green)}.wizard-body{min-height:320px}.wizard-nav{justify-content:space-between;gap:.7rem;display:flex}.chip-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;display:grid}.select-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.select-chip strong{font-size:.92rem;display:block}.select-chip span span,.select-chip .tiny{display:block}.select-chip.selected{background:linear-gradient(135deg,#2280e61a,#ffffffeb);border-color:#2280e68c}.multi-select{gap:.5rem;display:grid}.multi-select-tags{flex-wrap:wrap;gap:.4rem;display:flex}.multi-select-tag{color:var(--blue-deep);background:#2f80ed1a;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .5rem .3rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.multi-select-tag button{width:16px;height:16px;color:var(--blue-deep);background:#2f80ed2e;border-radius:999px;place-items:center;display:inline-grid}.multi-select-list{border:1px solid var(--line);background:#ffffffb3;border-radius:12px;gap:.3rem;max-height:260px;padding:.35rem;display:grid;overflow-y:auto}.multi-select-row{border-radius:9px;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.multi-select-row:hover{background:var(--surface-2)}.multi-select-row.selected{background:#2f80ed14}.multi-select-row input{width:16px;height:16px;accent-color:var(--blue);flex:none}.multi-select-row span{gap:.05rem;display:grid}.multi-select-row span strong{font-size:.88rem}.chip-icon{color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:.78rem;font-weight:800;display:grid}.duration-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--muted);border-radius:999px;padding:.45rem .9rem;font-weight:600}.pill.selected{color:var(--blue-deep);background:#2f80ed1a;border-color:#2280e680}.pill-input{border:1px dashed var(--line-strong);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;display:inline-flex}.pill-input input{text-align:center;background:0 0;border:0;width:62px;min-height:34px;font-weight:600}.insight-inline{border:1px solid var(--line);border-left:4px solid var(--blue);background:#2f80ed0f;border-radius:10px;padding:.7rem .85rem;font-size:.9rem;line-height:1.5}.insight-inline.green{border-left-color:var(--green);background:var(--green-soft)}.insight-inline.orange{border-left-color:var(--orange);background:var(--orange-soft)}.insight-inline.blue{border-left-color:var(--blue)}.staff-option:disabled{opacity:.55}.summary-card{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:.9rem;display:grid}.summary-card>div{gap:.15rem;display:grid}.modal-root{z-index:110;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:backdrop-in .22s var(--ease) both;background:#0f172a2e;position:fixed;inset:0}.modal-card{z-index:1;width:min(520px,100%);max-height:calc(100vh - 2rem);animation:toast-in .2s var(--ease) both;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.modal-card.modal-lg{width:min(760px,100%)}.modal-header,.modal-footer{padding:1.1rem 1.2rem}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-body{padding:1.2rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--line);padding:1rem 1.2rem}.receipt-line{border-bottom:1px solid var(--line);padding:.5rem 0}.receipt-line:last-child{border-bottom:0}.login-logo{width:auto;max-width:180px;height:34px}.login-hero-logo{width:auto;max-width:240px;height:48px;margin-bottom:.5rem}.offer-layout{justify-content:center;align-items:center;min-height:100vh;padding:clamp(1rem,5vw,3rem);display:flex}.offer-layout .login-card{width:100%;max-width:440px}.pin-pad{justify-items:center;gap:1.1rem;display:grid}.pin-pad.shake{animation:pin-shake .42s var(--ease)}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.pin-hidden-input{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pin-dots{cursor:text;gap:.9rem;display:flex}.pin-dot{border:2px solid var(--line-strong);width:18px;height:18px;transition:background .16s var(--ease), transform .16s var(--ease), border-color .16s var(--ease);background:0 0;border-radius:999px}.pin-dot.filled{background:var(--grad-brand);border-color:var(--blue);transform:scale(1.1)}.pin-keypad{grid-template-columns:repeat(3,72px);gap:.75rem;display:grid}.pin-key{border:1px solid var(--line);background:var(--surface);width:72px;height:72px;color:var(--ink);transition:background .14s var(--ease), transform .1s var(--ease), border-color .14s var(--ease);border-radius:999px;place-items:center;font-size:1.4rem;font-weight:600;display:grid}.pin-key:hover{border-color:var(--line-strong);background:var(--surface-2)}.pin-key:active{transform:scale(.94)}.pin-key-del{color:var(--muted);background:0 0;border-color:#0000}.pin-key-del:hover{background:var(--surface-2)}@media (max-width:640px){.pin-keypad{grid-template-columns:repeat(3,64px)}.pin-key{width:64px;height:64px}}.page-loading{gap:1rem;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:400% 100%;border-radius:8px;animation:1.4s infinite skeleton;display:block}.skeleton.line{height:14px;margin:.35rem 0}.skeleton.line.short{width:40%}.skeleton.line.med{width:60%}.skeleton.line.xl{width:70%;height:34px}.skeleton.block{height:180px;margin-top:.8rem}@keyframes skeleton{0%{background-position:100%}to{background-position:0}}.permission-tree{gap:1rem;max-height:360px;padding:.2rem;display:grid;overflow-y:auto}.permission-category h4{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:0 0 .5rem;font-size:.76rem}.permission-list{gap:.4rem;display:grid}.permission-row{border:1px solid var(--line);background:#ffffffb3;border-radius:9px;align-items:flex-start;gap:.6rem;padding:.5rem .6rem;display:flex}.permission-row input{width:16px;height:16px;accent-color:var(--blue);flex:none;margin-top:.2rem}.permission-row span{gap:.1rem;display:grid}.permission-row span strong{font-size:.88rem}.permission-row.nested{background:var(--surface-2);margin-left:1.4rem}.report-tabs-panel{gap:1rem;display:grid}.csv-download{align-items:center;gap:.4rem;display:inline-flex}.funnel-row{grid-template-columns:minmax(140px,200px) minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.4rem 0;display:grid}.funnel-bar{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.funnel-bar>span{border-radius:inherit;background:var(--grad-brand);height:100%;width:var(--value,0%);display:block}@media (max-width:760px){.summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-step .step-label{display:none}.funnel-row{grid-template-columns:1fr;gap:.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}