.ll-dashboard{--nav:#132537;--nav-muted:#9aaebe;--paper:#f4f6f8;--ink:#182e40;--muted:#738292;--line:#e7edf1;--green:#157d68;--green-light:#eaf6f1;--blue:#5477d3;--red:#bb5849;--amber:#b47c2e;--radius:15px}
.ll-dashboard *{box-sizing:border-box}
.ll-dashboard{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 "Segoe UI",Arial,sans-serif}
.ll-dashboard button,.ll-dashboard input,.ll-dashboard select{font:inherit}
.ll-dashboard button{cursor:pointer}
.ll-dashboard button:focus-visible,.ll-dashboard a:focus-visible,.ll-dashboard select:focus-visible,.ll-dashboard input:focus-visible{outline:3px solid #75b4a6;outline-offset:3px}
.ll-dashboard button{color:inherit}
.ll-dashboard svg.icon{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ll-dashboard .defs{display:none}
.ll-dashboard [hidden]{display:none!important}
.ll-dashboard .sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--nav);color:white;padding:29px 17px 20px;display:flex;flex-direction:column;z-index:20}
.ll-dashboard .brand{display:flex;gap:11px;align-items:center;padding:0 9px 27px}
.ll-dashboard .brand-mark{display:grid;place-items:center;border:1px solid #ffffff42;border-radius:11px;width:39px;height:42px;font-weight:700;font-size:19px;letter-spacing:-2px}
.ll-dashboard .brand-name{font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.5px}
.ll-dashboard .brand small{font-size:10px;letter-spacing:2.1px;color:var(--nav-muted);font-weight:400;display:block;margin-top:6px}
.ll-dashboard .nav-group{font-size:10px;letter-spacing:1.7px;color:#7891a5;padding:15px 13px 6px}
.ll-dashboard .nav{display:flex;flex-direction:column;gap:3px;overflow:auto}
.ll-dashboard .nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;text-align:left;color:#b7c6d3;border-radius:8px;padding:10px 13px;font-size:12px}
.ll-dashboard .nav button:hover{background:#ffffff0b;color:white}
.ll-dashboard .nav button.active{color:white;background:#294354;box-shadow:inset 3px 0 #73c1a7}
.ll-dashboard .nav button.active .icon{color:#80c9b0}
.ll-dashboard .nav-spacer{flex:1}
.ll-dashboard .side-foot{border-top:1px solid #ffffff13;margin-top:18px;padding:17px 10px 0;display:flex;gap:10px;align-items:center;font-size:11px;color:#b0c3d1}
.ll-dashboard .avatar{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;background:#e1eaf0;color:#2b475c;font-size:11px;font-weight:700}
.ll-dashboard .side-foot small{display:block;font-size:10px;color:#8098ab;margin-top:1px}
.ll-dashboard .workspace{margin-left:224px}
.ll-dashboard .topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ll-dashboard .crumb{font-size:12px;color:#8b97a3}
.ll-dashboard .crumb b{color:#3b5265;font-weight:600}
.ll-dashboard .top-right{display:flex;gap:17px;align-items:center}
.ll-dashboard .preview-pill{font-size:10px;letter-spacing:.6px;color:#906521;background:#fff6e6;border:1px solid #f0e0bf;padding:5px 10px;border-radius:6px}
.ll-dashboard .icon-button{border:0;background:transparent;padding:5px;display:grid;place-items:center}
.ll-dashboard .main{max-width:1680px;margin:auto;padding:29px 36px 40px}
.ll-dashboard .page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.ll-dashboard .eyebrow{font-size:10px;letter-spacing:1.9px;color:var(--green);font-weight:700;margin-bottom:5px}
.ll-dashboard h1{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.25;margin:0}
.ll-dashboard h2{margin:0;font-size:15px;letter-spacing:-.25px;font-weight:650}
.ll-dashboard p{margin:6px 0 0}
.ll-dashboard .subtle{font-size:12px;color:var(--muted)}
.ll-dashboard .actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ll-dashboard .button{border:1px solid #dce5e9;background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}
.ll-dashboard .button .icon{width:15px;height:15px}
.ll-dashboard .button.primary{background:var(--green);color:#fff;border-color:var(--green)}
.ll-dashboard .button:hover{filter:brightness(.97)}
.ll-dashboard .filterbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.ll-dashboard .segmented{display:flex;background:#e9eef1;border-radius:8px;padding:3px;gap:2px}
.ll-dashboard .segmented button{background:transparent;border:0;border-radius:6px;font-size:11px;color:#7a8995;padding:7px 13px}
.ll-dashboard .segmented button.active{background:#fff;color:#243c50;box-shadow:0 1px 4px #15283c0b;font-weight:600}
.ll-dashboard .date{display:flex;align-items:center;gap:7px;color:#798995;font-size:11px}
.ll-dashboard .date .icon{width:14px;height:14px}
.ll-dashboard .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}
.ll-dashboard .metric{border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-align:left;padding:18px 20px;box-shadow:0 3px 8px #203b4e02;transition:transform .15s}
.ll-dashboard .metric:hover{transform:translateY(-2px)}
.ll-dashboard .metric-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#71818f;font-size:11px;font-weight:600}
.ll-dashboard .metric-icon{display:grid;place-items:center;border-radius:10px;width:32px;height:32px;background:#edf1fb;color:var(--blue)}
.ll-dashboard .metric-icon.green{background:#eaf6f1;color:var(--green)}
.ll-dashboard .metric-icon.amber{background:#fcf3e5;color:var(--amber)}
.ll-dashboard .metric-icon.red{background:#fcf0ed;color:var(--red)}
.ll-dashboard .metric-number{font-size:27px;font-weight:650;letter-spacing:-1px;margin:7px 0 5px;font-variant-numeric:tabular-nums;line-height:1.35}
.ll-dashboard .metric-number small{font-size:12px;font-weight:500;letter-spacing:0;color:#8b99a4;margin-right:6px}
.ll-dashboard .metric-caption{font-size:10px;color:#87949f}
.ll-dashboard .metric-caption strong{color:var(--green);font-weight:600}
.ll-dashboard .metric-caption.warning strong{color:var(--red)}
.ll-dashboard .two-col{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,1fr);gap:20px;margin-bottom:20px}
.ll-dashboard .panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.ll-dashboard .panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.ll-dashboard .panel-title p{font-size:10px;color:#8c99a4;margin:3px 0 0}
.ll-dashboard .text-button{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:600;padding:5px 0;display:flex;align-items:center;gap:6px;white-space:nowrap}
.ll-dashboard .text-button .icon{height:13px;width:13px}
.ll-dashboard .legend{display:flex;align-items:center;gap:15px;font-size:10px;color:#82909d}
.ll-dashboard .legend span{display:flex;align-items:center;gap:5px}
.ll-dashboard .dot{width:7px;height:7px;border-radius:2px;background:var(--green);display:inline-block}
.ll-dashboard .dot.blue{background:#8caae4}
.ll-dashboard .chart{width:100%;display:block;overflow:visible;height:auto}
.ll-dashboard .chart text{font-family:"Segoe UI",Arial,sans-serif}
.ll-dashboard .chart-summary{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:13px;margin-top:8px}
.ll-dashboard .chart-summary span{font-size:10px;color:#8c99a4;display:block}
.ll-dashboard .chart-summary b{font-size:15px;font-weight:600;margin-top:2px;display:block;font-variant-numeric:tabular-nums}
.ll-dashboard .attention{display:flex;flex-direction:column}
.ll-dashboard .attention-heading{display:flex;align-items:center;gap:7px}
.ll-dashboard .badge-count{color:var(--amber);background:#fff4dc;font-size:10px;border-radius:5px;padding:2px 6px}
.ll-dashboard .attention-list{display:flex;flex-direction:column;gap:2px}
.ll-dashboard .attention-item{border:0;border-bottom:1px solid #f0f3f5;background:transparent;display:flex;align-items:center;gap:11px;padding:12px 0;text-align:left}
.ll-dashboard .attention-item:last-child{border-bottom:0}
.ll-dashboard .attention-symbol{display:grid;place-items:center;background:#fff2ed;border-radius:9px;width:33px;height:34px;color:var(--red)}
.ll-dashboard .attention-symbol.gold{background:#fff7e8;color:var(--amber)}
.ll-dashboard .attention-symbol.blue{background:#edf3fc;color:var(--blue)}
.ll-dashboard .attention-item b{display:block;font-size:11px;font-weight:600}
.ll-dashboard .attention-item small{display:block;font-size:10px;color:#8b98a4;margin-top:2px}
.ll-dashboard .attention-item>.icon{margin-left:auto;width:13px;color:#9aabb8}
.ll-dashboard .credit-note{display:flex;align-items:center;gap:10px;background:#f0f7f4;border-radius:9px;padding:12px;margin-top:auto}
.ll-dashboard .credit-note .icon{color:var(--green)}
.ll-dashboard .credit-note b{font-size:11px;font-weight:600}
.ll-dashboard .credit-note small{display:block;font-size:9px;color:#7e948a}
.ll-dashboard .middle{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-bottom:20px}
.ll-dashboard .pipeline-track{height:11px;display:flex;gap:3px;border-radius:5px;overflow:hidden;margin:20px 0}
.ll-dashboard .pipeline-track span{min-width:0}
.ll-dashboard .pipeline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ll-dashboard .pipeline-stats button{border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:0 8px 0 0}
.ll-dashboard .pipeline-stats button:last-child{border:0}
.ll-dashboard .pipeline-label{font-size:10px;color:#80909d;display:flex;align-items:center;gap:5px}
.ll-dashboard .pipeline-label i{width:6px;height:6px;border-radius:50%;display:inline-block}
.ll-dashboard .pipeline-stats b{display:block;font-size:21px;font-weight:600;margin:3px 0}
.ll-dashboard .pipeline-stats small{font-size:9px;color:#8d9aa4}
.ll-dashboard .quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.ll-dashboard .quick{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px 4px;font-size:10px;color:#667f8c}
.ll-dashboard .quick .icon{height:21px;width:21px;color:var(--green)}
.ll-dashboard .quick:hover{background:#f3f8f6;border-color:#bcdad0}
.ll-dashboard .records{padding:20px 0 0;overflow:hidden}
.ll-dashboard .records .panel-header{padding:0 20px}
.ll-dashboard .table-tabs{display:flex;gap:23px;padding:0 20px;border-bottom:1px solid var(--line);overflow-x:auto}
.ll-dashboard .table-tabs button{padding:0 0 11px;background:transparent;border:0;color:#8d99a3;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent}
.ll-dashboard .table-tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}
.ll-dashboard .table-tabs small{border-radius:5px;background:#f0f3f5;padding:2px 5px;font-size:9px;margin-left:4px}
.ll-dashboard .table-wrap{overflow:auto}
.ll-dashboard table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}
.ll-dashboard th{background:#fbfcfd;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#8a99a4;font-weight:500;padding:12px 20px;text-align:left;border-bottom:1px solid var(--line)}
.ll-dashboard td{padding:14px 20px;border-bottom:1px solid #edf2f5}
.ll-dashboard tbody tr:last-child td{border:0}
.ll-dashboard td b{font-weight:600}
.ll-dashboard td small{display:block;font-size:9px;color:#8a99a4;margin-top:2px}
.ll-dashboard .number{font-variant-numeric:tabular-nums;text-align:right}
.ll-dashboard .ref{color:#3a5e78;font-size:10px;letter-spacing:.1px}
.ll-dashboard .status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-size:9px;border-radius:5px;background:#f1f4f7;color:#778895}
.ll-dashboard .status::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.ll-dashboard .status.red{background:#fff0ed;color:#bd6657}
.ll-dashboard .status.green{background:#eaf5f0;color:#48856c}
.ll-dashboard .status.blue{background:#edf3fc;color:#627fba}
.ll-dashboard .status.gold{background:#fff5e6;color:#aa813a}
.ll-dashboard .table-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 20px;font-size:10px;color:#93a0aa}
.ll-dashboard .preview-note{text-align:center;color:#94a2ab;font-size:10px;margin-top:19px}
.ll-dashboard .menu-toggle{display:none}
.ll-dashboard .searchbox{border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:10px;background:#fcfdfe;width:185px}
.ll-dashboard dialog{border:1px solid var(--line);border-radius:17px;padding:26px;max-width:560px;width:calc(100% - 32px);box-shadow:0 25px 100px #102b3d30;color:var(--ink)}
.ll-dashboard dialog::backdrop{background:#10273770;backdrop-filter:blur(3px)}
.ll-dashboard dialog h2{font-size:19px}
.ll-dashboard .modal-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}
.ll-dashboard .modal-info{padding:12px;background:#f1f6f4;border-radius:8px;color:#5b746a;font-size:12px}
.ll-dashboard .modal-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}
.ll-dashboard .modal-facts small{display:block;color:var(--muted);font-size:10px}
.ll-dashboard .modal-facts strong{display:block;font-size:14px;margin-top:4px}
.ll-dashboard .modal-actions{display:flex;justify-content:flex-end;margin-top:22px}
.ll-dashboard .empty{text-align:center;color:var(--muted);padding:35px}
.ll-dashboard .module-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.ll-dashboard .module-links span{border:1px solid var(--line);padding:9px;border-radius:6px;font-size:11px}
.ll-dashboard .mobile-cover{display:none}
@media(min-width:1650px){.ll-dashboard .main{padding-top:36px}
.ll-dashboard .metric-number{font-size:33px}
.ll-dashboard .panel{padding:25px}
.ll-dashboard .records{padding:25px 0 0}
.ll-dashboard .chart{max-height:266px}
.ll-dashboard .quick{padding:21px 4px}
.ll-dashboard .attention-item{padding:17px 0}}
@media(max-width:1150px){.ll-dashboard .main{padding:25px}
.ll-dashboard .topbar{padding:0 25px}
.ll-dashboard .metrics{gap:10px}
.ll-dashboard .metric{padding:15px}
.ll-dashboard .metric-number{font-size:23px}
.ll-dashboard .two-col{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr)}
.ll-dashboard .middle{grid-template-columns:1fr 1fr}
.ll-dashboard .quick-grid{gap:6px}
.ll-dashboard .page-head{align-items:flex-start}
.ll-dashboard .page-head .actions{justify-content:flex-end}
.ll-dashboard .legend{gap:8px}
.ll-dashboard .pipeline-stats small{font-size:8px}}
@media(max-width:950px){.ll-dashboard .sidebar{width:195px;padding-inline:12px}
.ll-dashboard .workspace{margin-left:195px}
.ll-dashboard .brand-name{font-size:16px}
.ll-dashboard .main{padding:23px}
.ll-dashboard .two-col,.ll-dashboard .middle{grid-template-columns:1fr}
.ll-dashboard .attention-item{padding:12px 0}
.ll-dashboard .credit-note{margin-top:12px}
.ll-dashboard .metrics{grid-template-columns:1fr 1fr}
.ll-dashboard .metric-number{font-size:29px}
.ll-dashboard .page-head{flex-direction:column}
.ll-dashboard .quick-grid{margin-top:15px}
.ll-dashboard .chart{max-height:250px}
.ll-dashboard .panel-title p{font-size:11px}}
@media(max-width:650px){.ll-dashboard .sidebar{transform:translateX(-100%);width:224px;transition:transform .2s}
.ll-dashboard .sidebar.open{transform:translateX(0)}
.ll-dashboard .workspace{margin-left:0}
.ll-dashboard .topbar{height:61px;padding:0 17px;gap:10px}
.ll-dashboard .crumb{display:none}
.ll-dashboard .menu-toggle{display:grid}
.ll-dashboard .top-right{gap:10px}
.ll-dashboard .main{padding:23px 16px}
.ll-dashboard .page-head{gap:17px;margin-bottom:18px}
.ll-dashboard .page-head .actions{width:100%;justify-content:flex-start}
.ll-dashboard .button{font-size:10px;padding:9px 12px}
.ll-dashboard h1{font-size:27px}
.ll-dashboard .filterbar{flex-direction:column;align-items:flex-start}
.ll-dashboard .segmented{width:100%}
.ll-dashboard .segmented button{flex:1;padding-inline:5px}
.ll-dashboard .date{font-size:10px}
.ll-dashboard .metrics{gap:9px;margin-bottom:14px}
.ll-dashboard .metric{padding:13px}
.ll-dashboard .metric-head{font-size:10px}
.ll-dashboard .metric-icon{width:26px;height:26px;border-radius:8px}
.ll-dashboard .metric-icon .icon{height:15px;width:15px}
.ll-dashboard .metric-number{font-size:23px;letter-spacing:-.7px}
.ll-dashboard .metric-number small{font-size:9px;margin-right:4px}
.ll-dashboard .metric-caption{font-size:9px}
.ll-dashboard .two-col,.ll-dashboard .middle{gap:14px;margin-bottom:14px}
.ll-dashboard .panel{padding:17px}
.ll-dashboard .records{padding:17px 0 0}
.ll-dashboard .records .panel-header{padding:0 17px}
.ll-dashboard .panel-header{align-items:flex-start}
.ll-dashboard .panel-header.chart-head{flex-wrap:wrap}
.ll-dashboard .legend{font-size:9px}
.ll-dashboard .pipeline-stats{gap:4px}
.ll-dashboard .pipeline-stats small{font-size:8px}
.ll-dashboard .pipeline-stats b{font-size:20px}
.ll-dashboard .chart-summary{gap:22px}
.ll-dashboard .chart-summary b{font-size:13px}
.ll-dashboard .searchbox{width:135px}
.ll-dashboard .table-tabs{padding:0 17px;gap:18px}
.ll-dashboard td,.ll-dashboard th{padding-left:17px;padding-right:17px}
.ll-dashboard .preview-pill{font-size:9px;padding:5px 7px}
.ll-dashboard .mobile-cover.visible{display:block;position:fixed;inset:0;background:#10273766;z-index:19}
.ll-dashboard .preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ll-dashboard *{transition:none!important}}
/* Integrate the approved dashboard with the existing application shell. */
main.wrap:has(#view-dashboard:not([hidden])){padding:0}
.ll-dashboard{color-scheme:light;min-height:100vh}.ll-dashboard .main{max-width:1740px;padding-inline:clamp(18px,2.6vw,42px)}
.ll-dashboard .topbar{padding-inline:clamp(18px,2.6vw,42px)}
.ll-dashboard .metrics .metric{display:block;min-height:0;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.ll-dashboard .metric-number{display:block;white-space:nowrap}.ll-dashboard .date select{width:auto;padding:4px 7px;background:#fff;color:#516875;border:1px solid var(--line);border-radius:5px;font-size:11px}
.ll-dashboard .searchbox{color:var(--ink)}.ll-dashboard .chart-summary{flex-wrap:wrap;gap:12px 25px}.ll-dashboard .preview-note{display:none}
header.app-sidebar{background:#132537;border-color:#132537;color:#b7c6d3}header.app-sidebar .brand{color:white;font-family:Segoe UI,Arial,sans-serif;letter-spacing:-.4px;font-size:21px}header.app-sidebar .brand small{color:#8da5b8;font-size:10px;letter-spacing:2px}
header.app-sidebar nav.tabs button{color:#b7c6d3;font-size:16px;font-weight:500}header.app-sidebar nav.tabs button:hover{background:#ffffff0b;color:white}header.app-sidebar nav.tabs button[aria-current=page]{background:#294354;color:#fff;box-shadow:inset 3px 0 #73c1a7}
header.app-sidebar .who{border-color:#ffffff1a;color:#b7c6d3;font-size:14px}header.app-sidebar .who a{color:#a1c6d8}.app-sidebar .nav-toggle{background:#294354;color:white;border-color:#496170}
@media(max-width:650px){.ll-dashboard .date{flex-wrap:wrap}.ll-dashboard .topbar{height:56px}.ll-dashboard .metric-number{font-size:21px}}

/* Worklist typography requested by the user. */
.ll-dashboard .records h2{font-size:20px}
.ll-dashboard .records table{font-size:14px}
.ll-dashboard .records .ref{font-size:14px}
.ll-dashboard .records th,.ll-dashboard .records .status,.ll-dashboard .records td small,.ll-dashboard .records .panel-title p,.ll-dashboard .records .table-foot,.ll-dashboard .records .table-tabs button,.ll-dashboard .records .table-tabs small,.ll-dashboard .records .text-button,.ll-dashboard .records .searchbox{font-size:12px}

/* Keep full currency amounts readable beside the tablet sidebar. */
@media(min-width:981px) and (max-width:1439px){
 .ll-dashboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}