@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
:root{--ink:#202735;--muted:#7d8797;--line:#e8ecf2;--blue:#3e7ced;--sidebar:#172235;--bg:#f5f7fb;--green:#21a276}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #86b4ff}.shell{min-height:100vh;display:flex}.sidebar{color:#e9effa;z-index:10;background:#18243a;flex-direction:column;width:246px;min-width:246px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:11px;height:76px;padding:0 24px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#65a1ff,#3978e5);border-radius:9px;place-items:center;width:33px;height:33px;display:grid;box-shadow:0 5px 15px #0c1d405c}.brand-logo span{font-size:20px;font-weight:700;line-height:1}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.1em;font-size:17px;line-height:1.2}.brand small{letter-spacing:.15em;color:#8393ad;margin-top:4px;font-size:8px;font-weight:700}.workspace{background:#25334b;border:1px solid #35455e;border-radius:9px;align-items:center;gap:9px;margin:19px 14px 18px;padding:10px 11px;display:flex}.workspace-icon{color:#fff;background:#526993;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.workspace>span:nth-child(2){flex:1;min-width:0}.workspace strong,.workspace small{display:block}.workspace strong{font-size:12px}.workspace small{color:#91a0b9;margin-top:3px;font-size:10px}.workspace svg{color:#8293ad}.nav-scroll{flex:1;padding:0 11px;overflow:auto}.nav-group{margin-bottom:21px}.nav-title{color:#7889a5;letter-spacing:.12em;margin-bottom:8px;padding:0 14px;font-size:10px;font-weight:700}.nav-item{color:#aebbd0;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;width:100%;height:40px;margin:2px 0;padding:0 14px;font-size:12px;font-weight:600;display:flex;position:relative}.nav-item:hover{color:#fff;background:#24334c}.nav-item.active{color:#fff;background:#344d78}.nav-item.active svg{color:#9fc1ff}.nav-item span:nth-child(2){flex:1}.nav-active-dot{background:#72a8ff;border-radius:50%;width:5px;height:5px}.sidebar-bottom{padding:12px 14px 15px}.sidebar-help{color:#8fb6f7;border:1px solid #344359;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:17px;padding:12px 10px;display:flex}.sidebar-help strong,.sidebar-help span{display:block}.sidebar-help strong{color:#dce7fa;font-size:10px}.sidebar-help span{color:#91a0b9;margin-top:4px;font-size:9px}.sidebar-user{border-top:1px solid #344158;align-items:center;gap:9px;padding:15px 4px 0;display:flex}.sidebar-user>span:nth-child(2){flex:1}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:11px}.sidebar-user small{color:#8798b2;margin-top:3px;font-size:9px}.online-dot{background:#39c48e;border-radius:50%;width:7px;height:7px}.avatar{color:#315b99;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-grid}.main-shell{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.breadcrumb{color:#586478;font-size:11px;font-weight:600}.breadcrumb span{color:#bcc4d0;margin:0 10px}.top-actions{align-items:center;gap:17px;display:flex}.demo-pill{color:#3b73cf;letter-spacing:.04em;background:#eef5ff;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:700}.demo-pill i{vertical-align:middle;background:#4b8ef7;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.top-select{color:#8893a4;align-items:center;gap:8px;font-size:10px;display:flex}.top-select select{color:#293548;background:#fff;border:0;max-width:116px;padding:4px 0;font-size:11px;font-weight:700}.icon-button{color:#607087;background:0 0;border:0;padding:4px;position:relative}.icon-button i{background:#f17d69;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px}.top-actions .avatar{width:30px;height:30px}.content{max-width:1510px;margin:auto;padding:30px 34px 20px}.page-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:.18em;color:#6685bb;font-size:9px;font-weight:800}.eyebrow span{color:#a4b2c9;margin:0 2px}.page-heading h1{letter-spacing:-.03em;margin:7px 0 5px;font-size:25px}.page-heading p{color:#8993a2;margin:0;font-size:11px}.heading-actions{align-items:center;gap:9px;display:flex}.period-picker,.currency-picker{color:#728299;background:#fff;border:1px solid #e0e6ee;border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 11px;display:flex;box-shadow:0 1px 3px #1b304006}.period-picker select,.currency-picker select{color:#334155;cursor:pointer;background:0 0;border:0;outline:0;font-size:10px;font-weight:700}.currency-picker span{color:#929eae;white-space:nowrap;font-size:9px}.notice{color:#32649a;background:#edf6ff;border:1px solid #cfe4ff;border-radius:7px;justify-content:space-between;align-items:center;margin:-8px 0 15px;padding:10px 13px;font-size:11px;display:flex}.notice button{color:#32649a;background:0 0;border:0;font-size:18px}.summary-banner{background:#edf7f5;border:1px solid #d9ebe7;border-radius:8px;justify-content:space-between;align-items:center;height:56px;margin-bottom:20px;padding:0 18px;display:flex}.summary-banner>div{color:#538479;align-items:center;gap:9px;font-size:10px;display:flex}.summary-banner strong{color:#276b57;font-size:11px}.summary-mark{color:#2a906a;background:#d7ece5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.summary-banner button,.text-link{color:#3877e8;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.summary-banner button{color:#247e60}.range-row{color:#9aa5b3;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;display:flex}.range-row strong{color:#6681a9;margin-left:5px}.range-tabs{background:#e9edf4;border-radius:7px;gap:2px;padding:3px;display:flex}.range-tabs button{color:#8994a5;background:0 0;border:0;border-radius:5px;padding:6px 15px;font-size:10px}.range-tabs button.selected{color:#2f3c51;background:#fff;font-weight:700;box-shadow:0 1px 4px #19283f17}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric,.panel,.list-metrics>div,.share-card,.bonus-main,.bonus-detail{background:#fff;border:1px solid #e7ebf0;border-radius:9px;box-shadow:0 2px 6px #202f4705}.metric{min-height:123px;padding:17px 18px}.metric-top{justify-content:space-between;align-items:flex-start;display:flex}.metric-top>span{color:#8590a0;font-size:11px;font-weight:600}.metric-icon{border-radius:7px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.metric-icon.blue{color:#4d83e9;background:#edf3ff}.metric-icon.orange{color:#e9a071;background:#fff3e9}.metric-icon.green{color:#35ae81;background:#eaf8f1}.metric-icon.purple{color:#8a78d1;background:#f3eefc}.metric>strong{letter-spacing:-.05em;margin:12px 0 9px;font-size:24px;line-height:1.1;display:block}.metric-bottom{color:#a1a9b7;align-items:center;gap:5px;font-size:9px;display:flex}.metric-bottom b{color:#1ea876}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.panel{min-width:0;padding:18px 18px 17px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:13px;line-height:1.3}.muted{color:#9aa3b1;font-size:10px}.legend{color:#8190a1;justify-content:flex-end;gap:16px;margin:-3px 0 6px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i,.donut-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.blue-dot{background:#397df0}.orange-dot{background:#f2a76f}.chart-wrap{gap:10px;height:188px;display:flex}.chart-y{text-align:right;color:#aab3c0;flex-direction:column;justify-content:space-between;width:30px;padding:0 0 2px;font-size:8px;display:flex}.chart-area{flex:1;position:relative}.chart-area svg{z-index:1;width:100%;height:100%;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.grid-lines i{border-top:1px dashed #e6ebf3;width:100%}.chart-foot{color:#a8b1bd;justify-content:space-between;margin:8px 0 0 43px;font-size:8px;display:flex}.donut-layout{justify-content:center;align-items:center;gap:27px;min-height:205px;display:flex}.donut{background:conic-gradient(#397df0 0 38%,#7fa9f6 38% 64%,#f4aa6d 64% 82%,#8e7ad2 82% 93%,#b7c6dc 93% 100%);border-radius:50%;flex:none;place-items:center;width:171px;height:171px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:125px;height:125px}.donut>div{z-index:1;text-align:center;grid-area:1/1}.donut strong,.donut span{display:block}.donut strong{letter-spacing:-.05em;font-size:21px}.donut span{color:#a5afbc;margin-top:2px;font-size:9px}.donut-legend{width:120px}.donut-legend>div{color:#8993a0;justify-content:space-between;margin:13px 0;font-size:9px;display:flex}.donut-legend>div>span{align-items:center;gap:7px;display:flex}.donut-legend strong{color:#49566b}.dept-list{margin-top:-6px}.dept-row{border-bottom:1px solid #eff1f5;align-items:center;gap:11px;padding:10px 0;display:flex}.dept-row:last-child{border-bottom:0}.dept-icon{color:#5182d3;background:#e9f0fc;border-radius:7px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.dept-row:nth-child(2) .dept-icon{color:#55ae92;background:#eaf6f3}.dept-row:nth-child(3) .dept-icon{color:#a384cd;background:#f6effb}.dept-row>div{flex:1}.dept-row strong{font-size:10px}.progress{background:#edf1f5;border-radius:10px;height:4px;margin-top:7px}.progress i{background:#4b83ef;border-radius:10px;height:100%;display:block}.dept-row:nth-child(2) .progress i{background:#54b69b}.dept-row:nth-child(3) .progress i{background:#a591d6}.dept-amount{text-align:right;color:#303d50;font-size:10px;font-weight:700}.dept-amount small{color:#29aa7e;margin-top:4px;font-size:8px;display:block}.activity{margin-top:-5px}.activity>div{border-bottom:1px solid #eff1f5;align-items:center;gap:9px;padding:10px 0;display:flex}.activity>div:last-child{border-bottom:0}.activity-icon{border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:grid}.activity-icon.in{color:#2ca877;background:#eaf8f2}.activity-icon.out{color:#e9a16d;background:#fff2e9}.activity>div>span:nth-child(2){flex:1}.activity strong,.activity small{display:block}.activity strong{font-size:10px}.activity small{color:#9ca6b4;margin-top:3px;font-size:9px}.activity b{font-size:10px}.activity b.in{color:#239c72}.activity b.out{color:#e18e61}.footer-note{color:#b1bac7;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:9px;display:flex}.list-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.list-metrics>div{min-height:101px;padding:16px 18px}.list-metrics span,.list-metrics strong,.list-metrics small{display:block}.list-metrics span{color:#8d97a6;font-size:10px}.list-metrics strong{letter-spacing:-.04em;margin:9px 0 5px;font-size:23px}.list-metrics small{color:#a4acb9;font-size:9px}.list-metrics small b{color:#1fa77a}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{border-bottom:1px solid #edf0f4;margin:0;padding:18px 19px}.panel-buttons{gap:7px;display:flex}.outline-button,.primary-button{border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:inline-flex}.outline-button{color:#53637c;background:#fff;border:1px solid #dce3ed}.outline-button:hover{background:#f5f8fd}.primary-button{color:#fff;background:#3c7be8;border:1px solid #3978e5;box-shadow:0 2px 5px #3c7be824}.primary-button:hover{background:#2d6fdd}.table-toolbar{background:#fbfcfe;gap:8px;padding:13px 18px;display:flex}.search-field,.filter-field{color:#9aa6b5;background:#fff;border:1px solid #dfe5ed;border-radius:6px;align-items:center;gap:8px;height:35px;padding:0 10px;display:flex}.search-field{width:min(340px,100%)}.search-field input{color:#3a4656;border:0;outline:0;flex:1;min-width:0;font-size:10px}.search-field input::placeholder{color:#abb4c1}.filter-field select{color:#526177;background:0 0;border:0;outline:0;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-top:1px solid #edf0f4;padding:13px 18px;font-size:10px}th{color:#9aa5b3;background:#fbfcfd;font-size:9px;font-weight:700}td{color:#5f6b7b}td strong,td small{display:block}td strong{color:#344153;font-size:10px}td small{color:#9aa4b2;margin-top:4px;font-size:9px}.amount-cell{font-variant-numeric:tabular-nums}.amount-cell.strong{color:#263447;font-weight:700}.badge{white-space:nowrap;border-radius:4px;align-items:center;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.badge-green{color:#239870;background:#e6f6ef}.badge-amber{color:#bc7a23;background:#fff3dd}.badge-blue{color:#3f74c6;background:#eaf2ff}.badge-neutral{color:#6c788a;background:#f0f2f5}.table-bottom{color:#8995a4;border-top:1px solid #edf0f4;justify-content:space-between;padding:14px 18px;font-size:9px;display:flex}.table-bottom span{color:#aeb7c4}.empty{text-align:center;color:#9ba6b5;padding:48px 15px;font-size:11px}.person-cell{align-items:center;gap:8px;display:flex}.person-cell .avatar{width:29px;height:29px;font-size:10px}.share-hero{color:#fff;background:linear-gradient(112deg,#243e6d,#355da1);border-radius:10px;justify-content:space-between;align-items:center;min-height:154px;margin-bottom:17px;padding:26px 30px;display:flex}.share-hero .eyebrow{color:#a8c6f5}.share-hero h2{margin:8px 0 5px;font-size:21px}.share-hero p{color:#c5d6f0;margin:0;font-size:10px}.share-hero>div:last-child{text-align:right;border-left:1px solid #ffffff30;padding-left:38px}.share-hero>div:last-child span,.share-hero>div:last-child strong{display:block}.share-hero>div:last-child span{color:#b9d1f3;font-size:10px}.share-hero>div:last-child strong{letter-spacing:-.04em;margin-top:9px;font-size:25px}.share-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:17px;display:grid}.share-card{padding:20px}.share-card-top{justify-content:space-between;align-items:flex-start;display:flex}.share-card-top .avatar{width:39px;height:39px}.share-card h3{margin:14px 0 3px;font-size:15px}.share-card p{color:#9aa5b5;margin:0;font-size:10px}.share-divider{background:#ebeff3;height:1px;margin:18px 0 14px}.share-kv{color:#8f9bab;justify-content:space-between;margin:12px 0;font-size:10px;display:flex}.share-kv b{color:#3f4d61}.share-progress{background:#eaf0f9;border-radius:5px;height:5px;margin-top:18px}.share-progress i{background:#4884ee;border-radius:5px;height:100%;display:block}.rules-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.rules-grid>div{border-left:1px solid #e8ecf2;padding:3px 14px}.rules-grid>div:first-child{border-left:0;padding-left:0}.rules-grid span{color:#5082df;font-size:10px;font-weight:700;display:block}.rules-grid strong{margin-top:7px;font-size:11px;display:block}.rules-grid p{color:#97a2b1;margin:6px 0 0;font-size:10px;line-height:1.7}.employee-welcome{background:linear-gradient(110deg,#eef5ff,#f7faff);border:1px solid #e0ebfc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:24px 28px;display:flex}.employee-welcome h2{margin:7px 0;font-size:22px}.employee-welcome p{color:#8595ae;margin:0;font-size:11px}.employee-welcome-icon{color:#5686d8;background:#dfebff;border-radius:13px;place-items:center;width:54px;height:54px;display:grid}.pay-grid{grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:16px;display:grid}.pay-total{background:#f4f8ff;border:1px solid #e9f0fb;border-radius:8px;padding:18px}.pay-total span,.pay-total strong,.pay-total small{display:block}.pay-total span{color:#879bb5;font-size:10px}.pay-total strong{color:#3979e4;margin:6px 0;font-size:29px}.pay-total small{color:#a3aec0;font-size:9px}.pay-lines{margin-top:11px}.pay-lines>div{color:#8b97a6;border-bottom:1px solid #edf0f5;justify-content:space-between;padding:8px 1px;font-size:10px;display:flex}.pay-lines b{color:#405065}.pay-lines .negative{color:#dc836c}.profile-row{background:#f7f9fd;border-radius:8px;align-items:center;gap:11px;padding:12px;display:flex}.profile-row .avatar{width:43px;height:43px}.profile-row strong,.profile-row span{display:block}.profile-row strong{font-size:12px}.profile-row span{color:#9ca7b6;margin-top:4px;font-size:10px}.profile-details{margin-top:14px}.profile-details>div{color:#94a0ae;border-bottom:1px solid #edf0f4;justify-content:space-between;padding:10px 2px;font-size:10px;display:flex}.profile-details strong{color:#455369}.bonus-welcome{background:linear-gradient(110deg,#f3f0ff,#f9f8ff);border-color:#e9e3fb}.bonus-welcome .employee-welcome-icon{color:#8c70d7;background:#e9e2fc}.bonus-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.bonus-main,.bonus-detail{padding:22px}.bonus-main>span{color:#95a0af;font-size:10px}.bonus-main>strong{color:#3b72d5;margin:9px 0 3px;font-size:29px;display:block}.bonus-main>p{color:#a0aab7;margin:0 0 24px;font-size:10px}.bonus-bar{background:#e9eef7;border-radius:10px;height:7px}.bonus-bar i{background:linear-gradient(90deg,#6a9ef5,#8b76d7);border-radius:10px;width:75%;height:100%;display:block}.bonus-bar-label{color:#9da7b5;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.bonus-bar-label b{color:#587fd3}.bonus-detail h3{margin:0 0 14px;font-size:13px}.bonus-detail>div{color:#8d99a8;border-bottom:1px solid #edf0f4;justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.bonus-detail b{color:#425166}.bonus-detail small{color:#adb7c4;margin-top:13px;font-size:9px;line-height:1.6;display:block}.modal-backdrop{z-index:20;background:#0e1b30a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(590px,100%);padding:23px;box-shadow:0 20px 60px #08152750}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.modal-head h2{margin:6px 0 0;font-size:18px}.modal-head button{color:#7f8b9c;background:#f2f4f7;border:0;border-radius:6px;width:29px;height:29px;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid label{color:#657287;font-size:10px;font-weight:700;display:block}.form-grid input,.form-grid select{color:#344153;background:#fff;border:1px solid #dce3ed;border-radius:6px;width:100%;height:37px;margin-top:6px;padding:0 10px;font-size:11px;display:block}.form-hint{color:#9ba6b4;background:#f8fafe;border-radius:5px;margin:17px 0;padding:10px;font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:1150px){.sidebar{width:206px;min-width:206px}.content{padding:26px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1.3fr 1fr}.donut-layout{gap:14px}.donut{width:145px;height:145px}.donut:before{width:107px;height:107px}.donut-legend{width:100px}}@media (max-width:900px){.sidebar{width:68px;min-width:68px}.brand{justify-content:center;padding:0}.brand>span:nth-child(2),.workspace,.nav-title,.nav-item span,.sidebar-bottom{display:none}.nav-scroll{padding:12px 8px}.nav-item{justify-content:center;padding:0}.nav-item .nav-active-dot{display:none}.nav-group{margin-bottom:7px}.dashboard-grid,.dashboard-grid.lower,.pay-grid,.bonus-grid{grid-template-columns:1fr}.metrics,.list-metrics{grid-template-columns:repeat(2,1fr)}.share-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.sidebar{width:52px;min-width:52px}.brand-logo{width:29px;height:29px}.topbar{height:55px;padding:0 14px}.top-actions{gap:8px}.demo-pill,.role-select span,.top-actions>.avatar{display:none}.role-select select{max-width:85px;font-size:10px}.content{padding:18px 13px}.page-heading{display:block}.page-heading h1{font-size:21px}.page-heading p{line-height:1.5}.heading-actions{flex-wrap:wrap;margin-top:15px}.summary-banner{gap:10px;height:auto;min-height:59px;padding:10px}.summary-banner>div{flex-wrap:wrap;gap:5px}.summary-banner>div>span:last-child{flex-basis:100%;margin-left:27px}.summary-banner button{font-size:0}.metrics,.list-metrics{gap:8px}.metric{min-height:106px;padding:13px}.metric>strong,.list-metrics strong{font-size:19px}.panel{padding:14px}.table-panel{padding:0}.panel-head{align-items:flex-start}.panel-buttons{flex-wrap:wrap;justify-content:flex-end}.table-toolbar{flex-wrap:wrap;padding:11px}.search-field{width:100%}.table-bottom span{display:none}.donut-layout{min-height:180px}.share-hero{padding:18px;display:block}.share-hero>div:last-child{text-align:left;border-top:1px solid #ffffff30;border-left:0;margin-top:15px;padding:14px 0 0}.share-grid,.rules-grid{grid-template-columns:1fr}.rules-grid>div,.rules-grid>div:first-child{border-left:1px solid #e8ecf2;padding:0 0 0 11px}.footer-note{text-align:center;line-height:1.5}.form-grid{grid-template-columns:1fr}}
.auth-loading{color:#273b5c;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.auth-loading strong{font-size:18px}.auth-loading small{color:#8a99ae;font-size:11px}.login-shell{background:#f8faff;grid-template-columns:minmax(390px,46%) 1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 84% 75%,#315b9f 0,#1c345b 34%,#14243e 78%);flex-direction:column;min-height:100vh;padding:34px clamp(30px,5vw,78px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff12;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-230px;right:-170px;box-shadow:0 0 0 65px #ffffff07,0 0 0 130px #ffffff04}.login-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.login-brand-mark{color:#fff;background:linear-gradient(135deg,#71a4ff,#3975dd);border-radius:10px;place-items:center;width:37px;height:37px;font-size:21px;font-weight:800;display:grid;box-shadow:0 6px 20px #0b18334d}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.02em;font-size:17px}.login-brand small{color:#9db5d9;margin-top:2px;font-size:9px}.login-story-main{z-index:1;margin:auto 0;position:relative}.login-overline{color:#90b9f5;letter-spacing:.18em;font-size:10px;font-weight:800}.login-story h1{letter-spacing:-.04em;margin:17px 0;font-size:clamp(30px,3.3vw,47px);line-height:1.33}.login-story p{color:#b7c9e2;max-width:360px;margin:0 0 34px;font-size:13px;line-height:1.8}.login-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(125deg,#ffffff19,#ffffff0b);border:1px solid #ffffff2a;border-radius:13px;max-width:375px;padding:21px 24px 17px;box-shadow:0 18px 48px #07152936}.login-preview-top,.login-preview-bottom{color:#b7cae5;justify-content:space-between;align-items:center;font-size:10px;display:flex}.login-preview-top span:first-child{color:#fff;font-size:11px;font-weight:700}.login-preview-value{letter-spacing:-.03em;margin:18px 0 7px;font-size:29px;font-weight:700}.login-preview-value small{letter-spacing:0;color:#b5cae4;margin-top:3px;font-size:10px;font-weight:400;display:block}.login-preview-chart{border-bottom:1px solid #ffffff24;align-items:flex-end;gap:7px;height:78px;margin-bottom:11px;display:flex}.login-preview-chart i{background:linear-gradient(#75a7ff,#5085dc66);border-radius:4px 4px 0 0;flex:1;height:35%}.login-preview-chart i:nth-child(2){height:46%}.login-preview-chart i:nth-child(3){height:39%}.login-preview-chart i:nth-child(4){height:64%}.login-preview-chart i:nth-child(5){height:52%}.login-preview-chart i:nth-child(6){height:70%}.login-preview-chart i:nth-child(7){height:60%}.login-preview-chart i:nth-child(8){height:76%}.login-preview-chart i:nth-child(9){height:68%}.login-preview-chart i:nth-child(10){height:83%}.login-preview-chart i:nth-child(11){height:72%}.login-preview-chart i:nth-child(12){height:91%}.login-preview-bottom b{background:#78aaff;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.login-preview-bottom strong{color:#68e5ad}.login-story-footer{z-index:1;color:#7e9dc8;letter-spacing:.12em;font-size:9px;position:relative}.login-story-footer span{margin:0 5px}.login-main{place-items:center;padding:48px 24px;display:grid}.login-card{width:min(420px,100%)}.login-tag{color:#3c7be8;letter-spacing:.15em;font-size:10px;font-weight:800;display:inline-block}.login-card h2{letter-spacing:-.04em;margin:8px 0 7px;font-size:28px}.login-intro{color:#8d99a9;margin:0 0 28px;font-size:11px}.login-label{color:#4a586b;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.login-label>input,.password-field{background:#fff;border:1px solid #dfe6ef;border-radius:7px;width:100%;height:43px;margin-top:8px;display:block;box-shadow:0 1px 3px #182b4108}.login-label>input{color:#2e3b4e;outline:0;padding:0 13px;font-size:12px}.login-label>input:focus,.password-field:focus-within{border-color:#75a4f5;box-shadow:0 0 0 3px #e5efff}.password-field{align-items:center;padding:0 11px 0 0;display:flex}.password-field input{color:#2e3b4e;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 13px;font-size:12px}.password-field button{color:#6489c8;white-space:nowrap;background:0 0;border:0;font-size:10px;font-weight:700}.login-error{color:#ba5648;background:#fff0ed;border:1px solid #f1cdc7;border-radius:6px;margin-bottom:13px;padding:9px 11px;font-size:10px}.login-submit{color:#fff;background:#3d7ce9;border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;height:43px;font-size:12px;font-weight:700;display:flex;box-shadow:0 6px 16px #3b7ce633}.login-submit:hover{background:#2e70df}.login-submit span{font-size:19px;font-weight:400}.login-separator{color:#9ca8b7;align-items:center;gap:10px;margin:23px 0 14px;font-size:10px;display:flex}.login-separator:before,.login-separator:after{content:"";border-top:1px solid #e3e9f1;flex:1}.login-accounts{gap:8px;display:grid}.login-accounts button{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:55px;padding:8px 11px;display:flex}.login-accounts button:hover,.login-accounts button.selected{background:#f8fbff;border-color:#8eb5f5}.login-account-icon{color:#4778c9;background:#eaf1ff;border-radius:7px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.login-accounts button:nth-child(2) .login-account-icon{color:#8161bf;background:#f2ecff}.login-accounts button:nth-child(3) .login-account-icon{color:#3a9c73;background:#e9f7f1}.login-accounts button>span:nth-child(2){flex:1}.login-accounts strong,.login-accounts small{display:block}.login-accounts strong{color:#344256;font-size:10px}.login-accounts small{color:#a1aebd;margin-top:3px;font-size:9px}.login-account-arrow{color:#a0adbf;font-size:17px}.login-credentials{color:#7f8da0;flex-wrap:wrap;align-items:center;gap:5px;margin-top:14px;font-size:10px;display:flex}.login-credentials strong{color:#436fae;font-family:ui-monospace,monospace}.login-credentials span{color:#a9b3c0;width:100%;margin-top:2px;display:block}.login-legal{color:#aeb8c5;margin:23px 0 0;font-size:9px;line-height:1.6}.switch-account{color:#53647b;background:#fff;border:1px solid #e0e7f0;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}.switch-account:hover{color:#3673d8;background:#f3f7fe}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbff}.clickable-row:focus-visible{outline-offset:-2px;outline:2px solid #77a6f5}.share-card.clickable-row:hover{border-color:#bcd2f8;box-shadow:0 6px 18px #2b5a9b16}.dept-row.clickable-row:hover,.activity>div.clickable-row:hover{background:#f8fbff}.team-intro{color:#fff;background:linear-gradient(105deg,#213e70,#365e9d);border-radius:11px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 12px 26px #29569820}.team-intro .eyebrow{color:#aac8f3}.team-intro h2{margin:9px 0 7px;font-size:21px}.team-intro p{color:#cad9ee;margin:0;font-size:11px;line-height:1.7}.team-intro-icon{background:#ffffff1c;border:1px solid #ffffff47;border-radius:11px;flex:none;place-items:center;width:52px;height:52px;display:grid}.team-relationship{background:#fff;border:1px solid #e3eaf3;border-radius:9px;margin-top:20px;padding:18px 21px}.team-relationship>strong{color:#384b66;margin-bottom:13px;font-size:12px;display:block}.team-relationship>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-relationship span{color:#426da9;background:#eef4ff;border-radius:6px;padding:7px 12px;font-size:10px;font-weight:700;display:inline-block}.team-relationship i{color:#a4b5cf;font-size:15px;font-style:normal}.team-relationship small{color:#92a0b2;margin-top:12px;font-size:10px;line-height:1.5;display:block}.metric-button{text-align:left;cursor:pointer;width:100%;font:inherit;border:1px solid #0000}.metric-button:hover{border-color:#bed3f7;transform:translateY(-1px);box-shadow:0 9px 22px #2862bd14}.metric-button:focus-visible{outline-offset:2px;outline:2px solid #77a6f5}.detail-backdrop{z-index:30;background:#1422398a;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer{background:#fff;flex-direction:column;width:min(440px,100%);height:100%;animation:.18s ease-out drawer-enter;display:flex;box-shadow:-15px 0 40px #0b17382e}@keyframes drawer-enter{0%{opacity:.6;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.detail-drawer-head{color:#6a88b7;letter-spacing:.1em;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;height:63px;padding:0 24px;font-size:10px;font-weight:800;display:flex}.detail-drawer-head button{color:#708096;background:#f0f3f8;border:0;border-radius:6px;width:28px;height:28px;font-size:20px}.detail-drawer-body{flex:1;padding:26px 24px;overflow:auto}.detail-drawer-body h2{margin:0 0 7px;font-size:21px}.detail-drawer-body>p{color:#93a0b1;margin:0 0 25px;font-size:11px;line-height:1.5}.detail-data{border:1px solid #e7ecf3;border-radius:9px;overflow:hidden}.detail-data>div{border-top:1px solid #edf0f4;justify-content:space-between;gap:20px;padding:13px 15px;font-size:10px;display:flex}.detail-data>div:first-child{border-top:0}.detail-data span{color:#909cac}.detail-data strong{color:#364558;text-align:right;overflow-wrap:anywhere;max-width:60%}.detail-note{color:#71829a;background:#f3f7fd;border:1px solid #e6eef9;border-radius:8px;margin-top:20px;padding:13px;font-size:10px;line-height:1.7}.detail-drawer-footer{border-top:1px solid #e8edf4;justify-content:flex-end;gap:8px;padding:15px 24px;display:flex}.detail-primary,.detail-secondary{border-radius:6px;padding:9px 14px;font-size:10px;font-weight:700}.detail-primary{color:#fff;background:#3c7ce9;border:1px solid #3c7ce9}.detail-secondary{color:#607189;background:#fff;border:1px solid #dce4ee}.editor-check{align-items:center;gap:8px;padding-top:17px;display:flex!important}.editor-check input{width:15px!important;height:15px!important;margin:0!important}.equity-intro{color:#8d99a9;margin:0 0 17px;font-size:11px;line-height:1.6}.equity-editor-list{border:1px solid #e5eaf2;border-radius:8px;overflow:hidden}.equity-editor-list label{color:#465469;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:11px 14px;font-size:11px;font-weight:700;display:flex}.equity-editor-list label:first-child{border-top:0}.equity-editor-list label>div{align-items:center;gap:6px;display:flex}.equity-editor-list input{text-align:right;color:#33445d;border:1px solid #dfe6ef;border-radius:5px;width:74px;height:32px;padding:0 8px}.equity-editor-list b{color:#98a5b6;font-size:10px}.equity-total{justify-content:space-between;padding:13px 3px 0;font-size:11px;display:flex}.equity-total.valid strong{color:#1ca276}.equity-total.invalid strong{color:#c77454}.equity-modal .primary-button:disabled{opacity:.45;cursor:not-allowed}.personnel-entry{white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:36px;display:inline-flex}.personnel-modal{max-height:calc(100vh - 32px);overflow-y:auto}.personnel-form-section{color:#334762;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:baseline;gap:12px;margin:15px 0 12px;padding-bottom:8px;font-size:12px;font-weight:800;display:flex}.personnel-form-section:first-of-type{margin-top:0}.personnel-form-section span{color:#98a5b6;font-size:9px;font-weight:500}.personnel-modal .editor-check{padding-top:14px}.personnel-modal .form-hint{margin-bottom:14px}.overview-period{margin-left:0}.overview-period select{max-width:245px}.actual-trend{background:repeating-linear-gradient(0deg,#0000 0 48px,#edf1f6 49px 50px);border-bottom:1px solid #e7ecf4;align-items:stretch;gap:7px;height:220px;padding:13px 5px 0;display:flex}.actual-trend-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.actual-trend-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:175px;display:flex}.actual-trend-bars i{border-radius:4px 4px 0 0;width:min(22px,42%);min-height:0;display:block}.actual-revenue{background:#4d86ee}.actual-expense{background:#f2aa73}.actual-trend-group>span{color:#8897aa;white-space:nowrap;min-height:15px;font-size:9px}.expense-breakdown{flex-direction:column;justify-content:center;gap:18px;min-height:220px;display:flex}.expense-breakdown>div{color:#8794a5;grid-template-columns:55px 1fr 45px;align-items:center;gap:9px;font-size:10px;display:grid}.expense-breakdown .progress{height:7px;margin:0}.expense-breakdown strong{text-align:right;color:#36495e}.period-summary{gap:15px;padding:5px 0;display:grid}.period-summary>div{color:#8795a5;border-bottom:1px solid #edf1f6;justify-content:space-between;padding:8px 0;font-size:10px;display:flex}.period-summary strong{color:#34465b}.share-totals{color:#8795a5;background:#fff;border:1px solid #e6ecf3;border-radius:8px;align-items:center;gap:18px;margin-bottom:16px;padding:11px 14px;font-size:10px;display:flex}.share-totals strong{color:#344e76;margin-left:5px}.share-totals small{color:#9aa7b7;margin-left:auto}.share-card-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.share-card-open:hover h3{color:#3978e5}.share-people-button{width:100%;margin-top:14px}.permission-table td,.permission-table th{text-align:center}.permission-table td:first-child,.permission-table th:first-child{text-align:left}.permission-toggle{color:#516580;align-items:center;gap:6px;font-size:10px;display:inline-flex}.permission-toggle input{accent-color:#3d7ce9}.permission-note{color:#426186;background:#eef5ff;border:1px solid #dce9fb;border-radius:8px;margin-top:16px;padding:16px 19px;font-size:11px}.permission-note p{margin:6px 0 0;line-height:1.6}.form-error{color:#bf4f48;background:#fff2ef;border-radius:6px;padding:9px;font-size:10px}.settings-shortcut{white-space:nowrap}.login-locale{justify-content:flex-end;margin-bottom:24px;display:flex}.login-locale label{color:#8896a8;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.login-locale select{color:#40526b;background:#fff;border:1px solid #dde6f0;border-radius:6px;height:31px;padding:0 9px;font-size:10px}.pagination{color:#8592a4;border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:5px;padding:12px 17px;font-size:10px;display:flex}.pagination>span{margin-right:auto}.pagination button{color:#62738a;background:#fff;border:1px solid #dee6f0;border-radius:5px;min-width:28px;height:28px;padding:0 8px;font-size:10px}.pagination button.active{color:#fff;background:#3c7be8;border-color:#3c7be8}.pagination button:disabled{opacity:.45;cursor:not-allowed}.shareholder-performance{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.performance-card{text-align:left;color:#40516a;background:#f8faff;border:1px solid #e5edf8;border-radius:9px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.performance-card:where(button):hover{background:#f2f7ff;border-color:#a9c7f3}.performance-heading{align-items:center;gap:9px;min-width:0;display:flex}.performance-heading .avatar{width:33px;height:33px}.performance-heading strong,.performance-heading small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.performance-heading strong{color:#34455c;font-size:11px}.performance-heading small,.performance-card>small{color:#91a0b2;font-size:9px}.performance-amount{letter-spacing:-.03em;color:#3475db;font-size:19px}.preference-panel{max-width:740px}.preference-form{grid-template-columns:1fr 1fr;gap:17px;padding-top:22px;display:grid}.preference-form label{color:#5e6e82;font-size:11px;font-weight:700;display:block}.preference-form select{color:#34465c;background:#fff;border:1px solid #dce5ef;border-radius:6px;width:100%;height:40px;margin-top:8px;padding:0 12px;display:block}.preference-form p{color:#95a2b3;grid-column:1/-1;margin:0;font-size:10px}.preference-form button{justify-self:start}@media (max-width:800px){.login-shell{grid-template-columns:1fr}.login-story{min-height:320px;padding:24px 26px}.login-story-main{margin:35px 0 25px}.login-story h1{font-size:30px}.login-story p{margin-bottom:0}.login-preview,.login-story-footer{display:none}.login-main{padding:32px 20px 55px}.login-card{max-width:430px}}@media (max-width:640px){.switch-account{padding:6px;font-size:9px}.detail-drawer-body{padding:20px}.detail-drawer-head,.detail-drawer-footer{padding-left:20px;padding-right:20px}.personnel-form-section{display:block}.personnel-form-section span{margin-top:4px;display:block}.personnel-entry{padding:0 10px}.range-row{flex-wrap:wrap;gap:9px}.overview-period{margin-left:0}.share-totals{flex-wrap:wrap}.share-totals small{margin-left:0}.actual-trend{gap:3px}.actual-trend-group>span{font-size:8px}}@media (max-width:900px){.shareholder-performance{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.shareholder-performance,.preference-form{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.pagination>span{width:100%}.settings-shortcut{font-size:9px}}.ledger-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ledger-filters .period-picker{min-width:190px}.ledger-filters .period-picker input{color:#334155;background:0 0;border:0;outline:0;width:100%;max-width:240px;font-size:11px;font-weight:700}.login-accounts button:nth-child(4) .login-account-icon{color:#b87333;background:#fff2e6}@media (max-width:900px){.topbar{gap:10px}.top-actions{gap:9px}.page-heading{align-items:flex-start}.panel-head{flex-wrap:wrap}.panel-head>div{max-width:100%}}@media (max-width:640px){.shell{display:block}.sidebar{z-index:25;border-top:1px solid #344862;width:100%;height:68px;min-height:0;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -8px 28px #1a27332b}.sidebar .brand,.sidebar .workspace,.sidebar .sidebar-bottom,.sidebar .nav-title{display:none}.sidebar .nav-scroll{scrollbar-width:thin;align-items:center;gap:2px;height:68px;padding:5px 9px;display:flex;overflow:auto hidden}.sidebar .nav-group{flex:none;gap:2px;margin:0;display:flex}.sidebar .nav-item{white-space:nowrap;flex-direction:column;justify-content:center;gap:4px;width:auto;min-width:68px;height:55px;margin:0;padding:5px 8px;font-size:9px;display:flex}.sidebar .nav-item span:nth-child(2){flex:none;display:block}.sidebar .nav-item svg{width:17px;height:17px}.main-shell{width:100%;padding-bottom:84px}.content{padding:18px 13px 30px}.topbar{padding:0 12px}.top-actions{gap:5px}.top-actions .icon-button{display:none}.switch-account{white-space:nowrap}.breadcrumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.page-heading{margin-bottom:18px}.heading-actions{width:100%}.heading-actions .period-picker{max-width:100%}.summary-banner{align-items:flex-start}.summary-banner button{font-size:10px}.metrics,.list-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong,.list-metrics strong{overflow-wrap:anywhere}.panel-head{gap:8px}.panel-head .panel-buttons{justify-content:flex-start}.ledger-filters{gap:8px}.ledger-filters .range-tabs{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.ledger-filters .range-tabs button{padding:8px 4px}.ledger-filters .period-picker{width:100%;min-width:0}.ledger-filters .period-picker input{max-width:none}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%}.table-scroll table{min-width:650px}.pagination{justify-content:flex-start}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:14px 14px 0 0;width:100%;max-height:92dvh;padding:18px;overflow-y:auto}.login-story{min-height:230px}.login-story-main{margin:20px 0 10px}.login-story h1{margin:10px 0;font-size:25px}.login-main{padding:22px 16px 38px}.employee-welcome{padding:18px}.employee-welcome h2{font-size:18px}}@media (max-width:380px){.topbar{flex-direction:column;align-items:flex-start;gap:3px;height:auto;min-height:60px;padding:7px 12px}.top-actions{justify-content:flex-end;width:100%}.metrics,.list-metrics{grid-template-columns:1fr 1fr}.summary-banner{flex-wrap:wrap}.summary-banner button{padding-left:26px}}.login-accounts button:nth-child(5) .login-account-icon{color:#466bc6;background:#e8efff}.share-card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.share-card-actions .outline-button{width:100%;min-height:34px;margin:0;padding:6px 8px;font-size:10px}.share-card-actions .share-people-button{grid-column:1/-1}.equity-editor-list label.is-focused{color:#2f5eaa;background:#f0f6ff}.equity-editor-list label.is-focused input{border-color:#80acec}@media (max-width:640px){.sidebar{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c2a43ed;border:1px solid #ffffff29;border-radius:999px;width:auto;height:72px;min-height:0;overflow:hidden;box-shadow:0 15px 35px #0c1b36a1,0 0 0 4px #eaf0f766}.sidebar .nav-scroll{scrollbar-width:none;gap:3px;height:70px;padding:6px 10px}.sidebar .nav-scroll::-webkit-scrollbar{display:none}.sidebar .nav-item{border-radius:999px;min-width:70px;height:56px;padding:5px 10px}.sidebar .nav-item.active{background:linear-gradient(135deg,#5b8bf0,#356fe0);box-shadow:0 4px 12px #092f71a6}.sidebar .nav-item.active svg{color:#fff}.main-shell{padding-bottom:112px}.share-card-actions{grid-template-columns:1fr 1fr}}.page-heading.employee-welcome{align-items:center;margin-bottom:16px;padding:24px 28px;display:flex}.page-heading.employee-welcome h1{margin:7px 0;font-size:22px}.dividend-filters .finance-range-picker{flex:0 400px}@media (max-width:640px){.page-heading.employee-welcome{padding:18px}.page-heading.employee-welcome h1{font-size:18px}.dividend-filters .finance-range-picker{flex:100%}}@media (max-width:380px){.sidebar{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom))}.share-card-actions{grid-template-columns:1fr}.share-card-actions .share-people-button{grid-column:auto}}.topbar{justify-content:flex-end}.sidebar .nav-scroll{padding-top:18px}@media (max-width:900px){.sidebar .nav-scroll{padding:12px 8px}}@media (max-width:640px){.sidebar .nav-scroll{padding:6px 10px}}@media (max-width:380px){.topbar{flex-direction:row;align-items:center;height:55px;min-height:55px;padding:0 12px}}.mobile-brand{display:none}.admin-filters{flex-wrap:wrap;gap:9px}.admin-filters .search-field{flex:180px;min-width:0}.admin-filters .filter-field{flex:0 140px;min-width:120px}.admin-date{color:#7d8ba0;align-items:center;gap:7px;font-size:11px;display:flex}.admin-date input{color:#41526a;background:#fff;border:1px solid #dfe6ef;border-radius:7px;height:34px;padding:0 8px}.audit-changes{gap:10px;display:grid}.audit-changes>div{border:1px solid #e5ebf3;border-radius:8px;padding:12px}.audit-changes strong{font-size:11px}.audit-changes p{color:#50627a;overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.audit-changes p span{color:#92a0b2;margin-right:8px}.text-link:disabled,.login-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.admin-filters .search-field{flex:100%}.admin-filters .filter-field{flex:calc(50% - 5px);min-width:0}.admin-date{flex:100%;justify-content:space-between}.admin-date input{flex:1;min-width:0}.admin-filters>.primary-button,.admin-filters>.outline-button{flex:1}}.modal-backdrop{z-index:40}.revenue-participants{border:1px solid #e4ebf4;border-radius:9px;grid-column:1/-1;max-height:220px;padding:13px 15px;overflow-y:auto}.revenue-participants>strong{color:#334762;margin-bottom:5px;font-size:12px;display:block}.revenue-participants .form-hint{margin:0 0 8px}.revenue-participants .editor-check{justify-content:flex-start;padding:6px 0;font-size:11px}.payroll-detail{border-top:1px solid #e8edf4;padding:16px}.payroll-detail>strong{color:#34465b;margin-bottom:10px;font-size:12px;display:block}.payroll-detail table{width:100%}.payroll-filters{padding:14px 16px 0}.payroll-review-modal{width:min(900px,100vw - 24px);max-height:90dvh;overflow-y:auto}.payroll-review-summary{color:#52647d;background:#f4f7fc;flex-wrap:wrap;gap:12px;padding:14px;font-size:11px;display:flex}.payroll-review-summary strong{color:#2b4e82}.payroll-review-modal .panel-head{margin-top:16px}.revenue-participants>label:not(.editor-check){margin:8px 0;display:block}.revenue-participants>label select{background:#fff;border:1px solid #dce5ef;border-radius:6px;width:100%;height:35px;margin-top:5px;padding:0 10px;display:block}.dividend-review-filters{padding:0 16px 16px}.dividend-review-filters>label:not(.filter-field){color:#6b7f99;font-size:11px}.dividend-review-filters input{color:#34465b;background:#fff;border:1px solid #dce5ef;border-radius:7px;height:36px;margin-top:5px;padding:0 8px;display:block}.dividend-review-actions{background:#f4f7fc;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.dividend-review-actions .payroll-review-summary{flex:1;padding:0}.dividend-review-actions>.primary-button{white-space:nowrap;flex:none}@media (max-width:700px){.dividend-review-actions{flex-direction:column;align-items:stretch}.dividend-review-actions>.primary-button{align-self:flex-end}}.dividend-current-summary{border-top:1px solid #e3eaf3;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.dividend-current-summary>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dividend-current-summary strong{color:#2b4e82;font-size:12px}.dividend-current-summary span{color:#8592a4;font-size:10px}.dividend-current-summary button{flex:none}.dividend-history-modal{width:min(760px,100vw - 24px);max-height:90dvh;overflow-y:auto}.dividend-history-modal .table-scroll{margin-top:14px}@media (max-width:700px){.dividend-current-summary{flex-direction:column;align-items:flex-start}.dividend-current-summary button{align-self:flex-end}}.compensation-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.compensation-toolbar .finance-filters{flex:1;margin:0}.compensation-period{color:#728198;align-items:center;gap:8px;font-size:11px;display:flex}.compensation-period input{color:#34465b;background:#fff;border:1px solid #dfe6ef;border-radius:7px;min-width:125px;height:36px;padding:0 10px}.compensation-add{white-space:nowrap;flex:none;min-height:36px}.compensation-icon{color:#4277ca;background:#eaf2ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.compensation-bonus{color:#ca8650;background:#fff0e6}.compensation-dividend{color:#7c64be;background:#f0edff}.compensation-toolbar button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.compensation-toolbar{flex-direction:column;align-items:stretch}.compensation-add{width:100%}.compensation-period{flex:100%;justify-content:space-between}.compensation-period input{flex:1;min-width:0}.compensation-toolbar .finance-filters>.primary-button,.compensation-toolbar .finance-filters>.outline-button{flex:1}.compensation-toolbar .filter-field{flex:100%}.topbar{justify-content:space-between;gap:8px}.mobile-brand{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex}.mobile-brand-mark{color:#fff;background:linear-gradient(135deg,#65a1ff,#3978e5);border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:17px;font-weight:800;display:grid;box-shadow:0 3px 9px #3978e533}.mobile-brand strong{letter-spacing:-.03em;color:#213756;font-size:13px}.top-actions{flex:none;width:auto}}@media (max-width:360px){.mobile-brand{gap:5px}.mobile-brand strong{font-size:11px}.mobile-brand-mark{width:24px;height:24px;font-size:15px}.topbar{gap:5px;padding:0 8px}}.range-row{justify-content:flex-start;gap:12px}.finance-filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;display:flex}.finance-range-picker{flex:315px;min-width:290px}.finance-antd-range{width:100%;height:36px}.finance-filters .search-field{flex:220px;width:auto}.finance-filters .filter-field{flex:0 145px;min-width:130px}.finance-filters .filter-field select{width:100%;min-width:0}.finance-query-button{min-width:75px;height:36px}.finance-range-dropdown .ant-picker-panel-container{box-shadow:0 16px 38px #1b304025}.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.finance-filters{gap:8px}.finance-range-picker,.finance-filters .search-field{flex:100%;min-width:0}.finance-filters .filter-field{flex:calc(50% - 5px);min-width:0}.finance-query-button{flex:100%}.finance-range-dropdown .ant-picker-panel-container{max-width:calc(100vw - 20px);overflow-x:auto}.finance-range-dropdown .ant-picker-panels{display:block}.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-metrics>div{padding:12px 9px}.finance-metrics strong{font-size:17px}}.dividend-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dividend-presets{background:#e9edf4;border-radius:8px;gap:5px;padding:3px;display:flex}.dividend-presets button{color:#68788e;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:10px}.dividend-presets button:hover,.dividend-presets button.active{color:#3b66b1;background:#fff;box-shadow:0 1px 5px #142b5318}.dividend-range-row{flex:1;margin:0}.dividend-range-row .finance-range-picker{flex:250px;min-width:230px}.dividend-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dividend-trend-panel{margin-bottom:16px}.dividend-trend-scroll{scrollbar-width:thin;padding-bottom:5px;overflow-x:auto}.dividend-trend-bars{background:repeating-linear-gradient(0deg,#0000 0 48px,#eef1f7 49px 50px);gap:8px;width:max-content;min-width:100%;padding:2px 4px 0;display:flex}.dividend-trend-item{color:#738198;background:0 0;border:1px solid #0000;border-radius:8px 8px 0 0;flex:none;grid-template-rows:21px 156px 25px;place-items:end center;width:66px;padding:3px 3px 0;display:grid}.dividend-trend-item:hover,.dividend-trend-item.selected{background:#f4f0ff;border-color:#e8dcff}.dividend-trend-value{white-space:nowrap;color:#7156b9;font-size:9px}.dividend-trend-track{border-bottom:1px solid #d9e0ed;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.dividend-trend-track i{background:linear-gradient(#a68be4,#7966ca);border-radius:5px 5px 0 0;width:32px;min-height:2px;display:block}.dividend-trend-item.selected .dividend-trend-track i{background:linear-gradient(#7852ce,#553ca3)}.dividend-trend-label{white-space:nowrap;align-self:center;font-size:9px}.dividend-trend-hint{color:#96a1b2;margin:10px 2px 0;font-size:10px}.dividend-table-panel{margin-bottom:12px}.dividend-table-context{color:#7258b1;background:#f8f5ff;border-bottom:1px solid #eee6fb;padding:9px 18px;font-size:10px;font-weight:700}.dividend-empty{color:#8290a4;justify-content:space-between;align-items:center;gap:12px;padding:24px 18px;font-size:11px;display:flex}.dividend-empty p{margin:0}.dividend-empty .outline-button{white-space:nowrap}.dividend-currency-note{color:#8290a4;background:#f5f7fc;border:1px solid #e8edf5;border-radius:8px;align-items:flex-start;gap:12px;padding:13px 16px;font-size:10px;line-height:1.6;display:flex}.dividend-currency-note strong{color:#526581;white-space:nowrap}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (max-width:640px){.dividend-filters{align-items:stretch}.dividend-presets{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.dividend-presets button{padding:8px 4px}.dividend-range-row{width:100%}.dividend-range-row .finance-range-picker{min-width:0}.dividend-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dividend-metrics>div:last-child{grid-column:1/-1}.dividend-metrics strong{font-size:19px}.dividend-empty{flex-wrap:wrap;padding:20px 14px}.dividend-currency-note{display:block}.dividend-currency-note strong{margin-bottom:4px;display:block}}.dividend-trend-summary{color:#566785;margin:10px 2px 0;font-size:10px;line-height:1.6}@media (max-width:380px){.finance-metrics{grid-template-columns:1fr 1fr}.finance-metrics>div:first-child{grid-column:span 2}}@media (max-width:640px){.sidebar.sidebar-single-nav{display:none}.sidebar.sidebar-single-nav+.main-shell{padding-bottom:0}.sidebar .nav-scroll{align-items:center;gap:3px;padding:6px 10px;display:grid;overflow:hidden}.sidebar .nav-group{display:contents}.sidebar .nav-item{width:100%;min-width:0;height:56px;margin:0;padding:5px 2px;overflow:hidden}.sidebar .nav-item span:nth-child(2){text-overflow:ellipsis;max-width:100%;overflow:hidden}}.finance-metric-card{position:relative}.finance-metric-card>.finance-metric-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:15px}.finance-blue{color:#3c78d5;background:#eaf2ff}.finance-violet{color:#7966bc;background:#f0edff}.finance-orange{color:#d68b50;background:#fff0e6}.finance-insights{gap:16px;margin-bottom:16px;display:grid}.finance-insights-revenue{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-insights-revenue .finance-trend-panel{grid-column:1/-1}.finance-insights-expenses{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.finance-insight-panel{min-width:0}.finance-panel-icon{color:#6586b8;background:#f1f5fb;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.finance-chart-scroll{scrollbar-width:thin;overflow-x:auto}.finance-chart{background:repeating-linear-gradient(0deg,#0000 0 43px,#edf1f7 44px 45px);justify-content:space-around;gap:8px;width:max-content;min-width:100%;padding:8px 2px 0;display:flex}.finance-chart-item{color:#7e8ca1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:23px 153px 27px;place-items:end center;width:76px;display:grid}.finance-chart-item:hover,.finance-chart-item.selected{background:#edf4ff;border-color:#cfdef9}.finance-chart-value{color:#4979c4;white-space:nowrap;font-size:10px}.finance-chart-track{border-bottom:1px solid #d7e0ec;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.finance-chart-track i{background:linear-gradient(#77a9f5,#4c83e4);border-radius:6px 6px 0 0;width:36px;min-height:2px}.finance-insights-expenses .finance-chart-track i{background:linear-gradient(#ffc499,#ec9b6c)}.finance-chart-item.selected .finance-chart-track i{background:#275fc3}.finance-chart-label{white-space:nowrap;align-self:center;font-size:9px}.finance-chart-hint{color:#93a1b4;margin:10px 0 0;font-size:10px}.finance-group-list{gap:7px;display:grid}.finance-group-row{text-align:left;color:#43536a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:8px;display:flex}.finance-group-row:hover,.finance-group-row.selected{background:#f4f8ff;border-color:#dce9fc}.finance-group-symbol{color:#567db8;background:#eaf2ff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-style:normal;font-weight:700;display:grid}.finance-insights-expenses .finance-group-symbol{color:#cf8657;background:#fff0e6}.finance-group-detail{flex:1;min-width:0;display:block}.finance-group-detail>span:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.finance-group-detail strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.finance-group-detail b{white-space:nowrap;font-size:11px}.finance-group-progress{background:#edf2fa;border-radius:10px;height:6px;margin:8px 0 4px;display:block;overflow:hidden}.finance-group-progress i{background:#6a9beb;border-radius:10px;height:100%;display:block}.finance-insights-expenses .finance-group-progress i{background:#efa976}.finance-group-detail small{color:#9aa6b6;font-size:9px}.finance-empty-chart{color:#9ba7b8;place-items:center;min-height:190px;font-size:11px;display:grid}.finance-active-drill{color:#6380a8;background:#f5f9ff;border-bottom:1px solid #e8eef7;justify-content:space-between;align-items:center;gap:10px;padding:10px 17px;font-size:11px;display:flex}.finance-active-drill span{align-items:center;gap:5px;display:flex}.finance-active-drill strong{color:#356fc3}.finance-active-drill button{color:#3475db;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.finance-table-name{align-items:center;gap:8px;display:flex}.finance-table-name>span{display:block}.finance-table-symbol{border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-style:normal;display:grid}@media (max-width:900px){.finance-insights-expenses{grid-template-columns:1fr}}@media (max-width:640px){.finance-insights-revenue{grid-template-columns:1fr}.finance-insights-revenue .finance-trend-panel{grid-column:auto}.finance-metric-card>.finance-metric-icon{width:25px;height:25px;top:9px;right:9px}.finance-metric-card>.finance-metric-icon svg{width:15px;height:15px}.finance-chart-item{grid-template-rows:20px 135px 24px;width:62px}.finance-chart-track i{width:28px}}