.attendanceModule{color:#172033;flex-direction:column;gap:18px;display:flex}.attendancePanel{background:#fff;border:1px solid #dde5ee;border-radius:8px;padding:22px}.attendanceDownloadBox{background:#ecfdf8;border:1px solid #99d8ce;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.attendanceDownloadBox div{flex-direction:column;gap:4px;display:flex}.attendanceDownloadBox span{color:#526173}.attendancePanelHead{margin-bottom:16px}.attendancePanelHead h3{margin:0;font-size:20px}.attendanceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.attendanceGrid article{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:8px;min-height:150px;padding:16px}.attendanceGrid article.isActive{background:#f2fbf8;border-color:#0f766e}.attendanceGrid h4{margin:10px 0 8px;font-size:16px}.attendanceGrid p{color:#536173;margin:0;line-height:1.6}.attendanceTwoColumn{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:16px;display:grid}.attendanceEmployeeStack{flex-direction:column;gap:16px;display:flex}.attendanceSubPanel{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:16px}.attendanceSubPanel h4{margin:0 0 12px}.attendanceFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.attendanceFormGrid label{color:#42526a;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.attendanceFormGrid input,.attendanceFormGrid select,.attendanceSubPanel input[type=file]{color:#172033;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #cad6e2;border-radius:8px}.attendanceFormGrid input,.attendanceFormGrid select{padding:8px 10px}.attendanceMuted{color:#526173}.attendanceTable{border-collapse:collapse;border-radius:8px;width:100%;font-size:13px;overflow:hidden}.attendanceTable th,.attendanceTable td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px 12px}.attendanceTable th{color:#17324d;background:#e8f1f8;font-weight:800}.attendanceTable td{color:#304257;background:#fff}.attendanceTable tr.isRestDayWork td{background:#fff8ed}.attendanceTable tr.isVisaWarning td{color:#7f1d1d;background:#fff1f2}.attendanceTable tr.isVisaWarning td:first-child{border-left:4px solid #dc2626}.attendanceTable button+button{margin-left:8px}.attendanceSelectCell{text-align:center;width:44px}.attendanceSelectCell input{width:18px;height:18px}.attendanceSubPanel button:disabled{cursor:not-allowed;opacity:.52}.attendanceButtonRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendanceUploadActions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.attendanceUploadActions span{color:#526173;font-size:13px}.attendanceWideTable{margin-top:14px}.attendanceWideTable input,.attendanceWideTable select,.attendanceUnmatchedBox select{color:#172033;width:100%;min-width:128px;min-height:34px;font:inherit;background:#fff;border:1px solid #cad6e2;border-radius:8px;padding:6px 8px}.attendanceLedgerPanel{margin-top:16px}.attendanceMergePanel{border-top:4px solid #0b2a4a;margin-bottom:16px}.attendanceCompactForm{max-width:900px;margin-top:14px;margin-bottom:0}.attendanceImportPreviewHead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.attendanceImportPreviewHead p{margin:0}.attendanceImportPreviewHead button{flex:none}.attendanceLedgerSummary{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.attendanceLedgerSummary span{color:#0f766e;background:#f3fbf8;border:1px solid #d7e5df;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}.attendanceSelectionBar{background:#f8fbff;border:1px solid #d7e5df;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.attendanceSelectionBar div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.attendanceSelectionBar b{color:#172033}.attendanceSelectionBar span{color:#526173;font-size:13px}.attendanceFilterGrid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:14px;display:grid}.attendanceFilterGrid label{color:#42526a;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.attendanceFilterGrid input,.attendanceFilterGrid select{color:#172033;min-height:36px;font:inherit;background:#fff;border:1px solid #cad6e2;border-radius:8px;padding:6px 10px}.attendanceUnmatchedBox{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.attendanceUnmatchedBox h4{margin:0 0 6px}.attendanceStatusPill{color:#30516f;white-space:nowrap;background:#eef4fb;border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.attendanceStatusPill.isWarning{color:#9a3412;background:#ffedd5}.attendanceStatusPill.isLeave{color:#0f766e;background:#ecfdf8}.attendanceStatusPill.isDanger{color:#991b1b;background:#fee2e2}.attendanceTableScroll{overflow-x:auto}.attendanceEmployeeListPanel .attendanceTable{min-width:1180px}.attendanceVisaAlertPanel{color:#7f1d1d;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:14px;padding:14px 16px;display:grid}.attendanceVisaAlertPanel h4{color:#991b1b;margin:0 0 6px}.attendanceVisaAlertPanel p{color:#9f1239;margin:0}.attendanceVisaAlertList{flex-wrap:wrap;gap:8px;display:flex}.attendanceVisaAlertList span{background:#fff;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:6px 10px;display:inline-flex}.attendanceVisaAlertList b,.attendanceVisaAlertList em,.attendanceVisaAlertList strong{white-space:nowrap;font-style:normal}.attendanceVisaAlertList strong{color:#b91c1c}.attendanceRulePanel{position:relative}.attendanceRuleBadge{color:#0f766e;background:#ecfdf8;border-radius:999px;align-items:center;min-height:26px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.attendanceSavedRules{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-top:16px;display:grid}.attendanceSavedRules h4{margin:0 0 10px}.attendanceModeLegend{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.attendanceModeLegend span{color:#526173;background:#f8fbff;border:1px solid #d7e5df;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.attendanceModeLegend b{color:#172033}.attendanceFieldList{flex-wrap:wrap;gap:8px;display:flex}.attendanceFieldList code{color:#304257;background:#f4f7fb;border-radius:8px;padding:7px 10px}@media (width<=900px){.attendanceDownloadBox,.attendanceImportPreviewHead,.attendanceSelectionBar{flex-direction:column;align-items:stretch}.attendanceGrid,.attendanceTwoColumn,.attendanceFormGrid,.attendanceFilterGrid,.attendanceSavedRules,.attendanceModeLegend,.attendanceVisaAlertPanel{grid-template-columns:1fr}.attendanceVisaAlertList span{flex-direction:column;align-items:flex-start}}.cost-module-page{flex-direction:column;gap:20px;max-width:1180px;display:flex}.cost-module-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cost-module-header h1,.cost-module-header h2{color:#0f2f57;margin:0 0 6px}.cost-module-header .actions{flex-wrap:wrap;gap:10px;display:flex}.cost-module-header .ghost{background:#fff}.eyebrow{color:#2f80ed;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-weight:900}.muted{color:#607086}.danger-text{color:#d93025}.alert{color:#b42318;background:#fff3f2;border:1px solid #ffd2ce;border-radius:14px;padding:12px 14px;font-weight:700}.panel-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.lookup-row{gap:10px;margin-bottom:14px;display:grid}.lookup-result{color:#0f2f57;font-weight:800}.table-wrap{overflow:auto}.cost-module-page textarea,.cost-module-page input{background:#fff;border:1px solid #d6deea;border-radius:10px;width:100%;padding:11px 12px;font-size:15px}.cost-module-page textarea{min-height:220px;line-height:1.6}.cost-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.cost-summary-card{background:#f7fbff;border:1px solid #dce8f7;border-radius:14px;padding:14px}.cost-summary-card b{color:#0f2f57;margin-top:8px;font-size:24px;display:block}.cost-readonly-note{color:#1d4f91;background:#eef5ff;border:1px solid #d6e8ff;border-radius:14px;padding:12px 14px;font-weight:700}.crcPrototypeFrame{background:#eef3f8;border:0;width:100%;height:100vh;display:block}.crcFrameDenied{color:#607086;text-align:center;background:#f4f7fb;place-items:center;min-height:calc(100vh - 60px);padding:40px;display:grid}*{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}.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:auto;max-width:300px;height:124px}.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}}.loginCaptchaRow{align-items:center;gap:10px;display:flex}.loginCaptchaCode{color:#0f2f57;letter-spacing:.24em;-webkit-user-select:none;user-select:none;background:#f6faff;border:1px dashed #9db8de;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:48px;padding:10px 14px;font-size:24px;font-weight:900;display:flex}.loginCaptchaRefresh{white-space:nowrap;min-height:48px;padding:0 14px;font-weight:800}.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{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:none}.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}.previewModal{z-index:9999;background:#0f203385;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.previewModalCard{background:#fff;border:1px solid #d8e2ef;border-radius:22px;flex-direction:column;width:min(1280px,96vw);height:min(92vh,980px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0f2f573d}.previewModalHead{background:#f7fbff;border-bottom:1px solid #e7eef7;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.previewModalHead h3{color:#0f2f57;margin:0 0 6px}.previewModalHead p{color:#5f6f85;margin:0;line-height:1.5}.previewFrame{background:#e8eef6;border:0;flex:1;width:100%}.previewModalActions{background:#fff;border-top:1px solid #e7eef7;justify-content:flex-end;gap:12px;padding:16px 22px;display:flex}.paymentConfirmCard{width:min(720px,94vw);height:auto;max-height:min(82vh,720px)}.paymentConfirmBody{flex-direction:column;gap:18px;padding:20px 22px;display:flex}.paymentConfirmMeta{background:#f8fbff;border:1px solid #e4ebf5;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:14px 16px;display:grid}.paymentConfirmMeta div{flex-direction:column;gap:4px;display:flex}.paymentConfirmMeta b{color:#38506f;font-size:13px}.paymentConfirmMeta span{color:#142033;word-break:break-word;font-size:15px;font-weight:700}@media (width<=900px){.paymentConfirmMeta{grid-template-columns:1fr}.previewModal{padding:12px}.previewModalCard{width:100%;height:94vh}.previewModalHead,.previewModalActions{flex-direction:column}.previewModalActions button{width:100%}}.permissionCard{background:#f7fafc;border:1px solid #dde7f2;border-radius:14px;margin:12px 0;padding:14px 16px}.permissionTitle{color:#0f2f57;margin-bottom:10px;font-weight:900}.checkboxGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.checkboxGrid label{color:#334155;align-items:center;gap:8px;font-weight:800;display:flex}.checkboxGrid input[type=checkbox]{width:18px;height:18px}.templatePage .card{isolation:isolate;border:1px solid #ffffff52;position:relative;overflow:hidden;box-shadow:0 22px 48px #0a1c3c2e,inset 0 1px #ffffff6b}.templatePage .card:before{content:"";z-index:-2;background:radial-gradient(circle at 100% 0,#ffffffb8,#0000 34%),radial-gradient(circle at 0 100%,#ffffff4d,#0000 30%),linear-gradient(145deg,#ffffffeb,#eef5ffd1);position:absolute;inset:0}.templatePage .card:after{content:"";filter:blur(4px);z-index:-1;background:#ffffff29;border-radius:50%;width:200px;height:200px;position:absolute;inset:auto -40px -44px auto}.templatePage .card:first-child:before{background:radial-gradient(circle at 88% 18%,#ffffffbd,#0000 28%),linear-gradient(150deg,#eef8fff5,#d6e7ffd1 58%,#c5deffeb)}.templatePage .card:nth-child(2):before{background:radial-gradient(circle at 16% 14%,#ffffffa8,#0000 26%),linear-gradient(150deg,#f8fcfff2,#e1f2f6d1 54%,#cceaeeeb)}.templatePage .card:nth-child(3):before{background:radial-gradient(circle at 82% 16%,#ffffffad,#0000 30%),linear-gradient(155deg,#f5f8fff5,#e5eaffd6 52%,#d7dffbf0)}.templatePage .card:nth-child(4):before{background:radial-gradient(circle at 20% 20%,#ffffffa8,#0000 26%),linear-gradient(150deg,#f8fbfff2,#e9effad6 54%,#d6e2f5f0)}.templatePage .card:nth-child(5):before{background:radial-gradient(circle at 85% 18%,#ffffffb8,#0000 28%),linear-gradient(150deg,#f6fbfff2,#e1f0ffd6 52%,#d0e5f7f0)}@media (width<=1280px){.templatePage .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.templatePage .cards{grid-template-columns:1fr}}:root{--ui-navy:#081c3d;--ui-navy-2:#102b59;--ui-blue:#2f80ed;--ui-blue-strong:#3f8cff;--ui-glass:#ffffff1f;--ui-glass-strong:#ffffff2e;--ui-panel:#f7faffe0;--ui-panel-border:#c3d6f16b;--ui-shadow:0 24px 70px #05122938;--ui-text:#14233f;--ui-muted:#607086}body{min-height:100vh;color:var(--ui-text);background:linear-gradient(135deg,#06142cdb,#0e2854b8),radial-gradient(circle at 0 0,#498cff2e,#0000 34%),radial-gradient(circle at 100% 100%,#72b8ff26,#0000 26%),url(/login-bg.png) 50%/cover no-repeat fixed}.app{background:linear-gradient(#0817313d,#0817311f);min-height:100vh;position:relative}.side{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#081c3deb,#0a2856d1);border-right:1px solid #aecbf129;box-shadow:24px 0 50px #0410262e}.side h1,.sideBottom,.menuGroup b{color:#f5f9ff}.side button{color:#eef6ff;background:#ffffff14;border:1px solid #b7d1f424;border-radius:16px;transition:all .2s}.side button.on,.side button:hover{background:linear-gradient(135deg,#2f80edeb,#4998ffeb);border-color:#a2cdff85;box-shadow:0 12px 24px #1150a647}.main,.templatePage{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#e9f1fcd6,#eef4fcb8)}.card,.panel,.tableWrap,.financeToolbar,.actionBar,.roleHelp,.permissionCard,.lineBox,.invoiceLineCard,.previewModalCard,.templateTop .row{background:var(--ui-panel);border-color:var(--ui-panel-border);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}th{color:#27456e;background:#deeafbc7}.lineBox,.actionBar,.financeToolbar,.roleHelp,.permissionCard{background:#f3f8ffd1}.primary,.textActionBtn{box-shadow:0 16px 28px #2772e03d;background:linear-gradient(135deg,var(--ui-blue),var(--ui-blue-strong))!important;border-color:#0000!important}.primary:hover,.textActionBtn:hover{background:linear-gradient(135deg,#226fd5,#5b9eff)!important}button{border-color:#a1bce075}button:hover{border-color:#2f80ed80}.login{background:linear-gradient(90deg,#05142e2e 0%,#05142e5c 36%,#05142e94 100%),linear-gradient(#07173247,#0717327a),url(/login-bg.png) 50%/cover no-repeat;justify-content:flex-end;align-items:center;min-height:100vh;padding:42px min(8vw,132px);position:relative}.loginCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff29,#ffffff17);border:1px solid #bcd6f657;border-radius:30px;width:min(520px,94vw);max-width:520px;padding:34px 34px 30px;box-shadow:0 28px 90px #030f2357}.loginCard h1,.loginCard label,.loginCompanyName{color:#f7fbff}.loginBrand{gap:10px;padding-bottom:16px}.loginLogo{filter:drop-shadow(0 10px 30px #07183457);max-width:300px;height:102px}.loginCompanyName{letter-spacing:.04em;font-size:24px}.loginCompanyAddress,.loginCard .hint{color:#e8f1ffd6}.login select,.loginCard input{color:#f6fbff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #bed6f442;border-radius:14px;min-height:54px;padding:14px 16px}.loginCard input::placeholder{color:#e7f0ffa3}.login select option{color:#14233f}.loginCard .primary{min-height:54px;font-size:17px}.templatePage .card{background:linear-gradient(#ffffffe0,#f7fbffd6)}@media (width<=980px){.login{background:linear-gradient(#0717329e,#071732ad),url(/login-bg.png) 50%/cover no-repeat;justify-content:center;padding:24px}.loginCard{padding:28px 22px 24px}}.templatePage{color:#0a203d;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f6f8fb;grid-template-columns:360px minmax(0,1fr);min-height:100vh;padding:0;display:grid}.templateIntro{color:#fff;background:#071d3a;border-right:1px solid #173552;flex-direction:column;min-height:100vh;padding:42px 38px 34px;display:flex;position:sticky;top:0}.templateBrand{border-bottom:1px solid #ffffff29;align-items:baseline;gap:10px;padding-bottom:24px;display:flex}.templateBrand strong{letter-spacing:0;font-size:29px;line-height:1}.templateBrand span{color:#d9bc77;letter-spacing:.14em;font-size:12px;font-weight:900}.templateIntroBody{margin:auto 0;padding:48px 0}.templateEyebrow,.templateSectionLabel{color:#a88d57;letter-spacing:.14em;font-size:12px;font-weight:900;line-height:1.4;display:block}.templateIntroBody h1{color:#fff;letter-spacing:0;margin:22px 0 14px;font-size:46px;line-height:1.14}.templateIntroBody>p{color:#aebed1;margin:0;font-size:17px;font-weight:700;line-height:1.7}.templateModuleCount{border-top:1px solid #ffffff29;align-items:flex-end;gap:12px;width:100%;margin-top:44px;padding:20px 0 0;display:flex}.templateModuleCount strong{color:#d9bc77;font-size:42px;line-height:.9}.templateModuleCount span{color:#d7e0eb;font-size:13px;font-weight:800}.templateIntroFoot{color:#8fa3bb;border-top:1px solid #ffffff29;flex-direction:column;gap:7px;padding-top:22px;font-size:12px;display:flex}.templateIntroFoot b{color:#fff;font-size:14px}.templateWorkspace{background:#f6f8fb;min-width:0;padding:42px 48px 56px}.templateTop{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.templateTop h2{color:#0a203d;margin:8px 0 0;font-size:32px;line-height:1.2}.templateTop .row{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #d9e1eb;border-radius:8px;gap:10px;min-height:52px;padding:7px 8px 7px 16px;box-shadow:0 8px 24px #0a203d0f}.templateTop .row>span{color:#0a203d;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:900;overflow:hidden}.templateTop select,.templateTop button{color:#17324f;background:#fff;border:1px solid #d9e1eb;border-radius:6px;min-height:36px;padding:7px 11px;font-weight:800}.templateTop button:hover,.templateTop select:hover{border-color:#8aa0b8}.templatePage .cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.templatePage .templateModuleCard{isolation:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #dbe3ed;border-top:3px solid #173b64;border-radius:8px;flex-direction:column;min-height:272px;padding:26px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0a203d12}.templatePage .templateModuleCard:before,.templatePage .templateModuleCard:after{content:none}.templatePage .templateModuleCard:hover{border-color:#d0ab5e #aebdce #aebdce;transform:translateY(-2px);box-shadow:0 18px 38px #0a203d1a}.templateCardHead{align-items:center;gap:14px;margin-bottom:16px;display:flex}.templateCardNo{color:#a88d57;letter-spacing:.08em;min-width:34px;font-size:12px;font-weight:900}.templatePage .templateModuleCard h3{color:#0a203d;margin:0;font-size:23px;line-height:1.25}.templatePage .templateModuleCard>p{color:#65758a;min-height:48px;margin:0;font-size:14px;font-weight:600;line-height:1.7}.templatePage .stats{gap:8px;margin:22px 0}.templatePage .stats b{color:#263f5d;background:#f7f9fc;border:1px solid #e0e6ee;border-radius:6px;padding:8px 10px;font-size:12px}.templatePage .stats .statDanger{border-radius:6px;color:#b83a2f!important;background:#fff4f2!important;border-color:#efc7c2!important}.templateCardActions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.templatePage .templateCardActions .primary{min-width:132px;min-height:42px;box-shadow:none;border-radius:6px;margin:0;padding:10px 18px;transition:background .18s,border-color .18s;color:#fff!important;background:#092442!important;border:1px solid #092442!important}.templatePage .templateCardActions .primary:hover{background:#1c4773!important;border-color:#1c4773!important}.templateModuleExpense{border-top-color:#315a78!important}.templateModuleCost{border-top-color:#6e668e!important}.templateModuleShipping{border-top-color:#2e6d70!important}.templateModuleSystem{border-top-color:#6b7786!important}@media (width<=1180px){.templatePage{grid-template-columns:300px minmax(0,1fr)}.templateIntro{padding:34px 28px 30px}.templateIntroBody h1{font-size:38px}.templateWorkspace{padding:34px 30px 46px}}@media (width<=900px){.templatePage{display:block}.templateIntro{min-height:auto;padding:26px 24px;position:static}.templateIntroBody{padding:38px 0 28px}.templateIntroBody h1{font-size:36px}.templateModuleCount{margin-top:28px}.templateIntroFoot{display:none}.templateWorkspace{padding:28px 24px 40px}.templateTop{align-items:flex-start}}@media (width<=700px){.templateIntro{padding:22px 18px}.templateIntroBody{padding:30px 0 20px}.templateIntroBody h1{font-size:32px}.templateWorkspace{padding:24px 16px 34px}.templateTop{flex-direction:column;margin-bottom:24px}.templateTop .row{flex-wrap:wrap;width:100%;padding:8px}.templateTop .row>span{flex:1;max-width:100%}.templateTop select,.templateTop button{flex:1}.templatePage .cards{grid-template-columns:1fr;gap:14px}.templatePage .templateModuleCard{min-height:250px;padding:22px}.templatePage .templateCardActions .primary{flex:1}}.crcKeyManager{background:#f8fbff;border-color:#cbddeb}.crcKeyManager h3{margin:0 0 6px}.crcKeyManager .status.ok{color:#237c4b;background:#e8f6ee;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.crcKeyReveal{background:#fff8e7;border:1px solid #e6c77f;border-radius:10px;margin:14px 0;padding:14px}.crcKeyReveal b,.crcKeyReveal small{display:block}.crcKeyReveal textarea{color:#263f58;resize:none;word-break:break-all;background:#fff;border:1px solid #d7bd7f;border-radius:7px;width:100%;min-height:76px;margin:10px 0;padding:10px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.crcKeyReveal small{color:#7c6a42;margin-top:9px}.crcKeyManager .dataTable small{color:#76899c;margin-top:4px;display:block}.customerServiceAppMode .main{background:#eef3f8;padding:0;overflow:hidden}.systemSettingsPage{flex-direction:column;gap:22px;width:min(1420px,100%);margin:0 auto;display:flex}.systemSettingsHero{color:#fff;background:#071d3a;border:1px solid #173552;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;min-height:210px;padding:32px 36px;display:flex;overflow:hidden;box-shadow:0 22px 54px #071d3a33}.systemEyebrow{color:#d9bc77;letter-spacing:.18em;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.systemSettingsHero h2{color:#fff;margin:0 0 12px;font-size:38px;line-height:1.2}.systemSettingsHero p{color:#b8c6d8;max-width:720px;margin:0;font-size:15px;font-weight:700;line-height:1.75}.systemCatalogStats{background:#ffffff12;border:1px solid #ffffff29;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:390px;display:grid}.systemCatalogStats div{border-right:1px solid #ffffff24;flex-direction:column;justify-content:center;gap:8px;min-height:112px;padding:20px 18px;display:flex}.systemCatalogStats div:last-child{border-right:0}.systemCatalogStats b{color:#fff;font-size:28px;line-height:1}.systemCatalogStats span{color:#b8c6d8;font-size:12px;font-weight:800}.systemSettingsPanel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #dce5f0;border-radius:22px;max-width:none;padding:30px;box-shadow:0 16px 42px #0a203d14}.systemSectionHead{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.systemSectionNo{color:#a88d57;letter-spacing:.14em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.systemSectionHead h3{color:#0a203d;margin:0 0 7px;font-size:25px}.systemSectionHead p{color:#65758a;margin:0;font-size:14px;font-weight:600;line-height:1.65}.editingBadge,.catalogVersionBadge{color:#1d64c8;letter-spacing:.03em;background:#edf5ff;border:1px solid #c9daf0;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:900}.catalogVersionBadge{color:#846a2f;background:#fff9e9;border-color:#d9c692}.systemIdentityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.systemSettingsPage .formLine>span{color:#233a57;font-size:13px}.systemSettingsPage .formLine input,.systemSettingsPage .formLine select{background:#fff;border-color:#ccd8e7;border-radius:12px}.systemSettingsPage .formLine input:focus,.systemSettingsPage .formLine select:focus{border-color:#2f80ed;outline:0;box-shadow:0 0 0 3px #2f80ed1f}.requiredMark{color:#d92d20;margin-left:4px}.fieldError{margin-top:6px;font-size:12px;font-weight:900;line-height:1.45;display:block;color:#c62828!important}.formLineError>span{color:#b42318!important}.formLineError input,.formLineError select,.systemSettingsPage .invalid{background:#fff8f7!important;border-color:#e5484d!important;box-shadow:0 0 0 3px #e5484d1a!important}.accountStatusToggle{color:#233a57;align-items:center;gap:10px;min-height:48px;font-weight:900;display:flex}.accountStatusToggle input,.systemSettingsPage .checkboxGrid input[type=checkbox]{accent-color:#2f80ed;width:19px;height:19px}.systemProfileCard,.systemModuleCard{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7faff;border:1px solid #dce5f0;border-radius:16px;margin:20px 0 0;padding:22px}.systemProfileCard .permissionTitle,.systemModuleCard .permissionTitle{margin-bottom:16px;font-size:17px}.siteScopeBox{background:#fff;border:1px solid #dce5f0;border-radius:12px;margin:14px 0 8px;padding:16px}.siteScopeBox>b{color:#233a57;margin-bottom:12px;font-size:13px;display:block}.siteScopeBox.hasError{background:#fff8f7;border-color:#e5484d}.systemSettingsPage .roleHelp{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #dce5f0;border-radius:12px;margin:18px 0;padding:0;overflow:hidden}.systemSettingsPage .roleHelp summary{cursor:pointer;color:#173b64;padding:14px 16px;font-weight:900}.systemSettingsPage .roleHelp p{padding:0 16px}.systemSettingsPage .roleHelp p:last-child{padding-bottom:14px}.permissionGroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.permissionGroupCard{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #dce5f0;border-radius:16px;margin:0;padding:20px}.permissionGroupCard.hasError{background:#fff9f8;border-color:#e5484d}.permissionGroupHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.permissionGroupHead>div>span{color:#8a9ab0;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.permissionGroupHead .permissionTitle{margin:0;font-size:18px}.permissionGroupTitleRow{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.permissionSelectAll{color:#24578f;cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.permissionSelectAll input{accent-color:#287de8;cursor:pointer;width:18px;height:18px;margin:0}.permissionSelectAll:has(input:disabled){opacity:.55;cursor:not-allowed}.permissionGroupHead>b{color:#1d64c8;background:#edf5ff;border-radius:50%;justify-content:center;align-items:center;min-width:48px;height:34px;padding:0 9px;font-size:12px;display:flex}.permissionGroupCard .checkboxGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.permissionGroupCard .checkboxGrid label{background:#f8fafc;border:1px solid #e4eaf2;border-radius:10px;align-items:flex-start;min-height:42px;padding:9px 10px;font-size:13px;line-height:1.35}.permissionGroupCard .checkboxGrid label:has(input:checked){color:#164f9d;background:#edf5ff;border-color:#a9c9f5}.permissionGroupCard .checkboxGrid label:has(input:disabled){opacity:.68}.permissionGroupCard .hint{margin-top:14px;line-height:1.55;display:block}.permissionSaveBar{background:#f7f9fc;border:1px solid #d9e1eb;border-left:4px solid #173b64;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 18px;display:flex}.permissionSaveBar>div{flex-direction:column;gap:5px;display:flex}.permissionSaveBar b{color:#0a203d}.permissionSaveBar span{color:#65758a;font-size:13px}.permissionSaveBar .primary{min-width:140px}.systemSettingsPage button:disabled{opacity:.5;cursor:not-allowed}@media (width<=1180px){.systemSettingsHero{flex-direction:column;align-items:flex-start}.systemCatalogStats{width:100%;min-width:0}.permissionGroups{grid-template-columns:1fr}}@media (width<=760px){.systemSettingsHero{border-radius:16px;padding:26px 22px}.systemSettingsHero h2{font-size:31px}.systemCatalogStats{grid-template-columns:1fr}.systemCatalogStats div{border-bottom:1px solid #ffffff24;border-right:0;min-height:auto}.systemCatalogStats div:last-child{border-bottom:0}.systemSettingsPanel{border-radius:16px;padding:22px 16px}.systemSectionHead{flex-direction:column}.systemIdentityGrid,.permissionGroupCard .checkboxGrid{grid-template-columns:1fr}.permissionSaveBar{flex-direction:column;align-items:stretch}.permissionSaveBar .primary{width:100%}}.systemCenterAppMode{background:#edf3f8;min-height:100vh;display:block}.systemCenterMain{background:#edf3f8;width:100%;min-width:0;padding:0;overflow:visible}.permissionCenterPage{color:#102a4c;background:#edf3f8;min-height:100vh}.permissionCenterHero{color:#fff;background:#061d3a url(/permission-center-hero.png) 50% 56%/cover no-repeat;grid-template-columns:minmax(0,1fr) minmax(520px,700px);align-items:center;gap:52px;min-height:330px;padding:58px 54px 46px;display:grid;position:relative}.permissionBackButton{color:#dce7f4;min-height:38px;box-shadow:none;background:#071e3ab8;border:1px solid #ffffff3d;border-radius:8px;align-items:center;gap:7px;padding:8px 13px;font-weight:800;display:inline-flex;position:absolute;top:22px;right:34px}.permissionBackButton:hover{color:#fff;background:#102f55;border-color:#d7bd75}.permissionHeroCopy>span{color:#e2c77f;letter-spacing:.16em;border:1px solid #c8a650;border-radius:999px;align-items:center;width:max-content;min-height:45px;padding:0 22px;font-size:13px;font-weight:900;display:flex}.permissionHeroCopy h2{color:#fff;letter-spacing:-.035em;margin:28px 0 18px;font-size:50px;font-weight:500;line-height:1.15}.permissionHeroCopy h2 strong{color:#efcf7c;margin-left:12px;font-weight:900}.permissionHeroCopy p{color:#b9c8dc;max-width:900px;margin:0;font-size:17px;font-weight:650;line-height:1.75}.permissionHeroStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.permissionHeroStats>div{background:#193759e6;border:1px solid #fff3;border-radius:22px;flex-direction:column;justify-content:center;min-height:175px;padding:28px 28px 24px;display:flex;box-shadow:0 18px 36px #01102533}.permissionHeroStats span{color:#aebed2;font-size:13px;font-weight:800}.permissionHeroStats b{color:#fff;margin:17px 0 14px;font-size:40px;line-height:1}.permissionHeroStats small{color:#d8c27c;font-size:12px;font-weight:750;line-height:1.45}.permissionCenterTabs{background:#fff;border-bottom:1px solid #d7e0ea;justify-content:space-between;align-items:stretch;gap:24px;min-height:90px;padding:0 54px;display:flex}.permissionCenterTabs>div{align-items:stretch;gap:46px;display:flex}.permissionCenterTabs button{color:#71839a;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 0 4px;font-size:15px;font-weight:900;position:relative}.permissionCenterTabs button:after{content:"";background:0 0;border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.permissionCenterTabs button.active{color:#102a4c}.permissionCenterTabs button.active:after{background:#d5b25f}.permissionSafetyBadge{color:#2a8556;background:#eefaf2;border:1px solid #bee0cb;border-radius:999px;align-self:center;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-size:12px;font-weight:900;display:inline-flex}.permissionCenterWorkspace{grid-template-columns:minmax(300px,430px) minmax(0,1fr);align-items:start;gap:26px;padding:34px 18px 50px;display:grid}.accountDirectory,.accountPermissionEditor,.permissionCenterTabPanel{background:#fff;border:1px solid #d5e0eb;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px #0f2a4c12}.accountDirectory{position:sticky;top:18px}.accountDirectoryHead{border-bottom:1px solid #e2e9f1;justify-content:space-between;align-items:center;gap:14px;min-height:108px;padding:24px 20px;display:flex}.accountDirectoryHead>div{align-items:center;gap:10px;display:flex}.accountDirectoryHead h3{color:#102a4c;margin:0;font-size:18px}.accountDirectoryHead>div>span{color:#8192a6;background:#eef3f8;border-radius:50%;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:12px;font-weight:900;display:inline-flex}.accountDirectoryHead>button{color:#876c2f;min-height:46px;box-shadow:none;background:#fffdf8;border:1px solid #d5ad53;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}.accountSearch{color:#8ba0b7;background:#f8fafc;border:1px solid #cfdae7;border-radius:12px;align-items:center;gap:10px;min-height:58px;margin:20px 18px;padding:0 14px;display:flex}.accountSearch:focus-within{border-color:#8ab6e8;box-shadow:0 0 0 3px #2f80ed1a}.accountSearch input{min-width:0;box-shadow:none;color:#102a4c;background:0 0;border:0;flex:1;padding:0}.accountSearch input:focus{outline:0}.accountDirectoryList{border-top:1px solid #e3eaf2;max-height:calc(100vh - 290px);overflow:auto}.accountDirectoryList>button{color:#102a4c;text-align:left;width:100%;min-height:112px;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e2e9f1;border-radius:0;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px 16px;display:grid}.accountDirectoryList>button.selected{background:#edf5ff;border-left:5px solid #d3b35f;padding-left:11px}.accountDirectoryList>button:hover{background:#f5f9fd}.accountAvatar{color:#fff;background:#0b3766;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:flex;box-shadow:0 8px 18px #0b37662e}.accountDirectoryMeta{flex-direction:column;gap:5px;min-width:0;display:flex}.accountDirectoryMeta b{color:#193554;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.accountDirectoryMeta small{color:#8292a6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.accountDirectoryMeta em{color:#9a792e;align-items:center;gap:5px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.accountOnlineStatus{color:#2c8958;background:#e9f8ee;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900}.accountOnlineStatus.muted{color:#8493a5;background:#edf1f5}.accountEmpty{color:#7a8ca1;text-align:center;margin:0;padding:30px 20px}.accountEditorHead{background:#f9fbfd;border-bottom:1px solid #dce5ee;justify-content:space-between;align-items:flex-start;gap:24px;min-height:190px;padding:35px 42px 30px;display:flex}.accountEditorHead>div>span,.tabPanelHead>span{color:#9c7b32;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:900;display:block}.accountEditorHead h3{color:#112d51;margin:0 0 12px;font-size:30px;line-height:1.15}.accountEditorHead p{color:#75889e;max-width:780px;margin:0;font-size:13px;font-weight:650;line-height:1.65}.accountEnableSwitch{cursor:pointer;background:#fff;border:1px solid #d7e1eb;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:14px;min-width:220px;min-height:86px;padding:17px 18px;display:grid}.accountEnableSwitch>span{flex-direction:column;gap:6px;display:flex}.accountEnableSwitch b{color:#163253;font-size:13px}.accountEnableSwitch small{color:#3a9563;font-size:11px;font-weight:800}.accountEnableSwitch input{opacity:0;pointer-events:none;position:absolute}.accountEnableSwitch i{background:#aab7c4;border-radius:999px;width:56px;height:34px;transition:background .18s;position:relative}.accountEnableSwitch i:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0f2a4c38}.accountEnableSwitch input:checked+i{background:#2d8d5b}.accountEnableSwitch input:checked+i:after{transform:translate(22px)}.accountEditorBody{flex-direction:column;gap:24px;padding:28px;display:flex}.permissionEditorSection{background:#fff;border:1px solid #d7e1eb;border-radius:18px;overflow:hidden}.permissionEditorSectionHead{background:#f9fbfd;border-bottom:1px solid #e0e7ef;align-items:center;gap:15px;min-height:86px;padding:20px 24px;display:flex}.permissionEditorSectionHead>span{color:#e4c878;background:#092a51;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:900;display:flex}.permissionEditorSectionHead h4{color:#193655;margin:0;font-size:19px}.permissionEditorSectionHead>small{color:#8291a5;margin-left:auto;font-size:11px;font-weight:800}.permissionEditorSectionHead>small b{color:#d43f35;margin-right:5px}.permissionEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;padding:28px;display:grid}.permissionCenterPage .formLine{min-width:0}.permissionCenterPage .formLine>span{color:#233f5e;margin-bottom:8px;font-size:12px;font-weight:900}.permissionCenterPage .formLine input,.permissionCenterPage .formLine select{color:#183655;background:#fff;border:1px solid #ccd9e6;border-radius:12px;min-height:54px;font-weight:700}.permissionCenterPage .formLine input:focus,.permissionCenterPage .formLine select:focus{border-color:#639fdf;outline:0;box-shadow:0 0 0 3px #2f80ed1c}.accountActivityCard{background:#f6f9fc;border:1px solid #d5e0ea;border-radius:12px;flex-direction:column;justify-content:center;gap:7px;min-height:92px;padding:16px 18px;display:flex}.accountActivityCard span,.accountActivityCard small{color:#8292a6;font-size:11px}.accountActivityCard b{color:#28435f;font-size:14px}.passwordField{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.passwordField button{color:#28435f;min-width:110px;box-shadow:none;background:#f8fafc;border:1px solid #ccd9e6;border-radius:10px;font-size:12px;font-weight:900}.permissionCenterPage .roleHelp{margin:0 28px 28px}.siteScopeBox{background:0 0;border:0;margin:24px 28px 0;padding:0}.siteScopeBox .checkboxGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.siteScopeBox .checkboxGrid label{color:#193655;background:#f8fafc;border:1px solid #d6e0eb;border-radius:12px;align-items:center;gap:10px;min-height:76px;padding:14px;font-weight:800;display:flex}.siteScopeBox .checkboxGrid label:has(input:checked){background:#edf6ff;border-color:#80acd9}.siteScopeBox .checkboxGrid input,.modulePermissionGrid input,.inlineCheck input,.permissionGroupCard input{accent-color:#2f80ed;flex:none;width:18px;height:18px}.siteScopeBox .checkboxGrid label>span{flex-direction:column;gap:4px;display:flex}.siteScopeBox .checkboxGrid small{color:#8898aa;font-size:9px}.siteScopeBox.hasError{background:#fff8f7;border:1px solid #e5484d;border-radius:14px;padding:12px}.profileGrid{padding-top:22px}.inlineCheck{color:#28435f;align-self:end;align-items:center;gap:10px;min-height:54px;font-size:12px;font-weight:900;display:flex}.modulePermissionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px;display:grid}.modulePermissionGrid label{cursor:pointer;background:#f8fafc;border:1px solid #d9e2ec;border-radius:13px;align-items:center;gap:12px;min-height:82px;padding:15px;display:flex}.modulePermissionGrid label.selected{background:#eef6ff;border-color:#8bb5e2}.modulePermissionGrid label:has(input:disabled){cursor:not-allowed;opacity:.7}.modulePermissionGrid label>span{flex-direction:column;gap:5px;min-width:0;display:flex}.modulePermissionGrid b{color:#193655;font-size:13px}.modulePermissionGrid small{color:#8696a9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.protectedNotice{color:#876b2f;background:#fffaf0;border:1px solid #e5d5a5;border-radius:12px;align-items:center;gap:8px;margin:0 24px 24px;padding:13px 15px;font-size:12px;font-weight:900;display:flex}.permissionCenterPage .permissionGroups{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}.permissionCenterPage .permissionGroupCard{background:#fbfcfe;border-color:#d8e2ec}.permissionCenterPage .permissionGroupCard .checkboxGrid label{border-radius:8px;min-height:40px}.permissionEditorActions{z-index:4;background:#fff;border:1px solid #cfdae6;border-left:5px solid #d0ae55;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex;position:sticky;bottom:14px;box-shadow:0 14px 36px #0f2a4c24}.permissionEditorActions>div:first-child{flex-direction:column;gap:5px;display:flex}.permissionEditorActions b{color:#153252;font-size:13px}.permissionEditorActions span{color:#77899d;font-size:11px}.permissionSaveFeedback{border-left:3px solid #0000;border-radius:8px;padding:8px 12px}.permissionSaveFeedback.pending,.permissionSaveFeedback.loading{background:#f1f7ff;border-left-color:#287de8}.permissionSaveFeedback.success{background:#eefaf3;border-left-color:#25945c}.permissionSaveFeedback.success b{color:#176d43}.permissionSaveFeedback.error{background:#fff1f2;border-left-color:#d73b45}.permissionSaveFeedback.error b{color:#b4232c}.permissionEditorActions .btns{justify-content:flex-end}.permissionEditorActions button{border-radius:9px;min-height:42px;font-weight:900}.permissionEditorActions .primary{background:#0b315b;border-color:#0b315b}.permissionEditorActions .permissionSaveButton{background:#b28d37;border-color:#b28d37}.permissionCenterTabPanel,.crcKeyManager{margin:34px 24px;padding:34px}.tabPanelHead{border-bottom:1px solid #e0e7ef;padding-bottom:24px}.tabPanelHead h3{color:#112d51;margin:0 0 10px;font-size:28px}.tabPanelHead p{color:#74869b;margin:0;font-size:13px;line-height:1.65}.roleTemplateGrid,.moduleRegistryGrid,.auditPolicyGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.roleTemplateGrid article,.moduleRegistryGrid article,.auditPolicyGrid article{background:#f8fafc;border:1px solid #d8e2ec;border-radius:16px;min-height:170px;padding:22px;position:relative}.roleTemplateGrid article>span,.moduleRegistryGrid article>span{color:#9b7b35;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.roleTemplateGrid h4,.moduleRegistryGrid h4,.auditPolicyGrid h4{color:#153252;margin:13px 0 9px;font-size:18px}.roleTemplateGrid p,.moduleRegistryGrid p,.auditPolicyGrid p{color:#75869a;margin:0;font-size:12px;line-height:1.65}.roleTemplateGrid em{color:#9a792e;align-items:center;gap:6px;margin-top:18px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.moduleRegistryGrid article>b{color:#2367b5;background:#e9f3ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex;position:absolute;top:18px;right:18px}.auditPolicyGrid article>b{color:#c5a24d;font-size:12px}@media (width<=1380px){.permissionCenterHero{grid-template-columns:minmax(0,1fr) 440px;gap:28px;min-height:210px;padding:30px 24px 24px}.permissionBackButton{display:none}.permissionHeroCopy>span{min-height:32px;padding:0 15px;font-size:9px}.permissionHeroCopy h2{margin:17px 0 11px;font-size:34px}.permissionHeroCopy p{font-size:12px;line-height:1.6}.permissionHeroStats{gap:12px}.permissionHeroStats>div{border-radius:16px;min-height:104px;padding:16px 15px}.permissionHeroStats span{font-size:10px}.permissionHeroStats b{margin:10px 0 8px;font-size:29px}.permissionHeroStats small{font-size:9px}.permissionCenterTabs{min-height:68px;padding:0 24px}.permissionCenterTabs>div{gap:36px}.permissionCenterTabs button{font-size:12px}.permissionSafetyBadge{min-height:38px;padding:0 13px;font-size:10px}.permissionCenterWorkspace{grid-template-columns:260px minmax(0,1fr);gap:16px;padding:16px 8px 40px}.accountDirectory,.accountPermissionEditor,.permissionCenterTabPanel{border-radius:14px}.accountDirectoryHead{min-height:66px;padding:14px 12px}.accountDirectoryHead h3{font-size:14px}.accountDirectoryHead>div{gap:7px}.accountDirectoryHead>div>span{min-width:25px;height:25px;font-size:10px}.accountDirectoryHead>button{min-height:39px;padding:0 11px;font-size:10px}.accountSearch{border-radius:9px;min-height:46px;margin:12px 10px;padding:0 10px}.accountSearch input{font-size:11px}.accountDirectoryList>button{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:78px;padding:13px 10px}.accountDirectoryList>button.selected{border-left-width:3px;padding-left:7px}.accountAvatar{border-radius:10px;width:38px;height:38px;font-size:14px}.accountDirectoryMeta{gap:3px}.accountDirectoryMeta b{font-size:11px}.accountDirectoryMeta small,.accountDirectoryMeta em{font-size:8px}.accountOnlineStatus{padding:4px 6px;font-size:8px}.accountEditorHead{min-height:122px;padding:23px 26px 20px}.accountEditorHead>div>span{margin-bottom:10px;font-size:8px}.accountEditorHead h3{margin-bottom:7px;font-size:23px}.accountEditorHead p{font-size:10px;line-height:1.5}.accountEnableSwitch{border-radius:10px;min-width:170px;min-height:68px;padding:12px 14px}.accountEnableSwitch b{font-size:10px}.accountEnableSwitch small{font-size:8px}.accountEnableSwitch i{width:46px;height:28px}.accountEnableSwitch i:after{width:20px;height:20px}.accountEnableSwitch input:checked+i:after{transform:translate(18px)}.accountEditorBody{gap:14px;padding:16px}.permissionEditorSection{border-radius:12px}.permissionEditorSectionHead{gap:10px;min-height:64px;padding:13px 16px}.permissionEditorSectionHead>span{border-radius:9px;width:34px;height:34px;font-size:9px}.permissionEditorSectionHead h4{font-size:15px}.permissionEditorSectionHead>small{font-size:8px}.permissionEditorGrid{gap:13px 16px;padding:17px}.permissionCenterPage .formLine>span{margin-bottom:6px;font-size:9px}.permissionCenterPage .formLine input,.permissionCenterPage .formLine select{border-radius:9px;min-height:44px;font-size:11px}.accountActivityCard{border-radius:9px;gap:5px;min-height:72px;padding:11px 13px}.accountActivityCard span,.accountActivityCard small{font-size:8px}.accountActivityCard b{font-size:11px}.passwordField button{min-width:90px;font-size:9px}.permissionCenterPage .roleHelp{margin:0 17px 17px}.siteScopeBox{margin:16px 17px 0}.siteScopeBox .checkboxGrid label{border-radius:9px;min-height:58px;padding:10px;font-size:10px}.profileGrid{padding-top:14px}.modulePermissionGrid{gap:9px;padding:16px}.modulePermissionGrid label{border-radius:9px;min-height:64px;padding:11px}.modulePermissionGrid b{font-size:10px}.modulePermissionGrid small{font-size:8px}.protectedNotice{margin:0 16px 16px;padding:10px 12px;font-size:9px}.permissionCenterPage .permissionGroups{padding:16px}.siteScopeBox .checkboxGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1060px){.permissionCenterHero{grid-template-columns:1fr;gap:30px}.permissionHeroStats{width:100%;max-width:none}.permissionHeroStats>div{min-height:130px}.permissionCenterTabs{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:0 28px}.permissionCenterTabs>div{gap:28px;width:100%;min-height:58px;overflow:auto}.permissionSafetyBadge{margin-bottom:14px}.permissionCenterWorkspace{grid-template-columns:1fr}.accountDirectory{position:static}.accountDirectoryList{max-height:360px}.modulePermissionGrid,.roleTemplateGrid,.moduleRegistryGrid,.auditPolicyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.permissionCenterHero{min-height:auto;padding:74px 20px 32px}.permissionBackButton{top:18px;right:18px}.permissionHeroCopy>span{min-height:38px;padding:0 16px;font-size:10px}.permissionHeroCopy h2{margin-top:22px;font-size:34px}.permissionHeroCopy h2 strong{margin:7px 0 0;display:block}.permissionHeroCopy p{font-size:14px}.permissionHeroStats{grid-template-columns:1fr;gap:10px}.permissionHeroStats>div{min-height:104px;padding:18px 20px}.permissionHeroStats b{margin:10px 0;font-size:31px}.permissionCenterTabs{padding:12px 18px}.permissionCenterTabs>div{gap:22px}.permissionSafetyBadge{display:none}.permissionCenterWorkspace{padding:18px 12px 32px}.accountDirectory,.accountPermissionEditor,.permissionCenterTabPanel{border-radius:15px}.accountEditorHead{flex-direction:column;padding:26px 20px}.accountEnableSwitch{width:100%}.accountEditorBody{padding:14px}.permissionEditorSection{border-radius:13px}.permissionEditorSectionHead{padding:16px}.permissionEditorSectionHead>small{display:none}.permissionEditorGrid{grid-template-columns:1fr;padding:18px}.siteScopeBox{margin:18px}.siteScopeBox .checkboxGrid,.modulePermissionGrid,.permissionCenterPage .permissionGroups,.roleTemplateGrid,.moduleRegistryGrid,.auditPolicyGrid{grid-template-columns:1fr}.modulePermissionGrid,.permissionCenterPage .permissionGroups{padding:18px}.permissionEditorActions{flex-direction:column;align-items:stretch;position:static}.permissionEditorActions .btns{grid-template-columns:1fr;display:grid}.permissionCenterTabPanel,.crcKeyManager{margin:18px 12px;padding:22px 18px}}