/* GiftLedger UI/UX 20260913: local fonts, compact data, one motion vocabulary. */
:root{--bg:#f3f5f9;--text:#19273c;--muted:#69788e;--line:#e2e7ef;--primary:#5a57d6;--primary-light:#eeedfc;--green:#138569;--red:#c14454;--amber:#aa7020;--nav:#151e32;font-family:"Segoe UI Variable Text","Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;font-size:14px;line-height:1.5;font-synthesis:none}
body{background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1,h2,h3{letter-spacing:-.025em}button,a,input,select,textarea{transition:background-color 140ms,border-color 140ms,box-shadow 140ms,transform 120ms}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #827ce580;outline-offset:3px}button:disabled{opacity:.45}.ui-icon{width:18px;height:18px;stroke-width:1.65}.money,.num,.kpi-value,.summary-row b{font-family:"Segoe UI Variable Display","Segoe UI","Microsoft YaHei UI",sans-serif;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.035em}.currency{font-size:.69em;opacity:.7;letter-spacing:0;margin-right:2px}.positive,.num.positive{color:var(--green)}.negative,.num.negative{color:var(--red)}
.role-shell{--accent:#5a57d6;--accent-light:#eeedfc;grid-template-columns:224px minmax(0,1fr)}.theme-vietnam{--accent:#137f82;--accent-light:#e7f4f2;--primary:#137f82;--primary-light:#e7f4f2}.theme-boss{--accent:#3865b6;--accent-light:#eaf0fc;--primary:#3865b6;--primary-light:#eaf0fc}.role-shell .sidebar{width:224px;padding:23px 13px 13px;background:linear-gradient(165deg,#182238 0%,#131c2e 85%);overflow:auto;scrollbar-width:thin;scrollbar-color:#34415c transparent}.role-shell .brand{padding:0 12px 23px;gap:10px}.role-shell .brand-name{font-size:22px;letter-spacing:-.9px}.brand-mark{width:36px;height:36px;border-radius:10px;background:#7770e8;box-shadow:0 5px 16px #070d2240;font-size:23px;position:relative}.brand-mark span{position:absolute;width:8px;height:8px;background:#b4afea;right:5px;top:5px;border-radius:2px}.brand-sub{font-size:9px;letter-spacing:2.15px}.role-tag{background:#ffffff06;border:1px solid #ffffff10;border-radius:7px;font-size:12px;padding:10px 12px;margin:0 4px 17px;color:#d0d7e6}.role-tag small{display:block;margin-top:4px;padding-left:13px;font-size:11px;color:#7c8da8}.role-tag .live-dot{width:5px;height:5px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-group>summary{list-style:none;cursor:pointer;padding:9px 10px;display:flex;align-items:center;gap:10px;color:#9fadc6;font-size:12px;font-weight:600;border-radius:6px}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover{background:#ffffff08;color:#fff}.nav-chevron{width:13px;height:13px;margin-left:auto;transition:transform 160ms}.nav-group[open] .nav-chevron{transform:rotate(90deg)}.nav-children{padding:2px 0 3px 10px;animation:nav-reveal 150ms ease-out}.role-shell .nav-item{font-size:12px;padding:8px 10px;gap:10px;border-radius:6px;min-height:34px;color:#8293ae;margin:2px 0}.role-shell .nav-item.active{background:#8581fa20;color:#d7d4ff;box-shadow:inset 2px 0 #928bff}.theme-vietnam .nav-item.active{background:#3ec5b51c!important;color:#b7e8e3!important;box-shadow:inset 2px 0 #52c4b9}.theme-boss .nav-item.active{background:#6b9beb20!important;color:#cfddff!important;box-shadow:inset 2px 0 #80a9ef}.nav-item.active:after{display:none}.nav-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}.nav-item:hover{color:white!important}.sidebar-bottom{padding:14px 10px 0;margin-top:20px;font-size:11px;color:#9eaec5;line-height:1.8}.sidebar-bottom small{display:block;font-size:10px;margin-left:13px}.environment-dot{display:inline-block;width:5px;height:5px;background:#67ada2;border-radius:50%;margin-right:8px}.sidebar-shade{display:none}
.role-shell .topbar{height:70px;padding:0 26px;gap:18px;background:#ffffffed;backdrop-filter:blur(8px);box-shadow:0 1px 0 #e2e7ef}.top-context{min-width:100px;display:flex;flex-direction:column;white-space:nowrap}.top-context>b{font-size:13px;font-weight:650;color:#33445d}.top-context>span{font-size:11px;color:#8290a4;margin-top:3px}.top-actions{gap:10px;margin-left:auto}.ui-clock{font-size:11px;color:#7f8aa0;max-width:138px}.rate-bar{margin-left:auto;display:flex;align-items:center;gap:7px;background:#f5f5fc;border:1px solid #e6e4f7;border-radius:7px;padding:5px 8px;font-size:11px}.rate-bar>strong{color:#544fb7;font-size:19px;letter-spacing:-.5px;white-space:nowrap}.rate-bar strong small{font-size:11px;color:#9793b2}.role-shell .rate-bar .btn{font-size:11px;min-height:28px}.role-shell .rate-bar .text-btn{border:0;background:none;padding:3px;color:#655dce}.role-shell .rate-bar .calculator-btn{background:white;gap:5px;margin-left:4px}.calculator-btn svg{width:14px;height:14px}.icon-btn{padding:8px;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;border-radius:7px;color:#738098}.icon-btn:hover{background:#f1f2fb;color:var(--accent);border-color:#d1ceea}.ui-menu{display:none}.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer}.account-menu>summary::-webkit-details-marker{display:none}.account-menu .profile{gap:8px}.account-menu .profile b{font-size:12px;font-weight:600;display:block}.account-menu .profile small{font-size:10px;color:#8b96a8;display:block}.avatar{background:var(--accent-light);color:var(--accent);width:33px;height:33px;border-radius:9px}.account-menu>div{position:absolute;top:46px;right:0;width:205px;padding:16px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #1422391c;z-index:18}.account-menu>div b{font-size:13px}.account-menu>div p{font-size:11px;color:var(--muted);margin:7px 0 12px}.account-menu .btn{width:100%}
.role-shell main{max-width:1920px;padding:25px 28px 35px;margin:auto;min-height:calc(100vh - 70px)}.role-shell .page-heading{margin-bottom:21px;align-items:center}.role-shell h1{font-size:26px;font-weight:680;line-height:1.35;color:#1c2941}.role-shell .eyebrow{font-size:9px;letter-spacing:1.9px;color:var(--accent);font-weight:700;margin-bottom:6px}.role-shell .page-heading p{font-size:13px;margin-top:7px;color:#7e8a9c;max-width:960px;line-height:1.6}.role-shell .btn,.role-modal .btn{padding:8px 13px;font-size:12px;min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;box-shadow:0 1px 2px #12223c03}.role-shell .btn.sm,.role-modal .btn.sm{font-size:11px;min-height:29px;padding:5px 9px}.btn.primary{background:var(--accent,var(--primary));border-color:var(--accent,var(--primary));box-shadow:0 3px 8px #514daf1b}.btn.primary:hover{filter:brightness(.96);box-shadow:0 4px 10px #4b48852e}.btn:not(.primary):hover{border-color:#c8cbd9;background:#f8f9fc}.btn svg{width:15px;height:15px}.role-shell .kpis{gap:12px;margin-bottom:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.role-shell .kpi{padding:16px 18px 13px;min-height:119px;background:linear-gradient(135deg,#fff,#fafbfe);border:1px solid #e0e5ed;border-radius:9px;box-shadow:0 2px 3px #1a355504;position:relative;overflow:hidden;animation:ui-enter 260ms ease-out both}.kpi:before{content:'';position:absolute;top:0;left:18px;right:18px;height:2px;background:var(--accent);opacity:.3}.role-shell .kpi:hover{transform:translateY(-2px);border-color:#bfc6dc;box-shadow:0 7px 16px #25345d0b}.role-shell .kpi-top{font-size:12px;color:#768298;display:flex;align-items:center;justify-content:space-between;font-weight:500}.kpi-top>i{color:var(--accent);display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--accent-light);font-style:normal}.kpi-top>i svg{width:15px;height:15px}.role-shell .kpi-value{font-size:29px;line-height:1.14;margin:10px 0 10px;font-weight:650;color:#253650;white-space:nowrap}.role-shell .kpi-note{font-size:11px;line-height:1.3;color:#8b96a7;display:flex;align-items:center;gap:5px}.kpi-note .ui-icon{width:12px;height:12px;margin-left:auto;opacity:.5}.role-shell .kpi.profit{background:linear-gradient(130deg,#fff,#f6fbfa)}.kpi.profit .kpi-value{color:#167b70}.kpi.profit:before{background:#269e92}.kpi.attention .kpi-top>i{color:#b17a2e;background:#fbf1e0}.kpi.attention:before{background:#d19c47}.month-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#eaf0f7;border:1px solid #dee5ef;border-radius:8px;margin:0 0 18px;overflow:hidden}.month-strip a{padding:13px 13px;border-right:1px solid #dce3ed}.month-strip a:last-child{border:0}.month-strip a:hover{background:#e3e9f3}.month-strip label{display:block;font-size:11px;color:#75849a;cursor:pointer}.month-strip b{display:block;font-size:19px;font-weight:650;letter-spacing:-.45px;margin-top:5px;font-variant-numeric:tabular-nums}.section-caption{display:flex;align-items:center;gap:10px;font-size:11px;color:#8692a4;margin:13px 0 8px}.section-caption:after{content:'';height:1px;flex:1;background:var(--line)}
.role-shell .panel{border:1px solid var(--line);border-radius:9px;margin-bottom:17px;box-shadow:0 2px 4px #23406303;overflow:hidden;min-width:0}.role-shell .panel-head{padding:15px 18px;min-height:54px;border-bottom:1px solid #e9edf3}.role-shell .panel-head h2{font-size:14px;font-weight:650;color:#30415a;letter-spacing:-.2px}.role-shell .panel-head p{font-size:11px;color:#8d98aa;margin-top:4px}.role-shell .panel-body{padding:17px 18px}.role-shell .two-col{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:17px}.three-col{gap:17px}.role-hero{background:linear-gradient(110deg,#29344f,#414474);border-radius:9px;padding:19px 22px;margin-bottom:17px;gap:24px;box-shadow:0 4px 12px #27314b0c}.role-hero p{font-size:12px;color:#d5dbec}.role-hero strong{font-size:23px}.role-hero small{font-size:11px;color:#aebcd9}.role-hero .btn:hover{background:#ffffff21;border-color:#ffffff60}.theme-vietnam .role-hero{background:linear-gradient(110deg,#19515b,#207781)}.ui-dashboard-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#233456,#38568a);color:white;padding:20px 24px;border-radius:9px;margin-bottom:18px;gap:20px}.ui-dashboard-banner h2{font-size:19px}.ui-dashboard-banner p{color:#bac9e2;font-size:12px;margin-top:5px}.ui-dashboard-banner strong{font-size:30px;font-variant-numeric:tabular-nums}.ui-dashboard-banner small{display:block;color:#b8c9e3;font-size:11px}.ui-dashboard-banner .btn{background:#ffffff12;border-color:#ffffff25;color:white}.ui-dashboard-banner .btn:hover{background:#ffffff20}
.summary-row{padding:16px 18px;gap:17px}.summary-row label{font-size:11px;color:#8590a2}.summary-row b{font-size:21px;font-weight:630;margin-top:5px}.role-tabs{gap:8px;margin-bottom:16px;border-color:#dde3ee}.role-tabs a,.role-tabs button{font-size:12px;padding:10px 12px;line-height:1.5;color:#7b879d;border-bottom:2px solid transparent;transition:color 120ms,border-color 120ms}.role-tabs .active{color:var(--accent);border-bottom-color:var(--accent)}.role-tabs a:hover,.role-tabs button:hover{background:#e9edf536}.role-setting-tabs a{font-size:12px;padding:8px 12px}.role-setting-tabs a.active{background:var(--accent-light);color:var(--accent);border-color:#cbd6e8}.filterbar{padding:15px 17px;gap:10px;background:#fcfdff;align-items:end}.filterbar label{font-size:11px;color:#7b889d;min-width:115px;max-width:190px;gap:6px}.filterbar label.search{min-width:205px;max-width:260px}.filterbar input,.filterbar select{font-size:12px;height:35px;min-height:35px;border-color:#dce2ec;background:white;border-radius:6px}.resultline{padding:12px 18px;gap:18px;background:#f1f5fa;font-size:12px;border-color:#dde5ef}.resultline b{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.resultline span{color:#78869b}
.ui-grid{min-width:0}.grid-tools{padding:10px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:#fff}.grid-count{display:flex;align-items:center;gap:7px;font-size:11px;color:#98a2b2;white-space:nowrap}.grid-count b{color:#52617b;font-size:12px}.grid-count svg{width:14px;height:14px}.grid-tools-right{display:flex;align-items:center;gap:7px;margin-left:auto}.grid-search{display:flex;align-items:center;border:1px solid #e1e6ef;border-radius:5px;padding-left:8px;max-width:182px;background:#fafbfe;color:#8e9aaf}.grid-search input{min-height:28px;height:28px;padding:4px 7px;border:0;font-size:11px;background:transparent;border-radius:4px}.grid-search input:focus{outline:1px solid #c5c8e8}.grid-search svg{width:13px;height:13px}.grid-tools .btn{background:#fff}.grid-tools .btn svg{width:13px;height:13px}.grid-columns{position:relative}.grid-columns summary{list-style:none;cursor:pointer}.grid-columns summary::-webkit-details-marker{display:none}.grid-columns>div{position:absolute;right:0;top:35px;z-index:11;width:240px;padding:13px;display:grid;gap:8px;background:white;border:1px solid var(--line);box-shadow:0 8px 25px #24365c20;border-radius:7px;max-height:330px;overflow:auto}.grid-columns label{font-size:12px;display:flex;align-items:center;gap:7px;color:#52617b}.grid-columns input{width:14px;min-height:14px;height:14px;padding:0;accent-color:var(--primary)}.role-shell .panel:has(.grid-columns[open]){overflow:visible}.table-wrap{width:100%;max-width:100%!important;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd3e0 #f4f6fa;max-height:640px}.role-shell table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.role-shell th{font-size:11px;font-weight:600;color:#738198;padding:11px 14px;background:#f7f9fc;position:sticky;top:0;z-index:2;border-bottom:1px solid #e2e8f1;white-space:nowrap;text-align:left}.role-shell th button{padding:0;border:0;background:none;display:inline-flex;align-items:center;gap:5px;color:inherit;font:inherit;min-height:22px;white-space:nowrap}.sort-indicator{font-size:10px;opacity:.38}.role-shell th[aria-sort] button{color:var(--accent)}.role-shell td{font-size:13px;line-height:1.5;padding:12px 14px;border-bottom:1px solid #edf0f6;color:#485872;vertical-align:middle;white-space:nowrap;background:#fff}.role-shell tbody tr:last-child td{border-bottom:0}.role-shell tbody tr:hover td{background:#f4f6fc}.role-shell td b{font-weight:600;color:#34445f}.role-shell td b.positive{color:var(--green)}.role-shell td b.negative{color:var(--red)}.role-shell td.num-cell,.role-shell th.num-cell{text-align:right;font-variant-numeric:tabular-nums}.role-shell td.num-cell .cell-sub{text-align:right}.role-shell .action-cell{position:sticky;right:0;background:#fff;border-left:1px solid #e7ecf3;text-align:right!important;z-index:1;box-shadow:-5px 0 8px -7px #27375650}.role-shell th.action-cell{z-index:3;background:#f7f9fc}.role-shell .comfortable td{padding-top:18px;padding-bottom:18px}.mono{font-family:"Cascadia Mono",Consolas,monospace;font-size:11px;letter-spacing:-.15px}.cell-sub{font-size:11px;color:#8b98ab;margin-top:4px;line-height:1.5;font-weight:400}.status-pill{font-size:11px;font-weight:550;padding:3px 7px;line-height:1.5;border:1px solid transparent;border-radius:5px;background:#edf3fc;color:#5175aa}.status-pill:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin:6px 3px 0 0;opacity:.8}.status-pill.green{background:#eaf6f0;color:#24866c;border-color:#dcefe5}.status-pill.amber{background:#fff6e7;color:#a67a2d;border-color:#f5e7c9}.status-pill.red{background:#fff0f0;color:#c2525f;border-color:#f2d8dc}.status-pill.gray{background:#f0f2f6;color:#929bad;border-color:#e8ebf0}.grid-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:11px 16px;border-top:1px solid var(--line);font-size:11px;color:#8793a5;background:#fff}.grid-footer>span{margin-right:auto}.grid-footer label{display:flex;align-items:center;gap:6px}.grid-footer select{width:57px;padding:3px 5px;font-size:11px;min-height:28px;height:28px}.grid-footer b{font-size:11px;font-weight:500;color:#5e6f88}.ui-grid:has(input[data-allocate]) .table-wrap{max-height:none}
.ui-trend{padding:15px 20px 17px}.chart-legend{display:flex;justify-content:space-between;font-size:11px;color:#77869d;gap:10px;margin-bottom:15px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.chart-legend small{font-size:10px}.role-chart-wrap{display:flex;align-items:flex-end;height:156px;gap:5px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#e9edf5 38px,#e9edf5 39px);border-bottom:1px solid #dee5ef}.chart-column{height:100%;display:flex;flex:1;min-width:0;align-items:flex-end;position:relative;outline-offset:2px}.chart-bar{height:max(2px,var(--bar-height));width:100%;border-radius:3px 3px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--accent),white 40%),color-mix(in srgb,var(--accent),white 10%));transform-origin:bottom;animation:chart-grow 360ms var(--bar-delay) ease-out both;opacity:.75}.chart-bar.negative{background:#cb7681}.chart-column:hover .chart-bar,.chart-column:focus .chart-bar{opacity:1}.chart-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);z-index:5;padding:8px 11px;background:#24314b;color:#c4d0e3;border-radius:6px;box-shadow:0 4px 12px #14233c22;font-size:10px;white-space:nowrap;pointer-events:none;line-height:1.7}.chart-tooltip b{display:block;color:white;font-size:13px}.chart-column:hover .chart-tooltip,.chart-column:focus .chart-tooltip{display:block;animation:tooltip-in 120ms ease-out}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#a0aaba;margin-top:9px}.ui-rank{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #edf1f6;transition:background 120ms}.ui-rank:last-child{border-bottom:0}.ui-rank:hover{background:#f7f9fc}.rank-number{font-size:12px;color:#a0aabd;font-variant-numeric:tabular-nums;min-width:20px}.ui-rank:nth-child(-n+3) .rank-number{color:var(--accent);font-weight:700}.rank-label{flex:1;min-width:0}.rank-label b{display:block;font-size:12px;color:#475972;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-label small{font-size:10px;display:block;color:#98a3b3;margin-top:3px}.rank-label i{height:3px;max-width:160px;width:var(--rank-width);display:block;background:var(--accent);opacity:.2;border-radius:2px;margin-top:6px;animation:chart-grow 250ms ease-out}.ui-rank>strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:#40536e}.ui-todo-list{padding:7px 18px}.ui-todo{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:12px;color:#62738e}.ui-todo:last-child{border-bottom:0}.ui-todo strong{font-size:15px;color:#a87939;font-variant-numeric:tabular-nums}.ui-todo:hover span{color:var(--accent)}.ui-face-units{display:flex;gap:12px;flex-wrap:wrap;font-size:16px;font-variant-numeric:tabular-nums}.ui-face-units small{font-size:11px}.empty-box{padding:25px 20px;min-height:140px;display:flex;align-items:center;justify-content:center;gap:18px;text-align:left;background:linear-gradient(130deg,#fff,#fafbfe)}.empty-symbol{width:54px;height:54px;border-radius:14px;background:#edf1f8;border:1px solid #e6eaf3;display:grid;place-items:center;color:#9aaac4;flex-shrink:0}.empty-symbol svg{width:25px;height:25px;stroke-width:1.3}.empty-box b{display:block;font-size:13px;font-weight:550;line-height:1.5;color:#60718a;margin:0 0 6px}.empty-box p{font-size:11px;color:#95a0b1;line-height:1.7;max-width:340px}.empty-box .btn{margin-top:12px}.ui-account-hero{padding:22px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:17px;display:flex;align-items:center;gap:18px}.customer-avatar{width:48px;height:48px;border-radius:13px;background:var(--accent-light);color:var(--accent);font-size:24px;display:grid;place-items:center}.ui-account-hero h1{font-size:23px}.ui-account-hero p{font-size:12px;color:#7e8da4;margin-top:5px}.ui-account-hero .page-actions{margin-left:auto}.ui-account-notes{padding:11px 18px;border:1px solid #e1e6ef;background:#f9fbfe;border-radius:7px;color:#7f8da4;font-size:12px;margin-bottom:16px}.role-split{grid-template-columns:245px minmax(0,1fr);gap:17px}.group-pick{padding:15px 16px;font-size:12px;border-bottom:1px solid #e7edf3}.group-pick.active{background:var(--accent-light);border-left-color:var(--accent)}.group-pick strong{font-size:21px;letter-spacing:-.5px;color:var(--accent)}.group-pick small{font-size:10px}.group-pick:hover{background:#f6f9fc}
.role-drawer{width:min(1080px,93vw);background:#f4f6fb;box-shadow:-12px 0 50px #13213c22;animation:drawer-in 220ms cubic-bezier(.2,.7,.2,1)}.role-drawer-shade{background:#11213c3d;animation:fade-in 160ms ease-out}.role-drawer-head{padding:20px 23px;box-shadow:0 1px 4px #233a6505}.role-drawer-head h2{font-size:19px;font-weight:650}.role-drawer-head small{font-size:12px}.role-drawer-content{padding:20px 22px}.role-detail-grid{gap:21px;padding:19px 20px}.role-detail-grid span{font-size:11px}.role-detail-grid b{font-size:13px;color:#53657d}.role-overlay{background:#12233f55;backdrop-filter:blur(3px);padding:22px;animation:fade-in 130ms ease-out}.role-modal{border-radius:12px;max-height:94vh;box-shadow:0 22px 90px #0c183f40;border:1px solid #ffffff8f;animation:modal-in 180ms cubic-bezier(.2,.65,.3,1)}.role-modal header{padding:20px 24px}.role-modal h2{font-size:20px;font-weight:650;color:#263750}.role-modal header small{font-size:11px;color:#8795aa}.role-modal .body{padding:20px 24px}.role-modal footer{padding:15px 24px;background:#f8faff}.role-field{font-size:12px;color:#657690;gap:7px}.role-field input,.role-field select,.role-field textarea{font-size:13px;min-height:39px;border-radius:6px;padding:8px 11px;border-color:#dbe2ee}.role-field input:focus,.role-field select:focus,.role-field textarea:focus{border-color:#9e9be0;outline:3px solid #a7a0ed17}.role-field small{font-size:11px;color:#8d98aa}.role-form-grid{gap:16px 20px}.role-form-section{padding-top:17px;margin-top:20px}.role-form-section h3{font-size:13px}.role-modal .notice,.role-shell .notice{font-size:12px;line-height:1.8;color:#74829b;background:#f3f6fb;border-color:#e0e7f2;padding:11px 14px;border-radius:7px}.role-modal .error{font-size:12px;line-height:1.7;scroll-margin-top:90px}.role-submit-hint{font-size:10px;max-width:44%;line-height:1.7}.role-preview{background:linear-gradient(120deg,#f4f4fc,#f5f8fc);padding:17px;border-color:#e0e1f2;border-radius:8px}.role-preview .summary-row b{font-size:22px}.role-preview .cell-sub{margin-top:11px}.role-receipt-line{gap:11px;grid-template-columns:85px 1fr 1fr 1.2fr 32px}.role-checkboxes label{font-size:12px}.select-with-icon{position:relative;min-width:0}.select-with-icon select{padding-left:43px}.selected-icon{position:absolute;left:9px;top:8px;pointer-events:none;display:flex;align-items:center}.selected-icon .card-icon{width:23px;height:23px}.selected-icon .region-icon{font-size:19px;line-height:23px}.card-icon{border-radius:5px;border-color:#e1e5ed;background:#f3f5fa;color:#8491ab;width:25px;height:25px}.role-reveal{font-family:"Cascadia Mono",Consolas,monospace;font-size:14px;padding:14px 16px;border-style:dashed;letter-spacing:.4px;user-select:all}.role-log{font-size:11px;line-height:1.8}.role-toast{display:flex;align-items:center;gap:10px;background:#233650;color:#edf3fc;font-size:12px;max-width:470px;padding:13px 17px;border:1px solid #496180;border-radius:8px;box-shadow:0 8px 30px #0d193c20;animation:toast-in 170ms ease-out}.role-toast svg{color:#87c7b8;width:17px;height:17px;flex-shrink:0}.ui-search-results{max-height:420px;overflow:auto}.ui-search-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.ui-search-item b{display:block;font-size:13px}.ui-search-item small{display:block;margin-top:4px;font-size:11px}.ui-search-item button{flex-shrink:0}.ui-search-hint{padding:12px 0;font-size:11px;color:#8b97aa}
.role-login-art{background:radial-gradient(ellipse at 20% 25%,#35456c,#161f35 75%);position:relative}.role-login-art h1{font-size:48px;letter-spacing:-1.9px;font-weight:650;line-height:1.35}.role-login-form{background:#f1f4f9}.role-login-form form{padding:42px;border-radius:14px;box-shadow:0 15px 65px #1c32580a;width:440px}.role-login-form h2{font-size:26px}.role-login-form input{font-size:14px;height:43px}.role-login-form .role-field{font-size:12px}.role-login-flow span{background:#ffffff06}.ui-initial{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:15px;color:#697b96}.ui-initial b{font-size:22px;letter-spacing:-.5px;color:#31435f}.ui-initial span{font-size:12px}.ui-skeleton-line{width:170px;height:5px;border-radius:4px;background:linear-gradient(90deg,#dfe5f2,#b6badd,#e6eaf3);animation:skeleton-in 450ms ease-out}.ui-pending{position:relative;opacity:.62;pointer-events:none;transition:opacity 100ms}.ui-pending:before{content:'';position:absolute;top:0;left:28px;right:28px;height:3px;background:linear-gradient(90deg,#bdbde5,#7773cf,#dce1f2);border-radius:3px;animation:skeleton-in 350ms ease-out;z-index:6}
@keyframes ui-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes chart-grow{from{transform:scaleY(.05);opacity:.15}to{transform:scaleY(1);opacity:.75}}@keyframes drawer-in{from{transform:translateX(28px);opacity:.4}to{transform:none;opacity:1}}@keyframes modal-in{from{transform:translateY(6px) scale(.985);opacity:0}to{transform:none;opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes tooltip-in{from{opacity:0}to{opacity:1}}@keyframes skeleton-in{from{opacity:.2}to{opacity:1}}
@media(min-width:1800px){.role-shell main{padding:29px 34px 38px}.role-shell .kpis.eight{grid-template-columns:repeat(8,minmax(0,1fr))}.role-shell .kpi{padding:15px 14px;min-height:120px}.role-shell .kpi-value{font-size:28px}.role-shell .kpi-top{font-size:11px}.role-chart-wrap{height:190px}}
@media(max-width:1450px){.role-shell{grid-template-columns:212px minmax(0,1fr)}.role-shell .sidebar{width:212px}.role-shell .topbar{padding:0 22px;gap:12px}.ui-clock{display:none}.role-shell main{padding:22px}.role-shell .kpi-value{font-size:28px}.role-shell .kpis.eight{grid-template-columns:repeat(4,minmax(0,1fr))}.month-strip b{font-size:17px}.month-strip a{padding:11px}.grid-search{max-width:160px}.role-shell .three-col{gap:12px}.role-shell .two-col{gap:14px}.rate-bar{gap:5px}.rate-bar>span{font-size:10px}.role-shell td{padding:10px 12px}.role-shell th{padding:9px 12px}}
@media(max-width:1100px){.role-shell{grid-template-columns:194px minmax(0,1fr)}.role-shell .sidebar{width:194px}.role-shell main{padding:18px}.role-shell .topbar{padding:0 16px}.top-context{min-width:80px}.top-actions{gap:7px}.account-menu .profile>span{display:none}.rate-bar .calculator-btn{font-size:0!important;gap:0}.calculator-btn svg{width:17px;height:17px}.role-shell .two-col{grid-template-columns:minmax(0,1fr)}.three-col{grid-template-columns:1fr 1fr}.month-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.role-split{grid-template-columns:210px minmax(0,1fr)}.role-shell .kpi-value{font-size:25px}}
@media(max-width:760px){.role-shell{display:block}.role-shell .sidebar{width:224px;transform:translateX(-100%);transition:transform 180ms;z-index:35}.nav-mobile-open .sidebar{transform:none}.nav-mobile-open .sidebar-shade{display:block;position:fixed;inset:0;background:#10203966;z-index:34}.role-shell .workspace{width:100%}.ui-menu{display:flex}.role-shell .topbar{height:auto;min-height:64px;padding:10px 12px;gap:8px;flex-wrap:wrap}.top-context>b{font-size:12px}.top-context>span{font-size:10px}.rate-bar{order:5;width:100%;margin:0;justify-content:center;padding:4px}.role-shell .rate-bar .calculator-btn{font-size:11px!important;gap:5px}.role-shell main{padding:18px 13px}.role-shell h1{font-size:23px}.role-shell .page-heading p{font-size:12px}.role-shell .page-heading{gap:12px;align-items:start}.role-shell .kpis,.role-shell .kpis.eight{grid-template-columns:1fr 1fr;gap:9px}.role-shell .kpi{padding:12px;min-height:112px}.role-shell .kpi-value{font-size:24px}.role-shell .kpi-top{font-size:11px}.role-shell .kpi-note{font-size:10px}.month-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:1fr}.role-split{grid-template-columns:1fr}.role-detail-grid,.role-form-grid,.role-form-grid.three{grid-template-columns:1fr}.role-detail-grid{gap:15px}.role-hero{padding:17px;gap:14px;flex-wrap:wrap}.role-hero .page-actions{margin-left:0;width:100%}.role-hero strong{font-size:22px}.role-shell .panel-head{padding:13px 14px;flex-wrap:wrap;gap:8px}.filterbar{padding:12px;gap:8px}.filterbar label,.filterbar label.search{min-width:140px;max-width:none}.grid-tools{padding:10px;gap:7px;flex-wrap:wrap}.grid-tools-right{gap:5px}.grid-search{max-width:145px}.grid-tools [data-density]{display:none}.grid-footer{gap:7px;padding:10px;flex-wrap:wrap}.grid-footer>span{width:100%}.grid-footer label{margin-right:auto}.role-drawer{width:100vw}.role-drawer-head{padding:16px;flex-wrap:wrap}.role-drawer-head h2{font-size:15px;overflow-wrap:anywhere}.role-drawer-head .page-actions{margin-left:0}.role-drawer-content{padding:12px}.role-overlay{padding:10px}.role-modal,.role-modal.wide{width:100%;max-height:95vh}.role-modal header,.role-modal .body{padding:17px}.role-modal h2{font-size:18px}.role-modal footer{padding:13px 17px}.role-submit-hint{display:none}.role-receipt-line{grid-template-columns:75px 1fr}.role-receipt-line .btn{width:32px}.summary-row{grid-template-columns:1fr 1fr;padding:14px;gap:15px}.summary-row b{font-size:19px}.ui-account-hero{padding:16px;flex-wrap:wrap}.ui-account-hero .page-actions{width:100%;margin:0}.ui-dashboard-banner{padding:18px;flex-wrap:wrap}.ui-dashboard-banner strong{font-size:26px}.role-toast{left:13px;right:13px;bottom:13px;max-width:none}.role-login-form{padding:16px}.role-login-form form{padding:30px 25px;width:100%}}
.month-strip{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.status-pill{font-size:12px}.status-pill.gray{color:#66758a}.role-shell .cell-sub{font-size:12px;color:#7f8da2}.role-shell .kpi-note{color:#7a889e}.ui-dashboard-filters{border:1px solid var(--line);border-radius:8px}.role-modal .field-guidance{font-size:12px;line-height:1.8;color:#78859a;padding:12px;border:1px dashed #d9e1ec;border-radius:7px;margin-top:13px}.field-guidance summary{cursor:pointer;color:#647a96}.field-guidance .page-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.role-split>*{min-width:0}
@media(max-width:760px){.month-strip{grid-template-columns:1fr 1fr}.role-split{grid-template-columns:minmax(0,1fr)}.role-shell .workspace{margin-left:0}.role-shell .sidebar .brand-name,.role-shell .sidebar .brand-sub,.role-shell .sidebar .sidebar-bottom,.role-shell .sidebar .nav-item span{display:block}.role-shell .sidebar .nav-item{justify-content:flex-start}.role-shell .table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.role-shell .kpi:hover{transform:none}}

/* Bank funding: a calm income indicator, shared by sales and boss read views. */
.deposit-income{color:#138554;font-variant-numeric:tabular-nums;white-space:nowrap}
.deposit-tag{display:inline-block;color:#187046;background:#e9f7ef;border:1px solid #cdeada;border-radius:5px;padding:3px 7px;font-size:12px;white-space:nowrap}
.deposit-drill{text-decoration:underline;text-underline-offset:4px}
.deposit-confirm{display:flex;align-items:center;gap:9px;padding:14px 0;font-weight:600}
.deposit-confirm input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0;margin:0}
.deposit-form .summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.deposit-form .summary-row>div{min-width:0}
.deposit-form .summary-row b{overflow-wrap:anywhere;font-size:17px}
.deposit-form .summary-row{gap:14px;padding:16px}
.role-drawer .summary-row b{overflow-wrap:anywhere}
[data-deposit-filter]{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:14px;margin-bottom:16px;background:white;border:1px solid #e4e8ef;border-radius:10px}
[data-deposit-filter] .role-field{min-width:150px;max-width:260px;flex:1}