@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#12213b;background:#eef3f8}*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}svg{width:16px;height:16px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:184px;background:#092b45;color:#d8e7f2;z-index:5;display:flex;flex-direction:column}.brand{height:62px;display:flex;align-items:center;gap:11px;padding:0 20px;color:#fff}.brand>span{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#1076ce}.brand b{font-size:14px}.sidebar nav{padding:7px 9px;display:grid;gap:3px}.sidebar nav button{border:0;color:#d8e7f2;background:transparent;border-radius:6px;display:flex;align-items:center;gap:11px;height:36px;padding:0 11px;text-align:left;font-size:11px}.sidebar nav button:hover,.sidebar nav button.active{background:#124d77;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #38a4ff}.sidebar nav button span{flex:1}.sidebar nav em{font-style:normal;background:#ef4444;color:#fff;border-radius:20px;font-size:8px;padding:2px 5px}.secure{margin:auto 18px 18px;border-top:1px solid #24445d;padding-top:14px;display:flex;align-items:center;gap:8px;font-size:9px;color:#83a5bd}.workspace{margin-left:184px;width:calc(100% - 184px);min-height:100vh}.topbar{height:54px;background:#fff;border-bottom:1px solid #dce5ee;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:4}.search{height:32px;width:230px;border:1px solid #dfe7ef;background:#f7f9fb;border-radius:5px;display:flex;align-items:center;padding:0 9px;color:#789}.search input{border:0;outline:0;background:transparent;width:100%;font-size:10px;padding-left:7px}.top-actions{display:flex;align-items:center;gap:9px;position:relative}.top-actions select{height:32px;min-width:124px;border:1px solid #d9e3ed;border-radius:5px;background:#fff;padding:0 26px 0 9px;color:#31435d;font-size:9px}.branch-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#153659}.icon-button{border:0;background:transparent;color:#075ba8;position:relative;width:30px}.icon-button i{position:absolute;right:4px;top:4px;width:6px;height:6px;background:#ef4444;border:1px solid #fff;border-radius:50%}.profile{border:0;background:transparent;display:flex;align-items:center;gap:7px;text-align:left;color:#243653}.profile>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#075ba8;color:#fff;font-size:11px}.profile div{display:grid}.profile b{font-size:9px}.profile small{font-size:7px}.profile-menu{position:absolute;right:0;top:41px;width:205px;background:#fff;border:1px solid #dfe6ee;border-radius:8px;box-shadow:0 12px 30px #263c5520;padding:6px}.profile-menu button{width:100%;display:flex;gap:8px;align-items:center;border:0;background:transparent;padding:9px;border-radius:5px;color:#263a54;font-size:10px}.page{padding:15px 18px 28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.page-head h1{font-size:19px;margin:0 0 3px;letter-spacing:-.35px}.page-head p{font-size:9px;color:#687c92;margin:0}.head-actions{display:flex;gap:7px}.primary,.secondary{height:32px;border-radius:5px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:600}.primary{background:#087ff5;color:#fff;border:1px solid #0875e2;box-shadow:0 2px 5px #087ff52b}.secondary{background:#fff;color:#18324e;border:1px solid #d8e3ec}.kpi-grid{display:grid;gap:9px;margin-bottom:11px}.kpi-grid.six{grid-template-columns:repeat(6,1fr)}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi{height:75px;border:1px solid #dce6ee;background:#fff;border-radius:7px;padding:12px 13px;display:flex;align-items:flex-start;justify-content:space-between}.kpi small{display:block;color:#566b82;font-size:8px;margin-bottom:9px}.kpi strong{display:block;color:#0872dd;font-size:17px}.kpi>span{width:27px;height:27px;border-radius:6px;display:grid;place-items:center;background:#eaf4ff;color:#1680e9}.kpi.green{background:#f5fdfa;border-color:#d7eee5}.kpi.green strong{color:#069b63}.kpi.green>span{background:#e4f8ef;color:#079c68}.kpi.red{background:#fff9f9;border-color:#f3dddd}.kpi.red strong{color:#ef3340}.kpi.red>span{background:#ffebed;color:#ee3946}.kpi.orange{background:#fffbf6;border-color:#f4e5d2}.kpi.orange strong{color:#f07d00}.kpi.purple strong{color:#7037cf}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:11px;margin-bottom:11px}.grid.lower{grid-template-columns:1.35fr .65fr}.card{background:#fff;border:1px solid #dbe5ed;border-radius:7px}.card.full{margin-top:11px}.card-title{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ecf0f4}.card-title h2,.upload-card h2,.quick h2{font-size:10px;margin:0}.card-title button{border:0;background:transparent;color:#087aea;font-size:8px}.legend{font-size:7px;color:#1682f3}.legend span{color:#c7dff7}.bar-chart,.weekly{height:175px;display:flex;align-items:flex-end;justify-content:space-around;padding:22px 18px 16px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 38px,#eef2f6 39px)}.bar-chart>div,.weekly>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-chart span{display:flex;align-items:flex-end;height:124px;gap:2px}.bar-chart i{display:block;width:18px;background:#1682f3;border-radius:2px 2px 0 0}.bar-chart i+i{background:#cfe4f8}.bar-chart small,.weekly small{font-size:7px}.donut-box{height:175px;display:flex;align-items:center;justify-content:center;gap:26px}.donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#2589ef 0,#2589ef 28%,#56a2e6 28%,#56a2e6 46%,#4dbd91 46%,#4dbd91 58%,#85d8bc 58%,#85d8bc 68%,#a988df 68%,#a988df 76%,#d7b1e8 76%);display:grid;place-items:center}.donut:before{content:"";width:65px;height:65px;border-radius:50%;background:#fff;position:absolute}.donut>b{z-index:1;font-size:9px;text-align:center}.donut small{display:block;font-size:7px;color:#718295}.donut-legend{width:175px}.donut-legend p{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;font-size:7px;margin:7px 0}.donut-legend i{width:7px;height:7px;border-radius:50%;background:#2589ef}.donut-legend .c1{background:#56a2e6}.donut-legend .c2{background:#4dbd91}.donut-legend .c3{background:#85d8bc}.donut-legend .c4{background:#a988df}.donut-legend .c5{background:#d7b1e8}.weekly{height:192px;padding:28px 30px 18px}.weekly>div{height:145px}.weekly i{display:block;width:40px;background:#4e9af0;border-radius:3px 3px 0 0}.ranked{height:192px;padding:15px 16px}.ranked p{display:grid;grid-template-columns:110px 1fr 24px;align-items:center;gap:8px;font-size:8px;margin:10px 0}.ranked p>span{text-align:right}.ranked p>i{height:11px;background:#edf2f6;border-radius:4px;overflow:hidden}.ranked b{display:block;height:100%;background:#3188ee;border-radius:4px}.ranked .r1{background:#42b8b2}.ranked .r2{background:#82d3b5}.ranked .r3{background:#ffcb78}.ranked .r4{background:#ff985c}.ranked .r5{background:#ac83df}.ranked em{font-style:normal}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:8px}.table-wrap th{height:29px;background:#f3f6f9;color:#52677e;font-weight:600;text-align:left;padding:0 9px;border-bottom:1px solid #dce5ed}.table-wrap td{height:36px;padding:0 9px;border-bottom:1px solid #edf1f5;color:#263b55}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#f8fbfe}.table-wrap .num{text-align:right}.muted{color:#8190a2!important}.link{color:#087ceb}.missing{color:#d9424d}.dots{border:0;background:transparent}.status{display:inline-flex;border-radius:4px;padding:4px 7px;font-size:7px;background:#fff1d5;color:#da7900}.status.approved,.status.active,.status.verified,.status.submitted{background:#dcf7ea;color:#078b5b}.status.rejected,.status.missing{background:#ffe1e4;color:#d32e3b}.status.not-started{background:#edf1f5;color:#597086}.filters{display:flex;gap:8px;padding:9px;border-bottom:1px solid #e7edf2}.filters select{height:30px;min-width:130px;border:1px solid #dbe5ed;background:#fff;border-radius:5px;padding:0 26px 0 8px;font-size:8px}.filters label{height:30px;border:1px solid #dbe5ed;border-radius:5px;display:flex;align-items:center;gap:6px;color:#789;padding:0 8px;min-width:230px;flex:1}.filters input{border:0;outline:0;width:100%;font-size:8px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:11px 9px;font-size:8px;color:#61758b}.pagination>div{display:flex;gap:4px}.pagination button,.pagination select{height:26px;min-width:26px;border:1px solid #dbe5ed;background:#fff;border-radius:4px;font-size:8px}.pagination button.active{background:#1682f3;color:#fff}.form-layout{display:grid;grid-template-columns:1fr 270px;gap:11px}.form-card{padding:13px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 11px}.form-grid label,.account-filters label,.quick label{display:grid;gap:5px}.form-grid label>span,.account-filters label>span,.quick label>span{font-size:8px}.form-grid label b,.upload-card h2 b{color:#e73345}.form-grid .wide{grid-column:span 2}.input-wrap{display:flex;height:32px;border:1px solid #dbe4ed;border-radius:5px;overflow:hidden}.input-wrap input,.input-wrap select{width:100%;border:0;outline:0;background:#fff;padding:0 8px;font-size:8px}.input-wrap em{display:grid;place-items:center;width:31px;background:#f3f6f8;font-style:normal}.upload-card{padding:13px;align-self:start}.upload-card h2{margin-bottom:9px}.dropzone{height:145px;border:1px dashed #9ec9ec;background:#fbfdff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:8px}.dropzone svg{color:#1683f5;width:28px;height:28px}.dropzone strong{border:1px solid #75b7ec;color:#0876e2;padding:5px 9px;border-radius:4px}.dropzone small{font-size:7px;color:#71859a}.dropzone input{display:none}.file-list{display:grid;gap:6px;margin-top:9px}.file-list>div{display:flex;align-items:center;border:1px solid #e0e7ee;border-radius:5px;padding:7px;color:#e83a4a}.file-list span{display:grid;margin-left:7px;flex:1;color:#2c4059}.file-list span b{font-size:7px}.file-list span small{font-size:6px}.file-list button{border:0;background:transparent;color:#e83a4a}.form-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:20px}.account-filters{display:flex;gap:9px;margin-bottom:11px}.account-filters label{width:210px}.month-status{padding-bottom:13px}.month-status>.status,.month-status>p,.month-status>.primary{margin-left:13px}.month-status p{font-size:8px;line-height:1.6;color:#6c7d8f}.tabs{height:41px;display:flex;align-items:flex-end;gap:17px;border-bottom:1px solid #e1e8ee;padding:0 11px}.tabs button{height:37px;border:0;border-bottom:2px solid transparent;background:transparent;color:#597087;font-size:8px}.tabs button.active{border-color:#1682f3;color:#0877e6;font-weight:600}.actions{display:flex;gap:5px}.actions button{height:23px;border-radius:4px;padding:0 9px;font-size:7px}.actions button:first-child{background:#10b978;color:#fff;border:1px solid #0ba56b}.actions button:last-child{background:#fff4f5;color:#e13e4b;border:1px solid #ef9da5}.text-button{border:0;background:transparent;color:#087ceb;display:flex;gap:4px;font-size:7px}.reports{display:grid;grid-template-columns:1fr 240px;gap:11px}.report-list{padding:5px 9px}.report-list>button{height:52px;border:0;border-bottom:1px solid #e7edf2;background:#fff;width:100%;display:flex;align-items:center;text-align:left;gap:9px;color:#1d334d}.report-list>button>div{display:grid;gap:3px;flex:1}.report-list b{font-size:8px}.report-list small{font-size:7px;color:#77889a}.report-icon{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#def7ec;color:#08a369}.report-icon.i1{background:#e3ecff;color:#386df4}.report-icon.i2{background:#fff0de;color:#ef8a16}.report-icon.i3{background:#f2e8ff;color:#874ad4}.quick{padding:13px;height:max-content}.quick h2{margin-bottom:14px}.quick label{margin-bottom:11px}.quick .primary{width:100%}.toast{position:fixed;right:18px;bottom:18px;background:#153c58;color:#fff;border-radius:7px;padding:11px 14px;display:flex;gap:8px;font-size:9px;z-index:10}@media(max-width:1200px){.kpi-grid.six{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.grid.lower{grid-template-columns:1fr}}.auth-loading,.login-page{min-height:100vh;display:grid;place-items:center}.auth-loading{color:#60748a;font-size:13px}.login-page{background:#eef3f8;padding:24px}.login-card{width:390px;background:#fff;border:1px solid #dbe5ed;border-radius:10px;box-shadow:0 20px 50px #17364f18;overflow:hidden}.login-brand{height:76px;background:#092b45;color:#fff;display:flex;align-items:center;gap:12px;padding:0 25px}.login-brand>span{width:36px;height:36px;border-radius:8px;background:#1076ce;display:grid;place-items:center}.login-brand>div{display:grid;gap:3px}.login-brand b{font-size:14px}.login-brand small{font-size:8px;color:#a9c4d8}.login-card form{padding:26px}.login-card form h1{margin:0 0 5px;font-size:20px}.login-card form>p{margin:0 0 20px;color:#6b7e91;font-size:10px}.login-card form>label{display:grid;gap:6px;margin-bottom:14px;font-size:9px;font-weight:600}.login-card form>label input{height:38px;border:1px solid #d8e3ec;border-radius:5px;padding:0 10px;outline:0;font-size:10px}.login-card form>label input:focus{border-color:#1682f3;box-shadow:0 0 0 3px #1682f315}.remember{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:8px;color:#536a81}.remember label{display:flex;align-items:center;gap:5px}.remember button{border:0;background:transparent;color:#0877e6;font-size:8px}.login-submit{width:100%;height:38px}.login-error{background:#fff0f1;color:#c93240;border:1px solid #f5d1d5;border-radius:5px;padding:9px;margin-bottom:13px;font-size:9px}.login-card footer{height:47px;border-top:1px solid #e5ebf0;display:flex;align-items:center;justify-content:center;gap:7px;color:#6e8193;font-size:8px}.secondary{text-decoration:none}.empty-state{padding:42px;text-align:center;color:#6c8093;font-size:10px}.error-state{color:#c93240}.report-list>a{height:52px;border:0;border-bottom:1px solid #e7edf2;background:#fff;width:100%;display:flex;align-items:center;text-align:left;gap:9px;color:#1d334d;text-decoration:none;padding:0 10px}.report-list>a>div{display:grid;gap:3px;flex:1}.report-list>a b{font-size:8px}.report-list>a small{font-size:7px;color:#77889a}.kpi-grid{padding:10px}.kpi-grid+.card-title{margin-top:3px}.more-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;padding:9px;background:#f8fafc;border-bottom:1px solid #e7edf2}.more-filters input,.more-filters select{height:30px;border:1px solid #dbe5ed;background:#fff;border-radius:5px;padding:0 8px;font-size:8px}.bill-viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:11px}.bill-preview{min-width:0}.expense-side{align-self:start}.viewer-tools,.viewer-nav,.inline-actions{display:flex;align-items:center;gap:6px}.viewer-tools button{height:25px;min-width:25px;border:1px solid #dbe5ed;background:#fff;border-radius:4px;font-size:8px}.viewer-tools span{font-size:8px}.document-stage{height:610px;overflow:auto;background:#4c5156;display:flex;align-items:flex-start;justify-content:center;padding:14px}.document-stage iframe{border:0;background:#fff;transform-origin:top center}.document-stage img{max-width:100%;max-height:580px;object-fit:contain;transform-origin:top center}.viewer-nav{justify-content:center;padding:9px}.viewer-nav span,.field-help,.report-total{font-size:8px;color:#62758a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b223b88;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(760px,calc(100vw - 40px));padding:16px;box-shadow:0 24px 70px #06192f55}.narrow-card{max-width:720px}.report-preview{padding:13px}.report-total{text-align:right;padding:12px;font-weight:600}.reports .quick p{font-size:9px;color:#334b66}.reports .quick small{font-size:8px;color:#71859a}.inline-actions{white-space:nowrap}.inline-actions .text-button{padding:3px}@media(max-width:1024px){body{min-width:0}.sidebar{width:150px}.workspace{margin-left:150px;width:calc(100% - 150px)}.topbar{padding:0 10px}.search{width:160px}.kpi-grid.six,.kpi-grid.four{grid-template-columns:repeat(2,1fr)}.grid,.grid.lower,.reports,.bill-viewer-layout,.form-layout{grid-template-columns:1fr}.upload-card{width:100%}.more-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;display:block}.brand{height:50px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{min-width:max-content}.secure{display:none}.workspace{margin-left:0;width:100%}.topbar{position:static;height:auto;min-height:48px;flex-wrap:wrap;gap:6px}.search{display:none}.top-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.profile div,.profile>svg{display:none}.page{padding:12px}.page-head{gap:8px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.kpi-grid.six,.kpi-grid.four,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.filters{overflow-x:auto;flex-wrap:wrap}.filters label{min-width:100%}.more-filters{grid-template-columns:1fr 1fr}.document-stage{height:430px}.table-wrap{margin:0 -1px}.modal{width:calc(100vw - 20px);max-height:90vh;overflow:auto}.reports{grid-template-columns:1fr}.top-actions select{min-width:110px}}