@layer base{body{font-family:Inter,Noto Sans JP,sans-serif}.page{display:none;animation:fadeIn .5s}}@layer components{.dashboard-card{@apply bg-white p-6 rounded-xl shadow-lg transition-transform transform hover:-translate-y-1;}.dashboard-card-title{@apply text-xl font-bold mb-4 flex items-center;}.dashboard-card-button{@apply w-full text-white py-2 px-4 rounded-lg transition-transform transform hover:-translate-y-0.5 shadow-md;}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;left:0;top:0;width:100%}.no-print{display:none}}.settled-row{background-color:#f0fdf4;color:#6b7280}#correction-modal input:read-only,#correction-modal textarea:read-only{background-color:#f3f4f6;cursor:not-allowed}#category-list,#tax-code-list,#tax-rate-list{max-height:18rem;overflow-y:auto;padding-right:.5rem}.filter-container{margin-bottom:1rem}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in{animation:slide-in .5s forwards}.client-status-toggle:checked~.dot{transform:translate(100%);background-color:#10b981}.client-status-toggle:checked~.block{background-color:#a7f3d0}@keyframes shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.animate-shake{animation:shake 1.5s ease-in-out infinite}.approver-notification-board{width:min(100%,560px);margin:0 auto 1.5rem}.approver-board-card{background:linear-gradient(130deg,#6366f11f,#3b82f61f);border:1px solid rgba(99,102,241,.35);border-radius:24px;padding:1.25rem 1.5rem;box-shadow:0 25px 45px -30px #4f46e573;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.approver-board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.approver-board-title{display:flex;align-items:center;gap:.75rem}.approver-board-icon{width:44px;height:44px;border-radius:14px;background:#4f46e526;color:#4338ca;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.approver-board-text p{font-weight:700;color:#312e81;margin:0}.approver-board-text span{display:block;font-size:.78rem;color:#5b5bd6;letter-spacing:.01em}.approver-board-count{font-weight:700;color:#4338ca;background:#ffffffa6;padding:.35rem .8rem;border-radius:999px;font-size:.85rem}.approver-board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.approver-notification-item{width:100%;border:none;border-radius:18px;padding:.9rem 1rem;background:#ffffffeb;box-shadow:inset 0 0 0 1px #6366f126;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.approver-notification-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px #4f46e573;background:#fff}.approver-notification-meta{text-align:left}.approver-notification-dept{margin:0;font-weight:600;color:#312e81}.approver-notification-summary{margin:.15rem 0 0;font-size:.82rem;color:#4c1d95}.approver-notification-arrow{color:#4f46e5;font-size:1rem}.denomination-readonly{background-color:#f3f4f6;cursor:not-allowed;opacity:.85;pointer-events:none}@media (max-width: 768px){.approver-notification-board{width:100%}.approver-board-card{border-radius:20px}}:root{--app-gradient-start: #eef2ff;--app-gradient-end: #f8fafc;--app-surface: rgba(255, 255, 255, .92);--app-surface-strong: rgba(255, 255, 255, .98);--app-border: rgba(148, 163, 184, .35);--app-border-strong: rgba(100, 116, 139, .45);--app-shadow-soft: 0 20px 45px -28px rgba(30, 64, 175, .45);--app-shadow-card: 0 18px 30px -24px rgba(15, 23, 42, .4);--app-accent: #2563eb;--app-accent-muted: rgba(37, 99, 235, .12);--app-muted: #64748b;--app-muted-strong: #475569}body{min-height:100vh;background:linear-gradient(160deg,var(--app-gradient-start),var(--app-gradient-end));color:#0f172a}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-top-bar{position:relative;z-index:30;background:linear-gradient(135deg,#0f172a24,#2563eb1f);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 18px 45px -32px #0f172a59}.app-top-bar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:clamp(.85rem,1.6vw,1.5rem) clamp(1rem,3vw,2.25rem);color:#f8fafc}.app-brand{display:flex;align-items:center;gap:.9rem;font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:700;letter-spacing:.02em}.app-brand-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2563ebd9,#0ea5e9bf);box-shadow:inset 0 0 0 1px #fff6;font-size:1.15rem}.app-top-actions{display:flex;align-items:center;gap:.65rem}.app-top-actions button{border-radius:999px;background:#0f172a59;border:1px solid rgba(255,255,255,.25);color:#f8fafc;font-weight:600;padding:.45rem 1.25rem;transition:all .2s ease}.app-top-actions button:hover{background:#2563eb99;box-shadow:0 10px 24px -16px #2563eba6}#app-container{width:100%;max-width:1240px;margin:0 auto;padding:clamp(1.5rem,3vw,3rem) clamp(1rem,2.5vw,2.5rem);display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2.75rem)}.page-shell{display:flex;flex-direction:column;gap:clamp(1.5rem,2vw,2.5rem)}.page-surface{position:relative;background:var(--app-surface);border:1px solid var(--app-border);border-radius:clamp(20px,2.2vw,28px);padding:clamp(1.5rem,2vw,2.75rem);box-shadow:var(--app-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.35);pointer-events:none}.page-surface>*:first-child{margin-top:0}.page-header{background:linear-gradient(135deg,#2563eb2e,#4f46e526);border:1px solid rgba(148,163,184,.25);border-radius:clamp(18px,2vw,24px);padding:clamp(1.25rem,1.8vw,2.25rem);box-shadow:var(--app-shadow-card);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.page-header-title{display:flex;flex-direction:column;gap:.35rem}.page-header-title h1{font-size:clamp(1.65rem,2.4vw,2.3rem);font-weight:700;color:var(--app-muted-strong)}.page-header-title p{color:var(--app-muted);font-size:.95rem}.page-header-actions{display:flex;align-items:center;gap:.75rem}.page-header-actions button{border-radius:999px;font-weight:600}.page-header.align-start{align-items:flex-start}.section-card{position:relative;background:var(--app-surface-strong);border:1px solid var(--app-border);border-radius:clamp(18px,1.6vw,24px);padding:clamp(1.25rem,1.75vw,2.25rem);box-shadow:var(--app-shadow-card)}.section-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.45);pointer-events:none}.section-card+.section-card{margin-top:clamp(1.25rem,2vw,2rem)}.section-heading{font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700;color:var(--app-muted-strong);display:flex;align-items:center;gap:.5rem}.section-subtitle{font-size:.9rem;color:var(--app-muted);margin-bottom:1.25rem}.section-grid{display:grid;gap:clamp(1.25rem,2vw,2rem)}.section-grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.filter-panel{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;background:#fffffff2;border:1px solid var(--app-border);border-radius:18px;padding:clamp(1rem,1.5vw,1.75rem);box-shadow:var(--app-shadow-card)}.filter-panel label{font-size:.85rem;font-weight:600;color:var(--app-muted-strong)}.filter-panel input,.filter-panel select{border-radius:.85rem;border:1px solid var(--app-border-strong);padding:.55rem .85rem;background:#f8fafce6;transition:all .2s ease}.filter-panel input:focus,.filter-panel select:focus{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 4px var(--app-accent-muted)}.ledger-view-toggle-container{display:flex;align-items:flex-end;margin-left:auto}.ledger-view-toggle{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid var(--app-border-strong);background:#2563eb14;color:var(--app-accent);font-weight:600;padding:.55rem 1.1rem;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.ledger-view-toggle:hover{background:#2563eb29;box-shadow:0 8px 18px -12px #2563eb99}.ledger-view-toggle.is-spreadsheet{background:#0f766e1f;border-color:#0f766e66;color:#0f766e}.ledger-view-toggle.is-spreadsheet:hover{background:#0f766e33}.ledger-view-toggle .ledger-view-toggle-label{display:inline-flex;align-items:center;gap:.4rem}@media (max-width: 640px){.ledger-view-toggle-container{width:100%;margin-left:0}.ledger-view-toggle{width:100%;justify-content:center}}.page-surface input[type=text],.page-surface input[type=email],.page-surface input[type=password],.page-surface input[type=number],.page-surface input[type=date],.page-surface input[type=month],.page-surface input[type=file],.page-surface textarea,.page-surface select{border-radius:.9rem;border:1px solid var(--app-border);background-color:#f8fafcd1;transition:all .2s ease}.page-surface input:focus,.page-surface textarea:focus,.page-surface select:focus{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 4px var(--app-accent-muted);background-color:#fffffffa}.page-surface select,.modal-content select,.filter-panel select{appearance:auto;-webkit-appearance:menulist;background-image:none;line-height:normal;padding-top:.55rem;padding-bottom:.55rem}.page-surface select option,.modal-content select option,.filter-panel select option{padding:initial;line-height:inherit;font-size:inherit}.custom-dropdown{position:relative;width:100%;font-size:.95rem}.custom-dropdown select{position:absolute;inset:0;opacity:0;pointer-events:none;width:0;height:0}.custom-dropdown-toggle{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;border-radius:.75rem;border:1px solid var(--app-border);background:#f8fafceb;padding:.65rem .85rem;font-size:.95rem;line-height:1.5}.custom-dropdown-toggle:disabled{opacity:.6;cursor:not-allowed}.custom-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:#fff;border:1px solid rgba(148,163,184,.45);border-radius:.75rem;box-shadow:0 18px 32px -22px #1e293b73;max-height:260px;overflow-y:auto;padding:.35rem 0}.custom-dropdown-item{padding:.55rem .85rem;cursor:pointer;display:flex;align-items:center;gap:.45rem}.custom-dropdown-item:hover,.custom-dropdown-item[aria-selected=true]{background:#2563eb14}.custom-dropdown-check{width:16px;height:16px;color:#2563eb;opacity:0}.custom-dropdown-item[aria-selected=true] .custom-dropdown-check{opacity:1}.card-workflow-panel .card-approver-select,.department-row .approver-select{appearance:auto;-webkit-appearance:menulist;font-size:.95rem;line-height:normal;padding:.55rem .75rem;min-height:2.65rem}.card-workflow-panel .card-approver-select option,.department-row .approver-select option{padding:initial;line-height:inherit;font-size:inherit}.action-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.action-toolbar button,.action-toolbar a{border-radius:999px;padding:.55rem 1.25rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.action-toolbar button:hover,.action-toolbar a:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px #2563eb99}.table-card{border-radius:clamp(16px,1.2vw,20px);border:1px solid var(--app-border);background:var(--app-surface-strong);box-shadow:var(--app-shadow-card)}.table-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.table-scroll::-webkit-scrollbar-track{background:#e2e8f066}.table-card table{width:100%;border-collapse:collapse;min-width:clamp(960px,110vw,1280px)}.table-card thead{background:#2563eb1a}.spreadsheet-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:var(--app-muted-strong)}.spreadsheet-toggle-input{width:1.1rem;height:1.1rem;accent-color:var(--app-accent)}.spreadsheet-toggle-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.spreadsheet-toggle-input:checked+.spreadsheet-toggle-label{color:var(--app-accent)}.spreadsheet-container{display:grid;gap:clamp(1.1rem,2vw,1.75rem)}#department-cash-screen:not(.spreadsheet-mode) .spreadsheet-container,#client-reimbursement-cash-screen:not(.spreadsheet-mode) .spreadsheet-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}#department-cash-screen.spreadsheet-mode .spreadsheet-container,#client-reimbursement-cash-screen.spreadsheet-mode .spreadsheet-container{grid-template-columns:1fr}.spreadsheet-section{display:flex;flex-direction:column;gap:.85rem}.spreadsheet-section-header,.spreadsheet-section-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.spreadsheet-section-footer{justify-content:flex-end}.spreadsheet-add-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--app-accent);padding:.35rem .75rem;border-radius:999px;background:#2563eb1f;transition:background .2s ease,transform .2s ease}.spreadsheet-add-btn:hover{background:#2563eb33;transform:translateY(-1px)}.spreadsheet-table-wrapper{border:1px solid var(--app-border);border-radius:clamp(14px,1.4vw,18px);overflow-x:auto;background:#ffffffeb;-webkit-overflow-scrolling:touch}.spreadsheet-table{width:100%;min-width:clamp(680px,95vw,1080px);border-collapse:collapse;font-size:.9rem}.spreadsheet-table th,.spreadsheet-table td{border:1px solid rgba(148,163,184,.35);padding:.65rem .75rem;text-align:left;vertical-align:middle;background:#f8fafcd9}.spreadsheet-table th{background:#2563eb1f;font-weight:600;color:var(--app-muted-strong)}.spreadsheet-table tbody tr:nth-child(2n) td{background:#f1f5f9e6}.spreadsheet-cell{position:relative}.spreadsheet-input{width:100%;border:none;background:transparent;padding:.35rem .5rem;border-radius:.65rem;font-size:.9rem;color:inherit;transition:background .2s ease,box-shadow .2s ease}.spreadsheet-input:focus{outline:none;background:#fffffffa;box-shadow:0 0 0 3px var(--app-accent-muted)}.spreadsheet-input[type=number]{text-align:right}.spreadsheet-action-cell,.spreadsheet-action-col{width:80px;text-align:center}.spreadsheet-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:#f871711f;color:#dc2626;transition:background .2s ease,transform .2s ease}.spreadsheet-remove-btn:hover{background:#f8717133;transform:translateY(-1px)}.spreadsheet-save-btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:#fff;padding:.6rem 1.25rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}.spreadsheet-save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -18px #0f172a66}.spreadsheet-receipt-block label{margin-bottom:.4rem}.spreadsheet-receipt-cell{min-width:160px}.spreadsheet-receipt-cell label{font-weight:600}.spreadsheet-receipt-col{text-align:center;min-width:160px}#department-cash-screen.spreadsheet-mode .split-layout,#client-reimbursement-cash-screen.spreadsheet-mode .split-layout{grid-template-columns:1fr}#department-cash-screen.spreadsheet-mode .section-card,#client-reimbursement-cash-screen.spreadsheet-mode .section-card{background:#ffffffc7;box-shadow:none;border:1px solid rgba(148,163,184,.35);border-radius:14px}#department-cash-screen.spreadsheet-mode .section-card:before,#client-reimbursement-cash-screen.spreadsheet-mode .section-card:before{display:none}#department-cash-screen.spreadsheet-mode .table-card,#client-reimbursement-cash-screen.spreadsheet-mode .table-card{box-shadow:none;border:1px solid rgba(148,163,184,.35)}#department-cash-screen.spreadsheet-mode .table-card table,#client-reimbursement-cash-screen.spreadsheet-mode .table-card table{min-width:clamp(680px,95vw,1080px)}.table-card th,.table-card td{padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.2);text-align:left}.table-card tbody tr:nth-child(2n){background:#e2e8f073}.table-card tbody tr:hover{background:#2563eb1f}.compact-table table{min-width:100%;table-layout:auto}.compact-table th,.compact-table td{padding:.6rem .75rem;white-space:nowrap}.ledger-card select{min-width:10rem;padding:.4rem .65rem;font-size:.875rem;line-height:1.4}.ledger-card select option,.ledger-card table th,.ledger-card table td,.ledger-content{white-space:nowrap}#daily-report-content,#monthly-report-content{overflow-x:auto;-webkit-overflow-scrolling:touch}#daily-report-content table,#monthly-report-content table{min-width:clamp(960px,110vw,1280px)}body[data-ledger-view=spreadsheet] #app-container{max-width:none;width:100%;padding:clamp(1rem,2vw,2rem)}body[data-ledger-view=spreadsheet] .page-surface{border-radius:0;border:none;box-shadow:none;background:var(--app-surface-strong)}body[data-ledger-view=spreadsheet] .page-surface:before{display:none}body[data-ledger-view=spreadsheet] .page-header{border-radius:clamp(12px,1.2vw,18px)}body[data-ledger-view=spreadsheet] .filter-panel{border-radius:clamp(12px,1.2vw,18px);background:#f8fafcf2}body[data-ledger-view=spreadsheet] .ledger-card{box-shadow:none}body[data-ledger-view=spreadsheet] .ledger-spreadsheet{background:transparent;border:none;padding:clamp(.5rem,1vw,1rem) 0}body[data-ledger-view=spreadsheet] .ledger-spreadsheet-scroll{width:100%;border:1px solid rgba(148,163,184,.45);border-radius:clamp(10px,1vw,14px);overflow:auto;background:#fffffffa;max-height:calc(100vh - 260px);box-shadow:inset 0 1px #fff6}@media (max-height: 760px){body[data-ledger-view=spreadsheet] .ledger-spreadsheet-scroll{max-height:calc(100vh - 200px)}}body[data-ledger-view=spreadsheet] .ledger-spreadsheet-table{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0;font-size:.9rem}body[data-ledger-view=spreadsheet] .ledger-spreadsheet-table thead th{position:sticky;top:0;background:#e2e8f0;z-index:5;box-shadow:inset 0 -1px #94a3b880}body[data-ledger-view=spreadsheet] .ledger-spreadsheet-table th,body[data-ledger-view=spreadsheet] .ledger-spreadsheet-table td{border:1px solid rgba(148,163,184,.55);padding:.65rem .75rem;white-space:nowrap;background:#fffffffa}body[data-ledger-view=spreadsheet] .ledger-spreadsheet-table tbody tr:nth-child(2n) td{background:#f8fafcf5}body[data-ledger-view=spreadsheet] #daily-report-content,body[data-ledger-view=spreadsheet] #monthly-report-content{overflow:hidden}body[data-ledger-view=spreadsheet] #daily-report-content table,body[data-ledger-view=spreadsheet] #monthly-report-content table{min-width:100%}.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:600;background:#2563eb1f;color:var(--app-accent)}.info-banner{border-radius:clamp(16px,1.4vw,20px);padding:clamp(1rem,1.5vw,1.5rem);background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#1d4ed8;box-shadow:var(--app-shadow-card)}.warning-banner{border-radius:clamp(16px,1.4vw,20px);padding:clamp(1rem,1.5vw,1.5rem);background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#b91c1c;box-shadow:var(--app-shadow-card)}.badge-muted{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.35rem .75rem;background:#94a3b829;color:var(--app-muted-strong);font-weight:500;font-size:.8rem}.split-layout{display:grid;gap:clamp(1.25rem,2vw,2rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.floating-toolbar{position:sticky;top:1rem;z-index:30;display:flex;flex-direction:column;gap:.75rem}.floating-toolbar button{border-radius:999px}.modal-surface{background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--app-surface-strong);border-radius:clamp(20px,2.5vw,28px);padding:clamp(1.5rem,2vw,2.5rem);border:1px solid var(--app-border);box-shadow:var(--app-shadow-card)}.modal-content h2{font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:700;color:var(--app-muted-strong)}.modal-content footer{display:flex;justify-content:flex-end;gap:.75rem}.table-scroll-vertical{max-height:22rem;overflow-y:auto;overflow-x:auto}.table-scroll-vertical table{min-width:1100px}#credit-card-department-label,#credit-card-requester-label,#credit-card-report-department-label,#credit-card-report-requester-label{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.stats-grid{display:grid;gap:clamp(1rem,1.5vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stats-card{background:linear-gradient(145deg,#2563eb1f,#0ea5e91f);border:1px solid rgba(37,99,235,.2);border-radius:clamp(18px,1.6vw,24px);padding:clamp(1.25rem,1.5vw,1.8rem);display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--app-shadow-card)}.stats-card span{font-size:.85rem;font-weight:600;color:var(--app-muted)}.stats-card strong{font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:700;color:var(--app-muted-strong)}.approver-filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.85rem;transition:all .15s ease}.approver-filter-chip:hover{border-color:#cbd5e1;background:#f8fafc}.approver-filter-chip.active{border-color:#6366f1;background:#eef2ff;color:#4338ca;box-shadow:0 8px 20px -12px #6366f1b3}.approver-request-card{border:1px solid #e5e7eb;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;padding:.95rem;box-shadow:0 20px 40px -32px #0f172a73}.approver-stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .9rem;border-radius:14px;border:1px solid #e5e7eb;background:#f8fafc;color:#1f2937;font-size:.85rem;box-shadow:0 10px 25px -24px #0f172a59}.approver-stat-pill .label{color:#6b7280;font-weight:600}.approver-stat-pill .value{font-weight:700;color:#111827}@media (max-width: 768px){#app-container{padding:clamp(1rem,5vw,2rem) clamp(.75rem,4vw,1.5rem)}.page-header{border-radius:20px}.page-surface{padding:clamp(1.25rem,5vw,2rem)}.page-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.section-card,.filter-panel{border-radius:16px}}