@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#1b1d2a;font-synthesis:none;text-rendering:optimizelegibility;--navy:#171626;--blue:#6d5dfc;--blue-soft:#efedff;--green:#179b6d;--green-soft:#e9f9f2;--amber:#b86e08;--amber-soft:#fff5df;--violet:#6d54d8;--violet-soft:#f1edff;--red:#d34458;--border:#e8e7f0;--muted:#737386;--panel:#fff;--shadow:0 1px 2px #1c193806, 0 12px 35px #1c19380e;background:#f6f6fb;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 82% 0,#9a89ff21,#0000 26rem),linear-gradient(#f9f9fc 0%,#f5f5fa 100%);min-width:0;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#c9c6d7;background:linear-gradient(#171626 0%,#1d1b31 100%);border-right:1px solid #ffffff0d;flex-direction:column;width:258px;height:100vh;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:11px;padding:0 8px 30px;font-size:16px;font-weight:800;display:flex}.brand em{color:#9e91ff;font-style:normal}.brand .icon-button{color:#fff;margin-left:auto}.brand-symbol{color:#fff;background:linear-gradient(145deg,#9c8cff,#6555e8);border-radius:12px;flex:none;place-items:center;width:35px;height:35px;font-size:15px;font-weight:800;display:grid;box-shadow:0 8px 24px #6d5dfc5c}.brand-symbol.small{border-radius:10px;width:30px;height:30px;font-size:13px}.brand-symbol.large{border-radius:15px;width:48px;height:48px;font-size:20px}.main-nav{gap:7px;display:grid}.main-nav a{color:#9996ad;border-radius:12px;align-items:center;gap:11px;padding:12px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.main-nav a svg{width:18px;height:18px}.main-nav a:hover{color:#fff;background:#ffffff0e}.main-nav a.active{color:#fff;background:linear-gradient(90deg,#816fff42,#816fff1a)}.main-nav a.active svg{color:#a99dff}.sidebar-foot{border-top:1px solid #ffffff14;gap:14px;margin-top:auto;padding-top:18px;display:grid}.user-card{align-items:center;gap:10px;min-width:0;display:flex}.avatar,.mini-avatar{color:#5d4cd3;background:linear-gradient(145deg,#efedff,#ddd7ff);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.avatar{width:39px;height:39px;font-size:11px}.mini-avatar{width:29px;height:29px;font-size:9px}.user-card span:last-child{min-width:0}.user-card strong,.user-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-card strong{color:#fff;font-size:12px}.user-card small{color:#8e8a9f;text-transform:capitalize;margin-top:3px;font-size:10px}.logout-button{color:#aaa6bb;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:11px;display:flex}.logout-button svg{width:15px}.sidebar-backdrop{display:none}.main-content{width:calc(100% - 258px);min-width:0;margin-left:258px}.mobile-header{display:none}.page{width:100%;max-width:1600px;margin:0 auto;padding:42px clamp(22px,4vw,56px) 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:29px;display:flex}.page-header h1{letter-spacing:-.04em;margin:5px 0 8px;font-size:32px;line-height:1.18}.page-header p{max-width:720px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:800}.page-header .eyebrow:empty{display:none}.page-actions{align-items:center;gap:10px;display:flex}.button{border:1px solid var(--border);color:#454257;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #14122808}.button svg{width:16px;height:16px}.button:hover{background:#fafafd;border-color:#d2cfdf}.button.primary{border-color:var(--blue);color:#fff;background:linear-gradient(135deg,#7969ff,#5f50df);box-shadow:0 9px 24px #6d5dfc3b}.button.primary:hover{background:linear-gradient(135deg,#6f5ffa,#5848d6)}.full-button{width:100%}.icon-button{color:#777487;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button svg{width:18px;height:18px}.icon-button.bordered{border:1px solid var(--border);background:#fff}.icon-button:hover{color:#5f50d8;background:#f1eff8}.icon-button.danger{color:#b84c5a}.icon-button.danger:hover{color:#a72d40;background:#fff0f2}.mobile-only{display:none}.panel{background:var(--panel);box-shadow:var(--shadow);border:1px solid #e1dfede6;border-radius:19px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:17px}.panel-heading>svg{color:#878395;width:20px}.dashboard-hero{color:#fff;background:linear-gradient(120deg,#211e3d 0%,#312a66 58%,#6d5dfc 145%);border:1px solid #ded9ff;border-radius:25px;justify-content:space-between;align-items:flex-end;gap:30px;min-height:185px;margin-bottom:20px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 65px #2e276826}.dashboard-hero:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:340px;height:340px;position:absolute;top:-135px;right:-90px;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff06}.dashboard-hero>div{z-index:1;position:relative}.dashboard-hero .eyebrow{color:#bcb3ff;align-items:center;gap:7px;display:flex}.dashboard-hero .eyebrow svg{width:13px}.dashboard-hero h1{letter-spacing:-.045em;max-width:760px;margin:12px 0 11px;font-size:clamp(27px,3vw,43px);line-height:1.12}.dashboard-hero p{color:#bcb9d1;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.dashboard-hero p svg{width:14px}.dashboard-hero-actions{align-items:center;gap:12px;display:flex}.dashboard-hero .button.primary{box-shadow:none;color:#2d2855;background:#fff;border-color:#ffffff2e}.live-data{color:#d7d4e7;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.live-data i{background:#55dfaa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55dfaa1f}.dashboard-controls{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dashboard-controls>span{color:#7d7a8e;font-size:10px;font-weight:700}.period-switch{background:#fff;border:0;border-radius:13px;gap:4px;width:max-content;margin:0;padding:4px;display:flex;box-shadow:0 5px 18px #1b1a330d}.period-switch button{color:#777487;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:7px 13px;font-size:11px;font-weight:700}.period-switch button.active{color:#5f50db;background:#e9e6ff}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.metric-card{min-width:0;min-height:154px;box-shadow:var(--shadow);background:#fff;border:0;border-radius:19px;padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#6d5dfc0d;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-45px;right:-25px}.metric-card.tone-primary{color:#fff;background:linear-gradient(145deg,#7160f4,#5141cb)}.metric-card.tone-primary:after{background:#ffffff17}.metric-card.tone-primary .metric-top,.metric-card.tone-primary small{color:#ddd8ff}.metric-card.tone-primary .metric-icon{color:#fff;background:#ffffff29}.metric-card.tone-success{background:linear-gradient(145deg,#f3fff9,#fff)}.metric-card.tone-success .metric-icon{background:var(--green-soft);color:var(--green)}.metric-top{color:#6f6b7d;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.metric-icon{color:#69677a;background:#f1f0f7;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-icon svg{width:17px}.metric-card>strong{z-index:1;letter-spacing:-.035em;white-space:nowrap;margin:20px 0 8px;font-size:22px;font-weight:800;display:block;position:relative}.metric-card small{z-index:1;color:#848193;font-size:9px;line-height:1.5;display:block;position:relative}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);gap:16px;margin-top:16px;display:grid}.chart-panel,.status-panel{min-height:360px;padding:25px}.chart-wrap{height:265px;margin-top:20px}.legend{color:#817e8d;align-items:center;gap:7px;font-size:9px;display:flex}.legend i{border-radius:50%;width:7px;height:7px}.revenue-dot{background:var(--blue)}.profit-dot{background:var(--green);margin-left:7px}.recharts-cartesian-axis-tick-value{fill:#9692a2;font-size:9px}.recharts-cartesian-grid line{stroke:#eeedf4}.status-list{margin:24px 0 18px;display:grid}.status-list>div{border-bottom:1px solid #f0eef5;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.status-list span{color:#5f5b6c;align-items:center;gap:9px;font-size:11px;display:flex}.status-list strong{background:#f3f2f8;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:12px;display:grid}.status-dot{background:#9d99a8;border-radius:50%;width:8px;height:8px}.status-assigned{background:var(--blue)}.status-in_progress{background:#d88a17}.status-submitted,.status-approved{background:var(--violet)}.text-link{color:#6555df;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;text-decoration:none;display:flex}.text-link svg{width:15px}.data-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;overflow:hidden}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:19px 20px;display:flex}.table-toolbar.wrap{flex-wrap:wrap}.search-field{background:#fafafd;border:1px solid #e5e3ee;border-radius:12px;align-items:center;gap:8px;min-width:310px;padding:0 12px;display:flex}.search-field svg{color:#9793a2;flex:none;width:16px}.search-field input{color:#373445;background:0 0;border:0;outline:0;width:100%;height:40px;font-size:11px}.table-toolbar select,.bulk-toolbar select,.filter-group input,.filter-group select,.inline-select{color:#555163;background:#fff;border:1px solid #e5e3ee;border-radius:11px;outline:0;height:40px;padding:0 10px;font-size:10px}.filter-group{align-items:center;gap:8px;max-width:100%;display:flex}.filter-group>svg{color:#8a8797;flex:none;width:16px}.bulk-toolbar{background:#faf9fd;border-top:1px solid #ebe9f2;border-bottom:1px solid #ebe9f2;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:12px 20px;display:flex}.bulk-toolbar.has-selection{background:#f1efff}.bulk-toolbar>div:first-child{color:#5e5a6b;align-items:center;gap:10px;font-size:11px;display:flex}.selection-mark{color:#6555df;background:#e6e2ff;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.selection-mark svg{width:14px}.bulk-actions{align-items:center;gap:8px;display:flex}.result-line{color:#8a8797;align-items:center;gap:8px;padding:0 20px 14px;font-size:10px;display:flex}.result-line strong{color:#484455}.table-scroll{max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:920px}.resources-table{min-width:980px}.resources-table.compact td,.resources-table.compact th{padding-inline:13px}.work-table{min-width:1060px}.data-table th{color:#898697;text-align:left;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;background:#fafafd;border-bottom:1px solid #ebe9f2;padding:14px 15px;font-size:9px;font-weight:800}.data-table td{color:#4d495a;white-space:nowrap;border-bottom:1px solid #f0eef5;padding:14px 15px;font-size:10.5px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#faf9ff}.data-table .number{text-align:right;font-variant-numeric:tabular-nums}.data-table code{color:#302c3f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.strong-number{font-weight:800;color:#252233!important}.checkbox-cell{text-align:center!important;width:44px!important}.checkbox-cell input{width:15px;height:15px;accent-color:var(--blue)}.selected-row{background:#f2efff!important}.resource-row-actions{align-items:center;gap:5px;display:flex}.resource-row-actions .icon-button{border-radius:9px;width:32px;height:32px}.resource-row-actions .icon-button svg{width:15px}.nowrap{white-space:nowrap}.relative-time{color:#6f6b7d;font-size:9px;font-weight:700}.clickable-row{cursor:pointer}.table-user{align-items:center;gap:8px;display:flex}.status-chip,.role-chip{border-radius:20px;align-items:center;width:max-content;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.status-chip.available{background:var(--green-soft);color:#087652}.status-chip.assigned,.status-chip.in_progress{background:var(--amber-soft);color:#9b6108}.status-chip.submitted,.status-chip.approved{background:var(--violet-soft);color:#6448c7}.status-chip.disabled{color:#7e798b;background:#f0eff4}.role-chip.admin{color:#5e4cd3;background:#ece9ff}.role-chip.user{color:#625e6e;background:#f0eff4}.table-footer{border-top:1px solid var(--border);color:#898696;justify-content:space-between;align-items:center;padding:14px 20px;font-size:10px;display:flex}.table-footer>div{gap:6px;display:flex}.resource-toolbar{flex-wrap:wrap;justify-content:flex-start}.resource-toolbar .search-field{flex:280px}.column-picker{position:relative}.column-picker summary{cursor:pointer;list-style:none}.column-picker summary::-webkit-details-marker{display:none}.column-picker>div{z-index:12;border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;width:210px;padding:10px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 40px #1e1b3a24}.column-picker label{color:#5b5767;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:10px;font-weight:700;display:flex}.column-picker label:hover{background:#f6f5fa}.column-picker input{accent-color:var(--blue)}.table-pagination{border-top:1px solid var(--border);color:#858191;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px;font-size:9px;display:flex}.table-pagination>div{align-items:center;gap:9px;display:flex}.table-pagination strong{color:#4b4758;font-size:9px}.header-stat{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:13px;align-items:center;gap:10px;padding:10px 14px;display:flex}.header-stat svg{width:18px;color:var(--blue)}.header-stat span{color:#868293;align-items:baseline;gap:6px;font-size:10px;display:flex}.header-stat strong{color:#282534;font-size:17px}.people-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.people-summary>div{box-shadow:var(--shadow);background:#fff;border:1px solid #e7e5ef;border-radius:18px;align-items:center;gap:13px;padding:18px;display:flex}.people-summary svg{width:21px;color:var(--blue)}.people-summary span{color:#827f8f;font-size:10px}.people-summary strong{color:#292635;margin-bottom:3px;font-size:20px;display:block}.profile-link{color:#29263a;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.profile-link svg{color:#9b97a9;width:13px}.profile-link:hover strong{color:#6555df}.inline-select{height:32px}.table-action{border:1px solid var(--border);color:#514d5d;background:#fff;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:700}.table-action:hover{background:#fafafd;border-color:#cdc9d8}.create-user-panel{margin-bottom:16px;padding:22px}.create-user-panel form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;display:grid}.create-user-panel .error-message,.create-user-actions{grid-column:1/-1}.create-user-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.settings-layout{grid-template-columns:290px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.bank-map-panel{padding:20px;overflow:hidden}.bank-panel-heading{align-items:center}.bank-add-button{color:var(--blue);background:#f8f7fc;border:1px solid #ddd9ed}.bank-list{gap:6px;max-height:420px;margin-top:18px;padding-right:5px;display:grid;overflow-y:auto}.bank-row{border:1px solid #0000;border-radius:12px;overflow:hidden}.bank-row:hover{background:#f7f6fb}.bank-row.active{background:#efedff;border-color:#dcd6ff}.bank-select{color:#373448;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.bank-list strong,.bank-list small{display:block}.bank-list strong{font-size:10px}.bank-list small{color:#9290a0;margin-top:4px;font-size:8px}.bank-list em{color:#6454d7;white-space:nowrap;font-size:8px;font-style:normal;font-weight:800}.empty-bank-list,.no-bank-panel{text-align:center;place-items:center;display:grid}.empty-bank-list{color:#8b8798;min-height:230px;padding:30px 10px}.empty-bank-list svg,.no-bank-panel>svg{color:#8b81df;width:28px;margin-bottom:10px}.empty-bank-list strong{color:#4a4658;font-size:12px}.empty-bank-list span{max-width:220px;margin-top:5px;font-size:9px;line-height:1.6}.settings-form,.formula-panel,.history-panel{padding:24px}.settings-insight-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;margin-top:16px;display:grid}.bank-heading-actions{align-items:center;gap:4px;display:flex}.bank-heading-actions>svg{color:#878395;width:20px;margin-left:8px}.fee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.bank-mode-badge{color:#6352d7;background:#efedff;border-radius:20px;margin-top:8px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.bank-dialog-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{color:#514d5f;gap:7px;margin-top:17px;font-size:11px;font-weight:700;display:grid}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--border);color:#302c3d;background:#fff;border-radius:11px;outline:0;width:100%;padding:10px 11px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#a79af8;box-shadow:0 0 0 3px #efedff}.form-field input:disabled{color:#777384;background:#f6f5f9}.form-field small{color:#8c8998;font-size:9px;font-weight:400}.percentage-input{display:flex}.percentage-input input{border-radius:11px 0 0 11px}.percentage-input span{border:1px solid var(--border);color:#6b6778;background:#f7f6fa;border-left:0;border-radius:0 11px 11px 0;flex:none;place-items:center;width:44px;display:grid}.settings-actions{border-top:1px solid #eeecf3;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;display:flex}.settings-actions p{color:#858293;margin:0;font-size:9px}.formula-panel ol{gap:9px;margin:19px 0 0;padding:0;list-style:none;display:grid}.formula-panel li{background:#f8f7fb;border-radius:11px;align-items:flex-start;gap:12px;padding:12px;display:flex}.formula-panel li>span{color:#6555df;background:#e9e6ff;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:8px;font-weight:800;display:grid}.formula-panel li strong,.formula-panel li code{display:block}.formula-panel li strong{font-size:11px}.formula-panel li code{color:#817d8e;white-space:normal;margin-top:4px;font-size:9px}.history-row{border-bottom:1px solid #f0eef5;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.history-row:last-child{border-bottom:0}.history-row strong,.history-row span{display:block}.history-row strong{font-size:11px}.history-row span{color:#898696;margin-top:4px;font-size:9px}.history-row>div:last-child{text-align:right}.empty-history{color:#8a8797;font-size:10px}.settings-error{color:#a72d40;background:#fff9fa;border-color:#ffd7dc;gap:6px;padding:22px;display:grid}.settings-error span{font-size:10px}.no-bank-panel{min-height:310px;padding:30px}.no-bank-panel h2{margin:0;font-size:18px}.no-bank-panel p{color:#858193;margin:7px 0 18px;font-size:10px}.role-settings-panel{margin-top:16px;padding:24px}.role-settings-panel .panel-heading p{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.6}.permission-matrix{border:1px solid var(--border);border-radius:14px;margin-top:18px;overflow-x:auto}.permission-matrix table{border-collapse:collapse;width:100%;min-width:560px}.permission-matrix th,.permission-matrix td{border-bottom:1px solid var(--border);text-align:left;padding:13px 16px}.permission-matrix tr:last-child td{border-bottom:0}.permission-matrix th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#faf9fd;font-size:8px}.permission-matrix th:not(:first-child),.permission-matrix td:not(:first-child){width:130px}.permission-matrix td{color:#4f4b5b;font-size:10px;font-weight:650}.permission-state{align-items:center;gap:6px;font-size:9px;font-weight:750;display:inline-flex}.permission-state svg{width:14px;height:14px}.permission-state.allowed{color:#16845b}.permission-state.denied{color:#a09cab}.modal-layer{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1311257a;border:0;width:100%;position:absolute;inset:0}.confirm-dialog{z-index:1;width:min(460px,100%);padding:24px;animation:.18s toastIn;position:relative;box-shadow:0 24px 80px #14112d3d}.resource-dialog{z-index:1;width:min(960px,100%);max-height:calc(100vh - 40px);padding:24px;animation:.18s toastIn;position:relative;overflow-y:auto;box-shadow:0 24px 80px #14112d3d}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-heading h2{margin:5px 0 0;font-size:20px}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.delete-warning{color:#686475;margin:20px 0 0;font-size:11px;line-height:1.7}.delete-warning strong{color:#332f40}.danger-button{color:#fff;background:#d94b5e;border-color:#d94b5e}.danger-button:hover{background:#c63d50;border-color:#c63d50}.resource-tabs{background:#f3f2f8;border-radius:13px;gap:5px;margin:21px 0 2px;padding:4px;display:flex}.resource-tabs button{color:#767283;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:10px;font-weight:800;display:inline-flex}.resource-tabs button svg{width:15px}.resource-tabs button.active{color:#5e4ed5;background:#fff;box-shadow:0 3px 12px #1e1a3e14}.resource-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px;display:grid}.validation-note{color:#807c8d;background:#f7f6fb;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding:12px 14px;font-size:8px;display:flex}.validation-note strong{color:#494554;white-space:nowrap;font-size:9px}.excel-import{margin-top:18px}.excel-template-banner{background:#f7f5ff;border:1px solid #e2def8;border-radius:13px;grid-template-columns:38px minmax(0,1fr) max-content;align-items:center;gap:12px;margin-bottom:12px;padding:13px 14px;display:grid}.excel-template-icon{color:#6151dc;background:#e9e5ff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.excel-template-icon svg{width:19px}.excel-template-banner strong,.excel-template-banner span{display:block}.excel-template-banner strong{color:#403c4e;font-size:10px}.excel-template-banner div>span{color:#858193;margin-top:3px;font-size:8px;line-height:1.5}.excel-template-banner .button{min-height:38px;padding-block:8px}.excel-dropzone{color:#767183;text-align:center;cursor:pointer;background:#faf9ff;border:1px dashed #c9c2f1;border-radius:14px;align-content:center;place-items:center;min-height:145px;padding:22px;transition:border-color .15s,background .15s;display:grid}.excel-dropzone:hover{background:#f7f5ff;border-color:#9d91ec}.excel-dropzone input{display:none}.excel-dropzone svg{width:27px;color:var(--blue);margin-bottom:9px}.excel-dropzone strong{color:#403c4e;font-size:11px}.excel-dropzone span{margin-top:5px;font-size:8px}.excel-format{color:#777384;background:#f6f5f9;border-radius:11px;grid-template-columns:max-content 1fr;gap:5px 12px;margin-top:12px;padding:13px 14px;font-size:9px;line-height:1.55;display:grid}.excel-format strong{color:#494554}.excel-format small{color:#8b8797;grid-column:1/-1;font-size:8px}.import-preview{margin-top:15px}.import-errors{color:#af374a;background:#fff5f6;border:1px solid #ffd4da;border-radius:11px;gap:5px;padding:13px;font-size:9px;display:grid}.import-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:11px;display:grid}.import-summary>div{background:#fafafd;border:1px solid #e9e7f0;border-radius:11px;padding:12px}.import-summary strong,.import-summary span{display:block}.import-summary strong{color:#302d3d;font-size:16px}.import-summary span{color:#898595;margin-top:3px;font-size:8px}.import-summary .valid{background:#f2fbf7;border-color:#d7efe5}.import-summary .valid strong{color:#13815c}.import-summary .invalid{background:#fff5f6;border-color:#ffd8dd}.import-summary .invalid strong{color:#ba3f52}.import-table-wrap{border:1px solid #e9e7f0;border-radius:11px;max-height:285px;overflow:auto}.import-table{min-width:760px}.import-table th{z-index:1;position:sticky;top:0}.import-table-wrap>p{color:#8d8999;margin:0;padding:9px 12px;font-size:8px}.row-errors{color:#b83d50;white-space:normal;font-size:8px}.row-valid{color:#13815c;font-size:8px;font-weight:800}.employee-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.employee-work-panel{margin-top:0}.drawer-layer{z-index:60;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1311256b;border:0;width:100%;position:absolute;inset:0}.drawer{background:#fff;border-radius:24px 0 0 24px;flex-direction:column;width:min(600px,100%);animation:.2s slideIn;display:flex;position:absolute;inset:0 0 0 auto;overflow:hidden;box-shadow:-20px 0 60px #0f0d2133}.drawer>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:23px 24px;display:flex}.drawer h2{margin:5px 0;font-size:20px}.drawer header p{color:#817d8d;margin:0;font-size:10px}.drawer-content{flex:1;padding:0 24px 25px;overflow-y:auto}.detail-section{border-bottom:1px solid var(--border);padding:22px 0}.detail-section h3{margin:0 0 14px;font-size:12px}.result-form{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:12px;display:grid}.result-form .form-field{align-content:start;margin-top:0}.account-section{border-bottom:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-grid>div{background:#f7f6fa;border-radius:10px;min-width:0;padding:11px}.detail-grid .wide{grid-column:1/-1}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:#898696;font-size:8px}.detail-grid strong{overflow-wrap:anywhere;margin-top:5px;font-size:10px}.readonly-banner,.review-evidence{color:#6d5dfc;background:#f7f5ff;border:1px solid #e2def8;border-radius:11px;align-items:center;gap:11px;padding:14px;display:flex}.readonly-banner{margin-top:18px}.readonly-banner svg,.review-evidence svg{flex:none;width:20px}.readonly-banner strong,.readonly-banner small,.review-evidence strong,.review-evidence small{display:block}.readonly-banner strong,.review-evidence strong{color:#3d394a;font-size:10px}.readonly-banner small,.review-evidence small{color:#837f91;margin-top:3px;font-size:8px}.calculation-card{background:#f7f5ff;border:1px solid #e2def8;border-radius:13px;gap:10px;margin-top:20px;padding:18px;display:grid}.calculation-title{align-items:center;gap:7px;margin-bottom:4px;display:flex}.calculation-title svg{width:16px;color:var(--blue)}.calculation-card>div:not(.calculation-title){color:#676375;justify-content:space-between;gap:15px;font-size:10px;display:flex}.calculation-card small{color:#918d9d;margin-left:4px}.calculation-total{border-top:1px solid #ddd8f4;margin-top:5px;padding-top:12px;color:#242130!important;font-size:12px!important}.upload-box{color:#767284;text-align:center;cursor:pointer;background:#faf9ff;border:1px dashed #cfc8f2;border-radius:12px;place-items:center;padding:22px;display:grid}.upload-box svg{width:24px;color:var(--blue)}.upload-box img{object-fit:contain;border-radius:9px;width:100%;max-height:150px}.upload-box strong{color:#444051;margin-top:8px;font-size:10px}.upload-box span{margin-top:4px;font-size:8px}.upload-box input{display:none}.upload-box.has-file{background:#f7f5ff;border-style:solid}.evidence-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.evidence-heading h3{margin:0}.evidence-heading>span{color:#6555df;background:#efedff;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:800}.evidence-uploader{gap:10px;display:grid}.evidence-upload-actions{justify-content:flex-end;gap:8px;display:flex}.evidence-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.evidence-tile{color:#454151;background:#fff;border:1px solid #e6e3ef;border-radius:12px;grid-template-columns:76px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;padding:8px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.evidence-tile:hover{border-color:#bdb5f3;transform:translateY(-1px)}.evidence-tile>img{object-fit:cover;background:#f2f0f7;border-radius:8px;width:76px;height:62px}.evidence-tile>span{min-width:0}.evidence-tile strong,.evidence-tile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.evidence-tile strong{font-size:9px}.evidence-tile small{color:#8b8797;margin-top:5px;font-size:8px}.evidence-tile>svg{color:#7468d8;width:15px}.evidence-empty,.evidence-error{color:#8b8797;text-align:center;background:#f8f7fb;border-radius:10px;margin:12px 0 0;padding:14px;font-size:9px}.evidence-error{color:#ad3d4d;background:#fff3f4}.muted-line{color:#8b8797;font-size:9px}.drawer>footer{border-top:1px solid var(--border);background:#fff;justify-content:flex-end;align-items:center;gap:8px;padding:15px 24px;display:flex}.toast-viewport{z-index:100;gap:10px;width:min(390px,100vw - 28px);display:grid;position:fixed;top:22px;right:22px}.toast{background:#fffffffa;border:1px solid #e1dfeb;border-radius:15px;grid-template-columns:34px 1fr 28px;align-items:center;gap:10px;padding:13px;animation:.22s toastIn;display:grid;box-shadow:0 18px 50px #1f1c3e29}.toast-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.toast-icon svg{width:17px}.toast p{color:#343143;margin:0;font-size:10px;font-weight:700;line-height:1.5}.toast>button{color:#9995a5;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.toast>button svg{width:15px}.toast-success .toast-icon{color:var(--green);background:#e8f8f1}.toast-error .toast-icon{color:var(--red);background:#fff0f2}.toast-info .toast-icon{color:#6555df;background:#efedff}.login-page{background:radial-gradient(circle at 90% 10%,#846fff21,#0000 24rem),#f7f7fb;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#19172b,#302a63);flex-direction:column;justify-content:center;padding:10vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-250px;right:-220px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff05}.login-product{color:#bcb3ff;letter-spacing:.13em;text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:800}.login-brand h1{z-index:1;letter-spacing:-.05em;margin:26px 0 16px;font-size:clamp(34px,4vw,58px);line-height:1.08;position:relative}.login-brand p{z-index:1;color:#aba7bd;max-width:520px;font-size:13px;line-height:1.7;position:relative}.login-card{border:1px solid var(--border);background:#fff;border-radius:23px;align-self:center;width:min(400px,100% - 40px);margin:auto;padding:32px;box-shadow:0 28px 80px #231f481c}.login-icon{color:#6555df;background:#efedff;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:21px;display:grid}.login-icon svg{width:20px}.login-card h2{margin:6px 0;font-size:23px}.login-card>p{color:#837f90;margin:0;font-size:10px}.test-accounts{background:#f7f5ff;border:1px solid #e2def8;border-radius:11px;gap:8px;margin:18px 0 2px;padding:12px;display:grid}.test-accounts>span{color:#777287;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.test-accounts>div{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.test-accounts button{color:#5e4fd3;background:#fff;border:1px solid #d4cef5;border-radius:8px;padding:8px 5px;font-size:9px;font-weight:800}.error-message{color:var(--red);font-size:10px}.app-loading{place-items:center;min-height:100vh;display:grid}.loading{color:#817d8d;justify-content:center;align-items:center;gap:9px;min-height:180px;font-size:11px;display:flex}.spinner{border:2px solid #dedce7;border-top-color:var(--blue);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.empty-state{color:#908c9b;text-align:center;align-content:center;place-items:center;min-height:190px;padding:25px;display:grid}.empty-state svg{width:26px}.empty-state strong{color:#555160;margin-top:10px;font-size:11px}.empty-state p{margin:5px 0 0;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:.7;transform:translate(25px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-9px)}}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.status-panel{min-height:auto}.settings-layout{grid-template-columns:1fr}.bank-map-panel{max-height:none}.bank-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.settings-insight-grid{grid-template-columns:1fr}.employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{width:78px;padding:22px 10px}.brand{justify-content:center;padding-inline:0}.brand>span:last-of-type,.main-nav a span,.sidebar-foot{display:none}.main-nav a{justify-content:center;padding:12px}.main-content{width:calc(100% - 78px);margin-left:78px}.page{padding:32px 22px 50px}.dashboard-hero{flex-direction:column;align-items:flex-start;padding:27px}.fee-form-grid{grid-template-columns:1fr 1fr}.filter-group{width:100%;padding-bottom:2px;overflow-x:auto}.bulk-toolbar{flex-direction:column;align-items:stretch}.bulk-actions{grid-template-columns:1fr 1fr;display:grid}.bulk-actions .button{grid-column:1/-1}.resource-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.sidebar{width:min(280px,86vw);padding:24px 18px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.brand{justify-content:flex-start}.brand>span:last-of-type,.sidebar-foot{display:grid}.main-nav a{justify-content:flex-start}.main-nav a span{display:inline}.mobile-only{display:inline-grid}.sidebar-backdrop{z-index:20;background:#0f0d1f70;border:0;display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0}.mobile-header{z-index:15;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;align-items:center;gap:10px;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.mobile-header-spacer{opacity:0;margin-left:auto}.page{padding:24px 14px 44px}.page-header{flex-direction:column;align-items:stretch;gap:18px}.page-header h1{font-size:25px}.page-actions,.page-actions .button,.page-actions .header-stat{width:100%}.header-stat{justify-content:center}.dashboard-hero{border-radius:20px;min-height:auto;padding:23px}.dashboard-hero h1{font-size:27px}.dashboard-hero-actions{flex-direction:column;align-items:stretch;width:100%}.dashboard-hero-actions .button{width:100%}.dashboard-controls{flex-direction:column;align-items:flex-start;gap:9px}.period-switch{width:100%;overflow-x:auto}.period-switch button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:11px}.metric-card{min-height:140px;padding:16px}.metric-card>strong{margin-top:17px;font-size:18px}.metric-card.tone-primary{grid-column:1/-1}.chart-panel,.status-panel{padding:17px}.chart-wrap{height:215px}.legend{display:none}.table-toolbar{flex-direction:column;align-items:stretch;padding:15px}.search-field{width:100%;min-width:0}.table-toolbar>select{width:100%}.filter-group{grid-template-columns:1fr 1fr;display:grid;overflow:visible}.filter-group>svg{display:none}.filter-group select{min-width:0}.bulk-actions{grid-template-columns:1fr}.bulk-actions .button{grid-column:auto}.result-line{flex-direction:column;align-items:flex-start}.people-summary,.employee-metrics,.create-user-panel form{grid-template-columns:1fr}.create-user-panel .error-message,.create-user-actions{grid-column:auto}.bank-list{grid-template-columns:1fr}.bank-map-panel{overflow:visible}.settings-insight-grid{display:block}.settings-insight-grid>*{margin-bottom:14px}.fee-form-grid,.bank-dialog-fields{grid-template-columns:1fr}.table-pagination{flex-direction:column;align-items:flex-start}.settings-actions{flex-direction:column;align-items:stretch}.settings-actions .button{width:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.resource-dialog{max-height:calc(100vh - 20px);padding:18px}.resource-tabs{grid-template-columns:1fr 1fr;display:grid}.resource-form-grid{grid-template-columns:1fr}.excel-template-banner{grid-template-columns:38px 1fr}.excel-template-banner .button{grid-column:1/-1;width:100%}.excel-format{grid-template-columns:1fr}.excel-format small{grid-column:auto}.detail-grid,.result-form{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.drawer{border-radius:0}.drawer-content,.drawer>header,.drawer>footer{padding-inline:17px}.drawer>footer{flex-wrap:wrap}.evidence-grid{grid-template-columns:1fr}.evidence-upload-actions{grid-template-columns:1fr 1fr;display:grid}.toast-viewport{top:14px;right:14px}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:25px}}@media (width<=420px){.metric-grid{grid-template-columns:1fr}.metric-card.tone-primary{grid-column:auto}.filter-group{grid-template-columns:1fr}}