@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#182230;background:#f5f7fa;margin:0;font:14px Inter,Noto Sans SC,sans-serif}.app{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e6ebf1;flex-direction:column;width:232px;height:100vh;padding:27px 18px 16px;display:flex;position:fixed}.brand{align-items:center;gap:12px;padding:0 9px 30px;font-size:17px;font-weight:700;display:flex}.brand>span{color:#fff;background:#1664e8;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.brand svg{width:22px}.brand small,.user small,.headright small{color:#8a96a6;margin-top:3px;font-size:11px;font-weight:400;display:block}nav{flex-direction:column;gap:4px;display:flex}nav button{color:#5f6c7c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;height:44px;padding:0 12px;font:500 14px inherit;display:flex}nav button:hover{color:#344256;background:#f5f8fc}nav button svg{width:18px}nav button.active{color:#1767e9;background:#edf5ff}.user{border-top:1px solid #edf0f4;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 0;display:flex}.user>div{color:#1767e9;background:#ddecff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user span{flex:1;font-weight:600}main{width:calc(100% - 232px);min-width:0;margin-left:232px}header{background:#fff;border-bottom:1px solid #e8ecf1;justify-content:flex-end;align-items:center;height:70px;padding:0 34px;display:flex;position:relative}.headright{align-items:center;gap:22px;display:flex;position:absolute;right:34px}.search{color:#98a3af;align-items:center;gap:10px;width:355px;display:flex}.search svg{width:18px}.search input{border:0;outline:0;flex:1;font:13px inherit}.headright{align-items:center;gap:22px;display:flex}.headright input{border:1px solid #dfe5eb;border-radius:7px;padding:7px}.headright span{text-align:right;font-size:12px}section{max-width:1600px;margin:auto;padding:28px 34px 45px}.welcome{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.welcome h1{margin:0 0 7px;font-size:25px}.welcome p{color:#8994a3;margin:0;font-size:12px}.titleactions{align-items:center;gap:9px;display:flex}.personnelTabs{background:#f1f4f8;border-radius:8px;gap:4px;padding:3px;display:flex}.personnelTabs button{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 13px;font:500 12px inherit}.personnelTabs button.active{color:#1767e9;background:#fff;box-shadow:0 1px 3px #18223014}.primary,.secondary,.danger{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font:500 13px inherit;display:inline-flex}.primary{color:#fff;background:#1767e9;border:1px solid #1767e9}.secondary{color:#435063;background:#fff;border:1px solid #dfe5eb}.danger{color:#d43f45;background:#fff;border:1px solid #f2c5c5;height:31px}.primary svg,.secondary svg,.danger svg{width:16px}.icon{color:#768394;cursor:pointer;background:0 0;border:0;padding:4px}.icon svg{width:19px}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.card,.panel{background:#fff;border:1px solid #e5eaf0;border-radius:10px;box-shadow:0 1px 2px #18223008}.card p{color:#7c8795;margin:0 0 5px;font-size:12px}.card h2{margin:0 0 6px;font-size:18px}.card h2.cardValue{color:#1767e9;white-space:nowrap}.card .cardUnit{font-size:13px}.card small{color:#929ca9;font-size:11px}.grid{grid-template-columns:1.5fr 1fr;gap:15px;display:grid}.dashboardGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel h3{margin:0 0 15px;font-size:15px}.panelHead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panelHead h3{margin:0}.rankTabs{background:#f1f4f8;border-radius:8px;gap:4px;padding:3px;display:flex}.rankTabs button{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 11px;font:500 11px inherit;transition:all .2s}.rankTabs button:hover{color:#435063}.rankTabs button.active{color:#1767e9;background:#fff;box-shadow:0 1px 3px #18223014}.rank{align-items:center;gap:14px;margin:20px 0;display:flex}.rank>b{color:#1767e9;background:#edf4ff;border-radius:5px;place-items:center;width:23px;height:23px;display:grid}.rank span{width:82px;font-weight:600}.rank i{background:#1767e9;border-radius:20px;min-width:2px;height:8px}.rank strong{margin-left:auto}.summary p{color:#7a8695;border-bottom:1px solid #edf0f4;padding:10px 0}.summary b{float:right;color:#243140}.expenseDetailList{max-height:320px;padding:2px 0;overflow-y:auto}.expenseDetailItem{color:#435063;border-bottom:1px solid #edf0f4;align-items:center;gap:8px;padding:7px 0;font-size:13px;display:flex}.expenseDetailItem:last-child{border-bottom:0}.expenseDetailInfo{color:#7a8695;white-space:nowrap;min-width:100px;font-size:12px}.expenseDetailItem i{text-overflow:ellipsis;white-space:nowrap;color:#243140;flex:1;font-style:normal;overflow:hidden}.expenseDetailItem b{color:#243140;white-space:nowrap;margin-right:30px;font-size:13px}.expenseDetailTotal{color:#243140;border-top:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 30px 2px 0;font-size:13px;font-weight:600;display:flex}.costChart{flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.pieChart{width:100%;max-width:420px;height:auto}.costLegend{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.legendItem{background:#fafbfd;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex}.legendColor{border-radius:2px;flex:none;width:10px;height:10px}.legendText{flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.legendText b{color:#334154;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.legendText span{color:#1767e9;white-space:nowrap;font-size:11px;font-weight:600}.noCostData{text-align:center;color:#9aa5b2;padding:40px 20px;font-size:12px}.tripFilters{background:#fff;border:1px solid #e5eaf0;border-radius:10px;grid-template-columns:1.05fr 1fr 1fr 1fr 1fr auto auto auto;align-items:end;gap:10px;margin-bottom:14px;padding:14px 16px;display:grid}.dashboardFilters{background:#fff;border:1px solid #e5eaf0;border-radius:10px;grid-template-columns:1.05fr 1fr 1fr 1fr 1fr auto auto auto;align-items:end;gap:10px;margin-bottom:10px;padding:10px 14px;display:grid}.tripFilters label,.dashboardFilters label{color:#7b8796;font-size:10px}.tripFilters select,.tripFilters input,.dashboardFilters select,.dashboardFilters input{color:#354255;background:#fff;border:1px solid #dfe5eb;border-radius:7px;outline:none;width:100%;height:36px;margin-top:6px;padding:0 9px;font:11px inherit;display:block}.tripFilters select:focus,.tripFilters input:focus,.dashboardFilters select:focus,.dashboardFilters input:focus{border-color:#1767e9;box-shadow:0 0 0 3px #1767e912}.tripFilters .secondary{height:36px}.monthQuick{color:#1767e9;cursor:pointer;background:#edf5ff;border:1px solid #cbdcf5;border-radius:7px;height:36px;padding:0 11px;font:500 11px inherit}.tripFilters .secondary:disabled{opacity:.45;cursor:not-allowed}.filterResult{white-space:nowrap;align-items:center;gap:5px;height:36px;padding:0 5px;display:flex}.filterResult b{color:#1767e9;font-size:16px}.filterResult span{color:#8994a3;font-size:10px}.table{margin-top:0;padding:0;overflow:hidden}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#8c97a5;background:#f8fafc;border-bottom:1px solid #edf0f4;padding:12px 16px;font-size:11px;font-weight:500}td{color:#596676;border-bottom:1px solid #edf0f4;padding:13px 16px;font-size:12px}td b{color:#263342}td small{color:#9ba4af;margin-top:4px;display:block}.period{background:#eaf3ff;border-radius:8px;width:auto;padding:2px 6px;font-size:9px;color:#1767e9!important;margin-top:5px!important;display:inline-block!important}.green{color:#08a56b!important}.red{color:#e5484d!important}.badge{border-radius:12px;padding:4px 9px}.empty{text-align:center;color:#98a2af;padding:50px}.checkCol{text-align:center!important;width:42px!important;padding-left:13px!important;padding-right:8px!important}.checkCol input{accent-color:#1767e9;cursor:pointer;width:15px;height:15px}.iconDelete{color:#d7464c;cursor:pointer;background:#fff;border:1px solid #f1caca;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.iconDelete:hover{background:#fff0f0;border-color:#e89a9e}.iconDelete svg{width:14px}.titleactions>.danger{height:38px}.pageError{background:#fff;border:1px solid #e5eaf0;border-radius:12px;place-items:center;min-height:430px;display:grid}.pageError>div{text-align:center;max-width:420px;padding:40px}.pageError>div>svg{color:#e39a25;width:38px;height:38px}.pageError h2{margin:15px 0 8px;font-size:18px}.pageError p{color:#7e8a99;word-break:break-word;margin:0 0 20px;font-size:12px}.mt{margin-top:18px}.rowactions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:7px;display:flex}.rowactions .secondary,.rowactions .danger{flex:none;height:31px;padding:0 11px}.rowactions .secondary svg,.rowactions .danger svg{width:14px;height:14px}.checkgrid{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0 23px;display:grid}.checkgrid label,.permList label{align-items:center;gap:7px;display:flex}.checkgrid input,.permList input{accent-color:#1767e9}.permTip{color:#527096;background:#edf5ff;border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.6}.collapseHead{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#4b5567;align-items:center;gap:7px;margin:20px 0 0;font-size:13px;transition:color .15s;display:flex}.collapseHead:hover{color:#1767e9}.collapseHead>.collapseCount{color:#7d8b9d;background:#eef1f5;border-radius:9px;padding:2px 8px;font-size:10px;font-weight:400}.secondary.danger-text,.secondary.danger-text svg{color:#d43f45}.secondary.danger-text:hover{color:#b93238;background:#fff0f0}.permList{border:1px solid #e5eaf0;border-radius:8px;max-height:190px;margin:10px 0 20px;overflow:auto}.permList>div{border-bottom:1px solid #edf0f4;grid-template-columns:1fr 60px 60px 60px 60px;align-items:center;padding:11px 14px;font-size:12px;display:grid}.permList>div:last-child{border-bottom:0}.permList b{color:#354255;align-items:center;gap:5px;display:flex}.permList b small{color:#98a3b1;font-size:10px;font-weight:400}.archivegrid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.archive{background:#fff;border:1px solid #e5eaf0;border-radius:10px;align-items:center;gap:15px;padding:20px;display:flex}.archive .avatar{color:#1767e9;background:#edf5ff;border-radius:10px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}.archive .avatar svg{width:23px}.archive>div:nth-child(2){flex:1}.archive h3{margin:0 0 7px}.archive p,.archive small{color:#8793a2;margin:0;font-size:12px}.archive small{margin-top:7px;display:block}.archiveActions{flex:none;gap:7px;display:flex}.archiveActions .secondary{padding:0 10px}.docTip{color:#56708f;background:#edf5ff;border-radius:8px;margin:18px 0 12px;padding:10px 13px;font-size:11px}.docList{border:1px solid #e3e9ef;border-radius:10px;overflow:hidden}.docItem{border-bottom:1px solid #e9edf2;align-items:center;gap:12px;padding:13px 14px;display:flex}.docItem:last-child{border-bottom:0}.docIcon{color:#9ca7b4;background:#f1f3f6;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.docIcon svg{width:17px}.docInfo{flex:1;min-width:0}.docInfo b,.docInfo span,.docInfo small{display:block}.docInfo b{margin-bottom:4px;font-size:12px}.docInfo span{color:#6f7d8e;text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:11px;overflow:hidden}.docInfo small{color:#a0a9b4;margin-top:4px;font-size:9px}.docActions{align-items:center;gap:6px;display:flex}.docActions .secondary,.docActions .danger{height:31px;padding:0 10px;text-decoration:none}.multiDocList{flex-direction:column;gap:12px;display:flex}.multiDocGroup{background:#fafbfd;border:1px solid #e3e9ef;border-radius:10px;overflow:hidden}.multiDocHead{background:#fff;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;height:52px;padding:0 14px;display:flex}.multiDocHead>div{align-items:center;gap:9px;display:flex}.multiDocHead b{font-size:13px}.multiDocHead span{color:#7b8898;background:#f0f3f6;border-radius:10px;padding:3px 7px;font-size:10px}.multiDocHead .secondary{height:30px;padding:0 10px;font-size:11px}.docThumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;display:grid}.docThumb{background:#fff;border:1px solid #e3e8ef;border-radius:8px;min-width:0;padding:7px;transition:all .2s;position:relative}.docThumb:hover{border-color:#a9c8f4;box-shadow:0 4px 12px #18304b12}.thumbPreview{color:#1767e9;cursor:pointer;background:linear-gradient(145deg,#eaf3ff,#f3f7fb);border:0;border-radius:6px;place-items:center;width:100%;height:68px;display:grid;position:relative}.thumbPreview svg{width:23px}.thumbPreview span{color:#fff;background:#1767e9;border-radius:5px;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:5px;right:5px}.docThumb>div:first-of-type{color:#435064;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10px;overflow:hidden}.docThumb>small{color:#9aa5b2;margin-top:3px;font-size:8px;display:block}.thumbActions{gap:4px;margin-top:7px!important;display:flex!important}.thumbActions button,.thumbActions a{color:#617083;cursor:pointer;background:#fff;border:1px solid #dfe5eb;border-radius:5px;flex:1;place-items:center;height:25px;display:grid}.thumbActions svg{width:12px}.thumbActions .remove{color:#d94a50}.docEmpty{text-align:center;color:#a0a9b4;padding:24px;font-size:11px}.uploadBtn{cursor:pointer}.uploadBtn input{display:none}.previewShade{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030a14e6;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.preview{background:#111923;border:1px solid #ffffff26;border-radius:13px;flex-direction:column;width:min(1100px,94vw);height:min(820px,90vh);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009}.previewHead{color:#fff;background:#18222f;flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex}.previewHead b,.previewHead span{display:block}.previewHead span{color:#9eabb9;text-overflow:ellipsis;white-space:nowrap;max-width:500px;margin-top:4px;font-size:10px;overflow:hidden}.previewHead>div:last-child{gap:8px;display:flex}.previewIcon{color:#fff;cursor:pointer;background:#222e3c;border:1px solid #344252;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.previewIcon svg{width:17px}.previewBody{background-color:#101720;background-image:linear-gradient(45deg,#141c26 25%,#0000 25%),linear-gradient(-45deg,#141c26 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#141c26 75%),linear-gradient(-45deg,#0000 75%,#141c26 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.previewBody img{object-fit:contain;max-width:100%;max-height:100%;display:block}.previewBody iframe{background:#fff;border:0;width:100%;height:100%}.previewNav{color:#fff;cursor:pointer;background:#080f189e;border:1px solid #ffffff26;border-radius:8px;place-items:center;width:43px;height:58px;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.previewNav:hover{background:#1767e9}.previewNav.prev{left:15px}.previewNav.next{right:15px}.previewNav svg{width:25px}.previewFoot{color:#95a3b3;background:#18222f;flex:none;place-items:center;height:35px;font-size:10px;display:grid}.shade{z-index:5;background:#17223480;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fff;border-radius:13px;width:600px;max-width:100%;max-height:92vh;padding:24px;overflow:auto}.modal.wide{width:min(900px,100%)}.formSection{max-width:none;margin:0 0 18px;padding:0}.formSection h3{color:#1767e9;background:#f1f6ff;border-left:4px solid #1767e9;border-radius:4px;margin:0 0 12px;padding:8px 11px;font-size:13px}.formgrid.three{grid-template-columns:repeat(3,1fr);margin:0}.formgrid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.formgrid.tripTotalRow{grid-template-columns:120px 120px 120px minmax(0,1fr);gap:10px;margin:12px 0 0}@media (max-width:720px){.formgrid.tripTotalRow{grid-template-columns:1fr}}.fuelGrid label{min-width:0}.fuelGrid input{font-size:13px}.expenseSummaryBox{color:#65778d;background:#f5f9ff;border:1px solid #cfe0f7;border-radius:8px;justify-content:space-between;align-items:center;margin:0 0 9px;padding:9px 12px;font-size:11px;display:flex}.expenseSummaryItems{white-space:nowrap;align-items:baseline;gap:18px;display:flex}.expenseSummaryItems span{align-items:baseline;gap:5px;display:inline-flex}.expenseSummaryItems b{color:#0a58a5;font-size:13px}@media (max-width:720px){.expenseSummaryItems{flex-direction:column;align-items:flex-end;gap:6px}}.expenseSummaryBox b{color:#1767e9;font-size:16px}.datePeriodField{grid-template-columns:minmax(150px,1fr) 72px;gap:7px;min-width:0;display:grid}.datePeriodField>label{min-width:0}.datePeriodField>label:last-child select{padding-left:7px;padding-right:4px}.calcGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.autoField{background:#f5f9ff;border:1px solid #cfe0f7;border-radius:8px;min-height:65px;padding:9px 11px}.autoField span,.autoField small{color:#73849a;font-size:10px;display:block}.autoField b{color:#1767e9;margin:6px 5px 0 0;font-size:17px;display:inline-block}.autoField small{display:inline-block}.formSection label select{background:#fff;border:1px solid #dfe5eb;border-radius:7px;width:100%;height:39px;margin-top:7px;padding:0 10px;font-family:inherit;display:block}.tripDetail{margin:4px 0 0}.tripDetail .detailSection{margin:0 0 15px;padding:0}.tripDetail .detailSection:last-child{margin-bottom:0}.detailSection h3{color:#1767e9;background:#f1f6ff;border-left:4px solid #1767e9;border-radius:4px;margin:0 0 3px;padding:4px 7px;font-size:13px}.detailGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.detailGrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.detailGrid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.detailGrid>div{background:#fafbfd;border:1px solid #e5eaf0;border-radius:7px;min-width:0;padding:4px 7px}.detailGrid span,.detailGrid b{display:block}.detailGrid span{color:#8995a4;margin-bottom:1px;font-size:10px}.tripDetail .detailSection:nth-child(2) .detailGrid span,.tripDetail .detailSection:nth-child(2) .detailGrid b,.mileageVoucherDetail span,.mileageVoucherDetail b,.feeVoucherDetail,.feeVoucherDetail em{color:#000!important}.mileageVoucherDetail b,.mileageVoucherDetail .detailVoucherValue,.mileageVoucherDetail .detailVoucherValue em{font-size:13px!important}.feeVoucherDetail em{font-size:14px!important}.detailGrid b{color:#334154;white-space:normal;word-break:break-word;font-size:12px}.detailVoucherValue{min-height:31px;padding-right:68px;position:relative;display:block!important}.detailVoucherValue em{padding-top:7px;font-style:normal;display:block}.detailVoucherValue .voucherViewButton{min-width:60px;height:29px;top:0;right:0}.detailSection.highlight .detailGrid>div{background:#f5f9ff;border-color:#cfe0f7}.detailSection.highlight .detailGrid b{color:#1767e9;font-size:14px}.expenseEditor{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.expenseRow{background:linear-gradient(135deg,#fbfdff,#f7faff);border:1px solid #c9dcf5;border-radius:12px;grid-template-columns:28px minmax(260px,1.05fr) minmax(300px,1.2fr) minmax(190px,.72fr);align-items:end;gap:10px;padding:10px 11px;display:grid;box-shadow:0 2px 6px #264b730d}.expenseRow label{min-width:0}.expenseRow>label{color:#344154;font-size:12px;font-weight:500}.expenseRow>label:first-of-type{display:block}.expenseRow>label:first-of-type>input{flex:none;width:100%;min-width:0;margin-top:6px}.expenseRow label>input{background:#fff;border:1px solid #cfdbe9;border-radius:7px;outline:0;height:39px;margin-top:6px;padding:0 11px;font-size:13px;transition:all .18s}.expenseRow label>input:focus{border-color:#3d86ed;box-shadow:0 0 0 3px #3d86ed18}.expenseRow label>input::placeholder{color:#a5b1bf}.expenseRow:hover{border-color:#bdd2ef;box-shadow:0 4px 14px #274b7810}.fuelExpenseRow{grid-template-columns:28px minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(96px,auto)}.fuelExpenseRow .expenseRemove{justify-content:center;min-width:88px;padding:0 16px;font-size:12px}.fuelExpenseRow .expenseRemove svg{width:15px}.expenseIndex{color:#1767e9;background:#eaf3ff;border-radius:7px;place-items:center;width:24px;height:24px;margin-bottom:8px;font-size:10px;font-weight:700;display:grid}.expenseRow .voucherField{color:#344154;min-width:0;font-size:12px;font-weight:500}.expenseRow .voucherField>label{min-width:0;font-size:11px}.expenseRow .expenseUpload{min-width:0;overflow:hidden}.expenseRow .expenseRemove{color:#d7464c;cursor:pointer;background:#fff;border:1px solid #f0caca;border-radius:7px;justify-content:center;align-items:center;gap:4px;height:42px;margin-bottom:0;padding:0 10px;font:500 10px inherit;display:flex}.expenseRow .expenseRemove:hover{background:#fff1f1;border-color:#e99b9f}.expenseRemove svg{width:13px}.voucherField{color:#4d5968;min-width:0;font-size:12px;font-weight:500}.expenseVoucherInput{align-items:center;gap:4px;min-width:0;margin-top:7px;display:flex}.expenseFileName{color:#66768a;text-overflow:ellipsis;background:#fff;border:1px solid #dfe5eb;border-radius:7px;outline:0;flex:1;min-width:0;height:39px;padding:0 8px;font:11px inherit}.expenseAmountVoucher{margin-top:6px}.expenseAmountVoucher>input{height:39px;margin-top:0!important;padding-right:78px!important}.expenseAmountVoucher .voucherViewButton{top:4px;right:4px}.expenseAmountVoucher .uploadBtn{margin:0;display:inline-flex}.expenseFileName::placeholder{color:#a5b1bf}.expenseUpload{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4b91ff,#1767e9);border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:auto;min-width:58px;height:31px;margin:0;padding:0 8px;transition:all .18s;display:inline-flex;box-shadow:0 2px 6px #1767e933}.expenseUpload:hover{background:linear-gradient(135deg,#65a2ff,#0d58cc);transform:translateY(-1px);box-shadow:0 4px 10px #1767e955}.expenseUpload.hasFile{color:#fff;background:linear-gradient(135deg,#31b879,#0b9660)}.expenseUpload svg{flex:none;width:13px}.expenseUpload span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.expenseUpload:active{transform:translateY(0);box-shadow:0 1px 3px #1767e933}.expenseVoucherView{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4b91ff,#1767e9);border-radius:6px;justify-content:center;align-items:center;gap:3px;min-width:54px;height:31px;padding:0 7px;font-size:10px;text-decoration:none;display:inline-flex}.expenseVoucherView:hover{background:linear-gradient(135deg,#65a2ff,#0d58cc)}.addExpense{align-self:flex-start;color:#1767e9!important;background:#f4f8ff!important;border-color:#bed3f1!important;height:34px!important;font-weight:600!important}.addExpense:hover{background:#eaf3ff!important;border-color:#8ab4ee!important}.fixedVoucherGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fixedVoucherItem{background:#fbfcfe;border:1px solid #dfe5eb;border-radius:8px;padding:12px}.fixedVoucherItem>label{color:#68778b;margin-bottom:7px;font-size:11px;display:block}.fixedVoucherControl{align-items:center;display:flex}.fixedVoucherValue{color:#26384d;background:#fff;border:1px solid #dfe5eb;border-radius:8px 0 0 8px;flex:1;height:39px;padding:0 10px;font-size:13px;font-weight:600;line-height:39px}.fixedVoucherControl .voucherViewButton{border-radius:0 8px 8px 0;min-width:62px;height:39px;position:static}.fixedVoucherName{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:10px;display:block;overflow:hidden}.otherFeeSummaryList{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.otherFeeSummaryList.four{grid-template-columns:repeat(4,minmax(0,1fr))}.otherFeeSummaryList>div{background:#fafbfd;border:1px solid #e5eaf0;border-radius:7px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.otherFeeSummaryList span{color:#000;font-size:11px}.otherFeeSummaryList b{font-size:12px;color:#000!important}.otherFeeSummaryTotal b{color:#000!important}.otherFeeSummaryControl{align-items:center;gap:7px;display:flex!important}.otherFeeSummaryControl .voucherViewButton{min-width:58px;height:27px;padding:0 7px;font-size:10px;position:static}.otherFeeSummaryList .otherFeeSummaryTotal{background:#f5f9ff;border-color:#cfe0f7;grid-column:1/-1}.otherFeeSummaryList .otherFeeSummaryTotal span,.otherFeeSummaryList .otherFeeSummaryTotal b{font-weight:700;color:#000!important}.detailExpenseList{flex-direction:column;gap:8px;display:flex}.detailExpenseList>div{background:#fafbfd;border:1px solid #e5eaf0;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;display:flex}.detailExpenseList span,.detailExpenseList b{display:block}.detailExpenseList span{color:#000;font-size:11px}.detailExpenseList b{margin-top:4px;color:#000!important}.detailExpenseList small,.noExpense{color:#9aa5b2;font-size:11px}.otherFeeSummarySection h3,.otherFeeSummarySection .otherFeeSummaryList span,.otherFeeSummarySection .otherFeeSummaryList b,.otherFeeSummarySection .otherFeeSummaryTotal span,.otherFeeSummarySection .otherFeeSummaryTotal b,.otherFeeSummarySection .noExpense{color:#000!important}.otherFeeSummarySection .voucherViewButton{color:#fff!important}.otherFeeSummaryList>div span,.otherFeeSummaryList>div b{color:#000!important}.expenseVoucher{gap:6px;display:flex}.expenseVoucher .secondary{height:30px;padding:0 9px;font-size:11px;text-decoration:none}.expenseVoucher svg{width:13px}.voucherInput>label{color:#4d5968;font-size:12px;font-weight:500;display:block}.voucherInput>input,.voucherInput>.voucherAuto{background:#fff;border:1px solid #dfe5eb;border-radius:7px;width:100%;height:39px;margin-top:7px;padding:0 10px;font-family:inherit;display:block}.inputWithVoucher{margin-top:7px;display:block;position:relative}.inputWithVoucher>input,.inputWithVoucher>.voucherAuto{background:#fff;border:1px solid #dfe5eb;border-radius:8px;height:39px;margin-top:0;display:block;width:100%!important;padding-right:78px!important}.inputWithVoucher>.voucherAuto{line-height:39px}.voucherViewButton{z-index:1;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4b91ff,#1767e9);border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:62px;height:31px;padding:0 9px;font:600 11px inherit;transition:all .18s;display:inline-flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #1767e933}.voucherViewButton:hover{background:linear-gradient(135deg,#65a2ff,#0d58cc);transform:translateY(-1px);box-shadow:0 4px 10px #1767e955}.voucherViewButton:active{transform:translateY(0);box-shadow:0 1px 3px #1767e933}.voucherViewButton svg{width:14px}.inputWithVoucher:focus-within>input,.inputWithVoucher:focus-within>.voucherAuto{border-color:#1767e9;box-shadow:0 0 0 3px #1767e91c}.pendingVoucher{color:#d87520;margin-top:4px;font-size:9px;display:block}.voucherAuto{color:#1767e9;font-weight:600;line-height:39px;background:#f5f9ff!important}.voucherControls,.voucherBtns{gap:5px;margin-top:6px;display:flex}.voucherControls .secondary{max-width:150px;height:28px;padding:0 8px;font-size:10px}.voucherControls>a,.voucherControls>button,.voucherBtns>a,.voucherBtns>button{color:#627185;cursor:pointer;background:#fff;border:1px solid #dfe5eb;border-radius:5px;align-items:center;gap:3px;height:27px;padding:0 7px;font-size:9px;text-decoration:none;display:inline-flex}.voucherControls>button,.voucherBtns>button{color:#d7464c;border-color:#f1cccc}.voucherControls svg,.voucherBtns svg{width:11px}.rowactions .secondary svg{width:14px}.modalHead{justify-content:space-between;align-items:center;display:flex}.modalHead h2{margin:0;font-size:19px}.formgrid{grid-template-columns:1fr 1fr;gap:15px;margin:24px 0;display:grid}.formgrid label,.login label{color:#4d5968;font-size:12px;font-weight:500}.tripForm .formgrid.three>label,.tripForm .formgrid.three>.voucherInput{min-width:0}.formgrid input,.formgrid select,.login input{background:#fff;border:1px solid #dfe5eb;border-radius:7px;width:100%;height:39px;margin-top:7px;padding:0 10px;font-family:inherit;display:block}.actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.closeButton{color:#667589;background:#f8fafc;border:1px solid #e1e7ef;border-radius:8px;width:34px;height:34px}.closeButton:hover{color:#d7464c;background:#fff0f0;border-color:#f0b9bc}.tripForm{margin:12px 0}.topCalc{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 15px}.topCalc .autoField{min-height:54px;padding:6px 9px}.topCalc .autoField b{margin-top:3px;font-size:14px}.formSection{margin-bottom:12px}.formSection h3{margin-bottom:8px;padding:6px 10px}.formgrid{gap:10px;margin:12px 0}.formgrid.three{gap:10px}.expenseEditor{gap:7px;margin-bottom:10px}.expenseRow{gap:7px;padding:8px}.uploadbox{text-align:center;background:#f9fbfd;border:2px dashed #dbe2ea;border-radius:10px;margin:25px 0;padding:40px}.uploadbox svg{color:#1767e9}.login{isolation:isolate;background-color:#17283c;background-image:linear-gradient(120deg,#16335a,#5b8297);background-position:50%;background-size:cover;justify-content:flex-end;align-items:center;min-height:100vh;padding:70px max(40px,min(9vw,150px));display:flex;position:relative;overflow:hidden}.login:before{content:"";z-index:-1;background:linear-gradient(90deg,#0512249e 0%,#05122433 52%,#0512241f 100%);position:absolute;top:0;bottom:0;left:0;right:0}.loginBrand{color:#fff;text-shadow:0 2px 12px #0005;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex;position:absolute;top:32px;left:42px}.loginBrand>span{background:linear-gradient(145deg,#2b7df1,#105bd1);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 22px #082d6e66}.loginBrand svg{width:23px}.loginBrand small{letter-spacing:2px;opacity:.78;margin-top:3px;font-size:11px;font-weight:400;display:block}.loginWelcome{color:#fff;text-shadow:0 3px 22px #0008;max-width:510px;position:absolute;top:50%;left:max(40px,min(8vw,130px));transform:translateY(-45%)}.loginWelcome>span{letter-spacing:4px;opacity:.75;font-size:11px;font-weight:600}.loginWelcome h2{letter-spacing:1px;margin:17px 0;font-size:max(36px,min(4vw,58px));font-weight:700;line-height:1.2}.loginWelcome p{letter-spacing:1px;opacity:.82;font-size:15px}.login form{-webkit-backdrop-filter:blur(30px)saturate(155%);backdrop-filter:blur(30px)saturate(155%);background:linear-gradient(145deg,#ffffffad,#ffffff7a);border:1px solid #ffffff7a;border-radius:22px;width:420px;padding:38px 40px 32px;position:relative;box-shadow:0 24px 70px #000f264d,inset 0 1px #ffffffbf}.loginFormHead{align-items:center;gap:14px;margin-bottom:28px;display:flex}.loginMark{color:#fff;background:#1767e9;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 20px #1767e94d}.loginMark svg{width:25px}.loginFormHead h1{margin:0 0 5px;font-size:23px}.loginFormHead p{color:#627083;margin:0;font-size:12px}.login form>label{color:#344154;margin:17px 0 0;font-size:12px;font-weight:600;display:block}.loginInput{background:#ffffff8c;border:1px solid #8b9db46b;border-radius:10px;align-items:center;gap:10px;height:46px;margin-top:8px;padding:0 13px;transition:all .2s;display:flex}.loginInput>svg{color:#76879b;width:17px}.loginInput input{color:#233043;outline:0;flex:1;font:13px inherit;background:0 0!important;border:0!important;border-radius:0!important;height:auto!important;margin:0!important;padding:0!important}.loginInput button{color:#718196;cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.loginInput button svg{width:17px}.loginOptions{color:#657386;justify-content:space-between;align-items:center;margin:15px 1px 19px;font-size:11px;display:flex}.remember{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;color:#526175!important;margin:0!important;font-weight:500!important;display:inline-flex!important}.remember input{opacity:0;pointer-events:none;position:absolute}.remember>i{background:#ffffffb3;border:1.5px solid #b7c3d2;border-radius:6px;flex:none;width:18px;height:18px;transition:all .2s;position:relative;box-shadow:inset 0 1px 2px #172b4d0a}.remember>i span{color:#fff;opacity:0;place-items:center;font-size:12px;font-style:normal;font-weight:700;transition:all .18s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.5)}.remember:hover>i{background:#fff;border-color:#6d9de5}.remember input:focus-visible+i{box-shadow:0 0 0 3px #1767e929}.remember input:checked+i{background:linear-gradient(145deg,#2c7cf0,#1260d8);border-color:#1767e9;box-shadow:0 3px 8px #1767e93d}.remember input:checked+i span{opacity:1;transform:scale(1)}.remember>b{font-weight:500}.secure{color:#5e6e80;align-items:center;display:inline-flex}.secure:before{content:"";background:#08a56b;border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 0 3px #08a56b1c}.loginSubmit{width:100%;height:45px;margin-top:4px;font-size:14px;box-shadow:0 8px 20px #1767e940;border-radius:10px!important}.loginSubmit:disabled{opacity:.75;cursor:wait}.loginSubmit i{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loginHint{text-align:center;color:#68778a;border-top:1px solid #788ca533;margin-top:18px;padding-top:17px;font-size:10px}.error{color:#c9383f;background:#ffe8e8cc;border:1px solid #efc4c4;border-radius:7px;margin-bottom:12px;padding:9px 11px;font-size:12px}.wallpaperInfo{color:#fff;text-shadow:0 2px 12px #0009;align-items:flex-start;gap:10px;max-width:min(520px,50vw);display:flex;position:absolute;bottom:35px;left:42px}.wallpaperInfo>svg{flex:none;width:17px;margin-top:2px}.wallpaperInfo b,.wallpaperInfo span{display:block}.wallpaperInfo b{font-size:12px}.wallpaperInfo span{opacity:.75;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.loginFooter{color:#fff;opacity:.65;text-shadow:0 2px 8px #000;font-size:10px;position:absolute;bottom:25px;right:42px}.login input:-webkit-autofill{-webkit-text-fill-color:#233043;-webkit-box-shadow:inset 0 0 0 50px #ffffff1a}@media (max-width:1200px){.tripFilters{grid-template-columns:repeat(3,1fr)}.filterResult{justify-content:flex-start}}@media (max-width:1100px){.loginWelcome{display:none}.login{justify-content:center}.wallpaperInfo{max-width:55vw}.cards{grid-template-columns:1fr 1fr}.grid,.dashboardGrid,.archivegrid{grid-template-columns:1fr}}@media (max-width:920px){.detailGrid.four{grid-template-columns:repeat(4,minmax(145px,1fr));overflow-x:auto}.formgrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.topCalc{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto}.datePeriodField{grid-template-columns:minmax(125px,1fr) 68px}.fixedVoucherGrid,.otherFeeSummaryList,.otherFeeSummaryList.four{grid-template-columns:1fr}.otherFeeSummaryList .otherFeeSummaryTotal{grid-column:auto}.formgrid.three,.calcGrid,.detailGrid{grid-template-columns:1fr 1fr}.detailGrid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.expenseRow{grid-template-columns:28px minmax(0,1fr) 58px}.expenseRow .expenseRemove{grid-column:3;justify-self:stretch}.expenseRow .voucherField{grid-column:2}.fuelExpenseRow{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 90px}.fuelExpenseRow .expenseRemove{grid-column:auto;justify-self:stretch}}@media (max-width:720px){.formgrid.four{grid-template-columns:1fr}.topCalc{grid-template-columns:repeat(5,120px);padding-bottom:3px;overflow-x:auto}.expenseRow{grid-template-columns:28px 1fr 1fr;gap:7px}.expenseRow .voucherField{grid-column:2/-1}.expenseRow .expenseRemove{grid-column:3;justify-self:end}aside{display:none}main{width:100%;margin:0}header{padding:0 16px}.headright span{display:none}section{padding:22px 15px}.tripFilters{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:14px}.titleactions{flex-wrap:wrap;justify-content:flex-end}.formgrid,.formgrid.three,.calcGrid,.detailGrid,.expenseRow,.detailGrid.five,.detailGrid.four{grid-template-columns:1fr}.detailExpenseList>div{flex-direction:column;align-items:flex-start}.login{align-items:center;padding:84px 15px 76px}.login:before{background:#05122447}.loginBrand{top:20px;left:20px}.login form{border-radius:18px;width:min(100%,410px);padding:31px 25px 27px}.wallpaperInfo{max-width:calc(100vw - 40px);bottom:46px;left:20px}.loginFooter{bottom:19px;left:20px;right:auto}}:root{--soft-bg:#e8ecf0;--soft-surface:#f5f7fa;--soft-white:#fff;--soft-text:#384152;--soft-muted:#7b8798;--soft-primary:#6366d8;--soft-primary-dark:#5053c4;--soft-green:#20a67a;--soft-red:#db6370;--soft-shadow:10px 10px 24px #74819729,-10px -10px 24px #ffffffe0;--soft-shadow-sm:5px 5px 12px #74819724,-5px -5px 12px #ffffffe0;--soft-inset:inset 3px 3px 7px #828ea029,inset -3px -3px 7px #ffffffe6}body{background:var(--soft-bg);color:var(--soft-text);font-family:Inter,Noto Sans SC,sans-serif}aside{background:var(--soft-bg);border:0;width:246px;padding:26px 18px 18px;box-shadow:inset -1px 0 #ffffffbf}main{width:calc(100% - 246px);margin-left:246px}.brand{color:#414960;padding:0 10px 32px}.brand>span{color:#fff;background:linear-gradient(145deg,#7478e8,#5659c9);border-radius:14px;width:42px;height:42px;box-shadow:6px 6px 14px #4e52b145,-5px -5px 12px #fff}.brand small,.user small,.headright small{color:#8b96a5}nav{gap:8px}nav button{color:#737f91;border-radius:14px;height:46px;padding:0 14px;transition:all .22s}nav button:hover{color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#f2f4f7}nav button.active{color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#fff;font-weight:600}.user{border:0;padding:16px 8px 0}.user>div{width:38px;height:38px;color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#fff}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#e8ecf0d1;border:0;height:74px;box-shadow:0 6px 18px #76829614}.headright input{background:var(--soft-bg);box-shadow:var(--soft-inset);color:#596579;border:0;border-radius:12px}.headright{gap:18px}section{max-width:1660px;padding:30px 36px 48px}.welcome{margin-bottom:24px}.welcome h1{color:#3d4658;font-size:26px}.welcome p{color:var(--soft-muted);font-size:12px}.primary,.secondary,.danger{border:0;border-radius:13px;height:40px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.primary{color:#fff;background:linear-gradient(145deg,#7175e8,#595cd0);box-shadow:0 9px 18px #5659c94d}.primary:hover{transform:translateY(-2px);box-shadow:0 13px 24px #5659c961}.primary:active{transform:translateY(1px);box-shadow:inset 3px 3px 8px #37399759}.secondary{color:#626e81;box-shadow:var(--soft-shadow-sm);background:#f8f9fb}.secondary:hover{color:var(--soft-primary);transform:translateY(-1px);box-shadow:8px 8px 16px #74819729,-8px -8px 16px #fff}.secondary:active{box-shadow:var(--soft-inset);transform:translateY(0)}.danger{color:var(--soft-red);background:#fff5f5;box-shadow:4px 4px 10px #b95d691a,-4px -4px 10px #fff}.cards{gap:18px;margin-bottom:18px}.card,.panel{box-shadow:var(--soft-shadow);background:#f8f9fb;border:0;border-radius:20px}.card{padding:18px}.card p{color:#8792a2;margin-bottom:8px;font-weight:500}.card h2{color:#465164;font-size:21px}.card h2.cardValue,.card .cardUnit{color:var(--soft-primary)}.card small{color:#9ba5b4}.grid,.dashboardGrid{gap:20px}.panel{padding:20px}.panel h3{color:#4b5567;margin-bottom:17px;font-size:15px}.panelHead{margin-bottom:18px}.personnelTabs,.rankTabs{background:var(--soft-bg);box-shadow:var(--soft-inset);border-radius:15px;padding:5px}.personnelTabs button,.rankTabs button{color:#7d8999;border-radius:11px;padding:7px 13px}.personnelTabs button.active,.rankTabs button.active{color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#fff}.tripFilters,.dashboardFilters{box-shadow:var(--soft-shadow);background:#f6f8fa;border:0;border-radius:19px;margin-bottom:18px;padding:15px 18px}.tripFilters label,.dashboardFilters label{color:#7e8999;font-weight:600}.tripFilters select,.tripFilters input,.dashboardFilters select,.dashboardFilters input,.formgrid input,.formgrid select,.formSection label select{background:var(--soft-bg);box-shadow:var(--soft-inset);color:#4c596d;border:0;border-radius:12px}.tripFilters select:focus,.tripFilters input:focus,.dashboardFilters select:focus,.dashboardFilters input:focus,.formgrid input:focus,.formgrid select:focus,.formSection label select:focus{box-shadow:var(--soft-inset),0 0 0 3px #6366d824;border-color:#0000}.monthQuick{color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#e9eaff;border:0;border-radius:12px;font-weight:600}.filterResult b{color:var(--soft-primary)}.table{box-shadow:var(--soft-shadow);background:#f8f9fb}th{color:#778396;background:#eef1f5;border:0;padding:14px 16px}td{color:#657184;border-color:#e8ebef;padding:14px 16px}tbody tr{transition:background .16s}tbody tr:hover td{background:#fff}.selectedRow td{background:#f0f0ff!important}.badge{border-radius:10px}.done{color:#168a67;background:#e4f6ef}.period{background:#e5e7ff;color:#585bd0!important}.period.pm{background:#fff0e6;color:#d4743b!important}.iconDelete{color:var(--soft-red);background:#fff4f4;border:0;border-radius:10px;box-shadow:3px 3px 7px #bb5d691a,-3px -3px 7px #fff}.iconDelete:hover{background:#ffe9ea;border:0}.rank{gap:12px;margin:18px 0}.rank>b{color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#e5e7ff;border-radius:10px}.rank i{background:linear-gradient(90deg,#8184ed,#6063d6);box-shadow:0 3px 8px #6063d642}.rank i.first{background:linear-gradient(90deg,#49c49a,#20a67a)}.summary p{border-color:#e6e9ed}.costLegend{gap:8px}.legendItem{background:#eef1f5;border-radius:11px;padding:8px 9px;box-shadow:inset 1px 1px 3px #828ea014,inset -1px -1px 3px #fff}.legendText span{color:var(--soft-primary)}.archivegrid{gap:20px}.archive{box-shadow:var(--soft-shadow);background:#f8f9fb;border:0;border-radius:20px;padding:20px}.archive .avatar{color:var(--soft-primary);box-shadow:var(--soft-shadow-sm);background:#e8e9ff;border-radius:15px}.archive h3{color:#4a5568}.archive p,.archive small{color:#8792a2}.shade{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#47506447}.modal{background:#f8f9fb;border-radius:23px;padding:26px;box-shadow:20px 20px 48px #38415347,-12px -12px 30px #ffffffc2}.modalHead h2{color:#434d5e}.closeButton{color:#778496;box-shadow:var(--soft-shadow-sm);background:#eef1f5;border:0;border-radius:12px}.closeButton:hover{color:var(--soft-red);background:#fff1f2;border:0}.actions{border-color:#e7eaee;padding-top:17px}.formSection h3,.detailSection h3{color:var(--soft-primary);background:#e9eaff;border-left:0;border-radius:11px;padding:8px 11px}.autoField,.detailGrid>div,.fixedVoucherItem,.otherFeeSummaryList>div,.detailExpenseList>div{background:#f1f3f6;border:0;border-radius:13px;box-shadow:inset 2px 2px 5px #828ea01a,inset -2px -2px 5px #fff}.autoField b,.detailSection.highlight .detailGrid b{color:var(--soft-primary)}.detailSection.highlight .detailGrid>div{background:#ebedff;border:0}.docTip,.permTip{color:#6669a7;background:#e9eaff;border-radius:13px}.docList,.permList,.multiDocGroup{box-shadow:var(--soft-inset);border:0;border-radius:16px}.docItem,.multiDocHead{background:0 0;border-color:#e4e8ec}.docIcon{background:#e9ecf0;border-radius:12px}.docIcon.has{color:var(--soft-green);background:#e3f5ee}.docThumb{box-shadow:var(--soft-shadow-sm);border:0;border-radius:13px}.thumbPreview{color:var(--soft-primary);background:#e9eaff;border-radius:10px}.uploadbox{box-shadow:var(--soft-inset);background:#f3f5f7;border-color:#cbd1dc;border-radius:18px}.pageError{box-shadow:var(--soft-shadow);background:#f8f9fb;border:0;border-radius:22px}.login{background:var(--soft-bg);padding-right:max(40px,min(10vw,160px))}.login form{background:#f5f7fa;border:0;border-radius:25px;box-shadow:18px 18px 40px #74819733,-14px -14px 34px #fff}.loginInput{background:var(--soft-bg);box-shadow:var(--soft-inset);border:0;border-radius:13px}.loginInput:focus-within{background:var(--soft-bg);box-shadow:var(--soft-inset),0 0 0 3px #6366d824;border:0}.loginHint{border-color:#e3e7eb}.logFilters{box-shadow:var(--soft-shadow);background:#f6f8fa;border-radius:19px;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:18px;padding:15px 18px;display:grid}.logFilters label{color:#7e8999;font-size:11px;font-weight:600}.logFilters input,.logFilters select{background:var(--soft-bg);width:100%;height:38px;box-shadow:var(--soft-inset);color:#4c596d;border:0;border-radius:12px;margin-top:6px;padding:0 11px;font:12px Inter,Noto Sans SC,sans-serif;display:block}.logAction{color:#585bd0;background:#e9eaff;border-radius:10px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.logAction.删除{color:#ce5666;background:#fff0f1}.logAction.新增,.logAction.生成{color:#168a67;background:#e4f6ef}.logPager{color:#7b8798;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;font-size:12px;display:flex}.logPager .secondary{height:34px}.auditMeta{color:#61659a;background:#eceeff;border-radius:13px;flex-wrap:wrap;gap:10px;padding:12px 14px;font-size:12px;display:flex}.auditMeta b{color:#4c566c}.auditCompare{grid-template-columns:1fr 1fr;gap:15px;margin-top:16px;display:grid}.auditCompare section{min-width:0}.auditCompare h3{color:#5660c7;margin:0 0 8px;font-size:13px}.auditCompare pre{min-height:220px;max-height:430px;box-shadow:var(--soft-inset);color:#4b586b;white-space:pre-wrap;word-break:break-word;background:#eef1f5;border-radius:14px;margin:0;padding:14px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}@media (max-width:920px){.logFilters{grid-template-columns:1fr 1fr}.auditCompare{grid-template-columns:1fr}}@media (max-width:720px){.logFilters{grid-template-columns:1fr}.logPager{flex-wrap:wrap;justify-content:flex-start}}.brand>div{color:#3d4658;font-size:18px;font-weight:700;line-height:1.15}.brand small{letter-spacing:.4px;font-size:10px;font-weight:500;line-height:1.4}nav button{letter-spacing:0;color:#6f7b8e;font-size:14px;font-weight:500;line-height:1}nav button.active{color:#5659c9;font-weight:650}nav button:hover{font-weight:600}.headright input{letter-spacing:.25px;color:#515d70;font-variant-numeric:tabular-nums;height:38px;padding:0 12px;font-family:Inter,Noto Sans SC,sans-serif;font-size:13px;font-weight:600}.headright>span{letter-spacing:.1px;color:#4b5668;font-size:13px;font-weight:650;line-height:1.15}.headright small{letter-spacing:.35px;color:#8b96a5;font-size:10px;font-weight:500}.user>span{letter-spacing:.1px;color:#4b5668;font-size:13px;font-weight:650;line-height:1.15}.user small{letter-spacing:.35px;color:#8b96a5;font-size:10px;font-weight:500;line-height:1.4}@media (max-width:720px){section{padding:24px 16px 35px}.card,.panel,.archive{border-radius:17px}.tripFilters,.dashboardFilters{grid-template-columns:1fr 1fr;padding:14px}.modal{border-radius:20px;padding:20px}.login:before{background:#e8ecf0d9}.loginWelcome,.wallpaperInfo{display:none}}.login{background-color:#17283c!important;justify-content:flex-end!important;padding:70px max(40px,min(9vw,150px))!important}.login:before{background:linear-gradient(90deg,#0512249e 0%,#05122433 52%,#0512241f 100%)!important}.loginBrand,.loginWelcome,.wallpaperInfo,.loginFooter{color:#fff!important;text-shadow:0 2px 12px #00000080!important}.loginWelcome{text-shadow:0 3px 22px #0000008c!important}.loginWelcome p,.loginWelcome>span,.wallpaperInfo span,.loginFooter{color:#fff!important}.loginWelcome p,.wallpaperInfo span{opacity:.82}.loginFooter{opacity:.65}.loginBrand>span,.loginMark{background:linear-gradient(145deg,#2b7df1,#105bd1)!important;box-shadow:0 8px 22px #082d6e66!important}.login form{-webkit-backdrop-filter:blur(30px)saturate(155%);backdrop-filter:blur(30px)saturate(155%);background:linear-gradient(145deg,#ffffffad,#ffffff7a)!important;border:1px solid #ffffff7a!important;border-radius:22px!important;box-shadow:0 24px 70px #000f264d,inset 0 1px #ffffffbf!important}.loginFormHead h1{color:#233043}.loginFormHead p{color:#627083}.loginInput{box-shadow:none!important;background:#ffffff8c!important;border:1px solid #8b9db46b!important;border-radius:10px!important}.loginInput:focus-within{background:#ffffffc7!important;border-color:#2776e9!important;box-shadow:0 0 0 3px #1767e91f!important}@media (max-width:1100px){.login{justify-content:center!important}}@media (max-width:720px){.login{padding:84px 15px 76px!important}.login:before{background:#05122447!important}.loginBrand{top:20px;left:20px}.login form{width:min(100%,410px);padding:31px 25px 27px;border-radius:18px!important}.wallpaperInfo{max-width:calc(100vw - 40px);bottom:46px;left:20px}}.hamburger{z-index:11;color:#435063;cursor:pointer;background:#fff;border:0;border-radius:8px;width:44px;height:44px;display:none;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}.hamburger svg{width:24px}.menuBackdrop{z-index:9;background:#0006;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:720px){.hamburger{place-items:center;display:grid}.menuBackdrop{display:block}aside{z-index:10;width:232px;height:100dvh;transition:left .3s;display:flex;position:fixed;top:0;bottom:0;left:-250px;box-shadow:2px 0 8px #0000001a}aside.open{left:0}main{width:100%;margin-left:0}}.badge.audited{color:#079265;background:#eaf8f2}.badge.pending{color:#d87520;background:#fff1e6}