.employee-journal,.employee-journal-dialog {--journal-ink:#293b38;--journal-muted:#5e706c;--journal-surface:#fcfdfc;--journal-soft:#edf2f0;--journal-line:#7c969330;--journal-sale:#e1eeeb;--journal-expense:#ece7f4;--journal-danger:#a03f41;color:var(--journal-ink);font-size:15px;line-height:1.55}
html[data-theme="dark"] :is(.employee-journal,.employee-journal-dialog) {--journal-ink:#eff5f2;--journal-muted:#b3c3bc;--journal-surface:#18211f;--journal-soft:#26332f;--journal-line:#a4bfba30;--journal-sale:#233d38;--journal-expense:#333347;--journal-danger:#f4aeaf}
.employee-journal-panel {padding:28px;border-radius:28px;background:var(--journal-surface);min-width:0}
.employee-journal-heading {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:24px}
.employee-journal-heading>div:first-child {flex:1 1 330px;min-width:0}
.employee-journal-eyebrow {display:block;margin:0 0 7px;font-size:14px;color:var(--journal-muted);font-weight:550}
.employee-journal-heading h2,.employee-journal-dialog h2 {margin:0;font-size:27px;line-height:1.25;letter-spacing:-.5px;color:inherit}
.employee-journal-heading p {margin:10px 0 0;max-width:680px;font-size:15px;line-height:1.6;color:var(--journal-muted)}
.employee-journal-actions {display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.employee-journal-button {display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:8px;margin:0;padding:11px 17px;border:1px solid var(--journal-line);border-radius:15px;background:var(--journal-soft);color:var(--journal-ink);font:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none;transition:background .18s ease,box-shadow .18s ease}
.employee-journal-primary {background:linear-gradient(115deg,#e4def1,#d6e9ed);border-color:#9cabc23b;color:#334853}
html[data-theme="dark"] .employee-journal-button {background:var(--journal-soft);color:var(--journal-ink);border-color:var(--journal-line)}
html[data-theme="dark"] .employee-journal-primary {background:linear-gradient(115deg,#48435e,#32545a);color:#f0f5f8;border-color:#a3b4cf40}
.employee-journal :is(button,input):focus-visible,.employee-journal-dialog :is(button,input,textarea):focus-visible {outline:2px solid var(--focus,#7393a0);outline-offset:3px}
.employee-journal-button:hover:not(:disabled) {box-shadow:0 3px 10px #52676c18;filter:brightness(.98)}
.employee-journal button:disabled,.employee-journal-dialog button:disabled {opacity:.5;cursor:default}
.employee-journal-summary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.employee-journal-stat {display:grid;gap:8px;min-width:0;padding:23px 24px;border-radius:23px;background:linear-gradient(115deg,var(--journal-sale),var(--journal-soft))}
.employee-journal-stat[data-kind="expense"] {background:linear-gradient(115deg,var(--journal-expense),var(--journal-soft))}
.employee-journal-stat>span {font-size:15px;font-weight:550}
.employee-journal-stat>strong {font-size:clamp(27px,2.5vw,36px);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.employee-journal-stat>small {font-size:14px;color:var(--journal-muted)}
.employee-journal-calculation-note {margin:12px 0 24px;color:var(--journal-muted);font-size:14px}
[data-journal-notice]:not(:empty) {margin:16px 0;padding:12px 16px;border-radius:14px;background:var(--journal-sale);font-size:15px;overflow-wrap:anywhere}
.employee-journal-pending {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0;padding:16px;border:1px solid var(--journal-line);border-radius:16px;background:var(--journal-expense);font-size:15px}
.employee-journal-pending>span {flex:1 1 260px}
.employee-journal-tools {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:0 0 20px}
.employee-journal-filters {display:flex;gap:4px;padding:4px;border-radius:18px;background:var(--journal-soft)}
.employee-journal-filters button {min-height:44px;padding:10px 18px;border:0;border-radius:14px;background:transparent;color:var(--journal-muted);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.employee-journal-filters [aria-pressed="true"] {background:var(--journal-surface);color:var(--journal-ink);box-shadow:0 2px 7px #132b2310}
.employee-journal-show-cancelled {display:flex;align-items:center;gap:10px;min-height:44px;margin:0;font-size:14px;color:var(--journal-muted);cursor:pointer}
.employee-journal-show-cancelled input {width:20px;height:20px;min-height:20px;margin:0;accent-color:#718c95;cursor:pointer}
.employee-journal-list {display:grid;gap:12px;list-style:none;margin:0;padding:0}
.employee-journal-entry {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;min-width:0;padding:20px;border:1px solid var(--journal-line);border-radius:20px;background:var(--journal-surface)}
.employee-journal-entry-main {min-width:0}
.employee-journal-entry-meta {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;font-size:14px;color:var(--journal-muted)}
.employee-journal-kind {padding:4px 10px;border-radius:9px;background:var(--journal-sale);color:var(--journal-ink);font-size:14px;font-weight:550}
.employee-journal-entry[data-kind="expense"] .employee-journal-kind {background:var(--journal-expense)}
.employee-journal-entry h3 {font-size:17px;line-height:1.45;color:var(--journal-ink);overflow-wrap:anywhere;margin:0 0 8px;font-weight:600}
.employee-journal-entry-quantity,.employee-journal-entry-note,.employee-journal-author {margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--journal-muted);overflow-wrap:anywhere;white-space:pre-wrap}
.employee-journal-entry-note strong {font-weight:550}
.employee-journal-author {margin-top:10px}
.employee-journal-entry-value {display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:15px;min-width:0}
.employee-journal-entry-value>strong {font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}
.employee-journal-entry-value>button {min-height:44px;padding:9px 0 9px 12px;border:0;background:transparent;color:var(--journal-muted);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.employee-journal-entry-value>button:hover {color:var(--journal-danger)}
.employee-journal-cancelled {color:var(--journal-danger);font-size:14px;font-weight:550}
.employee-journal-entry[data-cancelled="true"] {background:var(--journal-soft)}
.employee-journal-entry[data-cancelled="true"] .employee-journal-entry-value>strong {text-decoration:line-through;color:var(--journal-muted)}
.employee-journal-cancellation {display:grid;gap:5px;grid-column:1/-1;padding-top:14px;border-top:1px solid var(--journal-line);font-size:14px;color:var(--journal-muted);overflow-wrap:anywhere;white-space:pre-wrap}
.employee-journal-cancellation>strong {font-weight:550;color:var(--journal-ink)}
.employee-journal-empty {display:grid;justify-items:center;gap:10px;min-height:225px;align-content:center;padding:30px 16px;text-align:center;border:1px dashed var(--journal-line);border-radius:20px;color:var(--journal-muted)}
.employee-journal-empty>strong {font-size:18px;color:var(--journal-ink);font-weight:550}
.employee-journal-empty p {max-width:450px;margin:0;font-size:15px;line-height:1.6}
.employee-journal-empty-mark {display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:14px;background:linear-gradient(120deg,var(--journal-expense),var(--journal-sale));color:var(--journal-ink);font-size:27px}
.employee-journal-pagination {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:14px;color:var(--journal-muted)}
.employee-journal-pagination:empty {display:none}
.employee-journal-pagination>div {display:flex;gap:8px}
html.employee-journal-open {overflow:hidden}
.employee-journal-dialog {width:calc(100% - 40px);max-width:610px;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:26px;background:var(--journal-surface);overflow:hidden;box-shadow:0 28px 100px #172c2945;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .2s ease,transform .2s cubic-bezier(.2,.7,.2,1)}
.employee-journal-dialog[open] {display:flex;flex-direction:column}
.employee-journal-dialog[data-state="open"] {opacity:1;transform:translateY(0) scale(1)}
.employee-journal-dialog::backdrop {background:#10192475;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}
.employee-journal-dialog[data-state="open"]::backdrop {opacity:1}
.employee-journal-dialog-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 16px;flex:none}
.employee-journal-close {display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:var(--journal-soft);color:inherit;cursor:pointer}
.employee-journal-close svg {width:21px;height:21px}
.employee-journal-form {display:flex;flex-direction:column;min-height:0;margin:0}
.employee-journal-form-scroll {display:grid;gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px 22px;scrollbar-width:thin}
.employee-journal-dialog-description {margin:0 0 2px;font-size:15px;line-height:1.6;color:var(--journal-muted)}
.employee-journal-form label {display:flex;align-items:stretch;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:15px;font-weight:550;color:var(--journal-ink)}
.employee-journal-form :is(input,textarea) {box-sizing:border-box;display:block;width:100%;min-width:0;min-height:48px;margin:0;padding:11px 13px;border:1px solid var(--journal-line);border-radius:13px;background:var(--journal-soft);color:var(--journal-ink);font:inherit;font-size:16px;line-height:1.5}
.employee-journal-form input[type="date"] {min-inline-size:0;appearance:none;-webkit-appearance:none}
.employee-journal-form textarea {resize:vertical;min-height:100px}
.employee-journal-form :is(input,textarea)::placeholder {color:var(--journal-muted);opacity:.9}
.employee-journal-form :is(input,textarea):disabled {opacity:.7;cursor:default}
.employee-journal-form-pair {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:14px}
.employee-journal-field-hint {margin:-9px 0 0;font-size:14px;color:var(--journal-muted)}
.employee-journal-optional {font-size:14px;font-weight:400;color:var(--journal-muted);margin-top:-5px}
.employee-journal-form-error {margin:0;font-size:15px;line-height:1.6;color:var(--journal-danger)}
.employee-journal-form-error:empty {display:none}
.employee-journal-dialog-footer {display:flex;justify-content:flex-end;align-items:center;gap:10px;flex:none;padding:17px 26px 22px;border-top:1px solid var(--journal-line)}
.employee-journal-cancel-preview {display:grid;gap:7px;padding:17px;border-radius:16px;background:var(--journal-soft);overflow-wrap:anywhere}
.employee-journal-cancel-preview>strong {font-size:17px;font-weight:600}
.employee-journal-cancel-preview>span {font-size:15px;color:var(--journal-muted)}
.employee-journal-danger {color:var(--journal-danger);border-color:color-mix(in srgb,var(--journal-danger) 30%,transparent);background:color-mix(in srgb,var(--journal-danger) 9%,var(--journal-surface))}
html[data-theme="dark"] .employee-journal-danger {color:var(--journal-danger);border-color:color-mix(in srgb,var(--journal-danger) 30%,transparent);background:color-mix(in srgb,var(--journal-danger) 9%,var(--journal-surface))}
@media(max-width:650px) {
  .employee-journal-panel {padding:20px 16px;border-radius:22px}.employee-journal-heading {gap:18px;margin-bottom:20px}.employee-journal-heading h2 {font-size:24px}
  .employee-journal-actions {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-journal-actions .employee-journal-button {padding:11px 10px;font-size:14px}
  .employee-journal-summary {gap:10px}.employee-journal-stat {padding:18px 14px;border-radius:19px}.employee-journal-stat>strong {font-size:27px}.employee-journal-stat>span {font-size:14px}
  .employee-journal-tools {gap:10px}.employee-journal-filters {width:100%}.employee-journal-filters>button {flex:1;min-width:0;padding-inline:10px}
  .employee-journal-entry {grid-template-columns:minmax(0,1fr);gap:10px;padding:17px 15px}.employee-journal-entry-value {flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.employee-journal-entry-value>strong {font-size:23px}.employee-journal-entry-value>button {padding-left:0}
  .employee-journal-dialog {width:calc(100% - 16px);max-height:calc(100dvh - 24px);border-radius:23px}.employee-journal-dialog-heading {padding:20px 18px 16px;gap:10px}.employee-journal-dialog h2 {font-size:24px}.employee-journal-form-scroll {padding:0 18px 20px}.employee-journal-dialog-footer {padding:15px 18px 18px}.employee-journal-dialog-footer .employee-journal-button {padding-inline:13px;min-width:0}
}
@media(max-width:360px) {.employee-journal-actions {grid-template-columns:1fr}.employee-journal-stat>strong {font-size:23px}.employee-journal-dialog-footer {flex-wrap:wrap}.employee-journal-dialog-footer>button[type="submit"] {flex:1}}
@media(max-height:540px) {.employee-journal-dialog[open] {display:block;overflow-y:auto;overscroll-behavior:contain}.employee-journal-dialog-heading {position:sticky;top:0;z-index:1;padding-block:12px;background:var(--journal-surface)}.employee-journal-dialog-heading .employee-journal-eyebrow {display:none}.employee-journal-form-scroll {overflow:visible}.employee-journal-dialog-footer {position:sticky;bottom:0;background:var(--journal-surface)}}
@media(prefers-reduced-motion:reduce) {.employee-journal-dialog,.employee-journal-dialog::backdrop,.employee-journal-button {transition:none;transform:none}}
@media(forced-colors:active) {.employee-journal-stat,.employee-journal-kind,.employee-journal-entry,.employee-journal-dialog,.employee-journal-close,.employee-journal-button {border:1px solid CanvasText}}