:root{--blue:#003c87;--blue-light:#0052b4;--pale:#e7eeff;--border:#d8e3fb;--orange:#fe6500;--ink:#111c2d;--muted:#737784;--white:#fff;font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#b7c8e5 transparent}
body{margin:0;background:radial-gradient(circle at 84% -8%,#d8e2ff99,transparent 32rem),radial-gradient(circle at 102% 94%,#ffdbc966,transparent 25rem),#f9f9ff;min-height:100vh;background-attachment:fixed}
a{color:var(--blue-light);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:default;opacity:.6}h1,h2,p{margin-top:0}h2{font-size:19px;letter-spacing:-.025em;margin-bottom:8px}p{line-height:1.7}small{font-size:11px;color:var(--muted)}
:focus-visible{outline:3px solid #aec6ff;outline-offset:3px}.muted{color:var(--muted);font-size:12px;margin-bottom:0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;color:var(--blue-light);margin-bottom:14px}
.brand{font-size:27px;letter-spacing:-1.2px;font-weight:800;color:var(--blue)}.brand span{color:var(--orange);margin-left:4px}.brand:hover{text-decoration:none}.brand.large{display:inline-block;background:#fff;border:1px solid #c2c6d5aa;border-radius:16px;padding:20px 25px;font-size:34px;align-self:flex-start;box-shadow:0 3px 8px #003c8708}
.button{border:1px solid var(--blue);border-radius:11px;background:var(--blue);color:white;min-height:42px;padding:10px 17px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;transition:background .2s,box-shadow .2s}
.button:hover{background:var(--blue-light);text-decoration:none;box-shadow:0 5px 15px #003c871c}.button.secondary{background:white;color:var(--blue);border-color:#c8d8f8}.button.secondary:hover{background:var(--pale)}.button.small{min-height:36px;padding:7px 10px}.button.full{width:100%;min-height:50px;font-size:14px;box-shadow:0 8px 18px #003c871b}.text-button{border:0;background:none;color:var(--blue-light);padding:0;font-size:12px;font-weight:650}.text-button:hover{text-decoration:underline}
.notice{padding:13px 16px;background:#edf6ff;border:1px solid #cfe1f8;color:#164678;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:20px;overflow-wrap:anywhere}.notice.error{background:#fff1f1;border-color:#f2cbcb;color:#a83232}
.stack{display:flex;flex-direction:column;gap:18px}.stack>.button{align-self:flex-start}.stack>.button.full{align-self:stretch}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650}label small{font-weight:400}
input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;border:1px solid #c2c6d5;background:#fff;border-radius:10px;min-height:44px;padding:10px 13px;color:var(--ink);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--blue-light);box-shadow:0 0 0 3px #003c8710}input[readonly]{background:#f5f7fc;color:#65758a}input::placeholder{color:#8b8f99}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);flex-shrink:0}.check{flex-direction:row;align-items:center;gap:9px}
.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#fffdfd;border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;z-index:40}.sidebar .brand{padding:0 12px}.sidebar-caption{font-size:10px;color:var(--muted);margin:8px 12px 35px;letter-spacing:.08em;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px;border-radius:11px;color:#596273;font-size:12px;font-weight:650}.nav-link span{font-size:19px;width:22px;text-align:center}.nav-link:hover{background:#f5f7ff;text-decoration:none}.nav-link.active{background:var(--pale);color:var(--blue);box-shadow:inset 3px 0 var(--orange)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:20px 12px 0;display:flex;flex-direction:column;gap:8px;font-size:12px}.sidebar-bottom strong{font-size:13px}.sidebar-bottom a,.sidebar-bottom button{font-size:11px}.sidebar-bottom small{margin-bottom:12px}.sidebar-bottom form{margin:0}
.page-shell{padding-left:240px;min-height:100vh}.page-header{min-height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#f9f9ffed;border-bottom:1px solid #c2c6d5c7;backdrop-filter:blur(18px);box-shadow:0 8px 28px #003c8709}.page-header h1{font-size:20px;font-weight:650;letter-spacing:-.025em;margin:0;display:flex;align-items:center;gap:12px}.page-header h1:before{content:'';width:4px;height:22px;border-radius:10px;background:linear-gradient(180deg,var(--orange),#ff9a62);box-shadow:0 3px 8px #fe65003d}.header-actions{display:flex;gap:15px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--pale);color:var(--blue);border:1px solid var(--border);border-radius:50%;font-weight:750}.branch-switch{display:flex;align-items:center;gap:7px}.branch-switch select{min-height:36px;font-size:11px;max-width:200px}
.page-content{padding:26px 28px;display:flex;flex-direction:column;gap:24px;max-width:1600px;margin:auto}.page-content>.notice{margin-bottom:0}.card{border:1px solid var(--border);border-radius:17px;background:#ffffffed;box-shadow:0 10px 30px #003c8709;overflow:hidden;padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{margin-bottom:5px}.section-heading h2:only-child{margin-bottom:0}.inline-form,.search-form{display:flex;align-items:center;gap:8px}.inline-form select{max-width:240px}.search-form input{max-width:210px}.form-card{max-width:760px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-footer{padding-top:20px}.branch-choices{border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:18px}.branch-choices legend{font-size:12px;font-weight:700;padding:0 6px}
.table-wrap{overflow:auto;margin:0 -24px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px}th{text-align:left;background:var(--pale);font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.065em;padding:13px 20px}td{padding:15px 20px;border-bottom:1px solid #e8edf8;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-size:12px}td small{display:block;margin-top:5px;font-size:10px}.row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:80px}.row-actions a,.row-actions button{font-size:11px;font-weight:650}.row-actions form{margin:0}.badge{display:inline-block;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:700}.badge.green{color:#167a3d;background:#eef9f1}.badge.grey{color:#64748b;background:#f1f5f9}.empty{padding:40px;text-align:center;color:var(--muted)}.table-note{font-size:10px;color:var(--muted);margin:16px 0 0}
.welcome-card{background:linear-gradient(120deg,#e7eeff,#f6f8ff);border:1px solid var(--border);border-radius:19px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.welcome-card h2{font-size:26px;margin-bottom:12px}.welcome-card p:last-child{color:#596273;font-size:12px;margin:0}.welcome-emblem{height:86px;width:86px;border-radius:22px;display:grid;place-items:center;background:white;color:var(--blue);font-size:28px;font-weight:800;border:1px solid var(--border);box-shadow:0 5px 20px #003c8708;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{display:flex;flex-direction:column;gap:12px}.stat>span{font-size:11px;color:var(--muted);font-weight:600}.stat>strong{font-size:32px;color:var(--blue);letter-spacing:-1px}.stat>strong.stat-text{font-size:20px;min-height:38px;display:flex;align-items:center;letter-spacing:-.4px}.stat small{font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-link{padding:19px;border:1px solid var(--border);border-radius:13px;background:#fafbff}.quick-link:hover{background:var(--pale);text-decoration:none}.quick-link strong{display:flex;justify-content:space-between;gap:10px;font-size:13px}.quick-link p{font-size:11px;color:var(--muted);margin:10px 0 0}
.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.permission-group{border:1px solid var(--border);border-radius:13px;margin:0;padding:14px 16px}.permission-group legend{font-weight:700;font-size:13px;color:var(--blue);padding:0 6px}.permission-item{display:flex;flex-direction:row;align-items:flex-start;gap:9px;padding:9px 0}.permission-item span{display:flex;flex-direction:column;gap:4px}.permission-item strong{font-size:11px;font-weight:650}.permission-item small{font-size:9px;overflow-wrap:anywhere}.tabs{display:flex;gap:5px;background:#f1f5ff;border-radius:10px;padding:4px}.tabs a{padding:9px 11px;font-size:11px;color:#64748b;border-radius:7px;white-space:nowrap}.tabs a.selected{background:white;color:var(--blue);box-shadow:0 2px 5px #003c870b}.footer{font-size:10px;color:#8b8f99;padding:10px 28px 25px;text-align:right}.error-page{min-height:100vh;display:grid;place-items:center;padding:24px}.error-page>.card{max-width:520px;width:100%;padding:35px}.error-page p{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.section-heading{align-items:flex-start;flex-wrap:wrap}.stat-grid{gap:12px}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{position:static;width:auto;padding:18px 20px;display:block;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{padding:0;font-size:23px}.sidebar-caption{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:16px;gap:6px}.nav-link{white-space:nowrap;padding:10px;font-size:11px}.nav-link span{font-size:16px}.sidebar-bottom{margin:14px 0 0;padding:12px 0 0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.sidebar-bottom small{margin:0}.sidebar-bottom strong{font-size:11px}.page-shell{padding-left:0}.page-header{position:static;padding:16px 20px}.page-content{padding:20px}}
@media(max-width:580px){.page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:space-between}.branch-switch{flex:1}.branch-switch select{max-width:100%}.page-content{padding:16px;gap:16px}.card{padding:20px}.table-wrap{margin:0 -20px}.form-grid,.stat-grid,.permission-grid,.quick-grid{grid-template-columns:1fr}.stat{gap:7px}.stat>strong{font-size:25px}.stat>strong.stat-text{min-height:0}.section-heading{gap:14px}.section-heading .inline-form{flex-wrap:wrap;width:100%}.search-form{width:100%}.search-form input{max-width:none;flex:1;min-width:0}.welcome-card{padding:22px}.welcome-card h2{font-size:22px}.welcome-emblem{display:none}.footer{text-align:center}.tabs{max-width:100%}.sidebar-bottom a{margin-left:auto}.permission-item small{font-size:10px}}
/* Login follows the UH portal layout. */
.login-body{background:radial-gradient(ellipse at 12% 12%,#e9efff,transparent 48%),radial-gradient(ellipse at 92% 95%,#fff1e9,transparent 40%),#f8faff;overflow-x:hidden}
.login-body::before,.login-body::after{content:'';position:fixed;pointer-events:none;border-radius:50%;filter:blur(64px);z-index:-1}
.login-body::before{width:288px;height:288px;left:-96px;top:-96px;background:#d8e2ffcc}
.login-body::after{width:384px;height:384px;right:-80px;bottom:-128px;background:#ffdbc999}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.login-shell{width:100%;max-width:1040px;display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid #dbe5f5;border-radius:28px;background:#fff;box-shadow:0 32px 80px -20px #153a6e33,0 4px 16px #153a6e06}
.login-story{display:none;position:relative;overflow:hidden;background-color:#ecf2ff;background-image:linear-gradient(rgba(0,82,180,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,82,180,.03) 1px,transparent 1px),linear-gradient(145deg,#e9f0ff,#f2f6ff);background-size:32px 32px,32px 32px,100% 100%;padding:32px;border-right:1px solid #e0e8f8}
.login-story::before,.login-story::after{content:'';position:absolute;pointer-events:none;border-radius:50%}
.login-story::before{width:280px;height:280px;right:-110px;top:-110px;border:42px solid #dce6fb9c}
.login-story::after{width:280px;height:280px;left:-110px;bottom:-140px;border:44px solid #ffe1ce99}
.login-story>*{position:relative;z-index:1}
.login-brand{text-align:center}
.login-logo{display:flex;align-items:center;justify-content:center;height:132px;width:max-content;margin:0 auto;padding:0 28px;border:1px solid #dde6f4;border-radius:22px;background:#fff;box-shadow:0 10px 24px -12px #003c8730,inset 0 0 0 5px #f8faff}
.login-logo img{display:block;width:140px;height:116px;object-fit:contain}
.login-company{margin:12px 0 0;font-size:20px;font-weight:700;line-height:28px;color:#003c87;letter-spacing:-.02em}
.login-company::after{content:'';display:block;width:60px;height:4px;margin:12px auto 0;border-radius:4px;background:#fe8b3d}
.login-story-label{margin:30px 0 12px;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.15em;color:#5c7399}
.login-story h1{margin:0;max-width:470px;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.04em}
.login-story h1 span{color:#0052b4}
.story-description{margin:16px 0 0;max-width:405px;font-size:12px;font-weight:500;line-height:22px;color:#5b6880}
.story-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
.story-features>div{padding:14px;border:1px solid #fff;border-radius:17px;background:#ffffffd9;box-shadow:0 5px 14px #003c8705;backdrop-filter:blur(8px)}
.login-body svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.story-features svg{box-sizing:content-box;width:19px;height:19px;padding:8px;border-radius:11px;background:#edf3ff;color:#0052b4}
.story-features>div:nth-child(2) svg{color:#e7671c;background:#fff1e8}
.story-features>div:nth-child(3) svg{color:#167a3d;background:#eaf7f0}
.story-features p{margin:10px 0 0;font-size:11px;font-weight:600;line-height:16.5px}
.login-form-panel{display:flex;align-items:center;padding:28px 20px;background:linear-gradient(160deg,#fff 65%,#fafcff)}
.login-form-content{width:100%;max-width:410px;margin:0 auto}
.mobile-brand{display:block;margin-bottom:28px}
.login-heading{margin-bottom:26px}
.login-form-panel h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.4}
.login-form-panel h2 span{color:#0052b4}
.login-description{margin:8px 0 0;font-size:13px;font-weight:500;line-height:24px;color:#737784}
.login-form{display:flex;flex-direction:column;gap:20px}
.login-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;line-height:18px}
.login-field{height:52px;display:flex;align-items:center;padding:0 16px;border:1px solid #d0daea;border-radius:12px;background:#fbfcff;box-shadow:0 2px 3px #003c8703;transition:border-color .2s,background .2s,box-shadow .2s}
.login-field:hover{border-color:#0052b4;background:#f7faff}
.login-field:focus-within{border-color:#0052b4;background:#fff;box-shadow:0 0 0 4px #0052b410}
.login-field:focus-within>svg{color:#0052b4}
.login-field>svg{width:21px;height:21px;color:#737784}
.login-field input:not([type=hidden]){width:100%;min-width:0;min-height:0;height:100%;padding:0 12px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px;font-weight:500;outline:none}
.login-field input:-webkit-autofill,.login-field input:-webkit-autofill:hover,.login-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#111c2d}
.password-toggle{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;padding:0;border:0;border-radius:8px;background:transparent;color:#737784;transition:background .2s,color .2s}
.password-toggle:hover{background:#e7eeff;color:#003c87}
.password-toggle svg{width:20px;height:20px}
.login-body [hidden]{display:none!important}
.forgot-password{margin-top:8px;text-align:right;color:#0052b4;font-size:11px;font-weight:600;line-height:16.5px}
.forgot-password summary{display:inline-block;cursor:pointer;list-style:none}
.forgot-password summary::-webkit-details-marker{display:none}
.forgot-password summary:hover{text-decoration:underline;color:#003c87}
.forgot-password p{margin:8px 0 0;font-size:11px;font-weight:400;line-height:18px;color:#737784}
.login-submit.button.full{height:52px;min-height:52px;padding:0 20px;border:1px solid #064788;border-radius:12px;background:linear-gradient(105deg,#003c87,#0759af);gap:10px;font-size:14px;font-weight:600;box-shadow:0 8px 18px -6px #003c8740,inset 0 1px 0 #ffffff1f;transition:background .2s,box-shadow .2s,transform .2s}
.login-submit svg{width:19px;height:19px;transition:transform .2s}
.login-submit:hover{background:linear-gradient(105deg,#064b9b,#0b67c3);transform:translateY(-2px);box-shadow:0 12px 22px -6px #003c8740}
.login-submit:hover svg{transform:translateX(4px)}
.login-submit:active{transform:translateY(0)}
.login-access-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:24px 0 0;padding-top:20px;border-top:1px solid #edf1f7;font-size:10px;line-height:18px;color:#6d7d93;text-align:center}
.login-access-note svg{width:14px;height:14px;margin-top:2px;color:#7386a2}
@media(min-width:640px){.login-page{padding:16px 24px}.login-form-panel{padding:24px 36px}}
@media(min-width:1024px){.login-page{padding:24px 32px}.login-shell{min-height:620px;grid-template-columns:1.04fr .96fr}.login-story{display:flex;flex-direction:column;justify-content:space-between}.mobile-brand{display:none}}
@media(min-width:1280px){.login-story{padding:36px 32px}.login-story h1{font-size:36px}.login-form-panel{padding:32px 48px}}
@media(max-width:420px){.login-form-panel h2{font-size:25px}.login-company{font-size:18px;line-height:26px}.login-access-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.login-body *, .login-body *::before,.login-body *::after{transition:none!important}.login-submit:hover,.login-submit:hover svg{transform:none}}
/* Shared message cards match UH across login and administration screens. */
.notice[hidden],.lms-modal[hidden],.lms-modal__button[hidden]{display:none!important}
.lms-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;color-scheme:light}
.lms-modal__backdrop{position:absolute;inset:0;background:rgba(7,26,51,.22);opacity:0;transition:opacity .18s ease}
.lms-modal__dialog{position:relative;z-index:1;width:min(100%,440px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d8e3fb;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,35,82,.28);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .18s ease,transform .18s ease;outline:none}
.lms-modal.is-open .lms-modal__backdrop,.lms-modal.is-open .lms-modal__dialog{opacity:1}
.lms-modal.is-open .lms-modal__dialog{transform:translateY(0) scale(1)}
.lms-modal__body{padding:26px 26px 22px}
.lms-modal__heading{display:flex;align-items:flex-start;gap:15px}
.lms-modal__icon{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:15px;background:var(--modal-soft,#edf3ff);color:var(--modal-color,#0052b4)}
.lms-modal svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lms-modal__icon svg{width:25px;height:25px}
.lms-modal__copy{min-width:0;padding:2px 20px 0 0}
.lms-modal__eyebrow{margin:0 0 5px;color:var(--modal-color,#0052b4);font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.lms-modal__title{margin:0;color:#111c2d;font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.35}
.lms-modal__message{margin:9px 0 0;color:#596273;font-size:12px;font-weight:500;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.lms-modal__close{position:absolute;top:17px;right:17px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:11px;background:transparent;padding:0;color:#737784}
.lms-modal__close:hover{background:#edf3ff;color:#003c87}
.lms-modal__close svg{width:20px;height:20px}
.lms-modal__actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e8edf8;background:#fbfcff;padding:14px 20px}
.lms-modal__button{display:inline-flex;min-width:96px;height:40px;align-items:center;justify-content:center;border-radius:12px;padding:0 18px;font-size:11px;font-weight:700;transition:transform .15s ease,background .15s ease}
.lms-modal__button:hover{transform:translateY(-1px)}
.lms-modal__button--cancel{border:1px solid #cbd7ee;background:#fff;color:#424752}
.lms-modal__button--cancel:hover{border-color:#9ab7ee;background:#f7faff}
.lms-modal__button--confirm{border:1px solid var(--modal-color,#003c87);background:var(--modal-color,#003c87);color:#fff;box-shadow:0 8px 20px var(--modal-shadow,rgba(0,60,135,.2))}
.lms-modal[data-type='success']{--modal-color:#167a3d;--modal-soft:#e7f8ed;--modal-shadow:rgba(22,122,61,.2)}
.lms-modal[data-type='error']{--modal-color:#c1302b;--modal-soft:#fff0ef;--modal-shadow:rgba(193,48,43,.2)}
.lms-modal[data-type='warning']{--modal-color:#c05a09;--modal-soft:#fff3e8;--modal-shadow:rgba(192,90,9,.2)}
.lms-modal[data-type='info']{--modal-color:#0052b4;--modal-soft:#edf3ff;--modal-shadow:rgba(0,82,180,.2)}
body.lms-modal-open{overflow:hidden}
.lms-field-invalid{border-color:#c1302b!important;background-color:#fff7f6!important;box-shadow:0 0 0 3px rgba(193,48,43,.12)!important}
.login-field.lms-field-invalid input{background:transparent!important;box-shadow:none!important}
@media(max-width:520px){.lms-modal{align-items:end;padding:12px}.lms-modal__dialog{border-radius:22px;max-height:calc(100dvh - 24px)}.lms-modal__body{padding:23px 20px 19px}.lms-modal__actions{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){.lms-modal__backdrop,.lms-modal__dialog,.lms-modal__button{transition:none}}
/* UH workspace shell: shared sidebar and header on all signed-in pages. */
.workspace-body{background:radial-gradient(circle at 84% -8%,rgba(216,226,255,.92) 0,rgba(216,226,255,0) 30rem),radial-gradient(circle at 102% 94%,rgba(255,219,201,.45) 0,rgba(255,219,201,0) 25rem),#f9f9ff;background-attachment:fixed}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;flex-shrink:0}
.workspace-body .sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:240px;height:100dvh;padding:16px 14px;display:flex;flex-direction:column;background-color:#e7eeff;background-image:linear-gradient(rgba(0,82,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,82,180,.035) 1px,transparent 1px);background-size:24px 24px;border-right:1px solid #c2c6d5;box-shadow:8px 0 32px #003c8712;overflow:hidden}
.sidebar-logo{display:flex;height:84px;flex-shrink:0;align-items:center;justify-content:center;margin-bottom:12px;padding:1px 10px;border:1px solid #d8e3fb;border-radius:16px;background:white;box-shadow:0 1px 3px #0000000d;color:#003c87}
.sidebar-logo:hover{text-decoration:none}.sidebar-logo img{display:block;width:min(100%,160px);height:auto;max-height:80px;object-fit:contain}
.workspace-body .account-profile{display:flex;flex:1;align-items:center;gap:10px;min-width:0;margin:0;border-radius:10px;color:var(--ink)}.account-profile:hover{text-decoration:none}.account-profile:hover strong,.account-profile[aria-current="page"] strong{color:var(--blue-light)}.account-profile:hover .account-avatar{background:var(--blue-light)}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:1080px}.profile-identity{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #e8edf8}.profile-avatar.account-avatar{width:60px;height:60px;border-radius:18px;font-size:20px}.profile-identity>div{min-width:0}.profile-identity h2{font-size:18px;margin:0 0 6px;overflow-wrap:anywhere}.profile-identity p{font-size:12px;color:var(--muted);margin:0}.profile-fields{margin:8px 0 0}.profile-fields>div{padding:15px 0;border-bottom:1px solid #e8edf8}.profile-fields>div:last-child{border:0;padding-bottom:0}.profile-fields dt{font-size:10px;font-weight:600;color:var(--muted);margin-bottom:6px}.profile-fields dd{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.profile-branch{display:block;margin-top:4px}.profile-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.profile-section-heading h2{font-size:18px;margin:0 0 6px}.profile-lock{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#e7eeff;color:var(--blue);border-radius:12px}.profile-password{align-self:start}.profile-password .button{margin-top:4px}.profile-password form{margin:0}
@media(min-width:900px){.profile-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}}
.workspace-body .sidebar-caption{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin:0 0 8px;padding:0 8px;font-size:10px;font-weight:700;line-height:15px;letter-spacing:.16em;text-transform:uppercase;color:#737784}.sidebar-caption i,.nav-current{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#fe6500}
.workspace-body .sidebar nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:2px;margin:0;padding-right:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
.workspace-body .nav-link{position:relative;display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;padding:8px 12px;border-radius:12px;background:transparent;color:#1f2937;font-size:13px;font-weight:600;line-height:20px;white-space:normal;box-shadow:none;transition:background .2s,color .2s,box-shadow .2s}
.nav-link::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:10px;background:transparent}.workspace-body .nav-link:hover{background:#ffffffbf;color:#003c87;box-shadow:0 1px 3px #0000000d;text-decoration:none}.workspace-body .nav-link.active{background:#003c87;color:white;box-shadow:0 8px 18px #003c8729}.nav-link.active::before{background:#fe6500}
.workspace-body .nav-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#d8e2ffb3;color:#424752}.nav-icon .material-symbols-outlined{width:auto;font-size:19px}.workspace-body .nav-link.active .nav-icon{background:#ffffff1a;color:white}.nav-link:hover .nav-icon{background:#d8e2ff;color:#003c87}.workspace-body .nav-label{width:auto;flex:1;min-width:0;text-align:left;font-size:13px;overflow:hidden;text-overflow:ellipsis}.nav-current{margin-left:auto}
.workspace-body .sidebar-bottom{display:block;flex-shrink:0;margin:12px 0 0;padding:10px;border:1px solid #c2c6d5cc;border-radius:16px;background:#ffffffd9;box-shadow:0 1px 3px #0000000d;backdrop-filter:blur(8px)}.sidebar-account{display:flex;align-items:center;gap:10px}.account-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#003c87;color:white;font-size:11px;font-weight:700}.account-copy{flex:1;min-width:0}.account-copy strong,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-body .account-copy strong{font-size:12px;font-weight:700;line-height:18px}.workspace-body .account-copy small{font-size:10px;font-weight:600;line-height:15px;margin:0;color:#737784}.sidebar-account form{margin:0}.account-signout{display:grid;place-items:center;width:32px;height:32px;border:0;padding:0;border-radius:8px;background:transparent;color:#737784}.account-signout .material-symbols-outlined{font-size:19px}.account-signout:hover{background:#fff1e8;color:#c2410c}
.workspace-body .page-shell{position:relative;padding-left:240px;min-height:100vh}.workspace-body .page-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 28px;position:sticky;top:0;z-index:30;border-bottom:1px solid #c2c6d5c7;background:#f9f9ffe0;box-shadow:0 8px 28px #003c870e;backdrop-filter:blur(18px)}.header-heading{display:flex;align-items:center;gap:10px;flex-shrink:0}.workspace-body .page-header h1{font-size:22px;font-weight:600;line-height:1;margin:0;gap:10px}.workspace-body .header-actions{display:flex;width:auto;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}.sidebar-toggle{display:none}
.branch-picker{position:relative}.branch-picker summary,.branch-empty{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid #d8e3fb;border-radius:8px;background:white;box-shadow:0 1px 3px #0000000d;font-size:12px;font-weight:700;line-height:18px;color:#111c2d;list-style:none}.branch-picker summary{cursor:pointer}.branch-picker summary::-webkit-details-marker{display:none}.branch-picker summary:hover{border-color:#0052b4;background:#f7faff;box-shadow:0 4px 12px #003c8710}.branch-picker summary>span:nth-child(2){max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-picker summary>.material-symbols-outlined:first-child,.branch-empty>.material-symbols-outlined{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#e7eeff;color:#003c87;font-size:16px}.branch-picker summary>.material-symbols-outlined:last-child{font-size:17px;color:#737784;transition:transform .2s}.branch-picker[open] summary>.material-symbols-outlined:last-child{transform:rotate(180deg)}.branch-empty{font-size:11px;color:#737784}
.branch-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:260px;max-height:350px;overflow:auto;padding:6px;border:1px solid #d8e3fb;border-radius:12px;background:white;box-shadow:0 20px 45px #003c8726}.branch-menu>p{margin:6px 10px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#737784}.branch-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;padding:10px 12px;background:white;text-align:left;color:#111c2d;font-size:12px;font-weight:700}.branch-option:hover{background:#e7eeff}.branch-option.selected{background:#f3f6ff}.branch-option small{display:block;margin-top:3px;font-size:9px;font-weight:600}.branch-option>.material-symbols-outlined{font-size:17px;color:#167a3d}
.header-search{position:relative;width:280px;flex-shrink:0;margin:0}.header-search>.material-symbols-outlined{position:absolute;pointer-events:none;left:12px;top:8px;color:#737784;font-size:20px}.workspace-body .header-search input{width:100%;min-height:36px;height:36px;border-radius:8px;padding:0 12px 0 40px;border-color:#c2c6d5;background:white;font-size:13px;font-weight:500}.header-search input:hover{border-color:#0052b4;background:#f7faff;box-shadow:0 4px 12px #003c8710}.header-search-results{position:absolute;right:0;top:calc(100% + 8px);width:100%;z-index:50;padding:6px;border:1px solid #d8e3fb;border-radius:12px;background:white;box-shadow:0 20px 45px #003c8726}.header-search-results[hidden],.sidebar-backdrop[hidden]{display:none!important}.header-search-results a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:8px;font-size:12px;font-weight:600;color:#111c2d}.header-search-results a:hover{background:#e7eeff;text-decoration:none}.header-search-results .material-symbols-outlined{font-size:18px;color:#0052b4}.header-search-results p{margin:8px;font-size:11px;color:#737784}
.workspace-body .page-content{position:relative;padding:28px;gap:20px;max-width:none}.workspace-body .card{border-color:#d8e3fb;background:#ffffffe6;box-shadow:0 10px 30px #003c870e;backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s}.workspace-body .card:hover{border-color:#c8d8fa;box-shadow:0 15px 38px #003c8716}.workspace-body .footer{padding:8px 28px 22px;font-size:10px;color:#8a91a0}
.dashboard-stats{display:grid;grid-template-columns:1fr;gap:16px}.dashboard-stat{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-radius:16px;min-height:112px}.dashboard-stat>div{min-width:0}.dashboard-stat p{margin:0;color:#737784;font-size:10px;font-weight:700;line-height:15px;letter-spacing:.13em;text-transform:uppercase}.dashboard-stat strong{display:block;margin-top:8px;color:#111c2d;font-size:24px;font-weight:600;line-height:30px;letter-spacing:-.02em}.dashboard-stat strong.dashboard-role{font-size:18px;overflow-wrap:anywhere}.dashboard-stat small{display:block;margin-top:4px;color:#8a91a0;font-size:10px;font-weight:500;line-height:15px}.dashboard-stat-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px}.dashboard-stat-icon .material-symbols-outlined{font-size:20px}.dashboard-stat-icon.blue{background:#d8e2ff;color:#003c87}.dashboard-stat-icon.orange{background:#fff1e8;color:#c2410c}.dashboard-stat-icon.green{background:#e7f8ed;color:#167a3d}.dashboard-stat-icon.purple{background:#e1e0ff;color:#2522b7}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:20px}.dashboard-panel{min-width:0;padding:0;border-radius:16px;overflow:hidden}.dashboard-panel-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;border-bottom:1px solid #d8e3fb;background:#ffffffb3}.dashboard-panel-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0}.dashboard-panel-header h2>.material-symbols-outlined{font-size:20px;color:#003c87}.dashboard-panel-header p{margin:4px 0 0;color:#737784;font-size:11px;font-weight:500;line-height:17px}.dashboard-panel-total{text-align:right}.dashboard-panel-total span{display:block;color:#737784;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:15px;white-space:nowrap}.dashboard-panel-total strong{display:block;margin-top:4px;font-size:18px;font-weight:600;line-height:24px;color:#003c87}.dashboard-context{padding:4px 10px;border-radius:30px;background:#fff1e8;color:#9a4600;font-size:10px;font-weight:700;line-height:15px}.dashboard-chart{padding:12px 20px 8px;background:white}.dashboard-chart svg{display:block;width:100%;height:auto}.chart-grid{stroke:#d8e3fb;stroke-width:1;stroke-dasharray:4 5}.chart-axis,.chart-date{fill:#737784;font-size:10px;font-weight:600}.chart-date{fill:#596273}.chart-caption{fill:#8a91a0;font-size:10px;font-weight:600}.chart-line{fill:none;stroke:#0052b4;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:white;stroke:#0052b4;stroke-width:2.5}.dashboard-chart-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid #eef2fb;font-size:10px;font-weight:600;line-height:15px;color:#737784}
.dashboard-shortcut{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e8edf8;background:white;color:#111c2d}.dashboard-shortcut:last-child{border-bottom:0}.dashboard-shortcut:hover{background:#f8faff;text-decoration:none}.shortcut-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #cbd9f5;border-radius:12px;background:#edf3ff;color:#003c87}.shortcut-icon>.material-symbols-outlined{font-size:19px}.dashboard-shortcut>span:nth-child(2){flex:1;min-width:0}.dashboard-shortcut strong{display:block;font-size:11px;font-weight:700;line-height:17px}.dashboard-shortcut small{display:block;margin-top:2px;font-size:9px;font-weight:600;line-height:15px;color:#737784}.dashboard-shortcut>.material-symbols-outlined{font-size:17px;color:#8a91a0}
.dashboard-recent>div{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #e8edf8;background:white}.dashboard-recent>div:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#edf3ff;color:#0052b4}.activity-icon>.material-symbols-outlined{font-size:17px}.dashboard-recent strong{font-size:11px;font-weight:600;line-height:17px}.dashboard-recent time{margin-left:auto;color:#737784;font-size:10px;font-weight:500;white-space:nowrap}.dashboard-branches>div:not(.dashboard-empty){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-bottom:1px solid #e8edf8;font-size:11px;font-weight:600;background:white}.dashboard-branches small{font-size:10px}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:20px;text-align:center;background:white}.dashboard-empty>.material-symbols-outlined{font-size:30px;color:#9aa6bd}.dashboard-empty strong{font-size:12px;font-weight:600;color:#596273}.dashboard-empty p{margin:0;color:#8a91a0;font-size:10px;line-height:17px}.dashboard-empty .button{margin-top:4px}
@media(min-width:640px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.dashboard-columns{grid-template-columns:minmax(0,1fr) 320px}}
@media(min-width:1280px){.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px){.workspace-body .sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .2s}.workspace-body.sidebar-open .sidebar{transform:translateX(0);visibility:visible}.sidebar-backdrop{position:fixed;inset:0;z-index:55;background:#071a3345}.workspace-body.sidebar-open{overflow:hidden}.workspace-body .page-shell{padding-left:0}.workspace-body .page-header{padding:12px 20px}.workspace-body .page-content{padding:20px}.sidebar-toggle{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8e3fb;border-radius:8px;background:white;color:#003c87;padding:0}}
@media(max-width:767px){.workspace-body .page-header{flex-wrap:wrap}.header-heading{width:100%}.workspace-body .header-actions{width:100%;flex-wrap:wrap;justify-content:space-between;gap:8px}.header-search{width:auto;flex:1;min-width:150px}.workspace-body .page-header h1{font-size:21px}.workspace-body .footer{text-align:center;padding:8px 20px 20px}.dashboard-recent>div{flex-wrap:wrap}.dashboard-recent time{width:calc(100% - 40px);margin-left:40px}.dashboard-chart{padding-left:12px;padding-right:12px}}
@media(max-width:359px){.header-search{flex-basis:100%}}
@media(max-width:767px){.branch-menu{left:0;right:auto;width:min(260px,calc(100vw - 40px))}}
@media(prefers-reduced-motion:reduce){.workspace-body .sidebar,.workspace-body .nav-link,.workspace-body .card{transition:none}}

/* Directories follow the UH Front Desk table and form layout. */
.dashboard-filter{display:flex;align-items:center;gap:8px;min-width:0}.dashboard-filter select{max-width:270px;height:40px;font-size:12px;border:1px solid #cbd7ee;border-radius:10px;padding:0 12px;background:white}.dashboard-filter .button{height:40px;min-height:40px;font-size:11px;padding:0 12px;border-radius:10px}.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-intro h2{font-size:19px;font-weight:600;margin:0;color:#15243a}.dashboard-intro p{font-size:11px;color:#737784;margin:6px 0 0}.dashboard-updated{display:flex;align-items:center;gap:8px;color:#003c87;font-size:11px;font-weight:600}.dashboard-updated>.material-symbols-outlined{font-size:20px}.dashboard-updated small{display:block;color:#737784;font-size:10px;margin-top:3px}.operations-stats .dashboard-stat{min-height:132px}.operations-stats .dashboard-stat p{letter-spacing:.06em}.operations-stats .dashboard-stat p a{color:inherit}.operations-stats .dashboard-stat strong{font-size:23px;overflow-wrap:anywhere}.operations-stats .dashboard-stat small{line-height:1.65}.dashboard-definition{margin:0;border-left:3px solid #cbd9f5;padding:6px 12px}.operations-chart-zero{stroke:#9daac0;stroke-width:1;stroke-dasharray:4 4}.dashboard-chart-empty{padding:8px 0;text-align:center}.dashboard-queue-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;background:white;border-bottom:1px solid #e8edf8;color:#263348}.dashboard-queue-list a:last-child{border-bottom:0}.dashboard-queue-list a:hover{background:#f8faff;text-decoration:none}.dashboard-queue-list strong{display:block;font-size:11px;font-weight:700;line-height:1.5}.dashboard-queue-list small{display:block;font-size:10px;font-weight:500;color:#737784;line-height:1.5;margin-top:3px}.dashboard-queue-list b{font-size:11px;min-width:30px;text-align:center;line-height:30px;padding:0 6px;border-radius:9px;color:#687588;background:#f1f5f9;flex-shrink:0}.dashboard-queue-list b.has-pending{color:#9a4600;background:#fff1e8}.dashboard-queue-empty{padding:20px;font-size:11px;color:#737784}.dashboard-funds{padding:18px}.dashboard-funds .dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-funds .dashboard-stat{box-shadow:none;min-height:125px;padding:14px}.dashboard-funds .dashboard-stat-icon{width:30px;height:30px;border-radius:9px}.dashboard-funds .dashboard-stat-icon .material-symbols-outlined{font-size:17px}.operations-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;gap:10px}.operations-shortcuts a{display:flex;align-items:center;gap:10px;border:1px solid #d8e3fb;border-radius:12px;padding:13px;color:#263348;font-size:11px;font-weight:600;background:white}.operations-shortcuts a:hover{background:#f8faff;text-decoration:none}.operations-shortcuts .material-symbols-outlined{color:#0052b4;font-size:18px}.operations-shortcuts span:nth-child(2){flex:1;min-width:0}.operations-shortcuts .material-symbols-outlined:last-child{font-size:16px;color:#8a91a0}.operations-more{border-top:1px solid #e8edf8}.operations-more summary{cursor:pointer;font-size:11px;color:#003c87;font-weight:600;padding:14px 18px}.dashboard-access-note{padding:20px}.dashboard-access-note h2{font-size:16px;margin:0 0 8px}.dashboard-access-note p{font-size:12px;color:#737784;line-height:1.6}.operations-columns{align-items:start}
@media(max-width:767px){.dashboard-filter{width:100%}.dashboard-filter select{flex:1;min-width:0;max-width:none}.operations-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-funds .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-funds .dashboard-stat{padding:12px}.dashboard-funds .dashboard-stat strong{font-size:19px}.dashboard-funds .dashboard-stat-icon{display:none}.operations-stats .dashboard-stat{min-height:120px}.operations-stats .dashboard-stat strong{font-size:22px}.dashboard-funds{padding:14px}}
@media(max-width:420px){.operations-shortcuts{grid-template-columns:minmax(0,1fr)}}
.workspace-body .card.users-directory{padding:0;border-radius:16px;background:#fffffff0;box-shadow:0 10px 26px #003c870b}
.users-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid #d8e3fb;padding:16px 20px}.users-toolbar h2{font-size:16px;font-weight:600;margin:0;line-height:1.4}.users-toolbar p{font-size:10px;font-weight:600;color:#737784;margin:4px 0 0}.users-tools,.users-filter{display:flex;align-items:center;gap:8px;min-width:0}.users-tools{flex-wrap:wrap;justify-content:flex-end}.users-filter select,.users-directory .users-search input[type=search]{height:40px;min-height:40px;border:1px solid #cbd7ee;border-radius:10px;background:white;padding:0 12px;font-size:12px;font-weight:400}.users-filter select{width:140px}.users-search{position:relative;display:block;width:240px;min-width:0}.users-search>.material-symbols-outlined{position:absolute;left:12px;top:11px;font-size:18px;color:#737784;pointer-events:none}.users-directory .users-search input[type=search]{padding-left:38px}.button.users-add{height:40px;min-height:40px;border-radius:12px;padding:0 16px;gap:8px;font-size:11px;font-weight:700}.users-add .material-symbols-outlined{font-size:17px}.users-filter[data-enhanced] .filter-submit{display:none}
.users-table-wrap{overflow-x:auto}.users-table{width:100%;min-width:900px;border-collapse:collapse}.users-table th{padding:11px 16px;background:#e7eeff;color:#657083;font-size:9.5px;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;white-space:nowrap}.users-table td{padding:12px 16px;font-size:11px;font-weight:600;color:#263348;line-height:1.45;vertical-align:middle;border-bottom:1px solid #e8edf8}.users-table td strong{font-size:11px;font-weight:700}.users-table td small{display:block;margin-top:4px;font-size:10px;font-weight:600;line-height:1.4;color:#737784}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr:hover td{background:#f8faff}.users-table td.users-empty{padding:32px 16px;text-align:center;color:#737784}.users-actions-heading{text-align:right}.users-row-actions{display:flex;justify-content:flex-end;gap:4px}.users-row-actions form{margin:0}.users-action{display:inline-grid;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:1px solid #d8e3fb;border-radius:8px;color:#003c87;background:#edf3ff}.users-action .material-symbols-outlined{font-size:16px}.users-action:hover{background:#dfeaff;color:#0052b4;text-decoration:none}.users-action-warning{color:#b45309;background:#fff7ed;border-color:#ffdfbc}.users-action-warning:hover{background:#ffedd5;color:#92400e}.users-filter .filter-submit{height:40px;width:36px}.users-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;line-height:1.4}.users-pill.active{background:#eef9f1;color:#126333}.users-pill.inactive{background:#f1f5f9;color:#334155}.users-pill.locked{background:#fff2e5;color:#875000}
.roles-table{min-width:720px}.roles-table .role-description{max-width:380px;white-space:normal;overflow-wrap:anywhere}.branches-table{min-width:640px}.branches-table .branch-address{max-width:460px;white-space:normal;overflow-wrap:anywhere}.users-dialog textarea{min-height:86px;border-color:#cbd7ee;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:400;resize:vertical}
.users-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #d8e3fb;padding:12px 20px}.users-pagination p{margin:0;font-size:10px;font-weight:600;color:#737784}.users-pagination nav{display:flex;gap:4px}.users-page{display:grid;place-items:center;height:32px;min-width:32px;padding:0 8px;border:1px solid #d8e3fb;border-radius:8px;background:white;color:#003c87;font-size:10px;font-weight:700}.users-page .material-symbols-outlined{font-size:17px}.users-page:hover{background:#edf3ff;text-decoration:none}.users-page.selected{border-color:#003c87;background:#003c87;color:white}.users-page.disabled{opacity:.4}
.users-modal[hidden]{display:none}.users-modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:#0e214066}.lms-form-open{overflow:hidden}.users-dialog{width:min(880px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #d8e3fb;border-radius:18px;background:#fff;box-shadow:0 30px 80px #00235247;outline:none}.users-dialog-small{width:min(660px,100%)}.users-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #d8e3fb;background:white}.users-dialog-header h2{font-size:18px;font-weight:600;line-height:1.3;margin:0}.users-dialog-header p{font-size:10px;font-weight:600;color:#737784;line-height:1.5;margin:5px 0 0}.users-close{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;color:#657083}.users-close:hover{background:#edf3ff;color:#003c87;text-decoration:none}.users-close .material-symbols-outlined{font-size:20px}.users-dialog form{margin:0}.users-dialog-body{display:flex;flex-direction:column;gap:16px;padding:20px}.users-dialog-body>.notice{margin:0}.users-section{margin:0;border:1px solid #e0e8f7;border-radius:14px;padding:16px;min-width:0}.users-section h3,.users-section legend{font-size:12px;font-weight:700;color:#003c87;line-height:1.4}.users-section h3{margin:0 0 14px}.users-section legend{padding:0 5px}.users-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.users-dialog label{min-width:0;gap:7px;font-size:11px;font-weight:700;color:#424752}.users-dialog input:not([type=checkbox]):not([type=hidden]),.users-dialog select{height:40px;min-height:40px;border-color:#cbd7ee;border-radius:10px;padding:0 12px;font-size:12px;font-weight:400}.users-dialog label small{font-size:10px;line-height:1.4}.users-active{margin-top:16px}.users-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.users-default-branch{margin-top:16px}.users-help{font-size:11px;font-weight:500;color:#737784;line-height:1.7;margin:0}.users-dialog-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #d8e3fb;background:#fbfcff;padding:16px}.users-dialog-footer .button{height:36px;min-height:36px;padding:0 16px;font-size:11px;font-weight:700;border-radius:12px}
@media(max-width:640px){.users-tools{width:100%}.users-filter{flex:1 0 100%}.users-filter select{width:125px;flex-shrink:0}.users-search{flex:1}.users-modal{padding:12px}.users-dialog{max-height:calc(100dvh - 24px)}.users-dialog-header,.users-dialog-body{padding:16px}.users-form-grid,.users-branch-grid{grid-template-columns:minmax(0,1fr)}.users-dialog-footer{padding:14px 16px}.users-toolbar{padding:16px}.users-pagination{padding:12px 16px}}
/* Client profiles share the existing Front Desk popup components. */
.client-dialog{width:min(1040px,100%)}.client-tabs{display:flex;gap:5px;overflow-x:auto;padding:12px 20px;border-bottom:1px solid #d8e3fb;background:#fbfcff}.client-tabs button{flex-shrink:0;min-height:36px;padding:8px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#657083;font-size:11px;font-weight:700;white-space:nowrap}.client-tabs button[aria-selected=true]{border-color:#cbd7ee;background:#edf3ff;color:#003c87;box-shadow:inset 0 -2px #fe6500}.client-tabs button:hover{background:#edf3ff;color:#003c87}.client-fields{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;min-width:0}.client-fields>[hidden]{display:none!important}.client-subheading{margin-top:24px!important}.client-field-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}.client-filter{flex-wrap:wrap;justify-content:flex-end}.client-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.client-document{display:flex;flex-direction:column;gap:12px;border:1px solid #d8e3fb;border-radius:12px;padding:16px;min-width:0}.client-document h4{font-size:12px;font-weight:700;color:#003c87;margin:0}.client-document p{margin:0;font-size:10px;line-height:1.6;color:#737784}.client-document input[type=file]{max-width:100%;font-size:10px;padding:0!important}.client-document input::file-selector-button{height:38px;border:0;border-right:1px solid #d8e3fb;background:#edf3ff;color:#003c87;font:inherit;font-weight:700;padding:0 10px;margin-right:8px}.client-income-summary{display:flex;flex-wrap:wrap;gap:18px;padding:14px 16px;border:1px solid #d8e3fb;background:#f5f8ff;border-radius:12px;margin-top:16px;font-size:10px;color:#737784}.client-income-summary span{flex:1;min-width:170px}.client-income-summary strong{display:block;color:#003c87;font-size:16px;font-weight:700;margin-top:5px}.client-center-history{border:1px solid #d8e3fb;border-radius:12px;overflow:hidden}.client-center-history>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #e8edf8;font-size:10px}.client-center-history>div:last-child{border-bottom:0}.client-center-history strong{font-weight:700;color:#263348}.client-center-history span{color:#737784}.users-dialog :disabled{opacity:.85;cursor:default}.client-fields[disabled] input,.client-fields[disabled] select,.client-fields[disabled] textarea{background:#f6f8fc;color:#424752}.client-fields[disabled] input[type=file]{display:none}
@media(max-width:640px){.client-tabs{padding:10px 16px}.client-document-grid{grid-template-columns:minmax(0,1fr)}.client-filter{justify-content:flex-start}.client-filter select{flex:1;min-width:120px}.client-filter .users-search{flex:1 0 100%;width:100%}.client-center-history>div{align-items:flex-start;flex-direction:column;gap:4px}}

/* Permission-aware sidebar groups and loan product directory. */
.nav-group{flex-shrink:0;border:0}
.nav-group-title{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:12px;list-style:none;cursor:pointer;color:#1f2937;font-size:13px;font-weight:600}
.nav-group-title::-webkit-details-marker{display:none}
.nav-group-title:hover,.nav-group.has-active>.nav-group-title{background:#ffffffbf;color:#003c87}
.nav-group-title>.material-symbols-outlined{flex:0 0 18px;width:18px;font-size:18px;color:#737784;transition:transform .15s}
.nav-group[open]>.nav-group-title>.material-symbols-outlined{transform:rotate(180deg)}
.nav-submenu{display:flex;flex-direction:column;gap:2px;margin:4px 0 6px 24px;padding-left:8px;border-left:1px solid #b7c8e5}
.workspace-body .nav-submenu .nav-link{min-height:40px;padding:7px 9px;gap:8px}
.workspace-body .nav-submenu .nav-icon{width:24px;height:24px;flex-basis:24px}
.workspace-body .nav-submenu .nav-label{font-size:12px}
.nav-submenu .nav-icon .material-symbols-outlined{font-size:17px}
.loan-products-table{min-width:960px}
.loan-products-table td:first-child{min-width:190px;max-width:260px;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.nav-group-title>.material-symbols-outlined{transition:none}}
.loan-applications-table{min-width:920px}
.loan-status-draft{background:#f0f2f6;color:#5a6474}
.loan-status-submitted{background:#fff3de;color:#976300}
.loan-status-approved{background:#e5f6ee;color:#167347}
.loan-status-rejected{background:#ffebee;color:#b12d42}
.loan-terms-preview{margin-top:18px;padding:16px;border:1px solid #d8e5f6;border-radius:12px;background:#f4f8ff;font-size:13px;line-height:1.8;color:#214c80}
.loan-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.loan-review-grid dt{font-size:12px;color:#7a8597;margin-bottom:6px}
.loan-review-grid dd{margin:0;font-size:14px;font-weight:600;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.loan-approval-history{display:grid;gap:12px}
.loan-approval-history article{border:1px solid #e2e8f0;border-radius:12px;padding:16px}
.loan-approval-history strong{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}
.loan-approval-history strong span{font-size:12px;font-weight:500;color:#65748b}
.loan-approval-history small{display:block;margin:8px 0;color:#7a8597;font-size:12px}
.loan-approval-history p{margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:600px){.loan-review-grid{grid-template-columns:1fr}.users-dialog-footer:has([data-directory-close]+button+button){flex-wrap:wrap}}
.loan-schedule-wrap{margin-top:16px;border:1px solid #e1e8f2;border-radius:12px}
.loan-schedule-table{min-width:780px}
.loan-schedule-table td,.loan-schedule-table th{white-space:nowrap}
.users-dialog .users-dialog-footer{flex-wrap:wrap}
.collection-filters{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.users-dialog-footer:has(button[name=Action]){flex-wrap:wrap}
.users-toolbar:has(.collection-filters){flex-wrap:wrap}
.collection-filters select{max-width:190px;min-width:130px}
.collection-filters .users-search{flex:1 0 220px;min-width:180px}
.collection-date-filter{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.collection-date-filter input{width:145px;min-width:0;font-size:12px;padding:9px 10px}
.collection-filters[data-enhanced]:has(input[type=date]) .filter-submit{display:inline-grid}
.collection-allocation-table{min-width:740px}
.collection-allocation-table th,.collection-allocation-table td{white-space:nowrap}
.collection-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.collection-summary-cards .card{padding:20px}.collection-summary-cards span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.collection-summary-cards strong{font-size:23px;color:var(--blue);overflow-wrap:anywhere}
.collection-receipt-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px;flex-wrap:wrap}
.collection-loan-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:600px){.users-table td.users-empty:has(.collection-empty-message){text-align:left}.collection-empty-message{display:block;max-width:calc(100vw - 124px)}}
.collection-receipt{width:100%;min-width:0;max-width:1000px;margin:0 auto;padding:32px}.collection-receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.collection-receipt-heading img{max-width:160px;height:auto;object-fit:contain}.collection-receipt-heading h2{font-size:22px;margin:0 0 8px}.collection-receipt-heading p{font-size:13px;margin:0;color:var(--muted)}
.collection-receipt-status{display:inline-block;padding:8px 14px;border-radius:8px;font-weight:700;font-size:13px;background:#fff3de;color:#976300;margin-bottom:24px}.collection-receipt-status.reversed{background:#ffebee;color:#b12d42}.collection-receipt h3{font-size:15px;margin-top:28px}.collection-receipt-note{padding:14px;border:1px solid #efd4a1;background:#fff8eb;border-radius:10px;line-height:1.8;font-size:13px}
@media(max-width:600px){.collection-summary-cards{grid-template-columns:1fr}.collection-summary-cards .card{padding:16px}.collection-filters{justify-content:flex-start;width:100%}.collection-filters select{flex:1;min-width:130px;max-width:100%}.collection-filters .users-search{flex:1 0 100%;width:100%;min-width:0}.collection-receipt{padding:20px}.collection-receipt-heading{flex-wrap:wrap}.collection-receipt-heading h2{font-size:19px}}
@media print{
 @page{size:A4;margin:12mm}
 body:has(.collection-receipt){background:white!important;font-size:11px}
 body:has(.collection-receipt) .sidebar,body:has(.collection-receipt) .sidebar-backdrop,body:has(.collection-receipt) .page-header,body:has(.collection-receipt) .collection-receipt-actions{display:none!important}
 body:has(.collection-receipt) .page-shell{padding:0!important}body:has(.collection-receipt) .page-content{padding:0!important;margin:0!important}
 body:has(.collection-receipt) .page-content{display:block;max-width:none}.collection-receipt{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:white;box-shadow:none;overflow:visible}.collection-receipt .loan-review-grid{grid-template-columns:1fr 1fr;gap:12px}.collection-receipt .loan-review-grid dt{font-size:10px}.collection-receipt .loan-review-grid dd{font-size:11px}
 .collection-receipt .users-table-wrap{overflow:visible;border:0}.collection-receipt .collection-allocation-table{min-width:0;width:100%}.collection-receipt .users-table td,.collection-receipt .users-table th{font-size:9px;padding:7px 5px;white-space:normal}.collection-receipt thead{display:table-header-group}.collection-receipt tr,.collection-receipt .loan-review-grid>div{break-inside:avoid}
}
/* Branch custody and daily cash reconciliation use the shared directory shell. */
.cash-highlight {padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
/* Loan statements and reports share the existing directory typography. */
.loan-statement{width:100%;min-width:0;max-width:1100px;margin:0 auto;padding:28px}
.loan-statement h3{font-size:15px;margin:28px 0 14px}.statement-date-filter{margin-bottom:24px;justify-content:flex-start}
.statement-table{min-width:850px}.statement-table small,.report-table small{overflow-wrap:anywhere;white-space:normal}
.report-document{min-width:0;display:grid;gap:20px}.report-table{min-width:950px}
.report-four-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.report-four-cards strong{font-size:21px}
.report-export-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 18px;flex-wrap:wrap}
.report-note{margin:0;padding:0 4px;line-height:1.8}.report-mode-totals{padding:20px 24px;min-width:0}
.report-mode-totals h3{margin:0 0 18px;font-size:15px}.report-print-controls{margin-bottom:24px}
.report-print-document>.collection-receipt-heading{margin:0}.loan-statement .report-print-controls p{margin-bottom:0}
@media(max-width:900px){.report-four-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.loan-statement{padding:18px}.report-four-cards{grid-template-columns:1fr}.report-export-actions{justify-content:flex-start;padding:0 18px 18px}.report-document{gap:16px}.report-mode-totals{padding:18px}}
@media print{
 @page loanReport{size:A4 landscape;margin:12mm}@page loanStatement{size:A4 portrait;margin:12mm}
 body:has(.report-print-document){background:white!important;font-size:10px;height:auto;overflow:visible}
 body:has(.report-print-document) .sidebar,body:has(.report-print-document) .sidebar-backdrop,body:has(.report-print-document) .page-header,body:has(.report-print-document) .report-screen-only{display:none!important}
 body:has(.report-print-document) .page-shell,body:has(.report-print-document) .page-content{padding:0!important;margin:0!important;display:block;max-width:none;overflow:visible;height:auto}
 .report-print-document{page:loanReport;display:block;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:white;box-shadow:none;overflow:visible}
 .loan-statement.report-print-document{page:loanStatement}.workspace-body .report-print-document.card,.workspace-body .report-print-document .card{border:0;box-shadow:none;border-radius:0;overflow:visible;backdrop-filter:none;background:white}
 .report-print-document .users-table-wrap{overflow:visible;border:0}.report-print-document .users-table{min-width:0;width:100%;table-layout:auto}
 .report-print-document .users-table td,.report-print-document .users-table th{font-size:9px;padding:7px 5px;white-space:normal;overflow-wrap:anywhere}
 .report-print-document .users-table small{font-size:8px}.report-print-document thead{display:table-header-group}.report-print-document tr,.report-print-document .loan-review-grid>div{break-inside:avoid}
 .report-print-document .collection-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.report-print-document .report-four-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
 .report-print-document .collection-summary-cards .card{padding:10px;border:1px solid #ddd}.report-print-document .collection-summary-cards strong{font-size:16px}.report-print-document .collection-summary-cards span{font-size:9px;margin-bottom:6px}
 .report-print-document .report-note{font-size:9px;margin-bottom:14px}.report-print-document .report-mode-totals{padding:14px 0}
 .report-print-document .loan-review-grid{grid-template-columns:1fr 1fr;gap:12px}.report-print-document .loan-review-grid dt{font-size:9px}.report-print-document .loan-review-grid dd{font-size:11px}.report-print-document .users-help{font-size:9px}
 .report-print-document .collection-receipt-heading{margin-bottom:18px}.report-print-document .collection-receipt-heading h2{font-size:18px}
}
.cash-highlight span {color:var(--muted,#64748b);font-size:13px;}
.cash-highlight strong {font-size:24px;color:#06468c;}
.cash-book-heading {padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.cash-book-heading h2 {margin:0;font-size:18px;}
.cash-book-heading p {margin:6px 0 0;color:#64748b;font-size:13px;}
.cash-summary-cards {grid-template-columns:repeat(3,minmax(0,1fr));}
.cash-receipt-picker {display:grid;gap:8px;max-height:340px;overflow:auto;padding:2px;}
.cash-receipt-picker label {display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:12px;cursor:pointer;}
.cash-receipt-picker input[type=checkbox] {width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:#06468c;}
.cash-receipt-picker small {display:block;margin-top:4px;color:#64748b;font-size:12px;}
@media(max-width:700px){.cash-summary-cards {grid-template-columns:1fr;}.cash-highlight,.cash-book-heading{align-items:flex-start;flex-direction:column;padding:18px;}.cash-receipt-picker label{font-size:13px;}}

.center-collection-details{padding:18px 20px;grid-template-columns:180px 180px minmax(180px,1fr);border-bottom:1px solid #e8edf8}.center-collection-note{padding:0 20px}.center-collection-table{min-width:960px}.center-collection-table input{width:140px;min-height:38px;font-size:12px;border-radius:9px}.center-collection-table input.center-amount{width:120px;text-align:right}.center-collection-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-top:1px solid #e8edf8;background:#fafbff}.center-collection-submit strong{font-size:13px;color:#003c87}.center-collection-submit small{display:block;font-size:11px;color:#737784;margin-top:5px;line-height:1.6}.users-dialog.center-supervision-dialog{max-width:1060px}.center-cash-confirm{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;margin-bottom:16px}.center-cash-confirm input{width:18px;min-height:18px;flex-shrink:0}.center-supervision-dialog input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:#003c87}
@media(max-width:767px){.center-collection-details{grid-template-columns:1fr;padding:16px}.center-collection-submit{align-items:stretch;flex-direction:column;padding:16px}.center-collection-note{padding:0 16px}.center-supervision-dialog .users-table{min-width:760px}}
.users-dialog.center-supervision-dialog{width:min(1060px,100%)}.users-dialog .center-cash-confirm{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px}.users-dialog .center-cash-confirm input{display:inline-block;width:17px;margin:0;flex:0 0 17px}.center-supervision-dialog .users-table{min-width:900px}
.closure-tabs{overflow-x:auto;flex-wrap:nowrap;align-self:flex-start;max-width:100%}.closure-tabs a{flex-shrink:0}.noc-company{font-size:20px;font-weight:700;color:var(--blue);margin:8px 0 24px}.noc-text{font-size:14px;line-height:1.9;margin:0 0 28px}.noc-signature{font-size:13px;line-height:1.7;text-align:right;margin-top:45px}
.dashboard-header-controls{display:flex;align-items:center;gap:12px;min-width:0}.dashboard-header-controls form{margin:0}.dashboard-branch-picker summary{height:40px;min-height:40px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:700}.dashboard-branch-picker .branch-menu{width:270px;padding:6px}.dashboard-branch-option{padding:8px 12px}.dashboard-branch-option small{margin:0;color:#737784;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dashboard-branch-option strong{display:block;margin-top:2px;color:#111c2d;font-size:12px;font-weight:700;line-height:18px}.dashboard-branch-option:hover{text-decoration:none}.dashboard-refresh{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid #c8dafa;border-radius:12px;background:#e6efff;color:#003c87;box-shadow:0 1px 3px #003c870d}.dashboard-refresh:hover{border-color:#94b8eb;background:#d7e6ff;box-shadow:0 4px 12px #003c8710}.dashboard-refresh .material-symbols-outlined{font-size:17px;line-height:1;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20}.dashboard-refresh:focus-visible,.dashboard-branch-picker summary:focus-visible{outline:3px solid #003c871a;outline-offset:2px}.workspace-body .page-header:has(.dashboard-header-controls) h1{font-size:20px;font-weight:600;line-height:1.2;color:#111c2d}.workspace-body .page-header:has(.dashboard-header-controls) .header-heading{min-width:0}.workspace-body .page-header:has(.dashboard-header-controls) .header-actions{min-width:0}
@media(max-width:767px){.workspace-body .page-header:has(.dashboard-header-controls){flex-wrap:nowrap}.workspace-body .page-header:has(.dashboard-header-controls) .header-heading{width:auto;flex-shrink:1}.workspace-body .page-header:has(.dashboard-header-controls) .header-actions{width:auto;flex-wrap:nowrap;justify-content:flex-end}.dashboard-header-controls{gap:8px}.dashboard-branch-picker summary{padding:0 8px;gap:6px}.dashboard-branch-picker summary>span:nth-child(2){max-width:110px}.dashboard-branch-picker .branch-menu{left:auto;right:0;width:min(270px,calc(100vw - 40px))}}
@media(max-width:430px){.workspace-body .page-header:has(.dashboard-header-controls){padding:12px}.dashboard-header-controls{gap:6px}.dashboard-branch-picker summary>span:nth-child(2){max-width:82px}.dashboard-branch-picker summary>.material-symbols-outlined:first-child{display:none}.workspace-body .page-header:has(.dashboard-header-controls) .header-heading{gap:6px}.workspace-body .page-header:has(.dashboard-header-controls) h1{font-size:20px;gap:6px}}
@media print{.loan-noc .noc-company{font-size:18px}.loan-noc .noc-text{font-size:12px}.loan-noc .noc-signature{font-size:11px}.loan-noc .users-help{font-size:9px}}

.client-filter select{color:#263348;font-weight:400}.client-filter select option{color:#263348;background:#fff;font-weight:400}.client-branch-picker summary{height:40px;min-height:40px;padding:0 12px;border-radius:12px}.client-branch-picker .branch-menu{width:270px;padding:6px}.client-branch-option{padding:8px 12px}.client-branch-option small{margin:0;color:#526177;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.client-branch-option strong{display:block;margin-top:2px;color:#111c2d;font-size:12px;font-weight:700;line-height:18px}.client-branch-option:hover{text-decoration:none}.client-branch-picker summary:focus-visible{outline:3px solid #003c871a;outline-offset:2px}.header-actions:has(.client-branch-picker){min-width:0}.client-branch-picker .branch-menu{max-width:calc(100vw - 32px)}
@media(max-width:767px){.client-branch-picker summary>span:nth-child(2){max-width:145px}.client-branch-picker .branch-menu{left:0;right:auto}}