:root{--color-bg: #FFFFFF;--color-text: #1E293B;--color-text-muted: #64748B;--color-primary: #F06000;--color-border: #E2E8F0;--color-bg-soft: #F8FAFC;--color-primary-hover: #D45200;--color-primary-tint: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-primary-soft-bg: #FFF7ED;--color-primary-dark: var(--color-primary-hover);--color-bg-alt: var(--color-bg-soft);--color-secondary: var(--color-text);--color-primary-light: var(--color-primary-tint);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans", "Yu Gothic UI", "Noto Sans CJK TC", "Noto Sans CJK JP", Roboto, system-ui, sans-serif;--line-height-base: 1.6;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-display-md: clamp(1.5rem, 3vw, 2.25rem);--text-display-lg: clamp(2rem, 4vw, 3.25rem);--font-size-base: var(--text-base);--space-2: .5rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--spacing-section: 5rem;--spacing-container: var(--space-6);--max-width-content: 1200px;--max-width-narrow: 720px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease}@media(max-width:768px){:root{--spacing-section: 3.5rem}}:root{--color-success: #16a34a;--color-success-hover: #15803d;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-info: #1d4ed8;--color-info-hover: #1e40af;--color-purple: #7c3aed;--color-purple-hover: #6d28d9}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-soft)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto}::selection{background:var(--color-primary-tint);color:var(--color-text)}.app-shell{min-height:100vh;background:var(--color-bg-soft)}.main-content{padding:var(--space-6);max-width:var(--max-width-content);margin:0 auto}.navbar{background:var(--color-primary);color:#fff;padding:0 var(--space-6);display:flex;align-items:center;height:56px;gap:var(--space-8)}.navbar__brand{color:#fff;text-decoration:none;font-size:var(--text-lg);font-weight:700;flex-shrink:0}.navbar__brand:hover{text-decoration:none;opacity:.9}.navbar__links{display:flex;gap:var(--space-6);align-items:center;height:100%}.navbar__link{color:#fff;text-decoration:none;font-size:var(--text-sm);opacity:.7;border-bottom:2px solid transparent;padding-bottom:4px;transition:opacity var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;height:100%}.navbar__link:hover{opacity:1;text-decoration:none}.navbar__link--active{opacity:1;border-bottom-color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.page-header__title{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.page-header__actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;font-family:var(--font-sans);line-height:1.4;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}a.btn:hover{text-decoration:none}.btn--sm{padding:.4rem .875rem;font-size:var(--text-sm)}.btn--md{padding:.625rem 1.25rem;font-size:var(--text-base)}.btn--lg{padding:.875rem 1.75rem;font-size:var(--text-base)}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-text-muted)}.btn--ghost{background:var(--color-primary-soft-bg);color:var(--color-primary);border-color:var(--color-primary-tint)}.btn--ghost:hover:not(:disabled){background:var(--color-primary-tint)}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn--success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn--success:hover:not(:disabled){background:var(--color-success-hover);border-color:var(--color-success-hover)}.btn--info{background:var(--color-info);color:#fff;border-color:var(--color-info)}.btn--info:hover:not(:disabled){background:var(--color-info-hover);border-color:var(--color-info-hover)}.btn--purple{background:var(--color-purple);color:#fff;border-color:var(--color-purple)}.btn--purple:hover:not(:disabled){background:var(--color-purple-hover);border-color:var(--color-purple-hover)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card--soft{background:var(--color-bg-soft)}.card__title{margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:600}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:4px;font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);box-sizing:border-box;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-tint)}.form-textarea{resize:vertical;min-height:60px}.form-select{cursor:pointer}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.form-grid-2{grid-template-columns:1fr}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);font-size:var(--text-sm)}.detail-grid__item{line-height:1.6}.detail-grid__item strong{color:var(--color-text)}.table{width:100%;border-collapse:collapse;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;font-size:var(--text-sm)}.table th{padding:var(--space-2) var(--space-4);text-align:left;font-weight:600;background:var(--color-bg-soft);color:var(--color-text);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-soft)}.table th--center,.table td--center{text-align:center}.table th--right,.table td--right{text-align:right}.td--truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table__link{color:var(--color-primary);text-decoration:none;margin-right:var(--space-4);font-size:var(--text-sm)}.table__link:hover{text-decoration:underline}.table__action-btn{background:none;border:none;cursor:pointer;font-size:var(--text-sm);padding:0;color:var(--color-danger);font-family:var(--font-sans)}.table__action-btn:hover{text-decoration:underline}.table-input{padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-sans);box-sizing:border-box;color:var(--color-text);background:var(--color-bg)}.table-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-tint)}.card>.table{box-shadow:none;border-radius:0}.badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff;line-height:1.5;white-space:nowrap}.badge--draft{background:var(--color-primary)}.badge--sent{background:var(--color-info)}.badge--confirmed{background:var(--color-success)}.badge--expired,.badge--pending{background:var(--color-text-muted)}.badge--processing{background:var(--color-info)}.badge--shipped{background:var(--color-purple)}.badge--completed{background:var(--color-success)}.badge--cancelled{background:var(--color-danger)}.totals-bar{border-top:2px solid var(--color-text);margin-top:var(--space-2);padding-top:var(--space-2);display:flex;justify-content:flex-end;gap:60px;font-size:var(--text-base)}.totals-bar__col{text-align:right}.totals-bar__amount{font-size:var(--text-lg);font-weight:700;margin-top:4px}.diff-removed{background:#fef2f2}.diff-added{background:#f0fdf4}.text-muted{color:var(--color-text-muted)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.section{padding:var(--space-6)}