*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,Noto Sans JP,Segoe UI,Arial,sans-serif}.app{min-height:100vh;display:flex}.side{color:#fff;background:#0f2f57;flex-direction:column;gap:10px;width:260px;padding:22px;display:flex}.side h1{margin:0 0 20px;font-size:20px}.side button{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;padding:12px 14px;font-weight:700}.side button.on,.side button:hover{background:#2f80ed}.sideBottom{flex-direction:column;gap:8px;margin-top:auto;display:flex}.side select,.login select,.formLine select,.formGrid select{background:#fff;border:1px solid #d6deea;border-radius:10px;padding:10px}.main{flex:1;padding:30px;overflow:auto}h2{margin:0 0 20px;font-size:28px}.cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.card,.panel{background:#fff;border:1px solid #e1e8f2;border-radius:20px;padding:22px;box-shadow:0 10px 30px #0f2f570f}.card h3,.panel h3{margin:0 0 10px;font-size:22px}.card p{color:#607086;line-height:1.6}.stats{flex-wrap:wrap;gap:16px;margin:18px 0;display:flex}.stats b{color:#0f2f57;background:#eef5ff;border-radius:12px;padding:10px 12px}.primary{cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-weight:800;color:#fff!important;text-align:center!important;background:#2f80ed!important}.grid2{grid-template-columns:minmax(320px,460px) 1fr;align-items:start;gap:20px;display:grid}.formLine{gap:6px;margin-bottom:12px;font-weight:700;display:grid}.formLine input,.formLine textarea,.formLine select,.formGrid input{background:#fff;border:1px solid #d6deea;border-radius:10px;width:100%;padding:11px}.formLine textarea{min-height:80px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f6;padding:11px}th{color:#47566a;white-space:nowrap;background:#f7faff}.btns{flex-wrap:wrap;gap:6px;display:flex}button{cursor:pointer;background:#fff;border:1px solid #d6deea;border-radius:10px;padding:8px 10px}button:hover{border-color:#2f80ed}.login{background:linear-gradient(135deg,#0f2f57,#2f80ed);justify-content:center;align-items:center;min-height:100vh;display:flex}.loginCard{background:#fff;border-radius:22px;flex-direction:column;gap:10px;width:420px;max-width:92vw;padding:26px;display:flex;box-shadow:0 20px 60px #0003}.loginCard h1{margin:0}.loginCard input{border:1px solid #d6deea;border-radius:12px;padding:12px}.loginBrand{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-bottom:8px;display:flex}.loginLogo{object-fit:contain;width:88px;height:auto}.loginCompanyName{color:#0f2f57;font-size:20px;font-weight:900;line-height:1.2}.loginCompanyAddress{color:#607086;max-width:300px;font-size:13px;line-height:1.5}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.hint{color:#607086;font-size:13px}.formGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.small{font-size:12px}@media (width<=900px){.app{flex-direction:column}.side{width:100%;position:static}.grid2{grid-template-columns:1fr}.main{padding:18px}}.lineBox{background:#f8fbff;border:1px solid #e1e8f2;border-radius:14px;margin:12px 0;padding:12px}.lineHead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lineRow{grid-template-columns:1.3fr .8fr .8fr auto;gap:8px;margin-bottom:8px;display:grid}.lineRow input,.lineRow select{background:#fff;border:1px solid #d6deea;border-radius:10px;width:100%;padding:10px}.totals{background:#eef5ff;border-radius:12px;justify-content:space-between;gap:12px;margin:10px 0 14px;padding:12px;display:flex}.right{text-align:right!important}@media (width<=700px){.lineRow{grid-template-columns:1fr}.totals{flex-direction:column}}.fileList{flex-direction:column;gap:8px;margin:8px 0 12px;display:flex}.fileChip{background:#eef5ff;border:1px solid #d6e8ff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.fileChip span{word-break:break-all;font-size:13px}.grid2 .lineRow:has(button:only-child){grid-template-columns:1.4fr .8fr auto}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tabs button.on{color:#fff;background:#2f80ed;border-color:#2f80ed}.miniHistory{border-top:1px solid #e1e8f2;flex-direction:column;gap:8px;margin-top:16px;padding-top:12px;display:flex}.miniHistory h4{margin:0 0 4px}.danger{color:#d93025;font-weight:800}.warn{color:#b26a00;font-weight:800}.expenseLine{grid-template-columns:1.3fr .8fr auto}.side button{text-decoration:none}.tableWrap .btns button{white-space:nowrap}.invoiceLine{grid-template-columns:1.05fr 1.15fr .75fr .8fr 1fr auto}@media (width<=1100px){.invoiceLine{grid-template-columns:1fr 1fr}.invoiceLine button{grid-column:1/-1}}.actionBar{background:#f1f6ff;border:1px solid #dce8f7;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 14px;padding:10px 12px;display:flex}.actionBar button:disabled{opacity:.45;cursor:not-allowed}.invoiceLineLarge{border-bottom:1px dashed #d6deea;grid-template-columns:1.1fr 1.35fr .8fr .9fr 1.25fr auto;align-items:end;gap:10px;margin-bottom:12px;padding-bottom:12px;display:grid}.invoiceLineLarge label{color:#47566a;gap:5px;font-size:12px;font-weight:800;display:grid}.invoiceLineLarge input,.invoiceLineLarge select{background:#fff;border:1px solid #d6deea;border-radius:11px;width:100%;min-height:44px;padding:11px 12px;font-size:15px}.invoiceLineLarge .memoCell{min-width:150px}.invalid{box-shadow:0 0 0 3px #e5484d1f;background:#fff5f5!important;border-color:#e5484d!important}.tableWrap input[type=checkbox]{width:18px;height:18px}.tableWrap{border:1px solid #e1e8f2;border-radius:14px}.tableWrap table{min-width:980px}.payInfoCompact{font-size:12px}@media (width<=1280px){.invoiceLineLarge{grid-template-columns:1fr 1fr}.invoiceLineLarge button{grid-column:1/-1}.grid2{grid-template-columns:1fr}}.payInfo{margin-top:10px!important;padding:7px 9px!important;font-size:9.5px!important;line-height:1.25!important}@media (width<=1500px){.lineCardRows{grid-template-columns:1fr 1fr}.lineCardRows .wide{grid-column:auto}.lineDelete{width:100%;margin-top:8px;position:static}.invoiceLineCard{padding:16px}.invoiceLineCard .lineNo{margin-bottom:10px;position:static}}@media (width<=760px){.lineCardRows{grid-template-columns:1fr}.lineCardRows input,.lineCardRows select{font-size:15px}}.invoiceLineCard{background:#fff;border:1px solid #d8e2ef;border-radius:16px;margin:14px 0;padding:16px 16px 16px 58px;position:relative;box-shadow:0 6px 18px #0f2f570d}.invoiceLineCard .lineNo{color:#fff;background:#0f2f57;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:flex;position:absolute;top:18px;left:16px}.lineCardRows{grid-template-columns:1.1fr 1.2fr .8fr .8fr .8fr 1.4fr;align-items:end;gap:12px;display:grid}.lineCardRows label{color:#43536a;gap:6px;font-size:13px;font-weight:900;display:grid}.lineCardRows input,.lineCardRows select{background:#fff;border:1px solid #d6deea;border-radius:12px;width:100%;min-height:48px;padding:12px 14px;font-size:16px}.lineCardRows input[readonly]{color:#1d4f91;background:#f3f7fc;font-weight:900}.lineDelete{position:absolute;top:14px;right:14px}.invoiceLineLarge{display:none!important}.lineBoxLarge{padding:18px}.totals b,.totals span{font-size:18px}.payInfoGrid{grid-template-columns:1fr 1fr;gap:3px 16px;display:grid}.payInfoTitle{color:#1d4f91;margin-bottom:4px;font-weight:900}.payFeeNote{color:#344255;margin-top:5px;font-weight:800}.payInfo{white-space:normal!important;margin-top:10px!important;padding:7px 9px!important;font-size:9.5px!important;line-height:1.25!important}.summary .amount{font-size:18px!important}@media (width<=1500px){.lineCardRows{grid-template-columns:1fr 1fr}.lineCardRows .wide{grid-column:auto}.lineDelete{width:100%;margin-top:8px;position:static}.invoiceLineCard{padding:16px}.invoiceLineCard .lineNo{margin-bottom:10px;position:static}}@media (width<=760px){.lineCardRows{grid-template-columns:1fr}.lineCardRows input,.lineCardRows select{font-size:15px}}.formWide{max-width:1180px}.formGridLarge{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.formGridLarge input,.formGridLarge select,.formLine input,.formLine select,.formLine textarea{min-height:48px;font-size:16px}.financeListPanel{max-width:none}.actionBar button.on{color:#fff;background:#2f80ed;border-color:#2f80ed}.lineCardRows.noTaxInput{grid-template-columns:1.1fr 1.45fr .85fr .85fr 1.45fr}.lineCardRows.noTaxInput .memoCell{min-width:240px}.invoiceLineCard{padding-right:92px}.lineDelete{min-width:66px}.side button{font-size:14px}@media (width<=1350px){.lineCardRows.noTaxInput{grid-template-columns:1fr 1fr}.invoiceLineCard{padding-right:16px}.lineDelete{width:100%;margin-top:8px;position:static}}@media (width<=760px){.lineCardRows.noTaxInput,.formGridLarge{grid-template-columns:1fr}}.lineCardRows.noTaxInput{align-items:end;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.35fr)!important}.lineCardRows.noTaxInput>label,.lineCardRows.noTaxInput .itemField{width:100%;min-width:0}.lineCardRows.noTaxInput select,.lineCardRows.noTaxInput input{appearance:none;background-size:16px;width:100%;min-width:0}.lineCardRows.noTaxInput .itemField select,.lineCardRows.noTaxInput .memoCell{min-width:0}.searchInput{background:#fff;border:1px solid #d6deea;border-radius:10px;min-width:240px;min-height:42px;padding:10px 12px;font-size:15px}.expenseHistoryPanel{margin-top:20px}.expenseHistoryPanel .tableWrap table{min-width:1100px}.formGridLarge small{margin-top:6px;font-weight:800;display:block}.ok{color:#0f7b45;font-weight:800}@media (width<=1500px){.lineCardRows.noTaxInput{grid-template-columns:1fr 1fr!important}}@media (width<=760px){.lineCardRows.noTaxInput{grid-template-columns:1fr!important}.searchInput{width:100%;min-width:0}.expenseHistoryPanel .between{flex-direction:column;align-items:flex-start}}.suggestions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.suggestions button{color:#0f2f57;background:#eef5ff;border-color:#cfe1fb;padding:6px 8px;font-size:12px}.lineHead .row{flex-wrap:wrap}.loginCard .hint{word-break:break-word}.btns button{margin-bottom:4px}.templatePage{background:#f4f7fb;min-height:100vh;padding:36px}.templateTop{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.templateTop h2{margin:0}.templateTop .row{background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:10px 12px}.menuGroup{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;flex-direction:column;gap:8px;margin:8px 0;padding:10px 0;display:flex}.menuGroup b{color:#b7cae1;letter-spacing:.04em;font-size:12px}.templatePage .cards{max-width:980px}.templatePage .card{min-height:260px}.templatePage .card h3{font-size:26px}.templatePage .card .primary{min-width:140px;margin-top:10px;text-align:center!important}.stats .statDanger{border:1px solid #ffd1cf;color:#d93025!important;background:#fff1f0!important}.reissueBadge{color:#344255;background:#f4f6f9;border:1px solid #aab4c3;border-radius:999px;padding:2px 8px;font-weight:900;display:inline-block}.actionBar select.searchInput{max-width:210px}.templatePage .card h3{color:#0f2f57}.reissueMark{border-radius:999px;padding:3px 8px;font-weight:900;display:inline-block;color:#333!important;background:#f6f6f6!important;border:1px solid #999!important}.brandHome{cursor:pointer;-webkit-user-select:none;user-select:none}.brandHome:hover{text-decoration:underline}.roleHelp{color:#334155;background:#f7fafc;border:1px solid #dde7f2;border-radius:12px;margin:12px 0;padding:12px 14px}.roleHelp p{margin:5px 0}.logFilters{grid-template-columns:1.4fr repeat(3,1fr) .9fr .9fr;gap:8px;margin-bottom:12px;display:grid}.logFilters input,.logFilters select{min-width:0}@media (width<=900px){.logFilters{grid-template-columns:1fr 1fr}}.financeToolbar{background:#f1f6ff;border:1px solid #dce8f7;border-radius:14px;flex-direction:column;gap:10px;margin:10px 0 14px;padding:12px;display:flex}.financeToolbar .toolbarGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.financeToolbar .searchGroup{border-bottom:1px dashed #cbd8e8;padding-bottom:8px}.financeToolbar .downloadGroup{border-top:1px dashed #cbd8e8;padding-top:8px}.financeToolbar button:disabled{opacity:.45;cursor:not-allowed}.financeToolbar b{color:#0f2f57;min-width:120px}.financeToolbar .searchInput{min-width:220px}.downloadGroup button{background:#0f7b45}.downloadGroup button:hover{background:#0b6638}@media (width<=900px){.financeToolbar .searchInput{width:100%;min-width:0}.financeToolbar .toolbarGroup{align-items:stretch}.financeToolbar .toolbarGroup button,.financeToolbar b{width:100%}}.linkBtn{color:#1d4f91;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.linkBtn:hover{color:#0f2f5f}.formActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.sectionHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.sectionHead h3{margin:0}.textActionBtn{border-radius:10px;padding:9px 14px;font-weight:800;text-decoration:none;color:#fff!important;background:#2f80ed!important;border:1px solid #2f80ed!important}.textActionBtn:hover{text-decoration:none;color:#fff!important;background:#1d4f91!important;border-color:#1d4f91!important}.typeSelectBlue{font-weight:800;color:#1d4f91!important}