:root{--navy:#0d1b2a;--blue:#2563eb;--cyan:#06b6d4;--bg:#f4f7fb;--text:#162033;--muted:#6b7280;--line:#e5e7eb;--red:#dc2626}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}#login{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(150deg,#081526,#12325a)}.loginCard{width:min(410px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 25px 70px #0005}.logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:900}.loginCard h1{margin:16px 0 4px}.loginCard p,.sub{color:var(--muted);font-size:11px}.field,.adminSearch{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}.primary,.save,.addBtn{width:100%;border:0;background:var(--blue);color:#fff;padding:13px;border-radius:12px;font-weight:800}.err{color:var(--red);font-size:11px;min-height:18px;margin-top:9px}#app{max-width:480px;margin:auto;min-height:100vh;padding-bottom:84px}header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding:10px 13px}.head,.brand,.row{display:flex;align-items:center}.head{justify-content:space-between}.brand{gap:9px}.brand .logo{width:36px;height:36px;border-radius:11px;font-size:13px}.brand strong{font-size:13px}.brand small{display:block;color:var(--muted);font-size:9px}.logout{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:10px}main{padding:14px}.hero{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:18px;padding:18px;margin-bottom:13px}.hero h2{margin:6px 0}.hero p{margin:0;color:#dbeafe;font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card,.shift,.project,.masterCard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:9px}.kpi span{font-size:10px;color:var(--muted)}.kpi strong{font-size:22px;display:block;margin-top:5px}.title{font-size:15px;font-weight:800;margin:18px 2px 10px}.notice{font-size:10px;color:#7c2d12;background:#fffbeb;border:1px solid #fde68a;padding:10px;border-radius:12px;line-height:1.6;margin-bottom:10px}.action{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;width:100%;text-align:left;margin-bottom:8px}.icon{width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-size:18px}.grow{flex:1}.action strong{display:block;font-size:13px}.action span{font-size:10px;color:var(--muted)}.row{justify-content:space-between;gap:10px;align-items:flex-start}.pill{display:inline-block;margin-top:6px;padding:5px 8px;border-radius:99px;background:#dcfce7;color:#166534;font-size:9px;font-weight:800}.btn{border:0;border-radius:10px;padding:10px;font-weight:700;font-size:10px;background:#f3f4f6}.blue{background:var(--blue);color:#fff}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.empty{text-align:center;padding:28px;color:var(--muted);font-size:12px}.chips,.adminTabs{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.chip,.adminTab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 10px;font-size:10px}.active{color:var(--blue)}.adminTab.active,.chip.active{background:#dbeafe;border-color:#bfdbfe}.adminSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.summaryCard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;text-align:center}.summaryCard span{font-size:9px;color:var(--muted)}.summaryCard strong{display:block;font-size:18px}.addBtn{margin-bottom:10px}.masterActions{margin-top:10px}nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(480px,100%);z-index:30;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.nav{border:0;background:transparent;color:#64748b;font-size:9px;padding:4px}.nav b{display:block;font-size:19px}.nav.active{color:var(--blue)}.modalWrap{position:fixed;inset:0;background:#02061780;z-index:40;display:grid;align-items:end}.modal{width:min(520px,100%);margin:auto;background:#fff;border-radius:22px 22px 0 0;padding:17px;max-height:88vh;overflow:auto}.handle{width:44px;height:5px;border-radius:10px;background:#d1d5db;margin:auto auto 14px}.modal label{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.checkRow{display:flex!important;align-items:center;gap:8px;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;margin-bottom:10px!important}@media(min-width:760px){#app{max-width:1080px}.grid{grid-template-columns:repeat(4,1fr)}nav{width:min(1080px,100%)}}.reviewSummary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:10px 12px;margin-bottom:10px;font-size:11px;color:#1e40af}.reviewReason{font-size:11px;line-height:1.65;margin:10px 0;color:#475569}.reviewActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reviewBtn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:10px;padding:10px 7px;font-size:10px;font-weight:800}.reviewBtn.danger{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.reviewResolved{opacity:.72}.resolvedBox{grid-column:1/-1;background:#f1f5f9;border-radius:10px;padding:10px;font-size:10px;font-weight:800;color:#475569}.tabBadge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#fee2e2;color:#b91c1c;font-size:9px;margin-left:3px}.detailModal{max-height:94vh}.detailHead h3{margin:0 0 3px}.detailHead .btn{width:auto;min-width:64px}.detailTabs{display:flex;gap:6px;overflow:auto;margin:14px -2px 12px;padding:2px}.detailTab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 11px;font-size:10px}.detailTab.active{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8;font-weight:800}.detailSection{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}.detailSection h4{margin:0 0 9px;font-size:12px}.detailRow{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:10px}.detailRow:last-child{border-bottom:0}.detailRow span{color:var(--muted);flex:0 0 34%}.detailRow strong{text-align:right;word-break:break-word;max-width:64%;font-size:10px}.detailItem{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:8px}.detailItem p{font-size:10px;line-height:1.6;color:#475569;margin:8px 0 0}.netPay{font-size:16px;color:#1d4ed8}.payrollCard{border-color:#bfdbfe}.financeHead{margin-bottom:10px}.financeNumbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.financeNumbers>div,.invoiceTotals>div{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:9px}.financeNumbers span,.invoiceTotals span{display:block;font-size:9px;color:var(--muted)}.financeNumbers strong,.invoiceTotals strong{display:block;margin-top:3px;font-size:12px}.financeMini{display:flex;gap:12px;color:var(--muted);font-size:10px;margin:9px 0}.financeGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.financeGrid label{margin:0!important}.invoiceLine{position:relative;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0}.lineRemove{position:absolute;right:8px;top:8px;border:0;background:#fee2e2;color:#b91c1c;border-radius:99px;width:28px;height:28px;font-weight:900}.invoiceTotals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.invoiceDetailLine{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:10px}.invoiceDetailLine:last-child{border-bottom:0}.invoiceOpen{cursor:pointer}@media(max-width:380px){.financeGrid{grid-template-columns:1fr}.financeNumbers,.invoiceTotals{grid-template-columns:1fr}}
.accessBox{margin:14px 0;padding:13px;border:1px solid #bfdbfe;background:#f8fbff;border-radius:14px}.accessTitle{font-size:12px;font-weight:800;margin-bottom:9px;color:#1e3a8a}.accessNote{font-size:10px;line-height:1.6;color:#475569;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:9px;margin-top:8px}.roleField{margin-bottom:10px}.roleHelp{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:10px 11px;margin-top:-3px;margin-bottom:10px}.roleHelpTitle{font-size:11px;font-weight:800;color:#1d4ed8;margin-bottom:4px}.roleHelpText{font-size:10px;line-height:1.65;color:#475569}
.sheetCard{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:9px}.sheetCard:active{transform:scale(.995)}.sheetAccess{white-space:nowrap;background:#f1f5f9;color:#475569;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.sheetAccess.edit{background:#dbeafe;color:#1d4ed8}.sheetMeta{margin-top:9px;font-size:9px;color:#64748b}
.sectionHead{align-items:center}.sectionHead .title{margin:18px 2px 10px}.sectionHead .btn{margin-top:8px}.workCard{background:#fff;border:1px solid #bfdbfe;border-radius:16px;padding:14px;margin-bottom:9px;box-shadow:0 3px 12px #0f172a08}.workState{white-space:nowrap;border-radius:99px;padding:6px 9px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:800}.workState.working{background:#dbeafe;color:#1d4ed8}.workState.done{background:#dcfce7;color:#166534}.clockMeta{font-size:10px;color:#475569;background:#f8fafc;border-radius:9px;padding:8px;margin-top:10px}.attendanceBtn{width:100%;border:0;border-radius:13px;padding:14px;margin-top:11px;font-size:13px;font-weight:900}.attendanceBtn.clockIn{background:#16a34a;color:#fff}.attendanceBtn.clockOut{background:#0f172a;color:#fff}.shiftFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.shiftFooter .pill{margin:0}.shiftEditBtn{min-width:72px}.pill.locked{background:#fee2e2;color:#b91c1c}.modal .financeGrid .field{margin-bottom:10px}#myWorkSection .title{margin-top:14px}@media(max-width:380px){.attendanceBtn{padding:13px}.sectionHead{align-items:flex-end}}
.workState.pending{background:#fef3c7;color:#92400e}.workState.returned{background:#fee2e2;color:#b91c1c}.attendanceBtn.correctionBtn{background:#b91c1c;color:#fff}.approvalCard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}.pendingPill{background:#fef3c7;color:#92400e}.approvalProject{font-size:12px;font-weight:800;margin-top:11px}.approvalProject span{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:3px}.approvalFacts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.approvalFacts>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:8px;text-align:center}.approvalFacts span{display:block;font-size:8px;color:var(--muted)}.approvalFacts strong{display:block;font-size:10px;margin-top:3px}.approvalExtra,.approvalNote{font-size:10px;line-height:1.6;background:#f8fafc;border-radius:10px;padding:9px;margin-top:8px;color:#475569}.approvalActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.approvalActions .btn{padding:12px;font-size:11px}@media(max-width:380px){.approvalFacts{grid-template-columns:repeat(2,1fr)}}
.lineStatusCard{border-color:#bfdbfe}.lineStatusBadge{white-space:nowrap;border-radius:99px;padding:6px 9px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:800}.lineStatusBadge.ready{background:#dbeafe;color:#1d4ed8}.lineStatusBadge.linked{background:#dcfce7;color:#166534}.lineAccountStatus{font-size:10px;line-height:1.65;color:#475569;background:#f8fafc;border-radius:10px;padding:9px;margin-top:10px}.userStatusRow{margin-top:9px}.lineMini{display:inline-block;border-radius:99px;padding:5px 8px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:800}.lineMini.linked{background:#dcfce7;color:#166534}
.myBigNumber{display:block;font-size:24px;margin-top:2px}.compactList{margin-top:10px}.miniRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #eef2f7}.miniRow:first-child{border-top:0}.miniRowRight{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.miniLink{border:0;background:transparent;color:#b91c1c;font-size:9px;text-decoration:underline;padding:2px}.myItemCard{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:8px;color:inherit}.myItemAmount{text-align:right}.myItemAmount strong{display:block;font-size:14px}.myItemAmount span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.historyRow{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:7px}.historyRight{text-align:right}.historyRight strong,.historyRight span{display:block}.historyRight strong{font-size:10px}.historyRight span{font-size:8px;color:var(--muted);margin-top:3px}.payslipHero{background:#eff6ff;border:1px solid #bfdbfe;border-radius:15px;padding:16px;margin:14px 0;text-align:center}.payslipHero span{display:block;font-size:10px;color:#475569}.payslipHero strong{display:block;font-size:26px;color:#1d4ed8;margin-top:5px}.leaveAdminSummary{display:flex;justify-content:space-between;align-items:center;background:#eff6ff;border-radius:12px;padding:12px;margin-top:10px}.leaveAdminSummary span{font-size:10px;color:#475569}.leaveAdminSummary strong{font-size:18px;color:#1d4ed8}.leaveApprovalMain{margin-top:10px}.payrollActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.payrollActions .btn{padding:11px}@media(max-width:380px){.payrollActions{grid-template-columns:1fr}.myBigNumber{font-size:21px}}

/* Demo mode */
.demoLogin{width:100%;margin-top:10px;padding:13px 16px;border:1px solid #2f6fec;border-radius:12px;background:#fff;color:#1756c5;font-weight:800;font-size:15px;cursor:pointer}
.demoLogin:hover{background:#f4f8ff}
.demoCredentials{margin-top:12px;padding:12px 14px;border:1px solid #cfe0ff;border-radius:12px;background:#f7fbff;display:grid;gap:4px;font-size:13px;color:#334155}
.demoCredentials strong{color:#1546a0}
.demoCredentials small{color:#64748b;margin-top:3px}
.demoBanner{display:none;position:sticky;top:0;z-index:9999;background:#fff5cc;border-bottom:1px solid #f2cf62;color:#7a4a00;text-align:center;padding:8px 12px;font-weight:800;font-size:12px}
body.demoMode .demoBanner{display:block}
body.demoMode header{top:32px}
@media(max-width:640px){.demoCredentials{font-size:12px}.demoBanner{font-size:11px}}

/* Monthly shift board */
.shiftViewTabs{display:flex;gap:8px;margin:14px 0 10px}
.shiftViewTab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font-weight:800;cursor:pointer;color:#475569}
.shiftViewTab.active{background:#eaf2ff;border-color:#b9d2ff;color:#1756c5}
.monthNav{margin-bottom:10px}
.monthFilters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:8px;align-items:center;margin-bottom:8px}
.monthFilters .field{margin:0;min-width:0}
.monthShiftSummary{font-size:13px;color:#64748b;margin:6px 2px 10px}
.monthShiftBoard{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.monthTableScroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.monthShiftTable{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}
.monthShiftTable th,.monthShiftTable td{border-right:1px solid #e5eaf2;border-bottom:1px solid #e5eaf2;vertical-align:top}
.monthDayHead{min-width:112px;width:112px;background:#f8fafc;text-align:center;padding:8px 4px;position:sticky;top:0;z-index:3}
.monthDayHead span{display:block;font-size:14px;font-weight:900}
.monthDayHead small{display:block;margin-top:2px;color:#64748b}
.monthDayHead.sun small{color:#b42318}.monthDayHead.sat small{color:#1756c5}
.monthEmployee{position:sticky;left:0;z-index:2;min-width:170px;width:170px;background:#fff;text-align:left;padding:10px}
.monthEmployee strong{display:block;font-size:13px;white-space:nowrap}
.monthEmployee small{display:block;margin-top:4px;color:#64748b;font-weight:500;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.monthCorner{background:#f8fafc;z-index:5;top:0}
.monthCell{min-width:112px;width:112px;max-width:112px;padding:5px;background:#fff}
.todayCol{background:#fff9db!important}
.monthShiftItem{display:block;width:100%;text-align:left;border:1px solid #cfe0ff;background:#f4f8ff;border-radius:8px;padding:6px;margin:0 0 5px;color:#0f172a;font:inherit}
.monthShiftItem:last-child{margin-bottom:0}
.monthShiftItem.editable{cursor:pointer}
.monthShiftItem.editable:hover{border-color:#7aa7ff;background:#eaf2ff}
.monthProject,.monthLocation,.monthTime{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.monthProject{font-weight:800}.monthLocation{color:#475569;margin-top:2px}.monthTime{color:#64748b;font-size:10px;margin-top:3px}
.monthEmpty{display:block;text-align:center;color:#c0c8d4;padding-top:12px}
@media(max-width:760px){
  .monthFilters{grid-template-columns:1fr 1fr}
  .monthFilters #clearMonthFilters{grid-column:1/-1;width:100%}
  .monthEmployee{min-width:132px;width:132px}
  .monthEmployee small{max-width:122px}
  .monthDayHead,.monthCell{min-width:96px;width:96px;max-width:96px}
}

.financeHeadStack{align-items:flex-start;gap:12px}
.financeHeadActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.financeNotice{margin-top:10px}
.billingPreviewHead{margin:10px 0}
.billingWarning{margin:10px 0}
.billingPreviewCard{margin-bottom:10px}
.billingPreviewItems{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.billingPreviewItems>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}
.billingPreviewItems span{color:#475569}
.miniNotice{margin-top:8px;font-size:11px}
@media(max-width:720px){.financeHeadStack{display:block}.financeHeadActions{justify-content:stretch;margin-top:10px}.financeHeadActions .btn{flex:1}}

/* Input / edit center */
.inputEditCenter{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0}
.inputEditHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.inputEditHead strong{font-size:16px}
.inputEditGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quickEditCard{appearance:none;border:1px solid #dbe4f0;background:#f8fbff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:#0f172a}
.quickEditCard:hover{border-color:#8bb3ff;background:#eef5ff}
.quickEditCard b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#e7f0ff;color:#1756c5;font-size:20px;margin-bottom:8px}
.quickEditCard span{display:block;font-weight:800;font-size:14px}
.quickEditCard small{display:block;color:#64748b;margin-top:3px}
.sheetCardQuick{background:#fffaf0;border-color:#f3d89b}
.sheetCardQuick b{background:#fff1cc;color:#915f00}
.inputRuleRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.inputRuleRow span{background:#f8fafc;border:1px solid #e6eaf0;border-radius:999px;padding:7px 10px;font-size:11px;color:#475569}
.sheetUsageGuide{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.sheetUsageGuide>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
.sheetUsageGuide strong,.sheetUsageGuide span{display:block}
.sheetUsageGuide span{font-size:12px;color:#64748b;margin-top:3px}
.sheetEditable{border:2px solid #9cc0ff!important;background:#f8fbff}
.sheetHint{margin-top:8px;font-size:11px;font-weight:700;color:#1756c5}
@media(max-width:760px){.inputEditHead{display:block}.inputEditHead .btn{width:100%;margin-top:8px}.inputEditGrid{grid-template-columns:1fr 1fr}.sheetUsageGuide{grid-template-columns:1fr}}

/* Payroll automatic insurance + simulation */
.payrollAutoNotice{margin:10px 0}
.insuranceMini{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.insuranceMini span{font-size:10px;background:#f1f5f9;border-radius:999px;padding:5px 8px;color:#475569}
.payrollSimulationModal{max-width:760px}
.simSection{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.simSection>strong{display:block;margin-bottom:8px}
.simChecks{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px}
.simChecks label{display:flex;align-items:center;gap:6px}
.simulationResult{margin-top:12px}
.simulationHero{display:flex;justify-content:space-between;align-items:end;border:1px solid #b8d2ff;background:#f3f8ff;border-radius:14px;padding:14px}
.simulationHero span{color:#475569;font-size:12px}.simulationHero strong{font-size:26px;color:#154fb7}
.simulationNumbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.simulationNumbers>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.simulationNumbers span,.simulationBreakdown span{display:block;color:#64748b;font-size:10px}
.simulationNumbers strong{display:block;margin-top:3px;font-size:14px}
.simulationBreakdown{margin-top:8px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.simulationBreakdown>div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #edf0f4}
.simulationBreakdown>div:last-child{border-bottom:0}
.simStandards{margin-top:8px}.simWarning{margin-top:8px}
@media(max-width:720px){.simulationNumbers{grid-template-columns:1fr 1fr}.simChecks{display:grid;gap:8px}}

/* Finance operations expansion */
.financeTabs{overflow-x:auto;white-space:nowrap;padding-bottom:4px}
.financeSplit{display:grid;gap:14px}
.financeSplit h4{margin:12px 0 8px;color:#334155}
.transferCard .transferFooter{margin-top:10px}
.vendorActions{display:flex;gap:8px}
.cashflowTotals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.cashflowTotals>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.cashflowTotals span{display:block;color:#64748b;font-size:11px}
.cashflowTotals strong{display:block;margin-top:5px;font-size:18px}
.financeAlertGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.financeAlert{border:1px solid #f0c9c9;background:#fff7f7;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}
.financeAlert strong{font-size:20px;color:#b42318}.financeAlert span{font-size:11px;color:#6b3340}
.monthCloseGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.monthCloseBtn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;text-align:left;cursor:pointer}
.monthCloseBtn span,.monthCloseBtn strong{display:block}.monthCloseBtn span{font-size:11px;color:#64748b}.monthCloseBtn strong{margin-top:4px}
.monthCloseBtn.closed{background:#f0fbf4;border-color:#b6dfc4;color:#186a35}
.invoiceDestinationRow{align-items:end;gap:10px}
.invoiceDestinationRow .btn{margin-bottom:1px;white-space:nowrap}
.detailHeadActions{display:flex;gap:8px;flex-wrap:wrap}
.contractorCard .btn{margin-left:auto}
@media(max-width:760px){
 .cashflowTotals,.financeAlertGrid,.monthCloseGrid{grid-template-columns:1fr 1fr}
 .invoiceDestinationRow{display:block}.invoiceDestinationRow .btn{width:100%;margin-top:6px}
 .detailHeadActions{width:100%}.detailHeadActions .btn{flex:1}
}

.profitCard .profitPositive{color:#147a3b}.profitCard .profitNegative{color:#b42318}
.privateInput{background:#fffdf2}

.profitCard{border-left:3px solid #d8e6fb}
#clientProfitabilityList,#projectProfitabilityList{display:grid;gap:8px}

#staffProfitabilityList{display:grid;gap:8px}

.skillEditModal{max-width:820px}
.skillAddBox{border:1px dashed #cfd9e8;background:#fbfdff;border-radius:12px;padding:12px;margin-top:10px}
.profileIntro h3{margin:8px 0 6px;color:#173f7a;font-size:16px}
.profileIntro p{font-size:12px;line-height:1.8;color:#334155}

.monthlyOpsSection{margin-top:12px}
#monthlyOpsChecklist{display:grid;gap:7px}
.monthlyOpsItem{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.monthlyOpsItem .opsCheck{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:800}
.monthlyOpsItem.done{background:#f6fbf7;border-color:#cce8d4}
.monthlyOpsItem.done .opsCheck{background:#def4e5;color:#19733a}

.homeOpsAlerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.homeAlertCard{display:flex;justify-content:space-between;align-items:center;border:1px solid #f2d3d3;background:#fff8f8;border-radius:12px;padding:12px}
.homeAlertCard span{display:block;font-size:9px;color:#9a4d4d}.homeAlertCard strong{display:block;font-size:11px;margin-top:2px}.homeAlertCard b{font-size:22px;color:#b42318}
.homeAlertCard.ok{background:#f7fbf8;border-color:#d8eadc}.homeAlertCard.ok span{color:#5b7862}.homeAlertCard.ok b{color:#2b7a44}
@media(max-width:720px){.homeOpsAlerts{grid-template-columns:1fr 1fr}}

.auditCard details{margin-top:9px;border-top:1px solid var(--line);padding-top:8px}
.auditCard summary{cursor:pointer;font-size:11px;color:#526176}
.auditCard pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:10px;padding:10px;font-size:10px;max-height:260px;overflow:auto}

#manualCashList{display:grid;gap:8px}
#manualCashList .deleteManualCash{margin-top:8px}

#destinationManagerList{display:grid;gap:8px;max-height:55vh;overflow:auto}

.staffAvatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#e8f2ff,#dff8fb);border:1px solid #c9d9ee;color:#173f7a;font-weight:800;font-size:12px;object-fit:cover;overflow:hidden}
.staffAvatarMd{width:46px;height:46px}.staffAvatarLg{width:60px;height:60px;font-size:16px}
.staffCardIdentity,.employeeDetailIdentity,.myProfileCard{display:flex;align-items:center;gap:12px}
.myProfileCard .grow{min-width:0}.avatarSelfUpload{display:inline-block;margin-top:5px;cursor:pointer}.avatarUploadBtn{cursor:pointer}
.reviewTabHead{margin-bottom:10px}.reviewScoreGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reviewAverage{margin:12px 0;padding:12px;border-radius:12px;background:#f4f8fd;border:1px solid #dce8f7;text-align:center}.reviewAverage strong{font-size:22px;color:#174da4}.reviewActions{margin-top:10px;gap:8px}.reviewMiniScores{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.reviewMiniScores span{font-size:10px;background:#f5f7fa;border:1px solid #e3e9f0;border-radius:999px;padding:4px 7px}.reviewScoreBig{font-size:28px;font-weight:800;color:#174da4}.reviewScoreBig small{font-size:10px;color:#64748b}.reviewComment{margin:8px 0}
.suggestionCard p{white-space:pre-wrap;line-height:1.7;font-size:12px}.suggestionMini{align-items:flex-start}
.aiChatFab{position:fixed;right:18px;bottom:86px;width:54px;height:54px;border:0;border-radius:50%;background:#173f7a;color:#fff;font-weight:800;box-shadow:0 10px 30px rgba(23,63,122,.28);z-index:60;cursor:pointer}
.aiChatModal{max-width:680px}.aiQuickQuestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.aiChatMessages{height:min(52vh,460px);overflow:auto;background:#f6f8fb;border:1px solid #e1e8f0;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.aiBubble{max-width:86%;border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.6;white-space:normal}.aiBubble.assistant{background:#fff;border:1px solid #dce5f0;align-self:flex-start}.aiBubble.user{background:#173f7a;color:#fff;align-self:flex-end}.aiComposer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;align-items:end}.aiComposer textarea{resize:none}
@media(max-width:720px){.reviewScoreGrid{grid-template-columns:1fr 1fr}.detailHead{align-items:flex-start}.employeeDetailIdentity{align-items:flex-start}.aiChatFab{bottom:82px;right:12px;width:50px;height:50px}.aiChatModal{max-width:100%}}

.staffAvatarSm{width:30px;height:30px;font-size:9px}
.shiftIdentity,.monthEmployeeIdentity{display:flex;align-items:center;gap:9px;min-width:0}
.monthEmployeeIdentity>div:last-child{min-width:0}.monthEmployeeIdentity strong,.monthEmployeeIdentity small{display:block}

.myReviewCommentLabel{display:block;margin-top:12px}
.reviewFeedback{margin-top:10px;padding:10px 12px;background:#f8fafc;border-radius:10px}
.reviewFeedback strong{font-size:11px;color:#173f7a}
.reviewFeedback p{margin:5px 0 0;white-space:pre-wrap;font-size:12px;line-height:1.7}
.reviewEmployeeCommentView{background:#f8fafc}

.aiChatFooter{gap:8px;margin-top:8px}
.aiChatFooter .btn{flex:1}

/* 2026-10 navigation reorganization */
.homeQuickGrid{display:grid;gap:8px}
.workHubHero{padding:18px 18px 16px;border-radius:18px;background:linear-gradient(135deg,#102a56,#1e5db4);color:#fff;margin-bottom:14px}
.workHubHero small{font-size:9px;letter-spacing:.18em;opacity:.72}.workHubHero h2{margin:6px 0 4px;font-size:24px}.workHubHero p{margin:0;font-size:11px;line-height:1.7;opacity:.84}
.workGroup{margin:15px 0}.workGroupHead{display:flex;align-items:center;gap:10px;margin-bottom:8px}.workGroupHead>div{display:flex;flex-direction:column}.workGroupHead strong{font-size:13px}.workGroupHead small{font-size:9px;color:#718096;margin-top:2px}.workGroupIcon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#1d5bb2;font-weight:800;font-size:12px}
.workMenuGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workMenuCard{min-height:92px;border:1px solid #dfe7f2;background:#fff;border-radius:14px;padding:12px;text-align:left;box-shadow:0 3px 12px rgba(35,66,105,.04);cursor:pointer}.workMenuCard b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eff5ff;color:#205fae;font-size:11px}.workMenuCard span{display:block;font-weight:750;font-size:12px;margin-top:8px}.workMenuCard small{display:block;color:#718096;font-size:9px;line-height:1.5;margin-top:3px}
.pageBackBtn{border:0;background:transparent;color:#37639a;font-size:11px;font-weight:700;padding:2px 0 8px;cursor:pointer}
.tabGroup{margin:12px 0 6px}.tabGroupLabel,.financeNavGroup>span{display:block;font-size:9px;color:#7b8aa1;font-weight:800;letter-spacing:.08em;margin:0 0 5px 2px}.compactTabs{gap:5px;overflow:auto}.compactTabs .adminTab{white-space:nowrap;flex:0 0 auto;padding:8px 11px}
.financeNavGroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.financeNavGroup{border:1px solid #e1e8f1;border-radius:13px;padding:8px;background:#fbfcfe}.financeNavGroup .adminTabs{margin:0}
.myJumpNav{position:sticky;top:58px;z-index:8;display:flex;gap:5px;overflow-x:auto;background:rgba(245,248,252,.94);backdrop-filter:blur(8px);padding:7px 0 8px;margin-bottom:4px}.myJumpNav button{border:1px solid #dce5f1;background:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700;color:#3e526b;white-space:nowrap}
@media(max-width:760px){.financeNavGroups{grid-template-columns:1fr}.workMenuGrid{grid-template-columns:1fr 1fr}.workMenuCard{min-height:86px}}

.workSearchBox{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #dce5f1;background:#fff;border-radius:14px;padding:8px 10px;margin-bottom:12px}
.workSearchBox span{color:#6c7d94;font-size:16px}.workSearchBox input{border:0;outline:0;background:transparent;font:inherit;font-size:11px;width:100%;min-width:0}.workSearchBox button{border:0;background:#eef3f9;color:#52657d;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700}
.workSearchHidden,.workGroupSearchHidden{display:none!important}

.integrationStatusGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.integrationStatusCard{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e0e7ef;background:#fff;border-radius:12px;padding:10px}.integrationStatusCard strong{display:block;font-size:11px}.integrationStatusCard span{display:block;font-size:9px;color:#75849a;margin-top:2px}.integrationStatusCard b{font-size:9px;border-radius:999px;padding:4px 7px;background:#f0f3f7;color:#66778e;white-space:nowrap}.integrationStatusCard.ready{border-color:#cfe7d5;background:#f8fcf9}.integrationStatusCard.ready b{background:#def3e4;color:#20723d}.integrationStatusCard.prepared{border-color:#d7e5f8;background:#f8fbff}.integrationStatusCard.prepared b{background:#e7f0ff;color:#2f5f9d}@media(max-width:720px){.integrationStatusGrid{grid-template-columns:1fr}}

.performanceOverviewHead{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:10px;align-items:end;margin:10px 0 12px}.performanceSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.performanceSummary>div{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:9px}.performanceSummary span{display:block;font-size:9px;color:#7b8798}.performanceSummary strong{display:block;margin-top:3px;font-size:18px}.performanceOverviewCard{margin-bottom:8px}.performanceOverviewStatus{text-align:right}.performanceOverviewStatus strong{display:block;font-size:20px;color:#245aa5}.performanceOverviewStatus span{font-size:9px;color:#718096}@media(max-width:720px){.performanceOverviewHead{grid-template-columns:1fr}.performanceSummary{grid-template-columns:repeat(2,1fr)}}


/* Bulk shift entry */
.shiftHeadActions{display:flex;gap:7px;align-items:center}
.bulkShiftModal{max-width:820px}
.bulkWeekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:7px 0 12px}
.bulkWeekdays label{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dce5f1;background:#fff;border-radius:10px;padding:8px 4px;font-size:10px;font-weight:700}
.bulkEmployeeTools{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;margin:6px 0}
.bulkEmployeeList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:300px;overflow:auto;border:1px solid #e0e7ef;border-radius:12px;padding:8px;background:#f8fafc}
.bulkEmployeeRow{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5ebf3;border-radius:10px;padding:9px 10px;font-size:10px}
.bulkEmployeeHidden{display:none!important}

/* Company announcements */
.companyAnnouncementSection{margin:14px 0}
.announcementSectionHead{margin-bottom:7px;align-items:end}
#companyAnnouncementList,#announcementManagerList{display:grid;gap:7px}
.announcementCard{border:1px solid #dde6f1;border-left:4px solid #7594bc;background:#fff;border-radius:13px;padding:11px 12px;box-shadow:0 3px 12px rgba(34,60,90,.035)}
.announcementCard.pinned{border-left-color:#205eae}
.announcementCard.important{border-left-color:#b42318;background:#fffafa}
.announcementCard.deadline{border-left-color:#d78016;background:#fffdf8}
.announcementTop{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px}
.announcementType,.announcementPin,.announcementDeadline{font-size:9px;font-weight:800;border-radius:999px;padding:4px 7px;background:#edf3fb;color:#37628f}
.announcementPin{background:#e8f0ff;color:#235eac}.announcementDeadline{background:#fff0d8;color:#9c5c08;margin-left:auto}.announcementDeadline.urgent{background:#fde7e7;color:#ad2e24}
.announcementCard>strong{display:block;font-size:12px}.announcementCard p{font-size:10px;line-height:1.65;color:#526176;margin:5px 0 0}
.announcementEmpty{border:1px dashed #dce5ef;border-radius:12px;padding:12px;color:#718096;font-size:10px;text-align:center}
.announcementManagerModal{max-width:760px}.announcementManageBody{margin:8px 0;white-space:pre-wrap}.announcementManageCard.archived{opacity:.58}

/* Draggable AI button */
.aiChatFab{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:left,top,transform}
.aiChatFab.dragging{cursor:grabbing;transform:scale(1.06);box-shadow:0 14px 38px rgba(23,63,122,.38)}

@media(max-width:720px){
  .shiftHeadActions{gap:5px}.shiftHeadActions .btn{padding-left:9px;padding-right:9px}
  .bulkWeekdays{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bulkEmployeeTools{grid-template-columns:1fr 1fr}.bulkEmployeeTools .field{grid-column:1/-1}
  .bulkEmployeeList{grid-template-columns:1fr;max-height:260px}
  .announcementDeadline{margin-left:0}
}

/* Shift submission + bulk paste */
.shiftBulkModeTabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 14px}
.shiftBulkModeTab{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;font-size:10px;font-weight:800}
.shiftBulkModeTab.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}
.bulkPasteText{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6;min-height:210px;white-space:pre}
.bulkPasteTools{justify-content:flex-start;margin-bottom:8px}
.bulkPastePreview{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px;margin-bottom:10px;max-height:220px;overflow:auto}
.bulkPasteSummary{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px}.bulkPasteSummary strong{color:#166534}.bulkPasteSummary span{color:#b42318}
.bulkPasteRowOk,.bulkPasteRowError{font-size:10px;padding:6px 4px;border-bottom:1px solid #edf2f7}.bulkPasteRowOk{color:#315a3e}.bulkPasteRowError{color:#b42318}
.shiftSubmissionMini .submitted{background:#dcfce7;color:#166534}
.shiftSubmissionAdminCard details{margin-top:10px}.shiftSubmissionAdminCard summary{font-size:10px;color:#475569;cursor:pointer}
.shiftSubmissionProgress{height:7px;background:#edf2f7;border-radius:99px;overflow:hidden;margin-top:10px}.shiftSubmissionProgress span{display:block;height:100%;background:#2563eb;border-radius:99px}
.submissionPeople{display:grid;gap:5px;margin-top:8px}.submissionPeople>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:7px 0;border-bottom:1px solid #f1f5f9}.submissionPeople b{color:#b42318}.submissionPeople b.ok{color:#166534}
.shiftAvailabilityTools{justify-content:flex-start;flex-wrap:wrap;margin-bottom:10px}
.shiftAvailabilityRows{display:grid;gap:7px;max-height:54vh;overflow:auto;margin-bottom:10px}
.availabilityRow{display:grid;grid-template-columns:minmax(150px,1fr) 92px 16px 92px minmax(120px,1fr);align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px}
.availabilityRow .field{margin:0;padding:9px}.availabilityCheck{display:flex!important;align-items:center;gap:7px;margin:0!important;color:#1f2937!important;font-weight:700}
.announcementActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.announcementReadBadge{font-size:9px;background:#e8f5ed;color:#166534;padding:4px 7px;border-radius:99px}.announcementCard.read{opacity:.88}
@media(max-width:720px){.availabilityRow{grid-template-columns:1fr 78px 12px 78px}.availabilityRow .availabilityNote{grid-column:1/-1}}

.reviewRubric{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.reviewRubric span{font-size:10px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:999px;padding:6px 9px;color:#526176}
.reviewRubric b{color:#173f7a}

.avatarTone0{background:linear-gradient(135deg,#e8f2ff,#dff8fb);color:#173f7a;border-color:#c9d9ee}
.avatarTone1{background:linear-gradient(135deg,#eef8e9,#dff4e6);color:#26623a;border-color:#c9dfcf}
.avatarTone2{background:linear-gradient(135deg,#fff1e7,#ffe7d7);color:#8b4a22;border-color:#efd4c2}
.avatarTone3{background:linear-gradient(135deg,#f3ecff,#e9e1ff);color:#5e3b8a;border-color:#d9ccef}
.avatarTone4{background:linear-gradient(135deg,#fff6d9,#ffefbf);color:#7a5b12;border-color:#eadca8}
.avatarTone5{background:linear-gradient(135deg,#ffeaf1,#ffe0ea);color:#8a3855;border-color:#efc9d6}


/* HR development modules */
.reviewAverage{display:flex;align-items:center;justify-content:center;gap:12px}
.reviewRankBadge{display:inline-grid;place-items:center;min-width:34px;height:30px;border-radius:10px;padding:0 8px;font-weight:900;font-size:14px;background:#e9eef5;color:#42526a}
.reviewRankBadge.rankS{background:#fff2c7;color:#825d00}.reviewRankBadge.rankA{background:#e7f7ec;color:#176b37}.reviewRankBadge.rankB{background:#eaf2ff;color:#1756c5}.reviewRankBadge.rankC{background:#f1f5f9;color:#475569}.reviewRankBadge.rankD,.reviewRankBadge.rankE{background:#fff0f0;color:#a32727}
.performanceSummaryWide{grid-template-columns:repeat(6,minmax(0,1fr))}
.performanceGuide{margin-bottom:10px}.performanceOverviewStatus{display:flex;align-items:center;gap:7px;justify-content:flex-end}.performanceOverviewStatus strong{font-size:18px}.performanceOverviewStatus small{font-size:9px}.trendUp{color:#19733a}.trendDown{color:#b42318}.performanceNext{margin:8px 0}.reviewCardFooter{margin-top:9px}
.hrModuleHero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#f5f9ff,#eef6ff);border:1px solid #d7e5f8;border-radius:16px;padding:15px;margin:10px 0}
.hrModuleHero strong,.hrModuleHero span{display:block}.hrModuleHero strong{font-size:16px}.hrModuleHero span{font-size:10px;color:#62748a;margin-top:4px}
.hrModuleStats{display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:5px 8px}.hrModuleStats b{font-size:20px;color:#1756c5}.hrModuleStats small{font-size:9px;color:#6f7f93}
.hrQuickForm{display:grid;grid-template-columns:1.2fr 1fr 1.5fr auto;gap:8px;margin:10px 0 14px}.hrQuickForm .field{margin:0}.trainingQuick{grid-template-columns:1.2fr 1.5fr .8fr auto}
.hrRecordCard,.hrProcessCard{margin-bottom:8px}.hrRecordCard p{font-size:12px;white-space:pre-wrap;line-height:1.6}.hrMetaGrid{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.hrMetaGrid span{font-size:10px;background:#f5f7fa;border-radius:999px;padding:5px 8px;color:#5f6e80}
.hrProgress{height:7px;border-radius:999px;background:#edf1f6;overflow:hidden;margin:10px 0}.hrProgress i{display:block;height:100%;background:#2f6fec;border-radius:999px}
.hrChecklist{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hrCheckItem{display:flex;align-items:center;gap:8px;border:1px solid #e0e7ef;background:#fff;border-radius:10px;padding:9px;text-align:left;cursor:pointer;font:inherit}.hrCheckItem b{color:#8794a6}.hrCheckItem span{font-size:11px}.hrCheckItem.done{background:#f4fbf6;border-color:#cce8d4}.hrCheckItem.done b{color:#19733a}.hrCheckItem.done span{text-decoration:line-through;color:#6d7f72}
@media(max-width:760px){.performanceSummaryWide{grid-template-columns:repeat(2,1fr)}.hrModuleHero{display:block}.hrModuleStats{margin-top:10px;justify-content:start}.hrQuickForm,.trainingQuick{grid-template-columns:1fr 1fr}.hrQuickForm .btn{grid-column:1/-1}.hrChecklist{grid-template-columns:1fr}}


/* Business operations expansion */
.moduleHead{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dfe7f2;background:#f8fbff;border-radius:14px;padding:14px;margin:10px 0}.moduleHead strong,.moduleHead span{display:block}.moduleHead strong{font-size:15px}.moduleHead span{font-size:10px;color:#66778d;margin-top:4px}
.businessQuickForm{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr auto;gap:8px;margin:10px 0 14px}.businessQuickForm .field{margin:0}.knowledgeQuick{grid-template-columns:1.2fr .8fr 1.8fr auto}.businessRecord{margin-bottom:8px}.recordMeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;font-size:10px;color:#65758a}.recordDone{opacity:.62}.recordDone strong{text-decoration:line-through}
.crmPipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0}.crmPipeline>div{border:1px solid #e1e8f1;background:#fff;border-radius:11px;padding:10px}.crmPipeline span,.crmPipeline strong{display:block}.crmPipeline span{font-size:9px;color:#718096}.crmPipeline strong{font-size:19px;margin-top:3px}
.priority{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px}.priorityHIGH{background:#fff0f0;color:#ad2929}.priorityMEDIUM{background:#fff7df;color:#916b00}.priorityLOW{background:#eff5fb;color:#4c637d}
.knowledgeCard{padding:0!important;overflow:hidden}.knowledgeCard summary{cursor:pointer;padding:14px;list-style:none}.knowledgeCard summary::-webkit-details-marker{display:none}.knowledgeCard summary div{display:flex;justify-content:space-between;gap:10px;align-items:center}.knowledgeCard summary strong{font-size:12px}.knowledgeCard summary span{font-size:9px;color:#718096}.knowledgeCard p{margin:0;padding:0 14px 14px;font-size:12px;line-height:1.7;white-space:pre-wrap}
.notificationCard{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dfe7f2;background:#fff;border-radius:13px;padding:13px;margin-bottom:7px;text-align:left;cursor:pointer;color:#17253b}.notificationCard div{min-width:0}.notificationCard strong,.notificationCard span,.notificationCard small{display:block}.notificationCard strong{font-size:12px}.notificationCard span{font-size:10px;color:#55687f;margin-top:4px}.notificationCard small{font-size:9px;color:#8a98aa;margin-top:5px}.notificationCard>b{color:#2f6fec}.notificationCard.read{opacity:.62}.notificationCard.important{border-left:4px solid #d14343}
.executiveHero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#102a56,#205fae);color:#fff;margin:10px 0 12px}.executiveHero small{letter-spacing:.15em;opacity:.7;font-size:9px}.executiveHero h3{font-size:24px;margin:5px 0}.executiveHero p{font-size:10px;opacity:.8;margin:0}.executiveHealth{min-width:110px;text-align:center;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:12px}.executiveHealth b,.executiveHealth span{display:block}.executiveHealth b{font-size:34px}.executiveHealth span{font-size:9px;opacity:.8}
.executiveKpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.executiveKpis button{border:1px solid #dfe7f2;background:#fff;border-radius:14px;padding:13px;text-align:left;cursor:pointer;color:#17253b}.executiveKpis span,.executiveKpis strong,.executiveKpis small{display:block}.executiveKpis span{font-size:9px;color:#718096}.executiveKpis strong{font-size:20px;margin:5px 0}.executiveKpis small{font-size:9px;color:#6e7d91}
.executiveSplit{display:grid;grid-template-columns:1fr 1fr;gap:10px}.executiveSplit h4{margin:0 0 10px}.executiveAction{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid #edf1f5}.executiveAction>b{display:grid;place-items:center;border-radius:8px;background:#eef3f9;color:#52657d;padding:5px;font-size:9px}.executiveAction strong,.executiveAction span{display:block}.executiveAction strong{font-size:11px}.executiveAction span{font-size:9px;color:#718096;margin-top:3px}
@media(max-width:760px){.businessQuickForm,.knowledgeQuick{grid-template-columns:1fr 1fr}.businessQuickForm .btn,.knowledgeQuick .btn{grid-column:1/-1}.crmPipeline{grid-template-columns:repeat(2,1fr)}.executiveHero{align-items:flex-start}.executiveKpis{grid-template-columns:1fr 1fr}.executiveSplit{grid-template-columns:1fr}}

/* Employee self-service business modules */
.myExpenseForm{display:grid;grid-template-columns:1fr .8fr 1.5fr auto;gap:7px;margin:10px 0}.myExpenseForm .field{margin:0}.myTaskCard,.myAssetCard{margin-bottom:7px}.myTaskCard.done{opacity:.65}.myTaskCard.done strong{text-decoration:line-through}.myKnowledgeCard{margin-bottom:7px}.myKnowledgeCard summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.myKnowledgeCard summary::-webkit-details-marker{display:none}.myKnowledgeCard summary strong{font-size:12px}.myKnowledgeCard summary span{font-size:9px;color:#718096}.myKnowledgeCard p{font-size:11px;line-height:1.7;margin:10px 0 0;white-space:pre-wrap}
@media(max-width:720px){.myExpenseForm{grid-template-columns:1fr 1fr}.myExpenseForm #myExpenseNote{grid-column:1/-1}.myExpenseForm .btn{grid-column:1/-1}}

/* Recruiting + KPI */
.recruitStages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0}.recruitStages>div{border:1px solid #e1e8f1;background:#fff;border-radius:11px;padding:10px}.recruitStages span,.recruitStages strong{display:block}.recruitStages span{font-size:9px;color:#718096}.recruitStages strong{font-size:19px;margin-top:3px}.recordNote{font-size:11px;line-height:1.6;white-space:pre-wrap}.kpiCard{margin-bottom:8px}.kpiNumbers{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:11px}.kpiNumbers b{color:#a0aaba}.kpiProgress i{background:linear-gradient(90deg,#2f6fec,#34a853)}
@media(max-width:760px){.recruitStages{grid-template-columns:repeat(2,1fr)}}


/* Ultimate Business OS */
.moduleBadges{display:flex;gap:6px;flex-wrap:wrap}.moduleBadges span{background:#eef4fb;border-radius:999px;padding:6px 9px;font-size:9px;color:#4b617c}
.inboxFilters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.inboxFilter.active{background:#173f7a;color:#fff}.inboxItem{margin-bottom:8px}.inboxItem.urgent{border-left:4px solid #c73737}.inboxPreview{font-size:11px;line-height:1.65;color:#4c5f75;white-space:pre-wrap}
.approvalHero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f7faff,#eef5ff);border:1px solid #dce7f5;border-radius:16px;padding:15px;margin:10px 0}.approvalHero strong,.approvalHero span,.approvalHero b,.approvalHero small{display:block}.approvalHero strong{font-size:16px}.approvalHero span{font-size:10px;color:#64758b;margin-top:4px}.approvalHero b{font-size:28px;color:#1c5fc7;text-align:center}.approvalHero small{font-size:9px}.approvalTypeGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:8px 0 12px}.approvalTypeGrid div{background:#fff;border:1px solid #e1e8f1;border-radius:10px;padding:9px}.approvalTypeGrid span,.approvalTypeGrid strong{display:block}.approvalTypeGrid span{font-size:9px;color:#728096}.approvalTypeGrid strong{font-size:18px;margin-top:3px}.approvalHubCard{margin-bottom:8px}.approvalAmount{text-align:right}.approvalAmount strong,.approvalAmount span{display:block}.approvalAmount span{font-size:9px;color:#6f7e92;margin-top:3px}
.salesDocQuick{grid-template-columns:1.1fr 1.4fr .8fr .9fr auto}.salesDocCard{margin-bottom:8px}.quoteAmount{text-align:right}.quoteAmount strong,.quoteAmount span{display:block}.quoteAmount strong{font-size:16px}.quoteAmount span{margin-top:5px}
.deliveryBoard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.deliveryBoard>div{background:#fff;border:1px solid #dfe7f2;border-radius:11px;padding:10px}.deliveryBoard span,.deliveryBoard strong{display:block}.deliveryBoard span{font-size:9px;color:#718096}.deliveryBoard strong{font-size:19px;margin-top:3px}.deliveryCard{margin-bottom:8px}.deliveryNumbers{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.deliveryNumbers span{font-size:9px;background:#f3f6fa;padding:5px 8px;border-radius:999px;color:#52667f}
.aiOfficeHero{background:linear-gradient(135deg,#0f2f5e,#286fc6);color:white;border-radius:18px;padding:22px;margin:10px 0}.aiOfficeHero small{letter-spacing:.18em;opacity:.75}.aiOfficeHero h3{font-size:24px;margin:6px 0}.aiOfficeHero p{font-size:11px;opacity:.82;margin:0}.aiOfficeComposer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch;margin:10px 0}.aiOfficeComposer .field{margin:0}.aiOfficeExamples{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.aiOfficeAnswer p{font-size:12px;line-height:1.75}.aiSuggestedActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.aiCapabilityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.aiCapabilityGrid>div{border:1px solid #dfe7f2;background:#fff;border-radius:13px;padding:13px}.aiCapabilityGrid b,.aiCapabilityGrid strong,.aiCapabilityGrid span{display:block}.aiCapabilityGrid b{font-size:18px}.aiCapabilityGrid strong{font-size:11px;margin:6px 0}.aiCapabilityGrid span{font-size:9px;color:#718096}
.boardroomHero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#121b30,#273c68);color:white;border-radius:18px;padding:22px;margin:10px 0}.boardroomHero small{letter-spacing:.18em;opacity:.65}.boardroomHero h3{font-size:23px;margin:5px 0}.boardroomHero p{font-size:10px;opacity:.75;margin:0}.boardroomScore{text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:15px;padding:12px;min-width:100px}.boardroomScore b,.boardroomScore span{display:block}.boardroomScore b{font-size:32px}.boardroomScore span{font-size:9px;opacity:.75}.boardroomThemes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.boardroomDecision h4{font-size:14px;margin:12px 0 7px}.boardroomDecision p{font-size:10px;line-height:1.65;color:#596c84}.boardroomNo{font-size:11px;font-weight:900;color:#8a9aaf}.boardroomEvidence{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.boardroomEvidence span{font-size:8px;background:#f2f5f9;border-radius:999px;padding:5px 7px;color:#607188}.boardroomGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
@media(max-width:760px){.approvalTypeGrid{grid-template-columns:repeat(3,1fr)}.salesDocQuick{grid-template-columns:1fr 1fr}.salesDocQuick .btn{grid-column:1/-1}.deliveryBoard{grid-template-columns:1fr 1fr}.aiOfficeComposer{grid-template-columns:1fr}.aiCapabilityGrid{grid-template-columns:1fr 1fr}.boardroomThemes{grid-template-columns:1fr}.boardroomGrid{grid-template-columns:1fr}}


/* Shared company infrastructure */
.automationFlowGuide{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:#f6f9fc;border:1px dashed #ccd8e7;border-radius:12px;padding:10px;margin:10px 0}.automationFlowGuide span{font-size:9px;font-weight:800;color:#395675}.automationFlowGuide b{color:#94a4b8}.automationCard,.documentCard,.purchaseCard,.supportTicket,.complianceCard{margin-bottom:8px}.automationRule{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:10px 0}.automationRule>div{background:#f6f8fb;border-radius:10px;padding:9px}.automationRule small,.automationRule strong{display:block}.automationRule small{font-size:8px;color:#8290a3}.automationRule strong{font-size:10px;margin-top:3px}.automationRule>b{color:#99a7b8}
.supportTicket.urgent{border-left:4px solid #c73737}.formGallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.formCard{margin:0}.formFields{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.formFields span{font-size:8px;background:#f0f4f8;border-radius:999px;padding:5px 7px;color:#5f7085}.reportSummary{background:linear-gradient(135deg,#f2f7ff,#f7fbff);border:1px solid #dce7f5;border-radius:13px;padding:13px;margin:10px 0}.reportSummary strong{font-size:11px}.reportSummary p{font-size:10px;line-height:1.7;margin:5px 0 0}.reportCard{margin-bottom:8px}.reportColumns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.reportColumns>div{background:#f7f9fc;border-radius:10px;padding:9px}.reportColumns small{font-size:8px;color:#78879a}.reportColumns p{font-size:10px;line-height:1.55;margin:4px 0 0}
.orgChart{display:grid;gap:10px}.orgDepartment{border:1px solid #dfe7f2;background:#fff;border-radius:14px;padding:12px}.orgDeptHead{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5;padding-bottom:8px;margin-bottom:8px}.orgDeptHead strong{font-size:13px}.orgDeptHead span{font-size:9px;color:#718096}.orgMembers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.orgPerson{display:flex;gap:8px;align-items:center;background:#f8fafc;border-radius:10px;padding:8px}.orgPerson strong,.orgPerson span,.orgPerson small{display:block}.orgPerson strong{font-size:10px}.orgPerson span{font-size:9px;color:#5f7085}.orgPerson small{font-size:8px;color:#8895a5;margin-top:2px}
.complianceCard.severityCRITICAL{border-left:5px solid #b42318}.complianceCard.severityHIGH{border-left:4px solid #d45d3c}.connectorGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connectorCard{margin:0}.connectorCard p{font-size:10px;color:#5e7085;line-height:1.55}.connectorStatus{font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px}.statusCONNECTED{background:#e8f7ed;color:#176b37}.statusREADY{background:#eaf2ff;color:#1756c5}.statusERROR{background:#fff0f0;color:#a32727}.statusPLANNED,.statusPAUSED{background:#f1f4f7;color:#627184}
@media(max-width:760px){.automationRule{grid-template-columns:1fr}.automationRule>b{transform:rotate(90deg);text-align:center}.formGallery{grid-template-columns:1fr}.reportColumns{grid-template-columns:1fr}.orgMembers{grid-template-columns:1fr 1fr}.connectorGrid{grid-template-columns:1fr}}


/* Cross-company experience layer */
.processHero,.templateHero,.searchHero{background:linear-gradient(135deg,#f5f9ff,#eef5ff);border:1px solid #dbe6f5;border-radius:17px;padding:18px;margin:10px 0}.processHero small,.templateHero small{letter-spacing:.15em;color:#4f6e96;font-size:9px}.processHero h3,.templateHero h3,.searchHero h3{font-size:20px;margin:5px 0}.processHero p,.templateHero p,.searchHero p{font-size:10px;color:#61738b;margin:0}.processFlow{display:flex;align-items:stretch;gap:5px;overflow-x:auto;padding:8px 0 12px}.processFlow>i{align-self:center;color:#9aabba;font-style:normal}.processStep{min-width:128px;border:1px solid #dfe7f2;background:#fff;border-radius:13px;padding:11px;text-align:left;cursor:pointer;color:#17253b}.processStep span,.processStep b,.processStep small,.processStep strong{display:block}.processStep span{font-size:8px;color:#90a0b3}.processStep b{font-size:11px;margin-top:4px}.processStep small{font-size:8px;color:#708096;margin:3px 0 9px}.processStep strong{font-size:15px;color:#1d5fbf}.processConnections{display:grid;grid-template-columns:1fr 1fr;gap:7px}.processConnections>div{background:#f8fafc;border-radius:10px;padding:10px}.processConnections strong,.processConnections span{display:block}.processConnections strong{font-size:10px}.processConnections span{font-size:9px;color:#718096;margin-top:3px}
.globalSearchBar{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.globalSearchBar .field{margin:0}.globalSearchResult{width:100%;display:flex;gap:10px;align-items:center;border:1px solid #e0e7ef;background:#fff;border-radius:11px;padding:10px;margin-bottom:6px;text-align:left;cursor:pointer;color:#17253b}.globalSearchResult strong,.globalSearchResult small{display:block}.globalSearchResult strong{font-size:11px}.globalSearchResult small{font-size:9px;color:#718096;margin-top:3px}
.qualityHero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#142a4a,#1d5a95);color:white;border-radius:18px;padding:18px;margin:10px 0}.qualityHero>div:first-child{text-align:center;min-width:100px}.qualityHero small,.qualityHero h3,.qualityHero p,.qualityHero strong,.qualityHero span{display:block}.qualityHero h3{font-size:32px;margin:3px 0}.qualityHero h3 span{display:inline;font-size:12px}.qualityHero p,.qualityHero span{font-size:9px;opacity:.75}.qualityHero strong{font-size:12px}.qualityStats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.qualityStats>div{background:#fff;border:1px solid #dfe7f2;border-radius:11px;padding:10px}.qualityStats span,.qualityStats strong{display:block}.qualityStats span{font-size:9px;color:#718096}.qualityStats strong{font-size:20px;margin-top:4px}.qualityIssue{margin-bottom:7px}
.portalPreviewBar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f4f7fb;border-radius:12px;padding:10px;margin:10px 0}.portalPreviewBar strong,.portalPreviewBar span{display:block}.portalPreviewBar strong{font-size:11px}.portalPreviewBar span{font-size:9px;color:#718096}.portalPreviewBar .field{margin:0;max-width:280px}.clientPortalShell,.partnerPortalShell{border:1px solid #dfe7f2;border-radius:18px;overflow:hidden;background:#f8fafc}.clientPortalHero,.partnerHero{background:#173f7a;color:#fff;padding:20px}.clientPortalHero small,.partnerHero small{letter-spacing:.15em;opacity:.7}.clientPortalHero h3,.partnerHero h3{margin:5px 0;font-size:22px}.clientPortalHero p,.partnerHero p{margin:0;font-size:10px;opacity:.8}.portalKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5ebf2}.portalKpis>div{background:#fff;padding:12px}.portalKpis span,.portalKpis strong{display:block}.portalKpis span{font-size:8px;color:#718096}.portalKpis strong{font-size:20px;margin-top:4px}.portalColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px}.portalColumns>div{background:#fff;border-radius:12px;padding:11px}.portalColumns h4{font-size:11px;margin:0 0 8px}.portalRow{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #eef2f6}.portalRow strong{font-size:9px}.portalRow span{font-size:8px;color:#718096;text-align:right}
.industryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.industryCard{border:1px solid #dfe7f2;background:#fff;border-radius:14px;padding:13px;text-align:left;cursor:pointer;color:#17253b}.industryCard.active{border:2px solid #2d6fd2;background:#f4f8ff}.industryCard b,.industryCard strong,.industryCard span,.industryCard small{display:block}.industryCard b{font-size:20px}.industryCard strong{font-size:11px;margin:7px 0 3px}.industryCard span{font-size:9px;color:#65768c;line-height:1.45}.industryCard small{font-size:7px;color:#8b98a8;margin-top:8px}.templateBlocks{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin-top:10px}.templateBlocks h4{font-size:10px;margin:0 0 7px}.templateBlocks span{display:inline-block;font-size:8px;background:#f1f5f9;border-radius:999px;padding:5px 7px;margin:2px}.templateBlocks p{font-size:10px;line-height:1.6}
@media(max-width:760px){.processConnections{grid-template-columns:1fr}.qualityStats{grid-template-columns:1fr 1fr}.portalKpis{grid-template-columns:1fr 1fr}.portalColumns{grid-template-columns:1fr}.industryGrid{grid-template-columns:1fr 1fr}.templateBlocks{grid-template-columns:1fr}.portalPreviewBar{align-items:flex-start;flex-direction:column}.portalPreviewBar .field{max-width:none;width:100%}}


/* Governance + migration + demo operations */
.securityHero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#162337,#304d72);color:#fff;border-radius:18px;padding:20px;margin:10px 0}.securityHero small{letter-spacing:.15em;opacity:.65}.securityHero h3{font-size:21px;margin:5px 0}.securityHero p{font-size:10px;opacity:.75}.securityScore{text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:10px;min-width:100px}.securityScore b,.securityScore span{display:block}.securityScore b{font-size:29px}.securityScore span{font-size:8px}.permissionMatrix{border:1px solid #dfe7f2;border-radius:13px;overflow:auto;margin:10px 0}.permissionHead,.permissionRow{display:grid;grid-template-columns:1.5fr repeat(3,1fr);min-width:520px}.permissionHead{background:#f1f5f9}.permissionHead span,.permissionHead b,.permissionRow span,.permissionRow b{padding:9px;border-bottom:1px solid #e5eaf0;font-size:9px;text-align:center}.permissionHead span,.permissionRow span{text-align:left}.permissionRow b.allowed{color:#19733a}.permissionRow b.denied{color:#a8b1be}.sectionCaption{font-size:11px;margin:16px 0 8px}.securityUser{margin-bottom:7px}
.migrationSteps{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;background:#f7f9fc;border-radius:12px;padding:10px;margin:10px 0}.migrationSteps span{font-size:8px;font-weight:700}.migrationSteps b{color:#a2afbf}.migrationDrop{border:2px dashed #cdd9e8;border-radius:14px;padding:20px;text-align:center;font-weight:700;margin:10px 0}.migrationDrop .sub{margin:5px 0 10px}.migrationJob{margin-bottom:7px}.migrationCounts{display:flex;gap:7px;margin:8px 0}.migrationCounts span{font-size:9px;background:#f3f6fa;padding:5px 8px;border-radius:999px}
.backupHero{display:flex;justify-content:space-between;align-items:center;border:1px solid #dfe7f2;background:#f7faff;border-radius:14px;padding:14px;margin:10px 0}.backupHero strong,.backupHero span{display:block}.backupHero strong{font-size:14px}.backupHero span{font-size:9px;color:#718096}.backupStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.backupStats>div{border:1px solid #dfe7f2;background:#fff;border-radius:11px;padding:10px}.backupStats span,.backupStats strong{display:block}.backupStats span{font-size:8px;color:#718096}.backupStats strong{font-size:14px;margin-top:4px}.backupPoint,.customFieldCard{margin-bottom:7px}
.activityTimeline{position:relative;padding-left:18px}.activityTimeline:before{content:"";position:absolute;left:5px;top:5px;bottom:5px;width:2px;background:#dce5ef}.activityEvent{position:relative;margin-bottom:9px}.activityEvent>i{position:absolute;left:-17px;top:11px;width:9px;height:9px;border-radius:50%;background:#2e6fd1;border:2px solid white;box-shadow:0 0 0 1px #cbd7e6}.activityEvent>div{background:#fff;border:1px solid #e0e7ef;border-radius:11px;padding:10px}.activityEvent strong{font-size:10px}.activityEvent span,.activityEvent small{font-size:8px;color:#7a899b}.activityEvent p{font-size:9px;color:#52667d;margin:5px 0}
.demoGuideHero{background:linear-gradient(135deg,#0f315f,#286fc7);color:#fff;border-radius:18px;padding:20px;margin:10px 0}.demoGuideHero small{letter-spacing:.16em;opacity:.7}.demoGuideHero h3{font-size:22px;margin:5px 0}.demoGuideHero p{font-size:10px;opacity:.8}.scenarioGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scenarioCard>span{font-size:8px;letter-spacing:.12em;color:#6d82a0}.scenarioCard h4{font-size:13px;margin:7px 0}.scenarioCard p{font-size:9px;color:#65768a;line-height:1.55}.scenarioCard ol{padding-left:18px;font-size:9px;line-height:1.8}.demoResetBox{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #eadada;background:#fffafa;border-radius:12px;padding:12px;margin-top:10px}.demoResetBox strong,.demoResetBox span{display:block}.demoResetBox strong{font-size:11px}.demoResetBox span{font-size:9px;color:#816b6b}
@media(max-width:760px){.backupStats{grid-template-columns:1fr}.scenarioGrid{grid-template-columns:1fr}.demoResetBox{align-items:flex-start;flex-direction:column}.securityHero{align-items:flex-start}}