:root{--bg:#f8fafc;--surface:#fff;--surface-subtle:#f1f5f9;--border:#cbd5e1;--text:#0f172a;--text-muted:#475569;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-weak:#dbeafe;--success:#15803d;--success-hover:#166534;--warning:#b45309;--danger:#b91c1c;--danger-weak:#fee2e2;--danger-border:#fecaca;--status-warning-bg:#fffbeb;--status-warning-text:#92400e;--status-ready-bg:#dcfce7;--status-ready-text:#166534;--status-info-text:#1e40af;--focus-ring:#1d4ed833;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", "sans-serif";--font-body:14px;--font-small:12px;--font-section:16px;--font-title:20px;--line-body:20px;--line-small:16px;--line-section:24px;--line-title:28px;--tracking-eyebrow:.5px;--border-width:1px;--active-border-width:2px;--focus-width:3px;--focus-offset:2px;--focus-shadow:0 0 0 var(--focus-width) var(--focus-ring);--target-size:44px;--textarea-min-size:80px;--transition-fast:.2s;--weight-medium:500;--weight-semibold:600;--opacity-disabled:.55;--opacity-loading:.7;--admin-columns:2;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:24px;--spacing-6:32px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--bg);color:var(--text)}body{font-size:var(--font-body);line-height:var(--line-body)}h2,h3{font-size:var(--font-section);line-height:var(--line-section);font-weight:var(--weight-semibold)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:var(--spacing-4) var(--spacing-5);background-color:var(--surface);border-bottom:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;display:flex}.topbar div{align-items:center;gap:var(--spacing-3);display:flex}.topbar .eyebrow{font-size:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.topbar h1{font-size:var(--font-title);line-height:var(--line-title);font-weight:var(--weight-semibold);margin:0}.status-pill{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:var(--weight-medium);display:inline-block}.status-pill.loading{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.status-pill.ready{background-color:var(--status-ready-bg);color:var(--status-ready-text)}.status-pill.error{background-color:var(--danger-weak);color:var(--danger)}.status-pill.success{background-color:var(--primary-weak);color:var(--status-info-text)}.content{padding:var(--spacing-5);flex:1;overflow-y:auto}.btn-primary,.btn-secondary,.btn-success,.btn-outline,.btn-back{min-height:var(--target-size);justify-content:center;align-items:center;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--surface);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);border:none}.btn-primary:hover{background-color:var(--primary-hover)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-width) solid var(--primary);outline-offset:var(--focus-offset)}.btn-secondary{background-color:var(--surface);color:var(--text);border:var(--border-width) solid var(--border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer}.btn-secondary:hover{background-color:var(--surface-subtle)}.btn-success{background-color:var(--success);color:var(--surface);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;border:none}.btn-success:hover{background-color:var(--success-hover)}.btn-outline{color:var(--primary);border:var(--border-width) solid var(--primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;background-color:#0000}.btn-outline:hover{background-color:var(--primary-weak)}.btn-back{color:var(--text-muted);font-size:var(--font-body);cursor:pointer;padding:var(--spacing-2);white-space:nowrap;background-color:#0000;border:none}.btn-back:hover{color:var(--text)}.semantic-questions{margin:var(--spacing-3) 0 0;text-align:left;padding:0;list-style:none}.semantic-questions li{padding:var(--spacing-2) 0;border-bottom:var(--border-width) solid var(--border)}.semantic-questions li:last-child{border-bottom:none}.form-group{margin-bottom:var(--spacing-4)}.form-group label{margin-bottom:var(--spacing-1);font-weight:var(--weight-semibold);font-size:var(--font-body);display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);font-size:var(--font-body);background-color:var(--surface);color:var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:var(--focus-shadow);outline:none}.form-group textarea{resize:vertical;min-height:var(--textarea-min-size)}.form-actions{gap:var(--spacing-3);margin-top:var(--spacing-5);display:flex}.portal-nav{gap:var(--spacing-2);margin-bottom:var(--spacing-5);border-bottom:var(--border-width) solid var(--border);display:flex}.portal-nav a{min-height:var(--target-size);padding:var(--spacing-2) var(--spacing-3);color:var(--text-muted);text-decoration:none}.portal-nav a[aria-current=page]{color:var(--primary);border-bottom:var(--active-border-width) solid var(--primary)}.admin-intro,.admin-project{margin-bottom:var(--spacing-5)}.admin-project{padding:var(--spacing-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.admin-project>header{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.admin-grid{grid-template-columns:repeat(var(--admin-columns), minmax(0, 1fr));gap:var(--spacing-4);display:grid}.admin-card{align-content:start;gap:var(--spacing-2);padding:var(--spacing-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);display:grid}.admin-card input,.admin-card select,.admin-card button{min-height:var(--target-size)}.admin-card input,.admin-card select{width:100%;padding:var(--spacing-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}.admin-card hr{border:0;border-top:var(--border-width) solid var(--border);width:100%}.admin-list{gap:var(--spacing-2);display:grid}.mapping-form,.contract-catalog{gap:var(--spacing-3);margin-top:var(--spacing-2);display:grid}.contract-catalog-filter,.contract-catalog-field{gap:var(--spacing-1);color:var(--text-muted);font-size:var(--font-small);display:grid}.contract-catalog-list{border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:32rem;display:grid;overflow:auto}.contract-catalog-row{align-items:end;gap:var(--spacing-2);padding:var(--spacing-3);border-top:var(--border-width) solid var(--border);grid-template-columns:minmax(5rem,.5fr) minmax(12rem,2fr) minmax(5rem,.5fr) minmax(7rem,.65fr);display:grid}.contract-catalog-row:first-child{border-top:0}.contract-catalog-row strong{overflow-wrap:anywhere;color:var(--text);font-size:var(--font-small)}.contract-catalog-row small{grid-column:1/-1}.mapping-row{align-items:center;gap:var(--spacing-3);grid-template-columns:minmax(0,1fr) minmax(8rem,.45fr);display:grid}.mapping-row span{overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--font-small)}.admin-list-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:var(--border-width) solid var(--border);display:flex}.admin-result,.field-help,.admin-card small{color:var(--text-muted);font-size:var(--font-small);line-height:var(--line-small)}.mapping-notice{margin-bottom:var(--spacing-5)}.loading,.empty-state{text-align:center;padding:var(--spacing-6) var(--spacing-4);color:var(--text-muted);font-style:italic}.loading{opacity:var(--opacity-loading)}.error-message{background-color:var(--danger-weak);color:var(--danger);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);border:var(--border-width) solid var(--danger-border)}@media (width<=1023px){.admin-grid{--admin-columns:1}}@media (width<=640px){.topbar{gap:var(--spacing-3);flex-direction:column}.topbar div{justify-content:space-between;width:100%}.topbar .eyebrow{display:none}.topbar h1{white-space:nowrap}.content{padding:var(--spacing-4)}.admin-grid{--admin-columns:1}.admin-project>header{flex-wrap:wrap;align-items:flex-start}.admin-project>header .status-pill{overflow-wrap:anywhere;max-width:100%}.form-actions{flex-direction:column}.contract-catalog-row{grid-template-columns:1fr;align-items:stretch}}@media (width>=1024px){.content{padding:var(--spacing-6)}}