:root{--color-bg:#fbf5f5;--color-surface:#fffdfd;--color-border:#e7d5d8;--color-text:#3f3035;--color-text-muted:#746268;--color-primary:#9c596b;--color-primary-contrast:#fff;--color-danger:#b64d5c;--color-success:#5c856f;--color-warning:#a57b45;--radius:6px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-header{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__brand{font-weight:700;font-size:1.1rem}.app-header__nav{display:flex;gap:16px;flex:1 1}.app-main-wrapper{max-width:1000px;margin:0 auto}.app-main{padding:24px}.sync-status-bar{display:flex;align-items:center;gap:10px;padding:8px 24px;background:#f6ecee;border-bottom:1px solid var(--color-border);font-size:.85rem}.sync-status-bar__dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger);display:inline-block}.sync-status-bar__dot[data-online=true]{background:var(--color-success)}.sync-status-bar__badge{padding:2px 8px;border-radius:999px;background:var(--color-warning);color:#fff;font-size:.75rem}.sync-status-bar__badge--conflict{background:var(--color-danger)}.sync-status-bar__message{color:var(--color-text-muted)}.card{border:1px solid var(--color-border);padding:16px;margin-bottom:16px}.button,.card{background:var(--color-surface);border-radius:var(--radius)}.button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:.9rem}.button:hover{border-color:var(--color-primary)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;color:#fff;background:var(--color-text-muted)}.status-badge[data-status=Draft]{background:#76636b}.status-badge[data-status=Pending]{background:var(--color-warning)}.status-badge[data-status=Approved]{background:#806a92}.status-badge[data-status=Published]{background:var(--color-success)}.status-badge[data-status=Rejected]{background:var(--color-danger)}.status-badge[data-status=Deprecated]{background:#a8949c}.status-badge[data-status=pending]{background:var(--color-warning)}.status-badge[data-status=synced]{background:var(--color-success)}.status-badge[data-status=conflict]{background:var(--color-danger)}.button--ghost{background:transparent}.soap-form__section{margin-bottom:20px}.soap-form__section-title{margin:0 0 8px;font-size:1rem}.soap-form__section-key{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:4px;background:var(--color-primary);color:#fff;font-size:.8rem;margin-right:6px}.soap-form__empty{color:var(--color-text-muted);font-size:.85rem}.soap-field{margin-bottom:12px}.soap-field__label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:4px}.soap-field__required{color:var(--color-danger);margin-left:2px}.soap-field input,.soap-field select,.soap-field textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit}.soap-field__number-row{display:flex;align-items:center;gap:8px}.soap-field__unit{color:var(--color-text-muted);font-size:.85rem}.soap-field__checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.soap-field__checkbox-option{display:flex;align-items:center;gap:4px;font-size:.9rem}.diff-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:16px}.diff-table td,.diff-table th{border:1px solid var(--color-border);padding:6px 10px;text-align:left;vertical-align:top}.list-table{width:100%;border-collapse:collapse}.list-table td,.list-table th{border-bottom:1px solid var(--color-border);padding:10px;text-align:left}.error-banner{background:#fae9eb;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;white-space:pre-wrap}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}