@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color-scheme:light;color:#17302e;background:#f2f5f1;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;--ink: #17302e;--muted: #6d7c78;--forest: #123f3b;--lime: #c9e66b;--line: #dce4df;--paper: #ffffff}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-width:0;overflow-x:clip}body{margin:0;min-height:100vh;font-size:15px}button{font:inherit}button:focus-visible{outline:3px solid rgba(201,230,107,.7);outline-offset:2px}.app-shell{width:100%;max-width:100%;min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);overflow-x:clip}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 22px;background:var(--forest);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px}.mobile-sidebar-header{display:contents}.mobile-menu-button,.mobile-nav-heading,.mobile-nav-backdrop{display:none}.brand__crest{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:var(--lime);color:var(--forest);font:800 22px/1 Manrope}.brand b{display:block;font:800 19px/1.2 Manrope}.brand small,.sidebar__footer small{display:block;color:#ffffff94;font-size:12px;margin-top:3px}.nav-label{display:block;margin:0 12px 10px;color:#ffffff6b;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.nav-item{width:100%;border:0;border-radius:10px;padding:12px;margin:2px 0;display:flex;gap:12px;align-items:center;color:#ffffffb8;background:transparent;cursor:pointer;text-align:left;font-weight:600}.nav-item>span{width:20px;color:#ffffff8c;font-size:19px;text-align:center}.nav-item em{margin-left:auto;min-width:23px;padding:3px 6px;border-radius:20px;background:#ecb963;color:#392812;font-size:11px;font-style:normal;text-align:center}.nav-item .nav-overdue-count{background:#e36d5c;color:#fff;box-shadow:0 0 0 3px #e36d5c29}.nav-notification-dot{width:10px;height:10px;margin-left:auto;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:#ecb963;box-shadow:0 0 0 3px #ecb96329}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item--active{background:#c9e66b24;color:var(--lime)}.nav-item--active>span{color:var(--lime)}.sidebar__footer{margin-top:auto;padding:16px 8px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px}.sidebar__footer .sidebar-version{flex:0 0 100%;margin:0 0 8px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff7a;font-size:11px;text-align:center}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7efe9;color:var(--forest);font-size:11px;font-weight:800}main{min-width:0;padding:34px clamp(22px,4vw,58px) 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{display:block;margin-bottom:5px;color:#82908c;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);font-family:Manrope,sans-serif}h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.04em}h2{font-size:19px;letter-spacing:-.025em}.heading-with-tip{display:flex;align-items:center;gap:7px}.info-tip{position:relative;width:19px;height:19px;flex:0 0 19px;display:inline-grid;place-items:center;border:1px solid #a9b9b4;border-radius:50%;background:#f5f8f6;color:#58706b;font:800 12px/1 DM Sans,sans-serif;cursor:help}.info-tip--warning{border-color:#d2a34a;background:#fff3d4;color:#885e16}.info-tip:after{position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:min(280px,72vw);padding:9px 11px;border-radius:8px;background:#17302e;color:#fff;box-shadow:0 8px 24px #0a231f33;content:attr(data-tooltip);font:600 13px/1.45 DM Sans,sans-serif;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.info-tip:hover:after,.info-tip:focus-visible:after{opacity:1;transform:translate(-50%)}.info-tip:focus-visible{outline:2px solid #558881;outline-offset:2px}.panel .heading-with-tip .info-tip:after{top:calc(100% + 9px);bottom:auto;left:0;transform:translateY(4px)}.panel .heading-with-tip .info-tip:hover:after,.panel .heading-with-tip .info-tip:focus-visible:after{transform:translate(0)}.attention-panel .heading-with-tip .info-tip:after{right:0;left:auto}.topbar__actions{display:flex;gap:9px}.demo-badge{display:inline-flex;align-items:center;padding:0 10px;border-radius:20px;background:#fff1cb;color:#83591d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.button{min-height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--line);font-weight:700;cursor:pointer}.button--quiet{background:#fff;color:var(--ink)}.theme-button{width:42px;min-width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:#aebfba;background:#eaf1ee;color:#174a44;box-shadow:0 3px 10px #19423c1a}.theme-button:hover{border-color:#668c85;background:#dfeae6;transform:translateY(-1px)}.theme-button svg{width:21px;height:21px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.theme-icon--moon path{stroke:none}.theme-icon--sun path{fill:none}.button--primary{border-color:var(--forest);background:var(--forest);color:#fff}.button--danger{border-color:#a9493e;background:#a9493e;color:#fff}.button--small{min-height:34px;padding:0 12px;background:var(--forest);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.notice{margin-bottom:20px;padding:14px 16px;border-radius:10px;display:flex;justify-content:space-between;gap:20px;align-items:center}.notice--error{border:1px solid #efc9c0;background:#fff7f4;color:#7c392d}.notice b,.notice span{display:block}.notice span{margin-top:2px;font-size:13px;opacity:.8}.notice button{border:0;background:transparent;color:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-button{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.stat-button .stat-card{height:100%;transition:transform .15s ease,box-shadow .15s ease}.stat-button:hover:not(:disabled) .stat-card{transform:translateY(-2px);box-shadow:0 12px 30px #1c363217}.stat-button:disabled{cursor:default}.stat-card{min-height:146px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 8px 28px #1c363209}.stat-card__top{display:flex;align-items:center;justify-content:space-between}.stat-card__label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.stat-card__mark{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}.stat-card strong{display:block;margin-top:24px;font:800 clamp(21px,2.4vw,28px)/1 "Manrope";letter-spacing:-.04em}.stat-card__detail{display:block;margin-top:10px;color:var(--muted);font-size:12px}.stat-card--forest{color:#2f766e}.stat-card--blue{color:#4a72a8}.stat-card--gold{color:#b77926}.stat-card--plum{color:#8a5b7e}.stat-card strong,.stat-card__label,.stat-card__detail{color:var(--ink)}.stat-card__label,.stat-card__detail{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:18px}.content-grid--full{grid-template-columns:minmax(0,1fr)}.panel{border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 8px 28px #1c363209;overflow:hidden}.panel:has(.info-tip){overflow:visible}.panel__heading{min-height:82px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ee}.text-button{padding:6px;border:0;background:transparent;color:#39746e;font-weight:700;cursor:pointer}.record-count{color:var(--muted);font-size:12px}.panel-actions{display:flex;align-items:center;gap:12px}.list-tools{min-height:62px;padding:11px 18px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;border-bottom:1px solid #edf1ee;background:#fcfdfc}.search-field{position:relative;flex:1 1 260px}.list-tools input,.list-tools select{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:12px;outline:none}.search-field input{width:100%;padding:0 12px 0 34px}.list-tools select{min-width:145px;padding:0 30px 0 10px}.list-tools input:focus,.list-tools select:focus{border-color:#558881;box-shadow:0 0 0 3px #5588811a}.search-mark{position:absolute;z-index:1;top:8px;left:11px;color:#81908c;font-size:17px}.date-tools{display:flex;align-items:end;gap:8px}.date-tools label{display:grid;gap:3px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.date-tools input{width:142px;padding:0 9px;color-scheme:light}.date-tools button{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:#526965;font-weight:800;cursor:pointer}.date-tools button:hover{border-color:#789b94;background:#edf4f1}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{padding:12px 18px;color:#8a9692;background:#fafcfa;text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}td{padding:16px 18px;border-top:1px solid #edf1ee;color:#314643}tbody tr:first-child td{border-top:0}td small{display:block;max-width:210px;margin-top:4px;overflow:hidden;color:#8a9692;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.muted{color:#7d8a87}.status,.employee-state{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#f0f3f1;color:#586864;font-size:11px;font-weight:800;text-transform:capitalize}.status:before,.employee-state:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.status--pending,.status--approved{background:#fff4d9;color:#9b671e}.status--active,.employee-state{background:#e6f4eb;color:#347352}.status--overdue,.status--declined,.status--written_off{background:#fbe9e5;color:#a84a3c}.status--paid{background:#e6f0f6;color:#3e6e8d}.employee-state--off{background:#f0f3f1;color:#687672}.row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.row-actions button{min-height:32px;padding:6px 10px;border:1px solid #cbd8d3;border-radius:7px;background:#f6f9f7;color:#405b56;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.row-actions button:hover:not(:disabled){border-color:#789b94;background:#eaf2ef;transform:translateY(-1px)}.row-actions button:disabled{cursor:not-allowed;opacity:.48}.clickable-row{cursor:pointer}.clickable-row>td{transition:background-color .15s ease}.clickable-row:hover>td,.clickable-row:focus-visible>td{background:#f5f9f7}.clickable-row:focus-visible{outline:2px solid #6c9b93;outline-offset:-2px}.clickable-row--overdue>td{background:#fff8f6}.clickable-row--overdue>td:first-child{box-shadow:inset 4px 0 #cb6b5b}.clickable-row--overdue:hover>td,.clickable-row--overdue:focus-visible>td{background:#fff0ed}.clickable-history-row{cursor:pointer;transition:background-color .15s ease}.clickable-history-row:hover,.clickable-history-row:focus-visible{background:#f5f9f7}.clickable-history-row:focus-visible{outline:2px solid #6c9b93;outline-offset:-2px}.employee-name-button{padding:0;border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer;text-align:left}.employee-name-button:hover{color:#2f766e;text-decoration:underline;text-underline-offset:3px}.row-actions .positive-link{border-color:#a9cec1;background:#edf7f2;color:#27685f}.row-actions .positive-link:hover:not(:disabled){border-color:#5f9d8e;background:#dff1e9}.row-actions .danger-link{border-color:#e1b8b0;background:#fff3f0;color:#9b4337}.row-actions .danger-link:hover:not(:disabled){border-color:#c8786a;background:#fce5e0}.attention-panel{padding:23px}.attention-panel h2{margin-bottom:21px}.focus-item{width:100%;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:14px 0;border:0;border-top:1px solid #edf1ee;background:transparent;text-align:left;cursor:pointer}.focus-item:hover span{color:var(--ink)}.focus-item strong{font:800 24px/1 Manrope;color:#39746e}.focus-item span{color:var(--muted);font-size:12px;line-height:1.35}.focus-item--danger strong{color:#ae5143}.panel-note{margin:19px 0 0;padding:13px;border-radius:9px;background:#f4f7f4;color:#72807d;font-size:12px;line-height:1.5}.empty-state{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;color:#82908c}.empty-state span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#edf5ef;color:#39746e}.history-feed{padding:4px 20px 18px}.history-tabs{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}.history-tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--muted);font-weight:800;cursor:pointer}.history-tab span{min-width:22px;padding:2px 6px;border-radius:20px;background:#eaf0ed;color:#5e706c;font-size:11px;text-align:center}.history-tab--active{border-color:var(--forest);background:var(--forest);color:#fff}.history-tab--active span{background:#ffffff29;color:#fff}.history-feed article{min-height:72px;padding:14px 2px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #edf1ee}.history-feed article:last-child{border-bottom:0}.history-feed article b{display:block;color:#344a46;font-size:13px;line-height:1.45}.history-feed article small{display:block;margin-top:4px;color:#899591;font-size:11px}.history-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e9f2ed;color:#39746e;font-size:10px;font-weight:800}.history-icon--employee{background:#edf0f7;color:#536da0}.history-icon--fund{background:#fff3db;color:#90631b}.modal-backdrop{position:fixed;z-index:100;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:20px;overflow:hidden;background:#091b1994;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,540px);min-width:0;max-width:100%;max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;border-radius:16px;background:#fff;box-shadow:0 28px 90px #00000047}.modal>header{position:sticky;z-index:1;top:0;min-height:77px;padding:18px 22px;border-bottom:1px solid #edf1ee;display:flex;align-items:center;justify-content:space-between;background:#fffffff5}.modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#f1f4f2;color:#62736f;font-size:23px;cursor:pointer}.modal-form,.confirmation{min-width:0;padding:22px}.modal-form label{display:block;margin-top:15px;color:#4e625e;font-size:12px;font-weight:800}.form-label-with-tip{display:flex;align-items:center;gap:7px}.form-notice-tip{margin-top:16px;display:flex;align-items:center;gap:7px;color:#805b20;font-size:13px;font-weight:800}.form-label-with-tip .info-tip:after,.form-notice-tip .info-tip:after{top:calc(100% + 9px);bottom:auto;left:0;transform:translateY(4px)}.form-label-with-tip .info-tip:hover:after,.form-label-with-tip .info-tip:focus-visible:after,.form-notice-tip .info-tip:hover:after,.form-notice-tip .info-tip:focus-visible:after{transform:translate(0)}.modal-form input,.modal-form select,.modal-form textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;color:var(--ink);font:inherit;outline:none}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#4d847e;box-shadow:0 0 0 3px #4d847e1f}.modal-form textarea{resize:vertical;line-height:1.45}.modal-form footer,.confirmation footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid #edf1ee}.modal-summary{margin:14px 0;padding:14px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:#eef5f0;color:#61726e;font-size:12px}.modal-summary b{color:var(--forest);font:800 17px Manrope}.modal-error{margin-top:13px;padding:11px 12px;border-radius:9px;background:#fff0ed;color:#984a3c;font-size:12px}.modal-warning{padding:12px;border-radius:9px;background:#fff5dc;color:#805b20;font-size:12px;line-height:1.5}.modal-danger-note{padding:12px;border-radius:9px;background:#fff0ed;color:#91463a;font-size:12px;line-height:1.5}.request-context{padding:14px;border-radius:10px;background:#f4f7f4}.request-context b,.request-context span{display:block}.request-context span{margin-top:3px;color:var(--muted);font-size:12px}.request-context p{margin:10px 0 0;color:#4d625d;font-size:13px;font-style:italic}.modal-copy,.confirmation p{color:#536762;font-size:14px;line-height:1.6}.check-field{display:flex!important;gap:9px;align-items:flex-start;line-height:1.45;cursor:pointer}.check-field input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--forest)}.check-field span{min-width:0;overflow-wrap:anywhere}.loan-details,.employee-details{padding:22px}.employee-details__identity{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px}.employee-details__identity h3{margin:0;color:var(--ink);font:800 20px Manrope}.employee-details__identity p{margin:4px 0 0;color:var(--muted);font-size:12px}.employee-details__avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#e8f1ec;color:var(--forest);font:800 15px Manrope}.employee-details__stats{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden}.employee-details__stats div{min-width:0;padding:14px;border-right:1px solid var(--line);background:#fafcfa}.employee-details__stats div:last-child{border-right:0}.employee-details__stats span,.employee-details__stats b{display:block}.employee-details__stats span{color:var(--muted);font-size:11px}.employee-details__stats b{margin-top:6px;overflow:hidden;color:var(--ink);font:800 14px Manrope;text-overflow:ellipsis}.details-list div{display:flex;align-items:center;justify-content:space-between;gap:16px}.details-list dt{color:var(--muted);font-size:12px}.details-list dd{margin:0;color:var(--ink);font-size:12px;font-weight:700;text-align:right}.employee-loan-list{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.employee-loan-list article{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.employee-loan-list article:last-child{border-bottom:0}.employee-loan-list article>div:last-child{text-align:right}.employee-loan-list b,.employee-loan-list small{display:block}.employee-loan-list b{color:var(--ink);font-size:13px}.employee-loan-list small{margin-top:4px;color:var(--muted);font-size:11px;text-transform:capitalize}.details-person{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.details-person h3{margin:0;font:800 20px Manrope}.details-person p{margin:6px 0 0;color:var(--muted);font-size:12px}.details-money{margin:20px 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.details-money div{padding:13px;border-right:1px solid var(--line);background:#fafcfa}.details-money div:last-child{border-right:0}.details-money span,.details-money b{display:block}.details-money span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.details-money b{margin-top:5px;color:var(--forest);font:800 13px Manrope}.details-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.details-list div{padding:10px 12px}.detail-section{margin-top:24px}.detail-section h3{margin:0 0 10px;font:800 14px Manrope}.detail-rows{border-top:1px solid var(--line)}.detail-rows>div{padding:11px 1px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:11px}.detail-rows b,.detail-rows small{display:block}.detail-rows small{margin-top:3px;color:var(--muted);font-size:9px}.detail-rows time{color:var(--muted);white-space:nowrap}.detail-empty{padding:16px;border-radius:8px;background:#f5f7f5;color:var(--muted);font-size:11px;text-align:center}.timeline{border-left:1px solid #cfddd4;margin-left:5px;padding-left:18px}.timeline>div{position:relative;padding:0 0 16px}.timeline>div>span{position:absolute;left:-22px;top:3px;width:7px;height:7px;border-radius:50%;background:#4b8079;box-shadow:0 0 0 4px #fff}.timeline p{margin:0}.timeline b,.timeline small{display:block}.timeline b{color:#405551;font-size:11px;line-height:1.4}.timeline small{margin-top:3px;color:var(--muted);font-size:9px}.details-footer{display:flex;justify-content:flex-end;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.modal-subsection{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.subsection-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.subsection-title h3{margin:0;font:800 14px Manrope}.subsection-title>span{color:#94602b;font-size:9px;font-weight:800;text-transform:uppercase}.ledger-list{margin-top:9px}.ledger-list>div{position:relative;min-height:52px;padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border-bottom:1px solid #edf1ee}.ledger-list b,.ledger-list small{display:block}.ledger-list b{color:#405551;font-size:10px}.ledger-list small{margin-top:3px;color:var(--muted);font-size:8px;text-transform:capitalize}.ledger-list strong{color:#347352;font:800 11px Manrope}.ledger-list .ledger-out{color:#a64e41}.ledger-list button{border:0;background:transparent;color:#9b4c40;font-size:9px;font-weight:800;cursor:pointer}.ledger-list em{color:var(--muted);font-size:9px}.reversal-box{grid-column:1 / -1;display:flex;gap:7px}.reversal-box input{margin:0}.reversal-box button{min-width:110px;border-radius:7px;background:#a9493e;color:#fff}.consent-record{padding:12px;border-radius:9px;background:#f5f7f5}.consent-record span,.consent-record small{display:block}.consent-record span{font-size:10px;font-weight:800}.consent-record small{margin-top:4px;color:var(--muted);font-size:9px}.consent-ok{color:#347352}.consent-missing{color:#9b4c40}.consent-inline{display:block;margin-top:5px;color:#9b4c40;font-size:11px;font-weight:700}.consent-inline--ok{color:#347352}.modal-success{padding:15px;border:1px solid #bcd8c5;border-radius:10px;background:#edf7f0;color:#355f45}.modal-success b{display:block;margin-bottom:5px;color:#214c35}.modal-success p{margin:0;line-height:1.5}.button--full{width:100%;margin-top:16px}.document-row{margin-top:8px;padding:10px 1px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:10px}.document-row b,.document-row small{display:block}.document-row small{margin-top:3px;color:var(--muted);font-size:8px}.document-row time{color:var(--muted);white-space:nowrap}.document-row>span:last-child{text-align:right}.document-row button{margin-top:5px;padding:0;border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.upload-button{width:fit-content;margin-top:10px;padding:8px 10px;display:inline-block;border:1px solid var(--line);border-radius:8px;color:#39746e;font-size:10px;font-weight:800;cursor:pointer}.upload-button input{display:none}.temporary-pin{margin:18px 0;padding:18px;border:1px dashed #86a99e;border-radius:10px;background:#f1f7f3;text-align:center}.temporary-pin span,.temporary-pin strong,.temporary-pin small{display:block}.temporary-pin span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.temporary-pin strong{margin:7px 0;color:var(--forest);font:800 32px Manrope;letter-spacing:.15em}.temporary-pin small{color:var(--muted);font-size:9px}.login-page{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at top left,#edf5f0,transparent 42%),#f5f7f5}.login-card{width:min(100%,430px);padding:38px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 70px #193c351f}.login-brand{margin-bottom:38px;display:flex;align-items:center;gap:12px}.login-brand>span:last-child,.login-brand b,.login-brand small{display:block}.login-brand b{color:var(--forest);font:800 19px Manrope}.login-brand small{margin-top:2px;color:var(--muted);font-size:10px}.login-card h1{margin:7px 0 8px;font:800 30px Manrope;color:var(--ink)}.login-card p{margin:0;color:var(--muted);font-size:12px}.login-card form{margin-top:28px}.login-card form label{display:block;margin-top:15px;color:#4e625e;font-size:11px;font-weight:800}.login-card form input{width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;color:var(--ink);font:inherit;outline:none}.login-card form input:focus{border-color:#4d847e;box-shadow:0 0 0 3px #4d847e1f}.login-card form .notice{margin:15px 0 0;padding:11px 12px;display:block;font-size:11px}.login-card form>button{width:100%;margin-top:20px;min-height:44px}.login-status{color:var(--muted);font-size:12px}.brand small,.sidebar__footer small{font-size:13px}.nav-label,.eyebrow,.demo-badge{font-size:12px}.sidebar__footer,.notice span,.stat-card__label,.stat-card__detail,.record-count,.list-tools input,.list-tools select{font-size:14px}table{font-size:15px}th{font-size:12px}td small{font-size:13px;line-height:1.4}.status,.employee-state{font-size:12px}.row-actions button{font-size:13px}.focus-item span,.panel-note{font-size:14px}.history-feed article{min-height:82px;padding-top:17px;padding-bottom:17px}.history-feed article b{font-size:15px;line-height:1.5}.history-feed article small{margin-top:6px;font-size:13px;line-height:1.45}.history-icon{width:34px;height:34px;font-size:12px}.modal-form label,.modal-summary,.modal-error,.modal-warning,.modal-danger-note,.request-context span,.request-context p,.employee-details__identity p,.employee-details__stats span,.details-list dt,.details-list dd{font-size:14px}.employee-details__stats b,.employee-loan-list b{font-size:15px}.employee-loan-list small,.details-person p{font-size:13px}.details-money span{font-size:12px}.details-money b,.detail-section h3,.subsection-title h3{font-size:15px}.detail-rows>div{font-size:14px}.detail-rows small,.timeline small,.detail-empty{font-size:12px}.timeline b{font-size:14px}.subsection-title>span{font-size:11px}.ledger-list b,.ledger-list strong{font-size:13px}.ledger-list small,.ledger-list button,.ledger-list em{font-size:12px}.consent-record span,.document-row,.upload-button{font-size:13px}.consent-record small,.document-row small,.temporary-pin span,.temporary-pin small{font-size:12px}:root[data-theme=dark]{color-scheme:dark;color:#e8f0ed;background:#0f1716;--ink: #e8f0ed;--muted: #9aa9a5;--forest: #183f3b;--lime: #d0eb78;--line: #31413e;--paper: #182220}:root[data-theme=dark] body,:root[data-theme=dark] main{background:#0f1716}:root[data-theme=dark] .sidebar{background:#0a2522}:root[data-theme=dark] .button--quiet{background:#1b2826}:root[data-theme=dark] .theme-button{border-color:#5a706b;background:#293b37;color:#f3d66f;box-shadow:0 3px 12px #00000040}:root[data-theme=dark] .theme-button:hover{border-color:#89a49e;background:#344944}:root[data-theme=dark] .info-tip{border-color:#627873;background:#22312e;color:#c5d5d0}:root[data-theme=dark] .info-tip--warning{border-color:#a77b2e;background:#3a2d15;color:#f1ca79}:root[data-theme=dark] .info-tip:after{background:#e7efec;color:#142421;box-shadow:0 8px 24px #00000061}:root[data-theme=dark] .button--primary,:root[data-theme=dark] .button--small{border-color:#6ea79f;background:#275e58}:root[data-theme=dark] .row-actions button{border-color:#465c57;background:#1c2a28;color:#d4e1dd}:root[data-theme=dark] .row-actions button:hover:not(:disabled){border-color:#72938c;background:#293b37}:root[data-theme=dark] .row-actions .positive-link{border-color:#417b6d;background:#18362f;color:#9ed3c3}:root[data-theme=dark] .row-actions .positive-link:hover:not(:disabled){border-color:#65a491;background:#21483e}:root[data-theme=dark] .row-actions .danger-link{border-color:#744c46;background:#38211e;color:#efaaa0}:root[data-theme=dark] .row-actions .danger-link:hover:not(:disabled){border-color:#a4675d;background:#4a2a26}:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .modal,:root[data-theme=dark] .login-card{box-shadow:0 12px 34px #0000003d}:root[data-theme=dark] .login-card{border-color:#344541;background:var(--paper);color:var(--ink)}:root[data-theme=dark] .login-card h1{color:#f2f7f5}:root[data-theme=dark] .login-card form label{color:#d2ddda}:root[data-theme=dark] .login-card form input{border-color:#465a55;background:#101917;color:#f2f7f5;caret-color:#d0eb78}:root[data-theme=dark] .login-card form input::placeholder{color:#84948f;opacity:1}:root[data-theme=dark] .login-card form input:-webkit-autofill,:root[data-theme=dark] .login-card form input:-webkit-autofill:hover,:root[data-theme=dark] .login-card form input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #101917 inset;-webkit-text-fill-color:#f2f7f5;caret-color:#d0eb78}:root[data-theme=dark] .modal{border:1px solid #344541;background:var(--paper);color:var(--ink)}:root[data-theme=dark] .modal-form,:root[data-theme=dark] .confirmation,:root[data-theme=dark] .loan-details{background:var(--paper)}:root[data-theme=dark] .employee-details{background:var(--paper)}:root[data-theme=dark] .panel__heading,:root[data-theme=dark] td,:root[data-theme=dark] .history-feed article,:root[data-theme=dark] .modal>header,:root[data-theme=dark] .modal-form footer,:root[data-theme=dark] .confirmation footer,:root[data-theme=dark] .detail-rows,:root[data-theme=dark] .detail-rows>div,:root[data-theme=dark] .document-row,:root[data-theme=dark] .ledger-list>div{border-color:#2b3b38}:root[data-theme=dark] .list-tools,:root[data-theme=dark] th,:root[data-theme=dark] .details-money div,:root[data-theme=dark] .modal>header{background:#151f1d}:root[data-theme=dark] .list-tools input,:root[data-theme=dark] .list-tools select,:root[data-theme=dark] .modal-form input,:root[data-theme=dark] .modal-form select,:root[data-theme=dark] .modal-form textarea{border-color:#3a4c48;background:#111a18;color:#eef5f2}:root[data-theme=dark] .date-tools input{color-scheme:dark}:root[data-theme=dark] .date-tools button{border-color:#3a4c48;background:#1c2927;color:#d4e1dd}:root[data-theme=dark] .date-tools button:hover{border-color:#72938c;background:#293b37}:root[data-theme=dark] .modal-form input::placeholder,:root[data-theme=dark] .modal-form textarea::placeholder{color:#71827e}:root[data-theme=dark] .modal-form input:focus,:root[data-theme=dark] .modal-form select:focus,:root[data-theme=dark] .modal-form textarea:focus{border-color:#79a99f;box-shadow:0 0 0 3px #79a99f29}:root[data-theme=dark] .check-field input{accent-color:var(--lime)}:root[data-theme=dark] td,:root[data-theme=dark] .history-feed article b,:root[data-theme=dark] .ledger-list b,:root[data-theme=dark] .details-person p,:root[data-theme=dark] .request-context p,:root[data-theme=dark] .modal-copy,:root[data-theme=dark] .confirmation p,:root[data-theme=dark] .modal-form label{color:#c7d3cf}:root[data-theme=dark] .list-tools,:root[data-theme=dark] .panel-note,:root[data-theme=dark] .request-context,:root[data-theme=dark] .detail-empty,:root[data-theme=dark] .consent-record,:root[data-theme=dark] .details-list,:root[data-theme=dark] .temporary-pin{background:#121d1b}:root[data-theme=dark] .modal-success{border-color:#355746;background:#17271f;color:#b9d9c4}:root[data-theme=dark] .modal-success b{color:#d9efe0}:root[data-theme=dark] .details-list div+div{border-top:1px solid #2b3b38}:root[data-theme=dark] .clickable-row:hover>td,:root[data-theme=dark] .clickable-row:focus-visible>td,:root[data-theme=dark] .clickable-history-row:hover,:root[data-theme=dark] .clickable-history-row:focus-visible,:root[data-theme=dark] .employee-details__stats div{background:#13201d}:root[data-theme=dark] .clickable-row--overdue>td{background:#2a1b19}:root[data-theme=dark] .clickable-row--overdue:hover>td,:root[data-theme=dark] .clickable-row--overdue:focus-visible>td{background:#35201d}:root[data-theme=dark] .employee-details__avatar{background:#29413c;color:var(--lime)}:root[data-theme=dark] .employee-loan-list{background:#141f1d}:root[data-theme=dark] .temporary-pin{border-color:#55766f}:root[data-theme=dark] .temporary-pin strong{color:var(--lime)}:root[data-theme=dark] .modal-summary{background:#1b302c;color:#b7c7c2}:root[data-theme=dark] .modal-summary b{color:#d0eb78}:root[data-theme=dark] .empty-state span,:root[data-theme=dark] .history-icon,:root[data-theme=dark] .modal-close,:root[data-theme=dark] .employee-state--off{background:#263431}:root[data-theme=dark] .history-tab{border-color:#334541;background:#182522;color:#b4c2be}:root[data-theme=dark] .history-tab span{background:#2a3a36;color:#c2d0cc}:root[data-theme=dark] .history-tab--active{border-color:var(--lime);background:#30443d;color:var(--lime)}:root[data-theme=dark] .history-tab--active span{background:#d0eb7824;color:var(--lime)}:root[data-theme=dark] .timeline>div>span{box-shadow:0 0 0 4px #182220}:root[data-theme=dark] .login-page{background:radial-gradient(circle at top left,#17332e,transparent 42%),#0f1716}:root[data-theme=dark] .login-brand b{color:#d0eb78}:root[data-theme=dark] .notice--error,:root[data-theme=dark] .modal-danger-note,:root[data-theme=dark] .modal-error{border-color:#6f3c35;background:#321d1a;color:#f0b7ab}:root[data-theme=dark] .modal-warning{background:#332915;color:#e6c680}:root[data-theme=dark] .demo-badge{background:#3b3019;color:#efd18c}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;z-index:auto;width:100%;height:auto;padding:12px 14px}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between}.brand{padding:0}.mobile-menu-button{width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:10px;display:grid;align-content:center;gap:5px;background:#ffffff12;cursor:pointer}.mobile-menu-button span{width:100%;height:2px;border-radius:4px;background:#fff}.sidebar nav{position:fixed;z-index:72;inset:0 0 0 auto;width:min(84vw,320px);padding:18px 14px;display:block;overflow-y:auto;background:var(--forest);box-shadow:-18px 0 50px #0414124d;transform:translate(105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}.sidebar nav.mobile-nav-open{transform:translate(0);visibility:visible}.mobile-nav-heading{min-height:57px;margin-bottom:18px;padding:0 6px 15px;border-bottom:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:space-between}.mobile-nav-heading b,.mobile-nav-heading small{display:block}.mobile-nav-heading b{font:800 20px Manrope}.mobile-nav-heading small{margin-top:2px;color:#ffffff94;font-size:12px}.mobile-nav-heading button{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff12;color:#fff;font-size:27px;line-height:1;cursor:pointer}.nav-label{display:block}.sidebar__footer{display:none}.nav-item{min-height:48px;width:100%;padding:11px 12px;gap:10px}.nav-item>span{width:17px;font-size:17px}.mobile-nav-backdrop{position:fixed;z-index:60;inset:0;display:block;border:0;background:#07191694;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default}main{padding:20px 12px 50px}.topbar{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:20px}.topbar__actions{display:grid;grid-template-columns:42px auto minmax(112px,1fr)}.refresh-button{display:none}.signout-button{display:inline-flex;align-items:center;justify-content:center;padding:0 12px}.new-loan-button{width:100%}.theme-button{padding:0;display:inline-flex}.theme-button span{font-size:17px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:132px;padding:16px}.panel__heading{min-height:74px;padding:16px;align-items:flex-start;flex-wrap:wrap;gap:12px}.panel-actions{width:100%;justify-content:space-between}.list-tools{min-height:0;align-items:stretch}.search-field{width:100%;flex:1 1 100%}.list-tools select{flex:1 1 150px}.date-tools{width:100%;flex:1 1 100%}.date-tools label{flex:1 1 140px}.date-tools input{width:100%}.table-scroll{overflow:visible;padding:10px}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{margin-bottom:10px;padding:5px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:0 3px 12px #1c36320a}.responsive-table tr:last-child{margin-bottom:0}.responsive-table td{min-height:43px;padding:10px 0;display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid var(--line);text-align:right}.responsive-table td:first-child{border-top:0}.responsive-table td[colspan]{display:block;padding:0;border:0;text-align:center}.responsive-table td:before{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}.responsive-table td>*{justify-self:end}.responsive-table td:first-child>*{justify-self:end}.responsive-table td small{max-width:180px;margin-left:auto}.responsive-table .row-actions{justify-content:flex-end}.responsive-table .empty-state{display:grid;text-align:center}.responsive-table .empty-state:before{content:none}.employee-table td:nth-child(1):before,.loans-table td:nth-child(1):before,.completed-loans-table td:nth-child(1):before{content:"Employee"}.employee-table td:nth-child(2):before{content:"Employee no."}.employee-table td:nth-child(3):before{content:"Basic salary"}.employee-table td:nth-child(4):before{content:"Open items"}.employee-table td:nth-child(5):before,.loans-table td:nth-child(5):before{content:"Status"}.employee-table td:nth-child(6):before,.loans-table td:nth-child(6):before,.completed-loans-table td:nth-child(6):before{content:"Actions"}.loans-table td:nth-child(2):before{content:"Requested"}.loans-table td:nth-child(3):before{content:"Amount"}.loans-table td:nth-child(4):before{content:"Term"}.completed-loans-table td:nth-child(2):before{content:"Loan amount"}.completed-loans-table td:nth-child(3):before{content:"Interest"}.completed-loans-table td:nth-child(4):before{content:"Total repaid"}.completed-loans-table td:nth-child(5):before{content:"Completed"}.responsive-table td[colspan]:before{content:none}.responsive-table td[colspan] .empty-state{width:100%;justify-items:center;text-align:center}.history-feed article{grid-template-columns:34px minmax(0,1fr)}.history-feed article .text-button{grid-column:2;justify-self:start;padding-left:0}.modal-backdrop{display:block;width:100%;max-width:100%;padding:0;overflow-x:clip}.modal{position:fixed;top:12px;right:auto;left:12px;width:calc(100% - 24px);min-width:0;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:0;contain:inline-size}.modal>header{min-height:70px;padding:15px 16px}.modal-form,.confirmation,.loan-details,.employee-details{padding:16px}.modal-form input,.modal-form select,.modal-form textarea{min-width:0;max-width:100%}.modal-warning,.modal-danger-note,.modal-error,.modal-copy,.request-context{max-width:100%;overflow-wrap:anywhere}.modal-summary{align-items:flex-start;gap:12px;flex-direction:column}.modal-form footer,.confirmation footer{display:grid;grid-template-columns:1fr}.modal-form footer .button,.confirmation footer .button{width:100%;min-width:0;white-space:normal}}@media(max-width:480px){.history-tabs{display:grid;grid-template-columns:1fr}.brand{padding-left:4px}.brand__crest{width:38px;height:38px}.brand b{font-size:17px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:118px}.stat-card strong{margin-top:18px}.modal-backdrop{padding:0}.modal{inset:auto auto 0 0;width:100%;max-width:100%;max-height:94dvh;border-radius:18px 18px 0 0}.list-tools{align-items:stretch;flex-direction:column}.search-field,.list-tools select,.date-tools{width:100%;flex:none}.list-tools select{width:100%}.date-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.date-tools label{min-width:0}.date-tools input{width:100%;min-width:0}.date-tools button{grid-column:1 / -1}.details-money{grid-template-columns:1fr 1fr}.details-money div:nth-child(2){border-right:0}.details-money div:nth-child(-n+2){border-bottom:1px solid var(--line)}.employee-details__identity{grid-template-columns:46px minmax(0,1fr)}.employee-details__identity>.employee-state{grid-column:2;justify-self:start}.employee-details__avatar{width:46px;height:46px}.employee-details__stats{grid-template-columns:1fr}.employee-details__stats div{border-right:0;border-bottom:1px solid var(--line)}.employee-details__stats div:last-child{border-bottom:0}.employee-loan-list article{align-items:flex-start;flex-direction:column}.employee-loan-list article>div:last-child{text-align:left}}