:root{--color-bg: #f5f7fb;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-text: #111827;--color-muted: #5b677a;--color-border: #d9e2ec;--color-primary: #0f6cbd;--color-primary-strong: #0b5cab;--color-primary-soft: #e8f3ff;--color-success: #107c10;--color-warning: #b45309;--color-danger: #b91c1c;--shadow-card: 0 16px 40px rgb(15 23 42 / 8%);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}.app-frame{background:radial-gradient(circle at top left,rgb(15 108 189 / 14%),transparent 32rem),var(--color-bg);color:var(--color-text);min-height:100vh}.skip-link{background:var(--color-primary);border-radius:0 0 var(--radius-sm) 0;color:#fff;left:0;padding:10px 14px;position:fixed;top:-80px;z-index:50}.skip-link:focus{top:0}.demo-mode-banner{background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412;font-size:.9rem;font-weight:700;padding:10px 24px;text-align:center}.top-bar{align-items:center;background:#ffffffeb;border-bottom:1px solid var(--color-border);display:flex;gap:14px;min-height:72px;padding:12px 24px;position:sticky;top:0;z-index:20}.top-bar-spacer{flex:1 1 auto}.wordmark-button,.wordmark-lockup{align-items:center;color:var(--color-text);display:inline-flex;font-size:1.1rem;font-weight:800;gap:10px}.wordmark-button{background:transparent;border:0;cursor:pointer;padding:0}.wordmark-mark{align-items:center;background:linear-gradient(135deg,#0f6cbd,#10a37f);border-radius:12px;color:#fff;display:inline-flex;font-size:1rem;height:36px;justify-content:center;letter-spacing:.03em;width:36px}.environment-badge,.demo-chip{background:#eef6ff;border:1px solid #b7daf8;border-radius:999px;color:#0b5cab;display:inline-flex;font-size:.78rem;font-weight:700;padding:6px 10px}.language-selector{align-items:center;color:var(--color-muted);display:inline-flex;font-size:.85rem;font-weight:700;gap:8px}.language-selector select{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);min-height:36px;padding:6px 28px 6px 10px}.user-summary{align-items:center;display:inline-flex;gap:10px;min-width:0}.user-summary strong,.user-summary small{display:block;line-height:1.2;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-summary small{color:var(--color-muted);font-size:.76rem;margin-top:2px}.user-avatar{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;display:inline-flex;flex:0 0 auto;font-weight:800;height:36px;justify-content:center;width:36px}.app-body{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#ffffffb8;border-right:1px solid var(--color-border);padding:22px 16px}.primary-nav{display:grid;gap:8px;position:sticky;top:94px}.primary-nav button{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:#344054;cursor:pointer;font-weight:700;min-height:42px;padding:10px 12px;text-align:left}.primary-nav button:hover,.primary-nav button:focus-visible,.primary-nav button.active{background:var(--color-primary-soft);border-color:#bfdbfe;color:var(--color-primary-strong)}.nav-group{display:grid;gap:4px}.nav-chevron{float:right;font-size:.8rem;opacity:.6}.nav-submenu{display:grid;gap:4px;padding-left:16px}.nav-submenu button{font-size:.95rem;font-weight:600;min-height:36px;padding:8px 12px}.main-content{outline:none;padding:32px clamp(20px,4vw,48px) 56px}.page-heading{margin-bottom:24px}.page-eyebrow,.section-eyebrow{color:var(--color-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.page-heading h1,.welcome-panel h2,.state-panel h1,.state-panel h2{line-height:1.12;margin:0}.page-heading h1{font-size:clamp(2rem,4vw,3.4rem)}.panel,.auth-card,.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel{padding:24px}.dashboard-grid{display:grid;gap:20px}.welcome-panel{align-items:center;display:flex;gap:24px;justify-content:space-between}.welcome-panel h2{font-size:clamp(1.5rem,3vw,2.35rem)}.quick-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(140px,1fr))}.metric-card{padding:20px}.metric-card span{color:var(--color-muted);display:block;font-size:.85rem;font-weight:800}.metric-card strong{display:block;font-size:2.25rem;line-height:1;margin-top:12px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{font-size:1.2rem;margin:0}.responsive-table{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #edf2f7;padding:12px 10px;text-align:left;vertical-align:middle}th:last-child,td:last-child{padding-left:16px}th{color:var(--color-muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}td{color:#1f2937}.status-badge{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;padding:5px 9px}.status-draft,.status-draftrevision{background:#f3f4f6;color:#374151}.status-pending,.status-pendingdirectmanager,.status-pendingfunctionmanager,.status-pendingreview,.status-pendingfinal,.status-issueticket{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected,.status-deleteddraft{background:#fee2e2;color:#991b1b}.status-withdrawn,.status-withdrawnbeforeapproval,.status-withdrawnafterapproval{background:#e0e7ff;color:#3730a3}.primary-button,.secondary-button,.text-button,.link-button,.icon-button,.danger-button-solid,.success-button,.merge-button{border-radius:var(--radius-sm);cursor:pointer;font-weight:800;min-height:38px}.danger-button-solid,.success-button,.merge-button{padding:8px 14px}.danger-button-solid{background:var(--color-danger);border:1px solid var(--color-danger);color:#fff}.danger-button-solid:hover{background:#991b1b;border-color:#991b1b}.success-button{background:#dcfce7;border:1px solid #86efac;color:#166534}.success-button:hover{background:#bbf7d0}.merge-button{background:#6d28d9;border:1px solid #6d28d9;color:#fff}.merge-button:hover{background:#5b21b6;border-color:#5b21b6}.primary-button{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff;padding:8px 14px}.primary-button:hover{background:var(--color-primary-strong)}.secondary-button,.icon-button{background:#fff;border:1px solid var(--color-border);color:#1f2937;padding:8px 12px}.secondary-button:hover,.icon-button:hover{background:#f8fafc}.text-button,.link-button{background:transparent;border:0;color:var(--color-primary-strong);padding:4px}.link-button{font-weight:800;text-decoration:underline;text-underline-offset:3px}.nav-toggle{display:none}.standalone-page{align-items:center;background:radial-gradient(circle at top left,rgb(15 108 189 / 14%),transparent 28rem),var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{max-width:560px;padding:32px;width:100%}.auth-card h1{font-size:clamp(2rem,4vw,3rem);margin:24px 0 12px}.auth-card p{color:var(--color-muted)}.dev-login-details{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:22px 0}.dev-login-details div{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.dev-login-details dt{color:var(--color-muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.dev-login-details dd{margin:4px 0 0;overflow-wrap:anywhere}.state-panel p,.empty-state p,.error-panel p,.muted-text{color:var(--color-muted)}.empty-state{background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:20px}.empty-state h3{margin:0 0 6px}.empty-state p{margin:0}.loading-block{align-items:center;color:var(--color-muted);display:inline-flex;font-weight:800;gap:10px}.loading-spinner{animation:spin .9s linear infinite;border:3px solid #dbeafe;border-top-color:var(--color-primary);border-radius:999px;height:24px;width:24px}.toast-region{bottom:20px;display:grid;gap:10px;max-width:420px;position:fixed;right:20px;width:calc(100vw - 40px);z-index:60}.toast{align-items:center;background:#fff;border:1px solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;gap:12px;justify-content:space-between;padding:12px}.toast-success{border-left-color:var(--color-success)}.toast-warning{border-left-color:var(--color-warning)}.toast-error{border-left-color:var(--color-danger)}.toast button{background:transparent;border:0;color:var(--color-muted);cursor:pointer;font-size:1.2rem}.request-form-layout,.request-detail-grid,.approval-layout,.approval-detail-grid{display:grid;gap:20px}.approval-tabs{background:#ffffffe0;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:8px;padding:10px}.approval-tabs button{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:800;padding:9px 14px}.approval-tabs button.active,.approval-tabs button[aria-selected=true],.approval-tabs button:hover{background:var(--color-primary-soft);border-color:#bfdbfe;color:var(--color-primary-strong)}.pagination-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}.capacity-label{background:#eef6ff;border:1px solid #b7daf8;border-radius:999px;color:#0b5cab;display:inline-flex;font-size:.76rem;font-weight:800;margin-inline-start:6px;padding:4px 8px}.approval-actions-panel{border-left:5px solid var(--color-primary)}.danger-button{border-color:#fecaca;color:var(--color-danger)}.danger-button:hover{background:#fef2f2}.success-panel{border-color:#bbf7d0;outline:none}.info-text{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);color:#1d4ed8;font-weight:700;padding:10px 12px}.route-timeline li{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px}.route-timeline li.current{border-color:#93c5fd;box-shadow:inset 4px 0 0 var(--color-primary)}.route-timeline p{margin:6px 0}.task-status-pending,.task-status-queued{background:#fef3c7;color:#92400e}.task-status-approved{background:#dcfce7;color:#166534}.task-status-rejected,.task-status-cancelled{background:#fee2e2;color:#991b1b}.task-status-skipped{background:#e0e7ff;color:#3730a3}.section-tabs{background:#ffffffe0;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:8px;padding:10px;position:sticky;top:86px;z-index:10}.section-tabs button{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:800;padding:8px 10px}.section-tabs button.active,.section-tabs button:hover{background:var(--color-primary-soft);border-color:#bfdbfe;color:var(--color-primary-strong)}.form-section{scroll-margin-top:156px}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label,.full-width-field,.search-select label,.hotel-input label{align-content:start;color:#344054;display:grid;font-weight:800;gap:6px}.form-grid input,.form-grid select,.form-grid textarea,.full-width-field input,.full-width-field select,.full-width-field textarea,.search-select input,.hotel-input input,.line-money-row>label input,.charging-line input,.charging-line select,td input,td select{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);min-height:38px;padding:8px 10px;width:100%}.full-width-field{margin-top:16px}.full-width-field textarea{min-height:92px;resize:vertical}.field-help,.section-note,.muted-text{color:var(--color-muted);font-size:.9rem}.field-error,.warning-text{color:var(--color-danger);font-weight:800}.success-text{color:var(--color-success);font-weight:800}.validation-summary{border-color:#fecaca}.validation-summary a{color:var(--color-danger);font-weight:800}.line-card-list{display:grid;gap:16px}.line-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.line-card h3{margin:0}.hotel-input,.search-select{align-content:start;display:grid;gap:8px;margin-top:14px}.line-money-row{align-items:start;display:grid;gap:16px;grid-template-columns:3fr 1fr 1fr;margin-top:14px}.line-money-row .hotel-input{margin-top:0}.line-money-row>label{align-content:start;color:#344054;display:grid;font-weight:800;gap:6px}@media(max-width:720px){.line-money-row{grid-template-columns:1fr}}.search-results,.suggestion-group,.attachment-list,.approval-route-list{display:grid;gap:8px;list-style:none;margin:8px 0 0;padding:0}.search-results li,.attachment-list li{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px}.search-results small,.attachment-list small{color:var(--color-muted)}.attachment-grid li{display:grid;grid-template-columns:minmax(10rem,2fr) 12rem minmax(10rem,2fr) auto;justify-content:initial}.attachment-grid .attachment-tag{display:flex}.attachment-grid .attachment-name{min-width:0;overflow-wrap:anywhere}.amount-highlight{color:#b45309;font-weight:800}.pe-hero{align-items:flex-start;background:linear-gradient(135deg,#0e1c30,#10385f 60%,#0f6cbd);border:0;color:#fff;display:flex;gap:24px;justify-content:space-between}.pe-hero h1{font-size:26px;letter-spacing:-.01em;margin:0 0 12px}.pe-eyebrow{color:#9cc7f5;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 6px;text-transform:uppercase}.pe-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}.pe-chip{align-items:center;background:#ffffff1f;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;color:#e6f0fb;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 11px}.pe-chip.route{background:#0f6cbd;border-color:#3d8fd6;color:#fff}.pe-chip.warn{background:#7c2d12;border-color:#9a3412;color:#fed7aa}.pe-hero .report-english-notice{color:#b7c7da;margin:10px 0 0}.pe-hero .primary-button{background:#0f6cbd;border-color:#3d8fd6}.pe-hero .secondary-button{background:#ffffff1a;border-color:#ffffff47;color:#fff}.pe-hero-actions{display:flex;flex-shrink:0;gap:10px}.pe-filter-card{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pe-field{display:grid;gap:6px}.pe-field>span{color:var(--color-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pe-input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13.5px;min-height:38px;padding:0 10px}.pe-segment{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.pe-segment button{background:#fff;border:0;color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:700;padding:9px 14px}.pe-segment button.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.pe-filter-actions{margin-left:auto}.pe-kpi-row{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.pe-kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px 16px}.pe-kpi-label{color:var(--color-muted);display:block;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.pe-kpi strong{font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.pe-kpi small{color:var(--color-muted);display:block;font-size:12px;font-weight:600;margin-top:4px}.pe-kpi.danger strong{color:var(--color-danger)}.pe-kpi.warn strong{color:var(--color-warning)}.pe-crumbs{align-items:center;color:var(--color-muted);display:flex;font-size:13px;gap:8px}.pe-crumbs .sep{color:var(--color-border);font-weight:800}.pe-num{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.pe-thumb{background:#e6edf5;border-radius:999px;display:inline-block;height:8px;margin-right:8px;overflow:hidden;vertical-align:middle;width:110px}.pe-thumb i{background:var(--color-primary);border-radius:999px;display:block;height:100%}.pe-thumb.warn i{background:var(--color-warning)}.pe-thumb.danger i{background:var(--color-danger)}.pe-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:4px 10px}.pe-pill:before{background:currentColor;border-radius:50%;content:"";height:7px;width:7px}.pe-pill.ok{background:#e8f5e9;color:var(--color-success)}.pe-pill.info{background:var(--color-primary-soft);color:var(--color-primary-strong)}.pe-pill.watch{background:#fff8e1;color:#8a6100}.pe-pill.warn{background:#fff3e0;color:var(--color-warning)}.pe-pill.danger{background:#fdecec;color:var(--color-danger)}.pe-tag{border-radius:6px;display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px}.pe-tag.current{background:#e8f5e9;color:var(--color-success)}.pe-tag.forecast{background:var(--color-primary-soft);color:var(--color-primary-strong)}.pe-report tbody tr{cursor:pointer}.pe-report tr.pe-selected{background:var(--color-primary-soft);box-shadow:inset 3px 0 0 var(--color-primary)}.pe-export-note{align-items:center;color:var(--color-primary-strong);display:flex;font-weight:600;gap:10px;margin:0 0 12px}.pe-empty{color:var(--color-muted);padding:36px;text-align:center}.pe-kpi-action{color:inherit;cursor:pointer;font:inherit;text-align:left}.pe-kpi-action:hover:not(:disabled){border-color:var(--color-primary)}.pe-kpi-action:disabled{cursor:default}.pe-toolbar{align-items:center;display:flex;gap:12px}.pe-sort{background:none;border:0;color:var(--color-muted);cursor:pointer;font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;padding:0;text-transform:uppercase;white-space:nowrap}.pe-sort.active{color:var(--color-primary-strong)}.pe-report tbody tr:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.pe-pager{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:12px}@media(max-width:1200px){.pe-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-hero{flex-direction:column}}@media(max-width:720px){.attachment-grid li{grid-template-columns:1fr}}.suggestion-group{background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px}.suggestion-group p{color:var(--color-muted);font-weight:800;margin:0}.name-search-picker,.name-search-picker-input{position:relative}.name-search-picker-input .text-input{padding-right:32px}.name-search-picker-clear{background:none;border:0;color:var(--color-muted);cursor:pointer;font-size:1rem;line-height:1;padding:6px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.name-search-picker-clear:hover{color:var(--color-text, #0f172a)}.name-search-picker-suggestions{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0f172a24;left:0;list-style:none;margin:4px 0 0;max-height:220px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:30}.name-search-picker-suggestions li button{background:none;border:0;cursor:pointer;display:block;padding:8px 10px;text-align:left;width:100%}.name-search-picker-suggestions li button:hover{background:#0f766e14}.name-search-picker-hint{color:var(--color-muted);display:block;font-size:.8rem}.name-search-picker-empty{color:var(--color-muted);padding:8px 10px}.text-input:disabled{background:var(--color-surface-muted);color:var(--color-muted);cursor:not-allowed;opacity:1}.flow-mode-banner{align-items:baseline;background:var(--color-surface);border:1px solid var(--color-border);border-left-width:6px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px 20px}.flow-mode-banner--four-step{border-left-color:var(--color-primary)}.flow-mode-banner--manager-only{border-left-color:var(--color-warning)}.flow-mode-banner-label{color:var(--color-muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.flow-mode-banner-value{color:var(--color-text);font-size:1.25rem}.flow-mode-banner-summary{color:var(--color-muted);flex:1 1 22rem}.flow-mode-banner-pending{background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary-strong);flex-basis:100%;font-weight:600;padding:8px 12px}.flow-mode-picker{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.flow-mode-picker .form-field,.flow-mode-picker .button-row{margin-bottom:0}.flow-mode-picker .form-field{flex:1 1 240px}.flow-mode-picker .button-row{flex:0 0 auto}.flow-mode-confirm{background:#fff7ed;border:1px solid var(--color-warning);border-radius:var(--radius-sm);margin:14px 0;padding:14px 16px}.flow-mode-confirm p{margin:0 0 8px}.field-help-warning{color:var(--color-warning);font-weight:600}.self-approval-exception-banner{align-items:baseline;border:1px solid var(--color-border);border-left-width:6px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px;padding:12px 16px}.self-approval-exception-banner--active{background:#fef2f2;border-left-color:var(--color-danger)}.self-approval-exception-banner--inactive{background:var(--color-surface);border-left-color:var(--color-muted)}.self-approval-exception-banner strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.self-approval-exception-banner span{color:var(--color-text);flex:1 1 22rem}.entity-multiselect{display:flex;flex-direction:column;gap:8px}.entity-multiselect-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:4px}.entity-multiselect-list li label{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 8px}.entity-multiselect-list li label:hover{background:#0f766e14}.entity-multiselect-empty{color:var(--color-muted);padding:8px 10px}.entity-chips{display:flex;flex-wrap:wrap;gap:6px}.entity-chip{align-items:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px;display:inline-flex;gap:6px;padding:4px 8px}.entity-chip button{background:none;border:0;color:var(--color-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0}.entity-chip button:hover{color:var(--color-danger)}.request-number-chip{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;color:#166534;display:inline-flex;font-weight:800;padding:6px 10px}.upload-box{align-items:center;background:var(--color-surface-muted);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:96px;padding:16px;text-align:center}.upload-box input{margin-top:10px}.sticky-actions{background:#ffffffe5;border-top:1px solid var(--color-border);bottom:0;margin:16px -24px -24px;padding:16px 24px;position:sticky}.review-summary-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.review-summary-grid>div,.detail-list div{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px}.detail-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0}.detail-list dt{color:var(--color-muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.detail-list dd{margin:4px 0 0}.detail-panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;max-height:100%;max-width:760px;width:100%}.detail-panel-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.detail-panel-header h3{margin:0}.detail-panel-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:18px}.detail-panel-body h4{margin:0}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-tag{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-block;font-size:.85rem;margin:4px 6px 0 0;padding:4px 10px}.admin-form-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);color:var(--color-warning);margin:14px 0;padding:10px 14px}.admin-form-warning p{margin:0}.hero-panel{align-items:center;display:flex;justify-content:space-between}.modal-backdrop{align-items:center;background:#0f172a6b;display:flex;justify-content:center;inset:0;padding:24px;position:fixed;z-index:70}.confirm-dialog{max-width:520px;width:100%}.withdraw-remark-field{color:#344054;display:grid;font-weight:800;gap:6px;margin:4px 0 14px}.withdraw-remark-label{line-height:1.3}.withdraw-remark-field textarea{min-height:64px;resize:vertical;width:100%}button:disabled{cursor:wait;opacity:.66}button:focus-visible,a:focus-visible,select:focus-visible,main:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.admin-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.admin-page-header h2{margin:0}.admin-page-description{color:var(--color-muted);font-size:.86rem;margin:4px 0 0}.admin-filter-bar{align-items:center;display:flex;gap:10px;margin-bottom:20px}.admin-filter-bar .text-input{max-width:360px}.admin-section-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.admin-section-header h3{flex:1;margin:0}.admin-card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:20px}.admin-card h3{margin:0}.admin-card p{color:var(--color-muted);flex:1;font-size:.86rem;margin:0}.action-buttons{align-items:center;display:flex;gap:4px}.text-input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;min-height:38px;padding:6px 10px;width:100%}.charging-description-input{box-sizing:border-box;display:block;line-height:1.4;overflow:hidden;resize:none}.text-input:focus{border-color:var(--color-primary);outline:none}.form-two-column{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-column{min-width:0}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-field span{color:var(--color-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.modal-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0f172a47;max-width:560px;overflow-y:auto;padding:24px;width:100%}.modal-dialog:has(.form-two-column){max-width:780px}.modal-dialog h3{margin:0 0 12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-tag{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-block;font-size:.82rem;margin:2px 4px 2px 0;padding:4px 10px}.status-sent,.status-ready{background:#dcfce7;color:#166534}.status-failed{background:#fee2e2;color:#991b1b}.status-deadletter{background:#f3f4f6;color:#374151}.status-generating,.status-processing{background:#fef3c7;color:#92400e}.status-accepted{background:#dcfce7;color:#166534}.status-duplicate{background:#e0e7ff;color:#3730a3}.report-card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.report-type-card h2{font-size:1.15rem;margin:0 0 8px}.report-type-card p{color:var(--color-muted);font-size:.92rem;line-height:1.5;margin:0 0 8px}.report-scope{border-left:3px solid var(--color-primary);font-size:.85rem;padding-left:10px}.report-notice{background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-sm);font-size:.82rem;padding:6px 10px}.report-filter-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.report-filter-form .form-field{margin-bottom:0;min-width:160px}.report-scope-info{color:var(--color-muted);font-size:.8rem;margin:4px 0 0}.report-english-notice{background:#e8f3ff;border:1px solid #93c5fd;border-radius:var(--radius-sm);color:#1e40af;font-size:.84rem;margin-bottom:16px;padding:8px 12px}.report-threshold-info,.report-column-info{margin-bottom:20px}.report-threshold-info h3,.report-column-info h3{font-size:.95rem;margin:16px 0 8px}.report-threshold-info ul,.report-column-info ul,.report-column-info ol{color:var(--color-muted);font-size:.88rem;line-height:1.7;margin:0 0 12px;padding-left:20px}.threshold-normal{color:var(--color-success)}.threshold-warning{color:var(--color-warning)}.threshold-blocked{color:var(--color-danger)}.report-summary{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:20px;padding:12px 16px}.report-summary p{color:var(--color-muted);font-size:.85rem;margin:0}.report-file-name{color:var(--color-muted);display:block;font-size:.8rem;margin-bottom:4px}.export-detail-actions{align-items:flex-end;flex-wrap:wrap;gap:8px;margin-top:4px}.export-detail-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:20px}.export-detail-field{display:flex;flex-direction:column;gap:4px}.field-label{color:var(--color-muted);font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.export-error-detail{background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px}.export-error-detail h3{font-size:.9rem;margin:0 0 6px}.export-polling-notice{background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px}.export-polling-notice p{font-size:.88rem;margin:0}.export-deadletter-notice{background:#f3f4f6;border:1px solid #9ca3af;border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px}.export-deadletter-notice p{font-size:.88rem;margin:0}.error-banner{background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#991b1b;margin-bottom:16px;padding:10px 14px}.error-banner p{font-size:.88rem;margin:0}.error-code{color:var(--color-danger);font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.82rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.metric-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.welcome-panel{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.top-bar{flex-wrap:wrap;padding:12px 16px}.nav-toggle{display:inline-flex}.user-summary{order:5;width:100%}.app-body{display:block}.sidebar{display:none;border-bottom:1px solid var(--color-border);border-right:0;padding:12px 16px}.sidebar.open{display:block}.primary-nav{position:static}.main-content{padding:24px 16px 40px}.metric-grid{grid-template-columns:1fr}.section-tabs{position:static}.hero-panel{align-items:flex-start;flex-direction:column}.language-selector span,.environment-badge{display:none}.help-card-grid{grid-template-columns:1fr}}.state-panel{padding:48px 24px;text-align:center}.state-panel h2{font-size:1.4rem;margin:0 0 12px}.state-panel p{color:var(--color-muted);margin:0 0 16px}.state-error{border-left:4px solid var(--color-danger)}.state-warning{border-left:4px solid var(--color-warning)}.state-success{border-left:4px solid var(--color-success)}.state-not-found,.state-unavailable{border-left:4px solid var(--color-muted)}.state-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.correlation-id{color:var(--color-muted);font-size:.82rem}.correlation-id code{background:#f3f4f6;border-radius:4px;font-family:monospace;padding:2px 6px}.breadcrumbs{margin-bottom:16px}.breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.breadcrumbs li{align-items:center;display:flex;gap:4px}.breadcrumb-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.breadcrumb-link:hover{color:var(--color-primary-strong)}.breadcrumbs [aria-current=page]{color:var(--color-text);font-size:.85rem;font-weight:600}.breadcrumb-separator{color:var(--color-muted);font-size:.85rem}.help-landing-intro{margin-bottom:24px}.help-landing-intro p{color:var(--color-muted);font-size:1.05rem;margin:0}.help-env-note{background:#fff7ed;border:1px solid #fed7aa;margin-bottom:24px}.help-env-note p{color:#9a3412;font-size:.82rem;margin:0}.help-search{margin-bottom:24px}.help-search-label{display:block;font-size:.78rem;font-weight:600;margin-bottom:6px;text-transform:uppercase}.help-card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.help-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:20px;text-align:left;transition:box-shadow .15s,border-color .15s}.help-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.help-card-icon{font-size:1.3rem;margin-bottom:8px}.help-card h3{font-size:1rem;margin:0 0 6px}.help-card p{color:var(--color-muted);font-size:.85rem;margin:0}.help-english-notice{border-top:1px solid var(--color-border);margin-top:32px;padding-top:12px}.help-english-notice p{color:var(--color-muted);font-size:.78rem;margin:0}.help-topic-header{margin-bottom:20px}.help-topic-description{color:var(--color-muted);font-size:1rem;margin:0}.help-topic-intro{margin-bottom:24px}.help-topic-intro p{color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0}.help-section{margin-bottom:16px;text-align:left}.help-section h3{font-size:.98rem;margin:0 0 8px}.help-section p{color:var(--color-muted);font-size:.9rem;line-height:1.6;margin:0}.help-topic-footer{margin-top:24px}.about-intro{margin-bottom:24px}.about-intro p{color:var(--color-muted);font-size:1rem;margin:0}.about-detail-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.about-detail-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px 16px}.about-detail-item .field-label{display:block;font-size:.72rem;margin-bottom:4px}.about-links{display:flex;gap:10px;margin-top:24px}:root{color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{background:#f5f7fa;margin:0}button,input,select,textarea{font:inherit}