:root{--canvas:#dce6f5;--surface:#eaf1fa;--surface-hi:#f6f9fd;--divider:#cbd9eb;--control-border:#607895;--ink:#0b1d3a;--ink-muted:#344b66;--navy:#0a2d50;--navy-deep:#061d36;--teal:#006d7b;--teal-bright:#36d3de;--teal-soft:#c9ecef;--focus-light:#007486;--focus-dark:#51dfeb;--attention:#824916;--attention-bg:#fff0d8;--danger:#8c263e;--danger-bg:#fbe8ed;--leave-bg:#dfe6fb;--leave-ink:#24306b;--font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--r-field:12px;--r-surface:20px;--r-surface-sm:16px;--r-surface-lg:24px;--r-full:999px;--shadow-1:0 1px 2px rgba(10,45,80,.1);--shadow-2:0 3px 8px rgba(10,45,80,.12);--shadow-3:0 6px 16px rgba(10,45,80,.14);--rim:inset 0 1px 0 hsla(0,0%,100%,.85);--inset:inset 0 2px 3px rgba(10,45,80,.14);--t:150ms ease;--touch:44px;--gutter:16px;--rail-w:264px;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (min-width:768px){:root{--gutter:24px}}@media (min-width:1024px){:root{--gutter:32px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:linear-gradient(180deg,#e3ebf8 0,var(--canvas) 100%) fixed;min-height:100vh;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.15;letter-spacing:-.01em}h1{font-size:clamp(28px,4vw,40px);font-weight:720}h2{font-size:clamp(20px,2.4vw,24px)}h3{font-size:18px;font-weight:650}p{margin:0}a{color:var(--teal);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.hx-muted{color:var(--ink-muted)}.hx-small{font-size:14px;line-height:1.45}.hx-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hx-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hx-stack{display:flex;flex-direction:column;gap:var(--s-4)}.hx-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.hx-grid-2{display:grid;grid-gap:var(--s-6);gap:var(--s-6);grid-template-columns:1fr}@media (min-width:1024px){.hx-grid-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.hx-grid-cards{display:grid;grid-gap:var(--s-4);gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}:focus-visible{outline:2px solid var(--focus-light);outline-offset:2px}.hx-dark :focus-visible{outline-color:var(--focus-dark)}.hx-skip{position:absolute;left:var(--s-4);top:-100px;z-index:100;background:var(--navy-deep);color:#fff;padding:var(--s-3) var(--s-4);border-radius:var(--r-full)}.hx-skip:focus{top:var(--s-3)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hx-surface{background:linear-gradient(180deg,var(--surface-hi),var(--surface));border-radius:var(--r-surface);box-shadow:var(--rim),var(--shadow-2);border:1px solid hsla(0,0%,100%,.6);padding:var(--s-5)}.hx-surface--flat{box-shadow:none;background:var(--surface);border:1px solid var(--divider)}.hx-surface--raised{box-shadow:var(--rim),var(--shadow-3)}.hx-surface--well{background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:#fff;border-color:transparent;box-shadow:var(--shadow-3),inset 0 1px 0 hsla(0,0%,100%,.12)}.hx-surface--pad-0{padding:0}.hx-surface--pad-sm{padding:var(--s-3) var(--s-4)}.hx-surface--pad-lg{padding:var(--s-6)}.hx-surface__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.hx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--touch);padding:0 var(--s-5);border-radius:var(--r-full);border:1px solid hsla(0,0%,100%,.7);font-weight:650;font-size:16px;cursor:pointer;text-decoration:none;white-space:nowrap;background:linear-gradient(180deg,var(--surface-hi),var(--surface));color:var(--ink);box-shadow:var(--rim),var(--shadow-1);transition:box-shadow var(--t),transform var(--t),background var(--t),filter var(--t)}.hx-btn:hover:not(:disabled):not([aria-disabled=true]){box-shadow:var(--rim),var(--shadow-3);background:#fff}.hx-btn:active:not(:disabled){transform:translateY(1px);box-shadow:var(--inset);background:var(--surface)}.hx-btn:disabled,.hx-btn[aria-disabled=true]{cursor:not-allowed;color:#5d708a;background:#dbe3ee;box-shadow:none;border-color:transparent}.hx-btn__icon{display:inline-flex;width:20px;height:20px;flex:none}.hx-btn--primary{justify-content:space-between;min-width:200px;padding:0 6px 0 var(--s-6);min-height:52px;font-size:18px;background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:#fff;border-color:hsla(0,0%,100%,.12);box-shadow:0 4px 10px rgba(6,29,54,.35),inset 0 1px 0 hsla(0,0%,100%,.18)}.hx-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#0e3a66,var(--navy-deep));filter:brightness(1.05)}.hx-btn--primary:active:not(:disabled){background:var(--navy-deep);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}.hx-btn--primary:focus-visible{outline-color:var(--focus-light);outline-offset:3px}.hx-btn--primary:disabled{background:#9aa9bd;color:#eef3fa}.hx-btn__endcap{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,var(--teal-bright),var(--teal));color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45);flex:none}.hx-btn__endcap svg{width:22px;height:22px}.hx-btn--primary:disabled .hx-btn__endcap{background:#c4ceda;color:#6f8099}.hx-btn--danger{color:var(--danger);background:linear-gradient(180deg,#fff,var(--danger-bg));border-color:#e7bcc8}.hx-btn--ghost{background:transparent;box-shadow:none;border-color:transparent}.hx-btn--teal{background:linear-gradient(180deg,#0b8a99,var(--teal));color:#fff}.hx-btn--teal:hover:not(:disabled){background:linear-gradient(180deg,#0e97a7,#00606d)}.hx-btn--block{width:100%}.hx-btn--sm{min-height:var(--touch);font-size:14px;padding:0 var(--s-4)}.hx-btn[aria-busy=true]{cursor:progress}.hx-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid;border-right:2.5px solid transparent;animation:hx-spin .7s linear infinite}@keyframes hx-spin{to{transform:rotate(1turn)}}.hx-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border-radius:50%;padding:0;border:1px solid hsla(0,0%,100%,.7);background:linear-gradient(180deg,var(--surface-hi),var(--surface));color:var(--ink);box-shadow:var(--rim),var(--shadow-1);cursor:pointer;transition:box-shadow var(--t),background var(--t);text-decoration:none}.hx-iconbtn:hover:not(:disabled){box-shadow:var(--rim),var(--shadow-3);background:#fff}.hx-iconbtn:active:not(:disabled){box-shadow:var(--inset)}.hx-iconbtn--selected,.hx-iconbtn[aria-pressed=true]{background:linear-gradient(180deg,#0b8a99,var(--teal));color:#fff}.hx-iconbtn--navy{background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:#fff}.hx-iconbtn:disabled{color:#7f90a7;background:#dbe3ee;box-shadow:none;cursor:not-allowed}.hx-iconbtn svg{width:22px;height:22px}.hx-seg{display:inline-flex;padding:4px;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--inset),0 1px 0 #fff;border:1px solid var(--divider);max-width:100%}.hx-seg__opt{position:relative;display:inline-flex}.hx-seg__opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.hx-seg__opt span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:44px;padding:0 var(--s-5);border-radius:var(--r-full);font-weight:650;color:var(--ink);transition:background var(--t),color var(--t);white-space:nowrap}.hx-seg__opt input:checked+span{background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:#fff;box-shadow:var(--shadow-1),inset 0 1px 0 hsla(0,0%,100%,.18)}.hx-seg__opt input:not(:checked):hover+span{background:hsla(0,0%,100%,.7)}.hx-seg__opt input:focus-visible+span{outline:2px solid var(--focus-light);outline-offset:2px}.hx-seg__opt input:disabled+span{color:#5d708a;cursor:not-allowed}.hx-seg__opt input:disabled{cursor:not-allowed}.hx-switch{position:relative;display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--touch);cursor:pointer;font-weight:600}.hx-switch input{position:absolute;opacity:0;left:0;width:56px;height:44px;margin:0;cursor:pointer}.hx-switch__track{position:relative;flex:none;width:56px;height:32px;border-radius:var(--r-full);background:var(--navy);box-shadow:var(--inset);transition:background var(--t)}.hx-switch__track:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff6df;box-shadow:var(--shadow-2),inset 0 0 0 6px var(--navy-deep);transition:transform var(--t)}.hx-switch input:checked~.hx-switch__track{background:var(--teal)}.hx-switch input:checked~.hx-switch__track:after{transform:translateX(24px);box-shadow:var(--shadow-2),inset 0 0 0 6px var(--teal)}.hx-switch input:focus-visible~.hx-switch__track{outline:2px solid var(--focus-light);outline-offset:3px}.hx-switch input:disabled~.hx-switch__track{opacity:.5}.hx-switch input:disabled{cursor:not-allowed}.hx-switch__hint{display:block;font-size:14px;color:var(--ink-muted);font-weight:500}.hx-field{display:flex;flex-direction:column;gap:var(--s-1)}.hx-field__label{font-weight:650}.hx-field__opt{font-weight:400;color:var(--ink-muted)}.hx-field__hint{font-size:14px;color:var(--ink-muted)}.hx-field__error{display:flex;gap:6px;align-items:flex-start;font-size:14px;color:var(--danger);font-weight:600}.hx-field__error svg{width:18px;height:18px;flex:none;margin-top:1px}.hx-control{width:100%;min-height:var(--touch);padding:10px 14px;border-radius:var(--r-field);background:var(--surface-hi);border:1px solid var(--control-border);box-shadow:var(--inset);transition:border-color var(--t),box-shadow var(--t),background var(--t)}textarea.hx-control{min-height:96px;resize:vertical;line-height:1.5}.hx-control::placeholder{color:#55687f}.hx-control:hover:not(:disabled):not([readonly]){border-color:var(--ink-muted)}.hx-control:focus-visible{outline:2px solid var(--focus-light);outline-offset:2px;border-color:var(--focus-light)}.hx-control:disabled{background:#dbe3ee;color:#5d708a;border-color:#aebbcd;cursor:not-allowed;box-shadow:none}.hx-control[readonly]{background:var(--surface);border-style:dashed}.hx-control[aria-invalid=true]{border-color:var(--danger);background:var(--danger-bg)}.hx-select{position:relative;display:block}.hx-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;cursor:pointer;border-radius:var(--r-full);padding-left:18px;background:linear-gradient(180deg,var(--surface-hi),var(--surface));box-shadow:var(--rim),var(--shadow-1)}.hx-select__chev{position:absolute;right:14px;top:50%;translate:0 -50%;width:20px;height:20px;pointer-events:none}.hx-datefield{position:relative;display:block}.hx-datefield input{padding-right:44px;min-width:0}.hx-datefield input::-webkit-calendar-picker-indicator{position:absolute;right:10px;top:0;bottom:0;width:28px;opacity:0;cursor:pointer}.hx-datefield__icon{position:absolute;right:12px;top:50%;translate:0 -50%;width:22px;height:22px;pointer-events:none}.hx-fieldset{border:0;padding:0;margin:0;min-width:0}.hx-fieldset legend{padding:0;font-weight:650;margin-bottom:var(--s-1)}.hx-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 12px;border-radius:var(--r-full);font-size:14px;font-weight:650;white-space:nowrap;border:1px solid transparent;box-shadow:var(--rim),var(--shadow-1)}.hx-pill svg{width:16px;height:16px;flex:none}.hx-pill--due,.hx-pill--pending,.hx-pill--reopened{background:var(--attention-bg);color:var(--attention);border-color:#efd5a9}.hx-pill--approved,.hx-pill--closed,.hx-pill--flex{background:var(--teal-soft);color:#004a54;border-color:#a6d9de}.hx-pill--declined,.hx-pill--late{background:var(--danger-bg);color:var(--danger);border-color:#e7bcc8}.hx-pill--missing{background:var(--surface-hi);color:var(--ink);border-color:var(--control-border)}.hx-pill--leave{background:var(--leave-bg);color:var(--leave-ink);border-color:#bcc7ee}.hx-pill--cancelled,.hx-pill--holiday,.hx-pill--neutral,.hx-pill--off,.hx-pill--withdrawn{background:var(--surface);color:var(--ink-muted);border-color:var(--divider)}.hx-ring{position:relative;width:160px;height:160px;flex:none;border-radius:50%;background:radial-gradient(circle,#0b2a4b,var(--navy-deep));box-shadow:inset 0 3px 8px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.08)}.hx-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hx-ring__track{stroke:hsla(0,0%,100%,.1)}.hx-ring__fill{stroke:var(--teal-bright);stroke-linecap:round}.hx-ring__label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;font-weight:700;font-size:20px;line-height:1.15}.hx-ring__label small{display:block;font-size:14px;font-weight:500;opacity:.9}.hx-ring--sm{width:112px;height:112px}.hx-ring--sm .hx-ring__label{font-size:16px}.hx-meter{height:14px;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--inset);overflow:hidden;border:1px solid var(--divider)}.hx-dark .hx-meter{background:hsla(0,0%,100%,.85)}.hx-meter__fill{height:100%;border-radius:inherit;background:repeating-linear-gradient(135deg,var(--teal-bright) 0 8px,#6fe3ea 8px 16px);transition:width .3s ease}.hx-legend{display:flex;flex-wrap:wrap;gap:var(--s-4);font-size:14px;margin:0;padding:0;list-style:none}.hx-legend li{display:inline-flex;align-items:center;gap:8px}.hx-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--teal-bright);background:#fff;flex:none}.hx-dot--missing{border-color:#fff;background:var(--navy-deep);box-shadow:0 0 0 1px #fff}.hx-dot--leave{border-color:#8c93f0;background:#b8bcff}.hx-days{display:flex;gap:var(--s-2);justify-content:space-between;padding:0;margin:0;list-style:none}.hx-day{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid hsla(0,0%,100%,.7);background:linear-gradient(180deg,#fff,var(--surface));color:var(--ink);font-weight:700;line-height:1.05;cursor:pointer;box-shadow:var(--shadow-2);padding:0;transition:box-shadow var(--t),background var(--t);text-decoration:none}.hx-day small{font-size:12px;font-weight:600}.hx-day span{font-size:17px}.hx-day:hover:not([aria-disabled=true]){box-shadow:var(--shadow-3)}.hx-day[aria-pressed=true]{background:linear-gradient(180deg,#0b8a99,var(--teal));color:#fff}.hx-day:disabled,.hx-day[aria-disabled=true]{background:#d6dfeb;color:#5d708a;cursor:not-allowed;box-shadow:none}.hx-well :focus-visible{outline-color:var(--focus-dark)}.hx-daynav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3);font-weight:700}.hx-daynav .hx-iconbtn{background:transparent;border-color:transparent;color:#fff;box-shadow:none}.hx-daynav .hx-iconbtn:hover:not(:disabled){background:hsla(0,0%,100%,.12);box-shadow:none}.hx-alert{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-surface-sm);border:1px solid}.hx-alert>svg{width:22px;height:22px;flex:none;margin-top:1px}.hx-alert__body{flex:1 1;min-width:0}.hx-alert__title{font-weight:700}.hx-alert--info,.hx-alert--success{background:var(--teal-soft);border-color:#a6d9de;color:#003c45}.hx-alert--warning{background:var(--attention-bg);border-color:#efd5a9;color:var(--attention)}.hx-alert--danger{background:var(--danger-bg);border-color:#e7bcc8;color:var(--danger)}.hx-alert__actions{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-2)}.hx-toasts{position:fixed;z-index:60;left:var(--s-4);right:var(--s-4);bottom:calc(88px + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--s-2);align-items:center;pointer-events:none}@media (min-width:1024px){.hx-toasts{left:auto;right:var(--s-6);bottom:var(--s-6);align-items:flex-end}}.hx-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--s-3);max-width:420px;padding:var(--s-3) var(--s-4);border-radius:var(--r-surface-sm);background:var(--navy-deep);color:#fff;box-shadow:var(--shadow-3);animation:hx-in .18s ease}.hx-toast--danger{background:var(--danger)}.hx-toast>svg{width:20px;height:20px;flex:none;color:var(--teal-bright)}.hx-toast--danger>svg{color:#fff}.hx-toast button{background:none;border:0;color:inherit;cursor:pointer;min-width:44px;min-height:44px}.hx-toast button:focus-visible{outline-color:var(--focus-dark)}@keyframes hx-in{0%{opacity:0;transform:translateY(8px)}}.hx-offline{display:flex;gap:var(--s-2);align-items:center;justify-content:center;padding:var(--s-2) var(--s-4);background:var(--attention-bg);color:var(--attention);font-weight:600;font-size:14px;border-bottom:1px solid #efd5a9}.hx-offline svg{width:18px;height:18px;flex:none}dialog.hx-dialog{padding:0;border:0;background:transparent;color:var(--ink);max-width:min(560px,calc(100vw - 32px));width:100%;max-height:calc(100dvh - 32px);overflow:visible}dialog.hx-dialog::-webkit-backdrop{background:rgba(6,29,54,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.hx-dialog::backdrop{background:rgba(6,29,54,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.hx-dialog[open]{animation:hx-in .18s ease}.hx-dialog__panel{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);background:linear-gradient(180deg,var(--surface-hi),var(--surface));border-radius:var(--r-surface-lg);box-shadow:var(--rim),0 20px 48px rgba(6,29,54,.35)}.hx-dialog__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-2)}.hx-dialog__body{padding:var(--s-2) var(--s-5);overflow:auto}.hx-dialog__foot{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:flex-end;padding:var(--s-4) var(--s-5) var(--s-5)}@media (max-width:767px){dialog.hx-sheet{margin:auto 0 0;max-width:100vw;width:100vw;max-height:92dvh}dialog.hx-sheet .hx-dialog__panel{border-radius:var(--r-surface-lg) var(--r-surface-lg) 0 0;max-height:92dvh;padding-bottom:var(--safe-bottom)}dialog.hx-sheet .hx-dialog__panel:before{content:"";position:absolute;left:50%;top:8px;width:40px;height:4px;translate:-50% 0;border-radius:2px;background:var(--control-border);opacity:.5}dialog.hx-sheet .hx-dialog__head{padding-top:var(--s-6)}.hx-sheet .hx-dialog__foot>*{flex:1 1 100%}}.hx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding:var(--s-8) var(--s-4)}.hx-empty__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--teal-soft);color:var(--teal);box-shadow:var(--rim),var(--shadow-1)}.hx-empty--error .hx-empty__icon{background:var(--danger-bg);color:var(--danger)}.hx-empty__icon svg{width:30px;height:30px}.hx-empty p{max-width:44ch;color:var(--ink-muted)}.hx-skel{border-radius:10px;min-height:16px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hi) 50%,var(--surface) 75%);background-size:200% 100%;animation:hx-shim 1.2s linear infinite}@keyframes hx-shim{to{background-position:-200% 0}}.hx-table{width:100%;border-collapse:collapse}.hx-table th{text-align:left;font-size:14px;font-weight:650;color:var(--ink-muted);padding:var(--s-2) var(--s-4)}.hx-table td{padding:var(--s-3) var(--s-4);border-top:1px solid var(--divider);vertical-align:middle}.hx-table tbody tr:hover{background:hsla(0,0%,100%,.55)}.hx-table tr[aria-selected=true]{background:var(--teal-soft)}@media (max-width:767px){.hx-table,.hx-table tbody,.hx-table td,.hx-table tr{display:block}.hx-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hx-table tr{background:var(--surface-hi);border-radius:var(--r-surface-sm);box-shadow:var(--rim),var(--shadow-1);margin-bottom:var(--s-3);padding:var(--s-2) 0}.hx-table td{border:0;padding:var(--s-1) var(--s-4);display:flex;gap:var(--s-3);justify-content:space-between;align-items:flex-start;overflow-wrap:anywhere}.hx-table td:before{content:attr(data-label);color:var(--ink-muted);font-size:14px;font-weight:600;flex:0 0 34%}.hx-table td[data-primary=true]:before{display:none}.hx-table td[data-primary=true]{font-weight:700;font-size:17px}}.hx-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.hx-row-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--s-2) var(--s-4);gap:var(--s-2) var(--s-4);align-items:center;padding:var(--s-3) var(--s-4);border-radius:var(--r-surface-sm);background:linear-gradient(180deg,var(--surface-hi),var(--surface));box-shadow:var(--rim),var(--shadow-1)}.hx-row-item__id{display:flex;align-items:center;gap:var(--s-3);min-width:0}.hx-row-item__who{display:flex;flex-direction:column;min-width:0}.hx-row-item__who b{font-weight:650;overflow-wrap:anywhere}.hx-row-item__status{display:none}.hx-row-item__msg{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}.hx-row-item__msg b{display:block;font-weight:650}.hx-row-item__pillm{display:inline-flex}@media (min-width:1024px){.hx-row-item{grid-template-columns:240px 150px minmax(0,1fr) auto}.hx-row-item__status{display:block}.hx-row-item__pillm{display:none}.hx-row-item__msg{grid-column:auto;border-left:1px solid var(--divider);padding-left:var(--s-4)}}.hx-avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#fff,var(--divider));color:var(--navy);font-weight:700;box-shadow:var(--rim),var(--shadow-1);flex:none}.hx-avatar svg{width:24px;height:24px}.hx-avatar--teal{background:linear-gradient(180deg,var(--teal-bright),var(--teal));color:#fff}.hx-toolbar{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:space-between;align-items:center}.hx-datepick{display:inline-flex;align-items:center;gap:2px}.hx-kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:var(--s-2) var(--s-4);gap:var(--s-2) var(--s-4);margin:0}.hx-kv dt{color:var(--ink-muted)}.hx-kv dd{margin:0;font-weight:600}.hx-shell{min-height:100vh;display:block}.hx-rail{display:none}.hx-main{min-width:0;padding:var(--s-4) var(--gutter) calc(96px + var(--safe-bottom));max-width:1280px;margin-inline:auto}.hx-topbar{display:flex;justify-content:space-between;padding:var(--s-3) var(--gutter)}.hx-brand,.hx-topbar{align-items:center;gap:var(--s-3)}.hx-brand{display:inline-flex;text-decoration:none;color:var(--ink)}.hx-brand__text{display:flex;flex-direction:column;line-height:1.1}.hx-brand__text b{font-size:20px;font-weight:720}.hx-brand__text span{font-size:14px;color:var(--ink-muted)}.hx-mark{flex:none}.hx-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}.hx-page-head p{color:var(--ink-muted);margin-top:var(--s-1)}.hx-page{display:flex;flex-direction:column;gap:var(--s-6)}.hx-tabbar{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;gap:2px;padding:6px 8px calc(6px + var(--safe-bottom));background:rgba(234,241,250,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--divider);box-shadow:0 -4px 12px rgb(10 45 80/8%);overflow-x:auto}.hx-tabbar a{flex:1 0 64px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:650;color:var(--ink-muted);text-decoration:none;border-radius:14px;padding:4px 6px;text-align:center}.hx-tabbar a svg{width:22px;height:22px}.hx-tabbar a[aria-current=page]{color:#fff;background:linear-gradient(180deg,#0b8a99,var(--teal))}.hx-tabbar a:hover:not([aria-current=page]){background:#fff}.hx-tabbar .hx-phone-hide{display:none}@media (min-width:1024px){.hx-shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr)}.hx-rail{display:flex;flex-direction:column;gap:var(--s-6);position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:var(--s-6) var(--s-4);background:linear-gradient(180deg,var(--surface-hi),var(--surface));box-shadow:var(--rim),var(--shadow-2);border-right:1px solid var(--divider)}.hx-tabbar,.hx-topbar--phone{display:none}.hx-main{padding:var(--s-8) var(--gutter) var(--s-12);width:100%}}.hx-rail__nav{display:flex;flex-direction:column;gap:var(--s-2);list-style:none;margin:0;padding:0}.hx-rail__nav a{display:flex;align-items:center;gap:var(--s-3);min-height:48px;padding:4px 12px 4px 6px;border-radius:var(--r-full);color:var(--ink);text-decoration:none;font-weight:600}.hx-navicon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#fff,var(--surface));box-shadow:var(--rim),var(--shadow-1);flex:none}.hx-navicon svg{width:20px;height:20px}.hx-rail__nav a:hover:not([aria-current=page]){background:hsla(0,0%,100%,.7)}.hx-rail__nav a[aria-current=page]{background:var(--teal-soft);box-shadow:var(--inset)}.hx-rail__nav a[aria-current=page] .hx-navicon{background:linear-gradient(180deg,#0b8a99,var(--teal));color:#fff}.hx-rail__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-2);font-size:14px}.hx-well-pad{padding:var(--s-4)}