:root{color:#1f2937;background:radial-gradient(circle at 0 0,#f973162e,#0000 28%),linear-gradient(#fffaf5 0%,#f4f7fb 100%);font-family:Microsoft JhengHei,PingFang TC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{width:min(90vw,1920px);margin:0 auto;padding:32px 0 48px}.hero{background:#ffffffd1;border:1px solid #f9731629;border-radius:24px;justify-content:space-between;gap:24px;padding:28px 32px;display:flex;box-shadow:0 16px 40px #0f172a14}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#c2410c;margin:0 0 8px;font-size:12px}.hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,40px)}.hero-copy{color:#475569;max-width:680px;margin:0}.hero-card{color:#f8fafc;background:linear-gradient(160deg,#111827,#1e293b);border-radius:18px;flex-direction:column;justify-content:center;gap:8px;min-width:240px;padding:20px;display:flex}.hero-card span,.hero-card small{color:#cbd5e1}.hero-card strong{font-size:24px}.tab-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.tab-item{color:#1e293b;cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #94a3b840;border-radius:18px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.tab-item small{color:#64748b}.tab-item.active{color:#fff7ed;background:linear-gradient(135deg,#ea580c,#fb923c);border-color:#0000}.tab-item.active small{color:#fff7edd6}.content-grid{display:grid}.panel{background:#ffffffd9;border:1px solid #94a3b82e;border-radius:24px;padding:24px;box-shadow:0 20px 50px #0f172a14}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-header h2{margin:0 0 8px}.panel-header p{color:#64748b;margin:0}.panel-actions{gap:12px;display:flex}.button{cursor:pointer;border:0;border-radius:14px;padding:12px 18px}.button.primary{color:#fff;background:#ea580c}.button.secondary{color:#c2410c;background:#fff7ed;align-items:center;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;padding:18px}.summary-card.accent{background:linear-gradient(#fff7ed,#fff)}.summary-card span{color:#64748b;font-size:14px;display:block}.summary-card strong{margin-top:10px;font-size:28px;display:block}.panel-subtitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-subtitle span{color:#64748b}.empty-state{text-align:center;color:#475569;border:1px dashed #94a3b873;border-radius:18px;padding:48px 20px}.empty-state h3{margin:0 0 10px}.empty-state p{margin:0}.table-wrap{border:1px solid #e2e8f0f2;border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:960px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0d9;padding:12px 14px}th{color:#7c2d12;background:#fffaf5;position:sticky;top:0}.status-pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.status-pill.pending{color:#c2410c;background:#fff7ed}.status-pill.success{color:#047857;background:#ecfdf5}.status-pill.error{color:#b91c1c;background:#fef2f2}.source-badge{color:#c2410c;background:#ffedd5;border-radius:999px;justify-content:center;align-items:center;min-width:40px;padding:4px 10px;font-weight:700;display:inline-flex}.source-cell{gap:6px;display:grid}.source-cell small{color:#64748b;word-break:break-word;max-width:180px}.text-button{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0}.filters{grid-template-columns:2fr 1fr 1fr;gap:14px;margin:24px 0;display:grid}.filters label{color:#475569;gap:8px;display:grid}.filters input,.filters select{background:#fff;border:1px solid #94a3b859;border-radius:14px;width:100%;padding:12px 14px}.dashboard-layout{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.dashboard-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:18px;padding:20px}.dashboard-card h3{margin:0 0 14px}.stack-list{gap:10px;display:grid}.stack-row{border-bottom:1px solid #e2e8f0d9;justify-content:space-between;padding:12px 0;display:flex}.notes-list{color:#475569;margin:0;padding-left:18px}@media (width<=960px){.hero,.panel-header,.dashboard-layout{grid-template-columns:1fr;display:grid}.tab-bar,.summary-grid,.filters{grid-template-columns:1fr}.panel-actions{flex-wrap:wrap}}.order-workspace{color:#1f2937;background:#ffffffe0;border:1px solid #94a3b82e;font-size:13px}.order-workspace .workspace-header h2{color:#1f2937;margin:0 0 6px}.order-workspace .workspace-header p{color:#64748b;margin:0}.workspace-header{margin-bottom:18px}.workspace-filters{grid-template-columns:minmax(0,1fr) 120px 120px 120px;gap:12px;margin-bottom:14px;display:grid}.workspace-search,.workspace-date,.workspace-filters select{color:#1f2937;background:#fff;border:1px solid #94a3b859;border-radius:12px;width:100%;padding:12px 14px;font-size:13px}.workspace-search::placeholder{color:#94a3b8}.workspace-meta{color:#64748b;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:13px;display:flex}.query-table-wrap{background:#fff;border:1px solid #e2e8f0f2;border-radius:16px;overflow:auto}.query-table{border-collapse:collapse;width:100%;min-width:1120px}.query-table th,.query-table td{color:#1f2937;border-bottom:1px solid #e2e8f0d9;padding:10px 12px;font-size:13px}.query-table th{color:#7c2d12;background:#fffaf5;font-size:13px;font-weight:600;position:sticky;top:0}.order-link{color:#2563eb;font-weight:600}.channel-cell{gap:4px;display:grid}.channel-cell small{color:#64748b}.channel-pill{border-radius:999px;justify-content:center;align-items:center;min-width:42px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.channel-pill.web{color:#2563eb;background:#2563eb1f}.channel-pill.app{color:#c2410c;background:#ea580c1f}.delivery-pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.delivery-pill.success{color:#047857;background:#10b98124}.delivery-pill.neutral{color:#475569;background:#94a3b824}.muted-text{color:#64748b}.product-summary{white-space:nowrap;text-overflow:ellipsis;color:#334155;max-width:420px;overflow:hidden}.dark-empty-state{color:#475569;background:#fff9;border-color:#94a3b873}@media (width<=1100px){.workspace-filters{grid-template-columns:1fr 1fr}}.order-text{font-size:inherit}.query-table th,.query-table td,.query-table th{font-size:13px!important}.compact-order-table .align-right{text-align:right}.compact-order-table .col-xs{min-width:78px}.compact-order-table .col-sm{min-width:110px}.compact-order-table .col-md,.compact-order-table .col-date{min-width:150px}.compact-order-table .col-order,.compact-order-table .col-member{min-width:140px}.compact-order-table .col-money{white-space:nowrap;min-width:96px}.compact-order-table .col-status{min-width:110px}.money-value{color:#0f172a;font-weight:700}.status-tag{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-tag.danger{color:#b91c1c;background:#ef44441f}.status-tag.neutral{color:#475569;background:#94a3b824}.pagination-bar{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.page-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b859;border-radius:10px;padding:8px 12px}.page-button:disabled{opacity:.45;cursor:not-allowed}.page-indicator{color:#475569;font-size:13px}.compact-order-table .col-md{min-width:138px}.compact-order-table .col-md .multi-line-cell{min-width:0}.compact-order-table .multi-line-cell{white-space:normal;line-height:1.35}.compact-order-table .multi-line-cell span,.compact-order-table .multi-line-cell small{word-break:break-word;display:block}.money-value-accent{color:#b91c1c}.status-tag.success{color:#047857;background:#10b9812e}.compact-order-table .stacked-secondary{color:#94a3b8;font-size:13px}.page-number-group{gap:8px;display:flex}.page-number{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b859;border-radius:10px;min-width:36px;height:36px}.page-number.active{color:#fff;background:#f97316;border-color:#f97316}.order-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,170px) repeat(7,minmax(130px,1fr))}@media (width<=1280px){.order-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-filter-grid .workspace-search{grid-column:1/-1}}@media (width<=768px){.order-filter-grid{grid-template-columns:1fr}}.compact-order-table .col-item-name{min-width:220px}.item-workspace-filters{grid-template-columns:minmax(0,1fr) 180px}.item-query-table{min-width:1680px}.compact-order-table .stacked-accent{color:#c2410c;font-size:13px}.item-query-table .col-date{min-width:110px}.shipping-info-cell .delivery-pill{width:fit-content;margin-bottom:4px}.dashboard-panel .workspace-meta{margin-bottom:18px}.dashboard-filters{grid-template-columns:repeat(2,180px);gap:12px;margin-bottom:12px;display:grid}.dashboard-section{gap:16px;display:grid}.dashboard-section-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.dashboard-section-header h3{margin:0}.dashboard-section-header span{color:#64748b;font-size:13px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.overview-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:18px;align-content:start;gap:14px;padding:20px;display:grid}.overview-card.emphasis{background:linear-gradient(#fffaf5 0%,#fff 100%)}.overview-label{color:#64748b;font-size:13px}.overview-primary{color:#0f172a;font-size:36px;line-height:1}.overview-details{color:#475569;grid-template-columns:1fr auto;gap:8px 12px;font-size:13px;display:grid}.overview-details strong{color:#0f172a}.overview-note{color:#475569;font-size:14px}@media (width<=1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.dashboard-filters,.overview-grid{grid-template-columns:1fr}.dashboard-section-header{flex-direction:column;align-items:flex-start}}.source-analysis-grid .overview-card{gap:12px}.source-breakdown-list{gap:10px;display:grid}.source-breakdown-row{color:#475569;border-bottom:1px solid #e2e8f0d9;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;font-size:13px;display:flex}.source-breakdown-row:last-child{border-bottom:0;padding-bottom:0}.source-breakdown-row strong{color:#0f172a}.source-breakdown-empty{color:#94a3b8;font-size:13px}.dashboard-panel{gap:20px;display:grid}.dashboard-section+.dashboard-section{margin-top:6px}.breakdown-metric{text-align:right;justify-self:stretch;justify-items:end;gap:4px;width:160px;min-width:160px;display:grid}.breakdown-metric strong{color:#0f172a;font-size:15px;line-height:1}.breakdown-metric small{color:#94a3b8;font-size:12px}.chart-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:18px;padding:18px 20px 12px}.item-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-list{gap:10px;display:grid}.rank-row{border-bottom:1px solid #e2e8f0d9;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:10px;display:flex}.rank-row:last-child{border-bottom:0;padding-bottom:0}.rank-label{color:#334155;align-items:flex-start;gap:10px;min-width:0;display:flex}.rank-label span:last-child{word-break:break-word}.rank-index{color:#94a3b8;min-width:34px;font-weight:700}@media (width<=1100px){.item-analysis-grid{grid-template-columns:1fr}}.breakdown-bar{background:#e2e8f0f2;border-radius:999px;width:100%;height:6px;overflow:hidden}.breakdown-bar span{border-radius:inherit;background:linear-gradient(90deg,#fb923c,#ea580c);height:100%;display:block}.subsidy-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subsidy-analysis-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.5fr)}.subsidy-trend-card{min-height:340px}.mini-section-title{color:#475569;margin-bottom:10px;font-size:13px}.comparison-table-wrap{border-radius:14px}.comparison-table{min-width:620px}@media (width<=1100px){.subsidy-kpi-grid,.subsidy-analysis-grid{grid-template-columns:1fr}}.portfolio-note{background:linear-gradient(#fff7edeb,#fffaf5eb);border:1px solid #fbbf242e;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 0;padding:14px 16px;display:flex}.portfolio-note strong{color:#475569;margin-bottom:4px;font-size:14px;display:block}.portfolio-note p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.portfolio-link{color:#475569;background:#fff;border:1px solid #94a3b847;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:156px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-link:hover{background:#f8fafc;border-color:#64748b52}@media (width<=960px){.portfolio-note{flex-direction:column;align-items:flex-start}.portfolio-link{width:100%}}